@charset "utf-8";

/* sv */
.sub_wrap{}
.sv_wrap{box-sizing: border-box;  width: 100%;}
.sv_sec {position: relative;width: 100%; background:url(../../images/sub/sv1.jpg) no-repeat center top; height: 274px; box-sizing: border-box; transition:1.2s;z-index: -1;}
.sv02{background:url(../../images/sub/sv2.jpg) no-repeat center top; }
.sv03{background:url(../../images/sub/sv3.jpg) no-repeat center top; }
.sv04{background:url(../../images/sub/sv4.jpg) no-repeat center top; }
.sv05{background:url(../../images/sub/sv5.jpg) no-repeat center top; }

.sv_sec  .tit_box{position: relative; box-sizing: border-box; padding-top: 89px; height: 274px; text-align: center; color: #fff;}
.sv_sec  .tit_box h4{position: relative; top: 30px; font-size: 46px; line-height: 1; font-weight: 600; text-shadow:0px 0px 10px rgba(0,0,0,0.2); transition:0.5s 0.7s;  opacity: 0;}
.sv_sec  .tit_box p {position: relative; top: 30px; font-size: 20px; line-height: 1; color: rgba(255,255,255,0.8); font-weight: 500; margin-top: 24px;  text-shadow:0px 0px 10px rgba(0,0,0,0.2); transition:0.5s 1s;  opacity: 0;}
.sv_sec  .tit_box.on p,
.sv_sec  .tit_box.on h4{opacity: 1; top: 0;}
.sv_sec  .tit_box.on:after{right: -31px; opacity: 1;}
.sub_layout {padding-top: 50px;}

/* lnb */
.lnb_box{float: left; width: 21.25%; min-width:255px}
.lnb_box .tit_box{background: #1b488c url(../../images/sub/lnb_bg.jpg) right top no-repeat; display: table; table-layout: fixed; width: 100%; height: 198px; border-radius: 0 20px 0 0; box-shadow:0px 0px 20px rgba(0,0,0,0.1)}
.lnb_box .tit_box .lnb_txt{display: table-cell; vertical-align: middle; padding-left: 28px;}
.lnb_box .tit_box .lnb_txt p{font-size: 16px; line-height: 1; color: rgba(255,255,255,0.5); font-weight: 600; padding-left: 2px; }
.lnb_box .tit_box .lnb_txt h3{font-size: 34px; line-height: 1; color: #fff; font-weight: 500; margin-top: 12px; -ms-word-break: keep-all; word-break: keep-all;}
.lnb_box .lnb > .dep2{width: 100%; }
.lnb_box .lnb > .dep2 > ul > li:first-child > a{border-top: 1px solid #ddd;}
.lnb_box .lnb > .dep2 > ul > li > a{position: relative; box-sizing: border-box; font-weight: 400; font-size: 17px; line-height: 59px; color: #666; border-bottom: 1px solid #ddd;  padding-left: 20px; transition:.3s;}
.lnb_box .lnb > .dep2 > ul > li:hover > a,
.lnb_box .lnb > .dep2 > ul > li.current > a{color: #1b488c; font-weight: 500; background: #f1f4f6;}

/* sub_cont */
.sub_cont{float: right; width: 74.16%; max-width:890px;  padding-bottom: 150px;}
.scont_t_box{border-bottom: 1px solid #ddd; margin-bottom: 40px; padding-top: 20px;}
.scont_t_box .s_page_tit{font-size: 40px; line-height: 1; color: #333; font-weight: 700; margin-bottom: 21px; margin-left: -2px;}
.speed_ul{padding-bottom: 35px;}
.speed_ul li{position: relative; float: left; padding-right: 32px; font-size: 16px; line-height: 1; color: #888; }
.speed_ul li:after{position: absolute; content:''; width: 9px; height: 12px; background: url(../../images/sub/lnb_arr.jpg) center no-repeat; right: 10px; top: 3px;} 
.speed_ul li:last-child{padding-right: 0;}
.speed_ul li:last-child:after{display: none;}
.sub_title{position: relative; font-size: 30px; line-height: 1; color: #333; font-weight: 500; padding-left: 14px; margin-bottom: 23px;}
.sub_title:before,
.sub_title:after{position: absolute; content:''; width: 4px; height: 80%; background: #1b488c; left: 0; top: 10%;}
.sub_title:after{height: 40%; background: #899ae5; }
.sub_title2{font-size: 18px; line-height: 1; color: #1b488c; font-weight: 500;}
.table_normal thead th{border-top: 1px solid #1b488c; background: #f1f4f6; font-weight: 500; color: #333;}
.table_normal th,
.table_normal td{border: 1px solid #ddd; font-size: 17px; padding: 10px 0; box-sizing: border-box;} 
.table_normal thead th:first-child,
.table_normal tbody td:first-child{border-left: 0;}
.table_normal thead th:last-child,
.table_normal tbody td:last-child{border-right: 0;}
.table_normal td.text_left{text-align: left; padding: 10px 30px; -ms-word-break: keep-all; word-break: keep-all;}

/* s101 */
.s101 .arti1 figure{position: relative; box-shadow:10px 10px 20px rgba(0,0,0,0.1)}
.s101 .arti1 .t_bx{position: absolute;  left: 0; bottom: 0; width: 500px; height: 175px; background: #fff; box-sizing: border-box; padding: 41px 50px; box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.s101 .arti1 .t_bx span{display: block; font-size: 14px; line-height: 1; color: #1b488c; font-weight: 600; margin-bottom: 15px;}
.s101 .arti1 .t_bx h3{font-size: 28px; line-height: 1; color: #333; font-weight: 500; margin-left: -3px;}
.s101 .arti1 .t_bx h3 span{display: block; font-size: 22px; line-height: 1; color: #333; font-weight: 400; margin-top: 12px;}
.s101 .arti1 .tbx{font-size: 17px; line-height: 30px; color: #666; margin-top: 53px;}
.s101 .arti1 .tbx img{float: left; padding-right: 30px; padding-top: 8px;}
.s101 .arti1 .tbx p{word-break: keep-all; letter-spacing: -0.03em; font-size: 20px; line-height: 36px;}
.s101 .arti1 .tbx b{display: block; text-align: right; vertical-align: bottom;	 font-size: 19px; line-height: 1; color: #666; font-weight: 400; padding-top: 103px;}
.s101 .arti1 .tbx b strong{position: relative; font-weight: 500; color: #333; display: inline-block; padding-left: 13px; margin-left: 10px;}
.s101 .arti1 .tbx b strong:before{position: absolute; content:''; width: 1px; height: 12px; background: #ddd; left: 0; top: 2px;}
.s101 .arti1 .tbx b img{margin-left: 29px; margin-top: -70px;}

/* s102 */
.s102 .arti1{margin-top: -3px;}
.s102 .gray_box{display: table; table-layout: fixed; width: 100%; background: #f9f9f9; padding: 38px 0; }
.s102 .gray_box > *{display: table-cell; vertical-align: middle;}
.s102 .gray_box > figure{width: 20.3%; text-align: center;}
.s102 .gray_box > .tbx{font-size: 17px; line-height: 30px;}
.s102 .gray_box > .tbx p{letter-spacing: -0.03em;}
.s102 .arti1{margin-bottom: 78px;}
.s102 .arti2 .box{display: table; table-layout: fixed; width: 100%; border-top: 1px solid #1b488c; border-bottom: 1px solid #ddd;}
.s102 .arti2 .box > .lbx{border-right: 1px solid #ddd;}
.s102 .arti2 .box > *{display: table-cell; width: 50%; box-sizing: border-box; padding: 40px 25px; padding-right: 0;}
.s102 .arti2 .box > * ul li{position: relative; padding-left: 12px; font-size: 17px; line-height: 32px; letter-spacing: -0.03em;}
.s102 .arti2 .box > * ul li:before{position: absolute; content:''; width: 3px; height: 3px; background: #666; left: 0; top: 16px;} 

/* s103 history */
.his_figure{display: table; width: 100%; height: 220px; background: url(../../images/sub/s103_figure.jpg) center no-repeat;  text-align: center; }
.his_figure > div{display: table-cell;vertical-align: middle; padding-bottom: 10px;}
.his_figure h3{font-size: 32px; line-height: 1; color: #fff; font-weight: 600; letter-spacing: 0.1em; margin-bottom: 15px;}
.his_figure p{font-size: 17px; line-height: 1; color: #fff;}
.history {margin-top: 44px;}
.his_cont {display: table; table-layout: fixed; width: 100%;}
.his_cont > *,
.his_cont dd ul li > *{display: table-cell; vertical-align: top; box-sizing: border-box;}
.his_cont dt{position: relative; width: 26.5%; font-size: 36px; line-height: 1; color: #1b488c; font-weight: 700; padding-left: 5.5%; }
.his_cont dt h4{position: relative; }
.his_cont dt h4:before{position: absolute; content:''; width: 49%; height: 1px; background: #1b488c; right: 0; top: 50%; margin-top: 1px; }
.his_cont dt h4:after{position: absolute; content:''; width: 11px; height: 11px; background: url(../../images/sub/s103_dot.png) center no-repeat; right: -6px; top: 14px; z-index: 1;}
.his_cont dd{position: relative; padding-left: 4.9%; padding-bottom: 45px; top: -3px;}
.his_cont dd:before{position: absolute; content:''; width: 1px; height: calc(100% + 20px); background: #ddd; left: 0; top: 20px;}
.his_cont dd:last-child:before{height: 250%;}
.his_cont dd ul li{display: table; table-layout: fixed; width: 100%; font-size: 17px; line-height: 40px; color: #666666;}
.his_cont dd ul li > span{width: 61px; font-weight: 500; color: #333; }

/* s104 */
.s104 .arti1{margin-top: -3px; margin-bottom:  78px;}
.s104 .arti1 .box{position: relative; text-align: center; margin-top: 24px;}
.s104 .arti1 figure{position: absolute; right: 10.8%; top: 30px; }
.s104 .arti2 .table_wrap{margin-top: 23px;}
.s104_m{margin-top: 70px;}

/* s105 */

.s105_tab{display: flex;  flex-wrap: wrap; margin-bottom: 40px;}
.s105_tab li{font-size: 18px; border: 1px solid #ddd; border-right: 0; width: 20%; box-sizing: border-box; line-height: 23px; padding: 5px 0; text-align: center; margin-bottom: 5px; cursor: pointer; }
.s105_tab li:nth-child(5n+5){border-right: 1px solid #ddd;}
.s105_tab li.on{background: #3678d0; color: #fff;}
.s105 .sub_title{margin-bottom: 25px;}
.txt_box{box-sizing: border-box; padding: 38px 20px; border-top: 1px solid #1b488c; border-bottom: 1px solid #ddd; } 
.txt_box h4{margin: 36px 0 6px;}
.txt_box h4:first-child{margin-top: 0;}
.txt_box p, .txt_box li{font-size: 17px; line-height: 30px; letter-spacing: -0.03em;}
.txt_box ol li{position: relative; padding-left: 9px;}
.txt_box ol li:before{position: absolute; content: ''; width: 5px; height: 1px; background: #666; left: 0; top: 17px;}
.txt_box ul > li{position: relative; padding-left: 20px;}
.txt_box ul > li span{display: block; position: absolute; left: 0; top: 0;}
.s105 .arti2{margin-top: 78px;}

/* s106 */
.history_ty2 { margin-top: -3px;}
.history_ty2 .his_cont:first-of-type{border-top: 1px solid #1b488c; margin-top: 25px;}  
.history_ty2 .his_cont dt{padding-left: 0;}
.history_ty2 .his_cont dt h4{font-size: 30px; line-height: 1; font-weight: 600; text-align: left; padding-left: 20.5%; }
.history_ty2 .his_cont dt h4:before, 
.history_ty2 .his_cont dt h4:after,
.history_ty2 .his_cont dd:before{display: none;}
.history_ty2 .his_cont dd {padding-bottom: 0;}
.history_ty2 .his_cont dt{width: 22.47%; border: 1px solid #ddd; border-left: 0; border-top: 0; padding: 46px 0 ;}
.history_ty2 .his_cont dd{border: 1px solid #ddd; top: 0; border-left: 0; border-right: 0; border-top: 0; padding: 46px 20px 46px 0px;}
.history_ty2 .his_cont dd ul li{position: relative; padding-left: 50px; }
.history_ty2 .his_cont dd ul li:before{position: absolute; content:''; width: 11px; height: 11px; background: url(../../images/sub/s103_dot.png) center no-repeat; left: -5px; top: 50%; margin-top: -6px;}
.history_ty2 .his_cont dd ul li p{position: relative; padding-left: 9px; font-size: 17px; line-height: 32px; width: 100%;}
.history_ty2 .his_cont dd ul li p:before{position: absolute; content:''; width: 5px; height: 1px; background: #666; left: 0; top: 16px;}

/* s107 */
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_map{height: 400px !important; box-sizing: border-box; padding: 3px; }
.map_txt {margin-top: 15px;}
.map_txt .box > *{float: left; }
.map_txt > .box > ol li {font-size: 16px; line-height: 28px; box-sizing: border-box; padding-left: 1px; letter-spacing: -0.02em;}
.map_txt > .box > ol li span{position: relative;display: inline-block; padding-right: 21px;}
.map_txt > .box > ol li span:after{position: absolute; content:''; width: 1px; height: 15px; background: #ddd; right: 9px; top: 7px;}
.map_txt > .box > ol li span:last-child:after{display: none;}
.map_txt > .box > ol li b{display: inline-block; font-weight: 500; color: #333; margin-right: 10px;}
.map_txt > .box > ul{float: right; margin-top: 5px;}
.map_txt > .box > ul li{float: left;width: 61px; height: 61px; border: 1px solid #ddd; box-sizing: border-box; display: table; text-align: center; border-right: 0;}
.map_txt > .box > ul li:last-child{border-right: 1px solid #ddd;}
.map_txt > .box > ul li a{position: relative; display: table-cell; vertical-align: middle;}
.map_txt > .box > ul li a img{transition:.3s;}
.map_txt > .box > ul li:hover a img{transform:rotate(45deg)}

/* s201 */
.s201 .arti1 ul li:nth-child(1),
.s201 .arti1 ul li:nth-child(2),
.s201 .arti1 ul li:nth-child(3){margin-top: 0;}
.s201 .arti1 ul li{float: left; width: 32%; margin-right: 2%; text-align: center; margin-top: 23px;}
.s201 .arti1 ul li:nth-child(3n+3){margin-right: 0; }
.s201 .arti1 ul li:nth-child(3n+1){clear: both;}
.s201 .arti1 ul li figure{width: 100%; height: 160px; display: table; background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box;}
.s201 .arti1 ul li figure span{display: table-cell; vertical-align: middle;}
.s201 .arti1 ul li .tbx h4{font-size: 17px; font-weight: 500; line-height: 43px; color: #fff; background: #5192f5; transition:.3s;}
.s201 .arti1 ul li .tbx p{font-size: 17px; line-height: 30px; padding: 20px 0;}
.s201 .arti1 ul li:hover .tbx h4{background: #000;}
.s201 .arti1 ul li img{max-width: 90%;}

/* s302 */
.s302 .arti2{margin-top: 70px;}
.right_p{text-align: right; margin: 10px 0;}

/* new */
.history_ty_new1 .his_con{display: flex;  align-items: stretch; margin-bottom: 20px;}
.history_ty_new1 .his_con:nth-child(even) dt h4{background: #1b488c; color: #fff;}
.history_ty_new1 .his_con dt {width: 20.22%; padding: 15px 0; position: relative;}
.history_ty_new1 .his_con dt:before{position: absolute; content:''; width: 100%; height: 1px; background: #ddd; right: 0; top: 50%;  z-index: -1;}
.history_ty_new1 .his_con dt h4{position: relative; z-index: 1; width: 120px; height: 120px; font-size: 24px; line-height: 30px; color: #1b488c; background: #fff; font-weight: 600;  border-radius: 50%; text-align: center; box-sizing: border-box; border: 3px solid #1b488c;  align-items:center; display: flex;}
.history_ty_new1 .his_con dt h4 span{text-align: center; width: 100%;}
.history_ty_new1 .his_con dd{position: relative; display: flex;  align-items:center; flex-grow: 1; box-sizing: border-box; border: 1px solid #ddd; border-radius: 20px;}
.history_ty_new1 .his_con dd:before{position: absolute; content:''; width: 6px; height: 6px; background: #808080; left: -3px; top: 50%; margin-top: -3px; border-radius: 50%;}
.history_ty_new1 .his_con dd ul{padding-left: 28px;}
.history_ty_new1 .his_con dd ul li{position: relative; padding-left: 10px; font-size: 17px; color: #666; }
.history_ty_new1 .his_con dd ul li:before{position: absolute; content:''; width: 5px; height: 1px; background: #666; left: 0; top: 16px;}

.s301_cms .cnt{margin-top: 0px; padding: 32px 29px 40px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.s301_cms .cnt .tit_h3{font-size: 26px; line-height: 36px; color: #333; font-weight: 500; margin-bottom: 10px;} 
.s301_cms .cnt .txt_ul > li{display: flex; width: 100%; font-size: 17px; line-height: 30px; color: #666;}
.s301_cms .cnt .txt_ul > li .dot{color: #333; font-weight: 500; width: 70px; position: relative; padding-left: 20px; box-sizing: border-box;}
.s301_cms .cnt .txt_ul > li .dot:before{position: absolute; content:''; width: 11px; height: 11px; background: url(../../images/sub/dot_3.jpg) center no-repeat; left: 0; top:11px;}
.s301_cms .cnt .txt_ul > li p{flex:1}
.s301_cms .cnt figure{margin-top: 34px;}
.s301_cms .cnt:first-child{margin-top: 0; border-top: 1px solid #1b488c;}

/* s403 */
.s403 .arti1{border-top: 1px solid #1b488c; border-bottom: 1px solid #ddd;	box-sizing: border-box; padding: 38px 30px;}
.s403 h3{font-size: 26px; line-height: 1; color: #333; font-weight: 500; margin-bottom: 15px; margin-left: -2px;}
.s403 ul > li{position: relative; padding-left: 19px; display: flex; font-size: 17px; line-height: 30px; color: #666; letter-spacing: -0.03em; width: 105%;} 	 
.s403 ul > li:before{position: absolute; content:''; width: 11px; height: 11px; background: url(../../images/sub/403_ddot.jpg) center no-repeat; left: 0; top: 10px;}
.s403 ul > li span{color: #333; font-weight: 500; width: 111px;}
.s403 ul > li p{flex:1}
.s403 .table_wrap{margin: 15px 0 20px;}
.s403 table tr th,
.s403 table tr td{font-size: 17px; line-height: 25px; color: #666; }
.s403 table tr th{background: #1b488c; color: #fff; font-weight: 400; line-height: 40px;}
.s403 table tr td{background: #f9f9f9; position: relative; height: 82px;}
.s403 table tr td:after{position: absolute; content:''; width: 100%; height: 1px; background: url(../../images/sub/403_line.jpg) left center ; left: 0; bottom: 0;}
.s403 table tr:last-child td:after{display: none;}