@charset "utf-8";

/* 메인 페이지 */
#visual{margin:44px 0 30px;}
#visual .slider{max-width: 100%;margin: auto;position: relative;}
#visual .slider ul li{margin:0 auto;padding: 0;height: 435px;background:#46505a;}
#visual .slider ul li:nth-child(2){background:#46505a;}
#visual .slider ul li:nth-child(3){background:#494e54;}
#visual .slider ul li:nth-child(4){background:#595e64;}
#visual .slider ul li:nth-child(5){background:#58616a;}
#visual .slider ul li:nth-child(6){background:#575c62;}
#visual .slider ul li:nth-child(7){background:#4d545c;}
/* 190717 : 수정 */
#visual .slider ul li div{display:block;/* max-width:1080px; */;margin:0 auto;position:relative;height:100%;overflow:hidden;}
/* 190717 : 추가 */
#visual .slider ul li div img{position:absolute;top:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#visual .bx-controls{position: absolute;bottom:20px;right:0;left:50%;width:100%;max-width:1192px;margin-left:-596px;text-align:center}
#visual .bx-controls-direction{position:absolute;top:-210px;left:0;width:100%}
/* 190717 : 수정 */
#visual .bx-controls-direction > a{position: absolute;width: 56px;height: 56px;font-size:0;color:transparent;background-repeat: no-repeat;}
#visual .bx-prev{left: 0;background-image: url('../images/main/btn_visual_prev.png');}
#visual .bx-next{right: 0;background-image: url('../images/main/btn_visual_next.png');}
#visual .bx-pager{display:inline-block;position:static;}
#visual .bx-pager-item{display: inline-block;margin: 0 5px;}
#visual .bx-pager-link{text-indent: -9999px;display: block;width: 17px;height: 17px;border-radius: 50%;background-color: #fff;}
#visual .bx-pager-link.active{background-color: #f47920;}
#visual .bx-controls-auto{display:inline-block;position:static;margin:1px 10px 0 0;vertical-align:top}
#visual .bx-controls-auto a{display:block;width:10px;height:14px;font-size:0;color:transparent;background-repeat: no-repeat;}
#visual .bx-controls-auto .bx-start{background-image:url('../images/main/ico_play.png');}
#visual .bx-controls-auto .bx-stop{background-image:url('../images/main/ico_stop.png');}

/*2021-10-01 : 추가*/
#visual .chart{position: absolute; top: 50px; left: 960px; display: block; z-index: 2;}

/*2021-10-22 : 추가*/
/*2021-02-09 : 수정*/
#visual .main_background{background-image: url('/resource/images/main/main_background1.png'); background-size: cover;}
#visual .main_background1{background-image: url('/resource/images/main/main_background1.png'); background-size: cover;}
#visual .main_visual_1{background-image: url('/resource/images/main/main_chart_visual1.png'); background-size: cover; position: absolute;}
#visual .main_visual_2{background-image: url('/resource/images/main/main_chart_visual2.png'); background-size: cover; position: absolute;}
#visual .main_visual_3{background-image: url('/resource/images/main/main_chart_visual3.png'); background-size: cover; position: absolute;}
#visual .main_visual_4{background-image: url('/resource/images/main/main_chart_visual4.png'); background-size: cover; position: absolute;}
#visual .back_color{width: 500px; height: 300px; position: absolute; top: 50px; left: 955px; background-color: white; z-index: 0; opacity: 0.8;}
#visual .main_background2{background-image: url('/resource/images/main/main_background2.png'); position: absolute;top: 0px;left: 50%;width: 1080px;transform: translate(-50%, 0); width: 1192px; height: 439px;}
#visual .main_visual_21{background-image: url('/resource/images/main/main_chart_visual21.png'); background-size: cover; position: absolute; width: 1192px; height: 439px;}
#visual .main_visual_22{background-image: url('/resource/images/main/main_chart_visual22.png'); background-size: cover; position: absolute; width: 1192px; height: 439px;}
#visual .main_visual_23{background-image: url('/resource/images/main/main_chart_visual23.png'); background-size: cover; position: absolute; width: 1192px; height: 439px;}
#visual .main_visual_24{background-image: url('/resource/images/main/main_chart_visual24.png'); background-size: cover; position: absolute; width: 1192px; height: 439px;}

