@charset "UTF-8";

/* 서브페이지 공통 CSS */
.sub_wrap {margin:0 auto; text-align:center;}
.sub_vis{padding:74px 0;}
.sub_tit{font-size:30px; margin: 56px 0; line-height:1.2; text-align: center;}
.vis_text{color:#fff;}
.vis_text li:nth-child(1){font-size:33px; margin-bottom: 24px;}
.vis_text li:nth-child(2){font-size:18px; font-weight:300;}
.sub_nav{background-color:#efefef; padding:18px 0; border-bottom: 1px solid #c9c9c9;}
.sn_con{text-align:left; width:1000px; display:inline-block;}
.sn_con > li{display:inline-block; color:#989898; font-weight:300; padding: 0 36px;}
.sn_con li:nth-child(1){padding-left: 0;}
.sn_con li:nth-child(1) img{vertical-align:bottom; margin-right:14px;}
.sn_con li:nth-child(1) a{color: #989898;}
.sn_con > li:last-child{border-right: none;}
.sn_con > li.sn_arrow{padding: 0;}
.sn_con > li.nav_down{position: relative;  background-image: url(/m/images/sub/nav_down.png); background-position: right+40px center; background-repeat: no-repeat; cursor: pointer; padding-right: 58px;}
.nav_td{position: absolute; top: 36px; left: 0; width: 100%; background-color: #efefef; z-index: 1; display: none;}
.nav_td li{display: block; width: 100%; border: none; border: 1px solid #c9c9c9; border-top: none; padding: 18px 0; text-align: center;}
.nav_td li a{color: #989898;}

/* greeting */
.greeting_vis{background-image:url(/web/images/sub/greeting_vis.jpg);}
.greeting_img{background-image:url(/web/images/sub/greeting_img1.jpg); width:1000px; height:562px; display:inline-block; margin-bottom:55px;}
.gi_box{background-color: rgba(5, 61, 103, 0.8); width:364px; height:100%; color:#fff; text-align:left; padding-left:36px;}
.gi_box li:nth-child(1){padding-top:136px; font-size:29px; line-height: 1.4;}
.gi_box li:nth-child(1) span{color:#e6e4a0;}
.greeting_bar{width:49px; height:2px; background-color:#fff; margin:30px 0 93px;}
.gi_box li:nth-child(3){font-size:19px; font-weight:300; line-height:1.4;}
.greeting_desc{margin-bottom:99px;}
.greeting_desc li:nth-child(1){font-size:18px; line-height:1.7; font-weight: 500; margin-bottom: 18px;}
.greeting_desc li:nth-child(2){font-size:16px; line-height:1.8;}
.desc_bar{width:25px; height:1px; background-color:#202020; margin: 40px 0; display:inline-block;}

/* organization */
.oragnization_img{margin-bottom: 87px;}

/* direction */
.direction_con{width: 1000px; display: inline-block;}
.direction_con iframe{margin-bottom:44px;}
.factory_add{width:1200px; display:inline-block; margin-bottom:89px;}
.factory_add li{float:left;}
.factory_add li span{display:inline-block;}
.headquarters{border:1px solid #6eb7e7; border-left:3px solid #6eb7e7; padding: 9px 22px; color: #3c91c8; margin-right:26px;}
.gwangmyeong{border:1px solid #0a67a4; border-left:3px solid #0a67a4; padding: 9px 22px; color: #0a67a4; margin-right:26px; margin-left:100px;}

/* product1 */
.product_vis{background-image:url(/web/images/sub/product_vis.jpg);}
.product_con{width:1000px; display:inline-block;}
.product_box{border-bottom:1px solid #d4d4d4; text-align:left; padding-left:188px; margin-bottom: 72px;}
.product_box li{margin-bottom: 13px;} 
.feature{margin-bottom:35px;}
.feature li:nth-child(1){font-size:20px; color: #389ada;}
.feature li:nth-child(1) span{width:4px; height:16px; background-color:#389adb; display:inline-block; margin-right:12px; vertical-align:middle;}
.area li:nth-child(1){font-size:20px; color: #0a5281;}
.area li:nth-child(1) span{width:4px; height:16px; background-color:#0a5281; display:inline-block; margin-right:12px; vertical-align:middle;}
.area{margin-bottom:66px;}
.pro_sdesc{margin-left: 16px; line-height:1.6; font-weight:300;}
.product1_con{text-align:left; border-bottom: 1px solid #d4d4d4; margin-bottom: 84px;}
.pro1_scon1{text-align:left; display:inline-block; margin-right:45px; margin-bottom: 38px;}
.pro1_scon1:nth-child(3n){margin-right:0;}
.pro1_scon1 li span{width:6px; height:6px; background-color:#148fcf; display:inline-block; margin-right:10px;}
.pro1_scon1 li:nth-child(1){padding: 0 6px 6px 0; box-shadow: 5px 5px 5px #ddd; margin-bottom:20px;}
.product1_con2{border-bottom:none;}
.product1_con3{border-bottom:none; margin-bottom: 136px;}
.pro1_scon2 li:nth-child(1){box-shadow:none; padding:0; cursor:pointer;}
.pro1_scon2 li:nth-child(2){height:16px; text-align:center;}
.product1_con2 .pro1_scon2{margin-right:22px;}
.product1_con2 .pro1_scon2:nth-child(3n){margin-right:0;}
.sub_table{width:100%; border-top:2px solid #0181c7; border-bottom: 2px solid #cecece; border-right: none; border-left: none;}
.sub_table:nth-child(1){margin-bottom: 85px;}
.sub_table tr:nth-child(1) th{border-top:none;}
.sub_table th{text-align:center; background-color:#f4f4f4; border:1px solid #cecece; padding:18px 0;}
.sub_table td{text-align:center; border:1px solid #cecece; padding:18px 0; font-weight:300; line-height:1.5;}
.sub_table th:nth-child(1){border-left: none;}
.sub_table th:last-child{border-right: none;}
.sub_table td:nth-child(1){border-left: none;}
.sub_table td:last-child{border-right: none;}
.sub_table:nth-child(2){margin-bottom: 30px;}
.table_desc{font-weight:300;}
.table_desc span{color: #ef7f7f;}

/* product1 popup */
.pccon2_pop{background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100vh; display:none;}
.popup{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.close_btn{text-align:right; margin-bottom:18px; cursor:pointer;}
.popup li:nth-child(2){color:#fff; font-size:22px; margin-top:34px; text-align: center;}

/* product2 */
.product2_con{border-bottom:none;}

/* product3 */
.pro_tit{font-size:23px; color:#565555; text-align:center; margin-bottom:34px;}
.product3_con{border-bottom:none;}

/* product4 */
.pro4_imgbox,.pro4_imgbox1,.pro4_imgbox2{cursor:pointer;}
.pro4_imgbox1 p{margin:20px 0 45px; text-align:center;}
.pro_center{text-align: center;}
.table_box{width: 590px; display: inline-block;}
.pro4_table1 td{width: 10%;}
.pro4_table1 td:nth-child(1){width: 20%;}
.pro4_imgbox2{float: left;}
.pro4_imgbox2 p{margin:20px 0 72px; text-align:center;}
.pro4_tablebox2{float: right;}
.pro4_tablebox2 .pro4_table2{margin-bottom: 68px;}
.pro4_table2 td{padding: 14px 0;}
.product4_con5{text-align: center;}
.product4_con6{margin-bottom: 60px;}
.product4_con7 .pro_tit{margin-bottom: 60px;}
.redstrong{color: #db5050;}

/* product5 */
.product5_con{text-align: center;}
.product5_con .table_box{width: 100%;}
.pro5_imgbox1{margin-bottom: 79px;}

/* product4 popup */
.pccon4_pop{background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; width:100%; height:100vh; display:none;}
.popup{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.close_btn{text-align:right; margin-bottom:18px; cursor:pointer;}
.pccon4_pop li:nth-child(1){overflow:scroll;}
.popup li:nth-child(2){color:#fff; font-size:22px; margin-top:34px; text-align: center;}

/* notice */
.notice_vis{background-image:url(/web/images/sub/notice_vis.jpg);}
.notice_con{width: 1000px; display: inline-block; text-align: left; min-height: 600px;}
.notice_con th{border-right: none; border-left: none;}
.notice_con td{border-right: none; border-left: none;}
.notice_con td:nth-child(1){width: 10%;}
.notice_con td:nth-child(2){text-align: left; width: 80%;}
.notice_con td:nth-child(3){width: 10%;}
.notice_con a{color: #303030; overflow:hidden; white-space:nowrap; width:600px; text-overflow:ellipsis; display: inline-block;}
.notice_con .notice_table{margin: 0;}
.pagenation_box{margin: 70px 0 40px; text-align: center;}
.pagenation_box li{width: 31px; display: inline-block; border: 1px solid #8e8e8e; color: #8e8e8e; margin: 0 10px; cursor: pointer;}
.pagenation_box li.num{padding: 7px 0 8px;}
.pagenation_box li.arrow{height: 31px; background-repeat: no-repeat; background-position: center center;}
.pagenation_box li.first{background-image:url(/web/images/sub/first.png);}
.pagenation_box li.prev{background-image:url(/web/images/sub/prev.png);}
.pagenation_box li.next{background-image:url(/web/images/sub/next.png);}
.pagenation_box li.last{background-image:url(/web/images/sub/last.png);}
.search_box{margin-bottom: 86px; text-align: center;}
.search_box select{width: 116px; height: 31px; border: 1px solid #8e8e8e; -webkit-appearance: none; -moz-appearance: none; padding-left: 12px; color: #8e8e8e; background-image: url(/web/images/sub/select_down.png); background-repeat: no-repeat; background-position: right+10px center; font-size: 16px; vertical-align: bottom;}
.search_box select::-ms-expand{display:none;}
.search_box input{width: 247px; height: 27px; border: 1px solid #8e8e8e; color: #8e8e8e;}
.search_btn{display: inline-block; width: 68px; color: #fff; background-color: #0079c1; cursor: pointer; padding: 7px 0 8px; text-align: center;}
.pd10{text-align: left;}

/* require */
.require_vis{background-image:url(/web/images/sub/require_vis.jpg);}
.require_con{width: 1000px; display: inline-block;}
.require_con .sub_tit{margin-bottom: 30px; text-align: center;}
.require_stit{font-size: 22px; color: #4f4f4f; margin-bottom: 50px;}
.require_table th{width: 30%; text-align: left; padding-left: 28px;}
.require_table td{width: 70%; padding-left: 12px; text-align: left;}
.require_check input[type="radio"]{display: none;}
.require_check input[type="radio"] + label .circle{width: 18px; height: 18px; border: 1px solid #bababa; border-radius: 50%; display: inline-block; margin-right: 8px; cursor: pointer;}
.require_check input[type="radio"] + label .circle_tit{font-size: 14px; color: #737373; margin-right: 28px; cursor: pointer;}
.require_check input[type="radio"]:checked + label .circle{background-image: url(/web/images/sub/require_checked.png); background-position: center center; background-repeat: no-repeat;}
.require_check span{font-size: 14px; color: #737373; margin-right: 28px;}
.require_table input[type="text"]{width: 220px; height: 26px; border: 1px solid #b9b9b9; padding-left: 10px;}
.require_table .email input{width: 320px;}
.require_table .rt_tit input{width: 96%;}
.require_table .attachment input{width: 82%;}
.attach_btn{width: 87px; padding: 3px 0; background-color: #636363; color: #fff; display: inline-block; text-align: center; margin-left: 8px; cursor: pointer;}
.rt_desc textarea{width: 96%; height: 230px; resize: none;}
.rt_notice{font-size: 18px; color: #636363; margin: 30px 0 58px; text-align: left;}
.private_box{margin-bottom: 22px;}
.private_box li:nth-child(1){float: left; font-size: 22px; color: #575757;}
.private_box li:nth-child(2){float: right; font-size: 18px; color: #575757;}
.private_box input[type="checkbox"]{display: none;}
.private_box input[type="checkbox"] + label .agree_check{width: 14px; height: 14px; border: 1px solid #bababa; display: inline-block; margin-right: 10px; cursor: pointer;}
.private_box input[type="checkbox"] + label .ac_tit{cursor: pointer;}
.private_box input[type="checkbox"]:checked + label .agree_check{background-image: url(/web/images/sub/agree_checked.png); background-position: center center; background-repeat: no-repeat;}
.pd_box{height: 86px; overflow-y: scroll; padding: 26px 20px; border: 1px solid #c1c1c1; margin-bottom: 66px; text-align: left;}
.private_desc{font-size: 15px; color: #636363; line-height: 2; text-align: left;}
.require_btn{margin-bottom: 85px;}
.require_btn li{display: inline-block; border-radius: 20px;}
.require_btn li a{font-size: 24px; color: #fff; width: 145px; padding: 16px 0 17px; display: inline-block; cursor: pointer;}
.require_btn li:nth-child(1){background-color: #929292; margin-right: 24px;}
.require_btn li:nth-child(2){background-color: #007dc5;}