/*2021-11-23 : 추가 (차트 디자인 변경)*/

/*comprodcd_chart-무기체계별 방산업체 비중
#visual .comprodcd_chart{position: absolute; top: 135px; left: 0; margin-left: 57%; display: block; z-index: 2;}
#visual .comprodcd_chart_title{position: absolute; top: 80px; left: 0; margin-left: 57.5%; font-size: 24px; font-family: 'Malgun Gothic'; text-align: center; z-index: 3; line-height: 24px; font-weight: 600; color:#ffffff;}
*/
#visual .comprodcd_chart{position: absolute; top: 80px; left:57%; width: 390px;}
#visual .comprodcd_chart tr:nth-child(1){font-size: 24px; font-family: 'Malgun Gothic';line-height: 24px; font-weight: 600; color:#ffffff; text-align: left; }
#visual .comprodcd_chart tr:nth-child(2){height: 30px;}
#visual .comprodcd_chart tr:nth-child(3){font-size: 14px; font-family: 'Malgun Gothic';line-height: 14px; color:#ffffff; text-align: right; }

/*empolye_chart-방산업체 기업규모별 방산 고용현황
#visual .empolye_chart_hor{position: absolute; top: 90px; left:0; display: block; z-index: 2; margin-left: 56.5%;}
#visual .empolye_chart_hor_title{position: absolute; top: 80px; left: 0; margin-left: 57%; font-size: 24px; font-family: 'Malgun Gothic'; text-align: center; z-index: 3; line-height: 24px; font-weight: 600; color:#FFFFFF;}
#visual .empolye_chart_hor_unit{position: absolute;  top: 130px; left: 0%; margin-left: 74%;font-size: 14px; font-family: 'Malgun Gothic'; z-index: 3; line-height: 12px; color: #FFFFFF;}*/

#visual .empolye_chart_hor{position: absolute; top: 80px; left:57%; width: 390px;}
#visual .empolye_chart_hor tr:nth-child(1){font-size: 24px; font-family: 'Malgun Gothic';line-height: 24px; font-weight: 600; color:#ffffff; text-align: left; }
#visual .empolye_chart_hor tr:nth-child(2){height: 30px;}
#visual .empolye_chart_hor tr:nth-child(3){font-size: 14px; font-family: 'Malgun Gothic';line-height: 14px; color:#ffffff; text-align: right; }


/*BusinessResult_chart-방산 경영성과*/
#visual .businessResult_chart{position: absolute; top: 150px; left:57%; display: block; z-index: 2;}
#visual .businessResult_container{position: absolute; top: 80px; left:57%; height: auto; width: 390px;}
#visual .blabels{position: absolute; width:390px; z-index: 2; color: #FFFFFF;}
#visual .blabels tr:nth-child(1){font-size: 24px; font-family: 'Malgun Gothic'; text-align: left; z-index: 3; line-height: 24px; font-weight: 600; color:#FFFFFF;}
#visual .blabels tr:nth-child(2){line-height: 50px;}
#visual .businessResult_unit{position: absolute;width: 390px; top: 80px; z-index: 2; text-align: right; color: white;}
#visual .businessResult_unit tr{line-height: 15px;}
#visual .businessResult_unit td:first-child {font-size: 16px;}
#visual .businessResult_unit tr:nth-child(1) td:first-child,tr:nth-child(5) td:first-child,tr:nth-child(9) td:first-child{color: #ffffff; text-align: left;}
#visual .businessResult_unit tr:nth-child(1) td:nth-last-child(-n+2),#visual .businessResult_unit tr:nth-child(5) td:nth-last-child(-n+2),#visual .businessResult_unit tr:nth-child(9) td:nth-last-child(-n+2){border-bottom: solid 1px #FFFFFF; color:#FFFFFF; }
#visual .businessResult_unit tr:nth-child(2) td:nth-last-child(-n+2),#visual .businessResult_unit tr:nth-child(6) td:nth-last-child(-n+2),#visual .businessResult_unit tr:nth-child(10) td:nth-last-child(-n+2){border-bottom: solid 1px #FFFFFF; color:#FFFFFF; }
#visual .businessResult_unit tr:nth-child(3), #visual .businessResult_unit tr:nth-child(7),tr:nth-child(11){color:#FFFFFF; }
#visual .businessResult_unit tr:nth-child(4),#visual .businessResult_unit tr:nth-child(8){height: 20px;}

/*sadv_chart*/
/* #visual .sadv_chart{position: absolute; top: 150px; left: 1085px; display: block; z-index: 2;}
#visual .sadv_back_color{width: 400px; height: 400px; position: absolute; top: 17px; left: 430px; background: linear-gradient( 104deg, #A0D4EE, #207bc0); z-index: 0; border-radius: 200px;}
#visual .white_circle{width: 320px; height: 320px; position: absolute; top: 57px; left: 470px; background: white; z-index: 1; border-radius: 160px; box-shadow: 18px 20px 20px 4px #808080a6;}
#visual .sadv_chart_title{position: absolute; top: 80px; left: 1105px; font-size: 24px; font-family: 'Malgun Gothic'; text-align: center; z-index: 3; line-height: 24px; font-weight: 600; color:#FFFFFF;}
#visual .sadv_chart_unit{position: absolute;  top: 127px; left: 520px; font-size: 12px; font-family: 'Malgun Gothic'; z-index: 3; line-height: 12px; color: #ffffff;}
#visual .sadv_img{width: 85px; z-index: 2; top: 168px; left: 525px;}
#visual .sadv_chart_pt{position: absolute; top: 120px; left: 1105px; color: #ffffff; font-size: 14px;} */

#visual .sadv_chart{position: absolute; top: 80px; left:57%; width: 390px;}
#visual .sadv_chart tr:nth-child(1){font-size: 24px; font-family: 'Malgun Gothic';line-height: 24px; font-weight: 600; color:#ffffff; text-align: left; }
#visual .sadv_chart tr:nth-child(2){height: 50px; font-size: 14px; font-family: 'Malgun Gothic';line-height: 14px; color:#ffffff; text-align: right; }


.main_box{width:100%;float: left;}
.main_box ul{margin: 0 -5px;}
.main_box li{float: left;padding: 0 5px;width: 16.666%;box-sizing: border-box;}
.main_box li a{display: block;position:relative;text-align: center;border: 1px solid #ccc;height: 280px;padding: 20px 0;box-sizing: border-box;}
.main_box li a:hover{background-color: #f3f3f3;}
.main_box li span{display: block;}
.main_box li .t1{font-size: 16px;font-weight: 600;padding-top: 140px;background-repeat: no-repeat;background-position: center 0;word-break:keep-all}
.main_box li .t2{position:absolute;left:0;top:214px;width:100%;font-size: 14px;color: #666;word-break:keep-all}
.main_box .n1 .t1{background-image: url('../images/main/main_box_n1.png');color: #258883;}
.main_box .n2 .t1{background-image: url('../images/main/main_box_n2.png');color: #5f62b1;}
.main_box .n3 .t1{background-image: url('../images/main/main_box_n3.png');color: #ff9999;}
.main_box .n4 .t1{background-image: url('../images/main/main_box_n4.png');color: #77ab13;}
.main_box .n5 .t1{background-image: url('../images/main/main_box_n5.png');color: #466094;}
.main_box .n6 .t1{background-image: url('../images/main/main_box_n6.png');color: #E6D669;}
.popup_zone{float: right;width: 284px;height: 280px;border: 1px solid #ccc;box-sizing: border-box;}
.popup_zone li, .popup_zone li a{display: block;height: 278px;overflow: hidden;}
.popup_zone li img{width: 284px;height: 278px;}
.popup_zone .bx-pager{position: absolute;right: 10px;top: 10px;}
.popup_zone .bx-pager-item{display: inline-block;margin: 0 2px;}
.popup_zone .bx-pager-link{text-indent: -9999px;display: block;width: 14px;height: 14px;border-radius: 50%;background-color: #d5d5d5;}
.popup_zone .bx-pager-link.active{background-color: #d27c54;}


/*로그인 login*/
.box_content{width: 1080px;margin: 50px auto 100px;padding:0;box-sizing: border-box;}
.box_content .logo{text-align: center;}
.box_content .box_body{border: 1px solid #ccc;margin-top: 120px;padding: 40px 45px;}
.login_box, .guide_box{border: 1px solid #ccc;height: 530px;box-sizing: border-box;}
.login_box h3, .guide_box h3{font-size: 50px;color: #000;text-align: center;font-weight: normal;margin-bottom: 35px;}
.login_box{width: 580px;padding: 65px 40px;}
.login_box .input_wrap{position: relative;padding-right: 150px;margin-bottom: 10px;}
.login_box .input_wrap .typeText, .login_box .input_wrap .typePassword{display: inline-block;width: 100%;height: 42px;box-sizing: border-box;border: 1px solid #ccc;font-size: 17px;}
.login_box .input_wrap .typePassword{margin-top: 10px;}
.login_box .input_wrap .typeButton{position: absolute;top: 0;right: 0;width: 140px;height: 100%;background: #1e81a1;border: none;font-size: 20px;color: #fff;}
.login_box .input_wrap2 label{font-size: 16px;color: #666;}
.login_box .input_wrap2 div{margin-top: 10px;}
.login_box .input_wrap2 a{width: 230px;height: 50px;line-height: 50px;display: inline-block;font-size: 18px;color: #fff;font-weight: 600;text-align: center;}
.login_box .input_wrap2 a:nth-of-type(1){background-color: #20a19c;}
.login_box .input_wrap2 a:nth-of-type(2){background-color: #9f9f9f;}
.login_box p{font-size: 18px;color: #282828;}
.guide_box{width: 460px;padding: 65px 70px;}
.guide_box a{display: block;height: 94px;line-height: 94px;font-size: 20px;font-weight: 600;color: #fff;padding: 0 30px 0 75px;background-image: url('../images/common/ico_guide.png');background-repeat: no-repeat;background-position: 27px center;margin-bottom: 40px;}
.guide_box a:nth-of-type(1){background-color: #1e81a1;}
.guide_box a:nth-of-type(2){background-color: #20a19c;}
.guide_box a span{display: block;background-repeat: no-repeat;background-position: right center;}
.guide_box a:nth-of-type(1) span{background-image: url('../images/common/arr_blue.png');}
.guide_box a:nth-of-type(2) span{background-image: url('../images/common/arr_white.png');}

.box_body .page_btn{margin: 30px 0;}
.box_body .page_btn .btn{margin: 0 15px;}
.box_body .btn.xl{font-size: 18px;min-width: 230px;height: 50px;line-height: 50px;font-weight: 600;}

.join_box{border-top: 2px solid #014256;border-bottom: 1px solid #ccc;padding: 35px 20px 20px;}
.gray_box{border: 1px solid #c6c7c9;background-color: #fafafa;}

.join_step{text-align: center;}
.join_step > li{display: inline-block;vertical-align: top;padding-left: 70px;background: url('../images/sub/table_list_step_arr.png') 19px center no-repeat;box-sizing: border-box;}
.join_step > li:first-child{background: none;padding-left: 0;}
.join_step > li div{display: block;width: 140px;height: 140px;border-radius: 50%;background-color: #e5e5e5;font-size: 18px;color: #333;font-weight: 600;box-shadow: 3px 4px 2px 0px rgba(0, 0, 0, 0.5);position: relative;}
.join_step > li.white div{background-color: #879cc5;color: #fff;}
.join_step > li span{padding-top: 45px;background-repeat: no-repeat;background-position: center 0;display: block;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.join_step > li.n1.white span{background-image: url('../images/main/join_step_n1_wh.png');background-position: center 10px;}
.join_step > li.n2 span{background-image: url('../images/main/join_step_n2.png');}
.join_step > li.n2.white span{background-image: url('../images/main/join_step_n2_wh.png');}
.join_step > li.n3 span{background-image: url('../images/main/join_step_n3.png');}
.join_step > li.n3.white span{background-image: url('../images/main/join_step_n3_wh.png');}
.join_t1{font-size: 24px;font-weight: bold;color: #333;padding-top: 125px;background: url('../images/main/ico_certi.png') center 0 no-repeat;}
.join_t2{font-size: 18px;color: #666;font-weight: 600;margin-top: 10px;}

/*모달팝업*/
.modalpopup{display:none;position:fixed;z-index:2000;top:50px;background-color:#fff;}
.modalpopup.zip{width:550px;top:100px;margin:0 0 0 -275px;}
.modalpopup .close{position:absolute;right:0;top:0;width:35px;height:35px;background:#20252b url('../css/images/fileboxclose.png') center center no-repeat;}
.modalpopup.zip .close{background:#840F10 url('../css/images/fileboxclose.png') center center no-repeat;}
.modalpopup > .w{position:relative;border:3px solid #393f49;}
.modalpopup.zip > .w{border-color:#b41112;}
.modalpopup .tit{height:35px;line-height:35px;text-align:center;background-color:#393f49;color:#fff;font-size:16px;cursor: move;}
.modalpopup.zip .tit{background-color:#b41112;}
.modalpopup .bot{padding:10px 0 5px 0;text-align:right;background-color:#393f49;color:#ccc;font-size:11px;position: absolute;  bottom: 0px; width: 100%;}
.modalpopup .bot label{margin-right:5px;}
.modalpopup .bot input{margin-top:0;position: static;width: auto;height: auto;}
.modalpopup .content{font-size:12px;}
.modalpopup.zip .content{padding:10px;}
.modalpopup.zip #zip1{}
.modalpopup.zip #zip2{display:none;}
.modalpopup ul.detailList{font-size:11px;}
.modalpopup ul.detailList > li{display:inline-block;height:28px;line-height:28px;margin-right:15px;}
.modalpopup ul.detailList > li img{vertical-align:middle;}
.modalpopup .scrollWrap{max-height:280px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.modalpopup .zipTab{position:relative;overflow:hidden;font-size:13px;text-align:center;}
.modalpopup .zipTab li{float:left;width:120px}
.modalpopup .zipTab li.last{margin-right:0;}
.modalpopup .zipTab > li > a{display:block;height:34px;line-height:34px;border:1px solid #cdcdcd;border-right:none;background-color:#fff;}
.modalpopup .zipTab > li.last > a{border-right:1px solid #cdcdcd;}
.modalpopup .zipTab > li.active{position:relative;z-index:1;}
.modalpopup .zipTab > li.active > a{color:#fff;border-color:#b41112;background-color:#b41112;}
.modalpopup .solo{width:96%;max-width:360px;}
.modalpopup .zipMsg{margin-bottom:10px;padding:20px 10px;line-height:1.5em;background:#f7f7f7}
.modalpopup .ipw100{position:relative;padding-right:62px;}
.modalpopup .ipw100 input{width:100%;height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.modalpopup .ipw100 > button{position:absolute;right:0;top:0;height:26px;}