@charset "utf-8"; /* 공통 레이아웃 시작 */ a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'Malgun Gothic','nsr_m','Dotum','arial','sans-serif';} h1, h2, h3, h4, h5, h6, strong, b{font-weight:600;} #body_layout{overflow:hidden;} #body_layout *{box-sizing:border-box;} #body_layout a{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} #body_layout .body_wrap{width:100%;} table caption{position: relative;width: 1px;height: 1px;margin: -1px;text-indent:-100000px;} /* 공통 레이아웃 끝 */ #svisual_layout{overflow:hidden;position: relative;left: 0;top: 0;width:100%;height: 100%;min-height: 900px;max-height:1080px;margin: -137px 0 0;border-bottom: 13px solid #00aa2b;text-align:center;z-index: 1;} #svisual_layout.on{top: 0;margin-top: -137px;} #svisual_layout.b_type .svisual_wrap{height:100%;background:none;} /*#svisual_layout.b_type .svisual_wrap:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("/images/kor/main/mvisual_pattern.png");content:'';}*/ #svisual_layout.b_type .svisual_wrap video{width:100%;height:100%;} #svisual_layout.b_type .grap{display:inline-block;position:absolute;top:0;left:50%;width:1200px;height:100%;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);} #svisual_layout.b_type .slogan_wrap{display:inline-block;position:relative;margin:387px 0 0;width:100%;text-align:left;} #svisual_layout.b_type .slogan_wrap:before{display:block;position:absolute;top:74px;right:-310px;width:50%;height:1px;background:#fff;content:'';} #svisual_layout.b_type .slogan_wrap .slogan{display:inline-block;width:463px;height:123px;margin:0 15px 0 0;background:url("/images/kor/main/mvisual_slogan.png") no-repeat;font-size:0;text-indent:-9999px;vertical-align:middle;} #svisual_layout.b_type .slogan_wrap .copy{display:inline-block;text-align:left;vertical-align:middle;} #svisual_layout.b_type .slogan_wrap .copy span{display:block;color:#fff;font-size:18px;line-height:1.3} #svisual_layout.b_type .icon_scroll{display:inline-block;position:absolute;bottom: 130px;left:13px;width:186px;height:65px;background:url("/images/kor/main/main_ir.png") no-repeat -467px -100px;} .tab_w {position: absolute;top: 0;left: 0;width:100%;height: 100%;} .tab_w .tab_inner {width: 100%;height: 100%;} .tab_w .tab_menu {position:absolute;z-index:2;left:50%;bottom:0;width: 1200px;height: 88px;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);} .tab_w .tab_menu:after {display:block; clear:both; visibility:hidden; content:'';} .tab_w .tab_menu li {float:left;width:20%;height: 100%;border-right: dotted 1px #FFFFFF;} .tab_w .tab_menu li.active {} .tab_w .tab_menu li a {display:block; width:100%; height:100%; padding:20px; text-align:left;background:rgba(0,0,0,0.35);} .tab_w .tab_menu li:first-child a span {text-align:center; line-height:48px;} .tab_w .tab_menu li:first-child a span .ico {display:inline-block; width:24px; height:24px; margin:-4px 10px 0 0; background:url(/images/kor/main/mnotice_icon.png)no-repeat; vertical-align:middle;} .tab_w .tab_menu li:first-child a, .tab_w .tab_menu li.active:first-child a {background:#004fa3 url(/images/kor/main/mnotice_bg.png)no-repeat 90% top;} .tab_w .tab_menu li.active a {background: #00aa2b;} /* 200911 메인비주얼 이미지 영역 검은 레이어 삭제 후 텍스트 영역 그림자 처리 - 박상민 */ .tab_w .tab_menu li a span {display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:48px;color:#fff;font-size:16px;font-weight:700;line-height:1.5;text-overflow: ellipsis;white-space: normal;vertical-align:middle;text-shadow:0 0 3px rgba(0, 0, 0, .9);} .tab_w .tab_menu li a span .tt {display:inline-block; color:#fff;font-size:16px;font-weight:700;} .tab_w .tab_menu li a strong {display:none;} .tab_w .tab_content {width:100%;height: 1080px;} .tab_w .tab_content .con {display:none;width:100%;height: 100%;} .tab_w .tab_content .con.content1 {font-size:0;} .tab_w .tab_content .con.active {display:block;} .tab_w .tab_content .con .thumb {position: relative; z-index:1; width:100%;height:100%;background-repeat:no-repeat;background-size: cover;background-position:right} /* 200911 메인비주얼 이미지 영역 검은 레이어 삭제 - 박상민 */ /*.tab_w .tab_content .con .thumb:after {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); content:'';}*/ .tab_w .tab_content .con .thumb:after {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); content:'';} .tab_w .tab_content .con .thumb_txt {position:absolute;z-index: 3;top:290px;left:50%;width:1200px;text-align:left;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner {position:relative; width:500px; min-height:200px; padding:40px; background:rgba(0,0,0,0.6);} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:before, .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:after {display:block; position:absolute; width:8px; height:50px; content:'';} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:before {left:30px; top:-20px; background:#58b530;} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:after {left:38px; top:-15px; background:rgba(0,0,0,0.2);} .tab_w .tab_content .con .thumb_txt strong {display:block; overflow:hidden; width:100%; margin:0 0 10px; font-size:20px; color:#fff; font-weight:700;text-overflow: ellipsis;white-space: nowrap;} .tab_w .tab_content .con .thumb_txt p {display:block;overflow:hidden;width:100%;margin:0;font-size: 15px;color:#fff0;/* text-overflow: ellipsis; *//* white-space: nowrap; */height: 0px;} .tab_w .tab_content .con .thumb_txt a {display:inline-block;position:relative;width:155px;height:50px;margin:35px 0 0;line-height:40px;border: 5px solid #7B7C7C;box-sizing:border-box;color:#fff;font-size: 13px;text-align:center;} .tab_w .tab_content .con .thumb_txt a:after {display:block;position:absolute;top: 11px;right:-39px;width:69px;height:11px;background:url(/images/kor/main/mnotice_icon2.png)no-repeat;content:'';} #body_layout{display:block;overflow:hidden;/* padding:0 0 66px; */} #body_layout .body_wrap{width:1200px;} #body_layout > .sector1{width:100%;height: 0;text-align:center;} #body_layout > .sector1 .body_wrap{position:relative;width:100%;height:100%;} #body_layout > .sector1 .body_wrap .quick{position:fixed;top:268px;right:50%;margin:0 -890px 0 0;z-index:10;} #svisual_layout.on + #body_layout > .sector1 .body_wrap .quick{top:338px;} #body_layout > .sector1 .body_wrap .quick strong{display:inline-block;position:relative;width:69px;height:69px;margin:-30px 0 0;background:url("/images/kor/main/main_ir.png") no-repeat -500px -1px;z-index:2;} #body_layout > .sector1 .body_wrap .quick strong:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector1 .body_wrap .quick strong > span{display:inline-block;color:#fff;vertical-align:middle;} #body_layout > .sector1 .body_wrap .quick strong > span span{display:block;line-height:1.3;} #body_layout > .sector1 .body_wrap .quick > ul{position:relative;margin:-20px 0 0;padding:25px 5px;border-radius:35px;background:rgba(0,0,0,0.5);} #body_layout > .sector1 .body_wrap .quick > ul > li{padding:5px 0;} #body_layout > .sector1 .body_wrap .quick > ul > li:before{display:inline-block;position:absolute;top:0;left:50%;width:45px;height:1px;background:rgba(255,255,255,0.4);transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);z-index:5;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li.n2:before{top:95px;} #body_layout > .sector1 .body_wrap .quick > ul > li.n3:before{top:165px;} #body_layout > .sector1 .body_wrap .quick > ul > li.n4:before{top:235px;} #body_layout > .sector1 .body_wrap .quick > ul > li:first-child:before{display:none;} #body_layout > .sector1 .body_wrap .quick > ul > li > a{display:inline-block;position:relative;width:60px;height:60px;border-radius:200px;color:#fff;line-height:1.3;z-index:2;} #body_layout > .sector1 .body_wrap .quick > ul > li.on > a, #body_layout > .sector1 .body_wrap .quick > ul > li > a:hover{background:#fff;z-index:1;} #body_layout > .sector1 .body_wrap .quick > ul > li > a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li > a > span{display:inline-block;vertical-align:middle;} #body_layout > .sector1 .body_wrap .quick > ul > li.on > a span, #body_layout > .sector1 .body_wrap .quick > ul > li > a:hover span{color:#000;} #body_layout > .sector1 .body_wrap .quick > ul > li > a > span span{display:block;line-height:1.3;} #body_layout > .sector1 .body_wrap .quick > ul > li > ul{display:none;position:absolute;top:0;right:0;width:852px;height:100%;background:#262a36;} #body_layout > .sector1 .body_wrap .quick > ul > li > ul:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li.on > ul{display:inline-block;margin:0 0 -15px -2%;padding:20px 100px 20px 20px;border-radius:0 35px 35px 0;} #body_layout > .sector1 .body_wrap .quick > ul > li.n1.on > ul:before{display:block;position:absolute;top:30px;right:5px;width:60px;height:60px;z-index:2;cursor:pointer;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li.n2.on > ul:before{display:block;position:absolute;top:100px;right:5px;width:60px;height:60px;z-index:2;cursor:pointer;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li.n3.on > ul:before{display:block;position:absolute;top:170px;right:5px;width:60px;height:60px;z-index:2;cursor:pointer;content:'';} #body_layout > .sector1 .body_wrap .quick > ul ul li{display:inline-block;float:left;width:23%;height:47px;margin:0 0 7px 1%;} #body_layout > .sector1 .body_wrap .quick > ul ul li a{display:inline-block;width:100%;height:100%;border:1px solid #434a5d;color:#fff;} #body_layout > .sector1 .body_wrap .quick > ul ul li a:hover, #body_layout > .sector1 .body_wrap .quick > ul ul li a:focus{background:#fff;} #body_layout > .sector1 .body_wrap .quick > ul ul li a:after{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector1 .body_wrap .quick > ul ul li a span{display:inline-block;vertical-align:middle;} #body_layout > .sector1 .body_wrap .quick > ul ul li a span span{display:block;line-height:1.3;/*240201 입시한정*/letter-spacing: -1px;} #body_layout > .sector1 .body_wrap .quick > ul ul li a:hover span, #body_layout > .sector1 .body_wrap .quick > ul ul li a:focus span{color:#434a5d;} #body_layout > .sector2{position:relative;width:100%;padding: 70px 0 0;background: #fff url("/images/kor/main/sector1_bg1.jpg") no-repeat 110% center;} #body_layout > .sector2 .bg_r{position:absolute;bottom:0;right:50%;width:1062px;height: 100%;margin-right:-950px;} #body_layout > .sector2 .bg_r:before{display: none;position:absolute;top: 0;right:-20000px;width:20000px;height:100%;background:url("/images/kor/main/sector1_bg_exp1.jpg") repeat-x;content:'';} #body_layout > .sector2 .body_wrap{min-height:593px;z-index:1;} #body_layout > .sector2 .body_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector2 .body_wrap .grap{float:left;width:581px;margin:0 40px 0 0;} #body_layout > .sector2 .body_wrap .grap .notice{position:relative;} #body_layout > .sector2 .notice .tab_btns{margin:0 0 33px;padding:0 46px 0 0;} #body_layout > .sector2 .notice .tab_btns:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector2 .notice .tab_btns a{display:inline-block;float:left;width:20%;height:46px;border:solid #cecece;border-width:1px 1px 1px 0;background:#ebebeb;} #body_layout > .sector2 .notice .tab_btns a:first-child{border-width:1px;} #body_layout > .sector2 .notice .tab_btns a.on, #body_layout > .sector2 .notice .tab_btns a:hover, #body_layout > .sector2 .notice .tab_btns a:focus{background:#162886;color:#fff;border-top:1px solid #162886;border-bottom:1px solid #162886;} #body_layout > .sector2 .notice .tab_btns a.on, #body_layout > .sector2 .notice .tab_btns a:first-child:hover, #body_layout > .sector2 .notice .tab_btns a:first-child:focus{border:1px solid #162886;} #body_layout > .sector2 .notice .tab_btns a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector2 .notice .tab_btns a > span{display:inline-block;vertical-align:middle;} #body_layout > .sector2 .notice .tab_btns a > span span{} #body_layout > .sector2 .notice .tab_con{display:none;width:100%;} #body_layout > .sector2 .notice .tab_con.on{display:inline-block;} #body_layout > .sector2 .notice .tab_con ul{} #body_layout > .sector2 .notice .tab_con ul li{border-bottom:1px solid #cecece;} #body_layout > .sector2 .notice .tab_con ul li:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector2 .notice .tab_con ul li > a{display:inline-block;position:relative;width:100%;padding:15px 0 15px 40px;color:#000;text-align:left;} #body_layout > .sector2 .notice .tab_con ul li > a span{display:inline-block;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt{} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit{} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit:before{display:inline-block;position:absolute;top:50%;left:17px;width:4px;height:4px;border-radius:4px;background:#000;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);content:'';} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit:before{display:none;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit b{display:none;top:50%;left:9px;position:absolute;width:20px;height:20px;border-radius:20px;background:#d30006;color:#fff;font-size:11px;line-height:20px;text-align:center;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);} #body_layout > .sector2 .notice .tab_con ul li.new > a span.cnt .tit b{display:inline-block;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit b{display:none;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit b span {font-size:0;text-indent:-9999px;} #body_layout > .sector2 .notice .tab_con ul li > a:hover span.cnt .tit > span, #body_layout > .sector2 .notice .tab_con ul li > a:focus span.cnt .tit > span{text-decoration:underline;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em{display:inline-block;min-width:62px;height:31px;margin:0 10px 0 0;border:1px solid;text-align:center;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em:before{display:inline-block;height:100%;font-size:16px;vertical-align:middle;content:'';} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em.cate1{border-color:#20746f;color:#20746f;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em.cate2{border-color:#280073;color:#280073;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em span{display:inline-block;vertical-align:middle;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit > span{overflow:hidden;text-overflow:ellipsis;width:385px;color:#000;font-size:18px;font-weight:700;vertical-align:middle;white-space:nowrap;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .txt{display:none;color:#000;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .txt{display:inline-block;overflow:hidden;max-height:44px;} #body_layout > .sector2 .notice .tab_con ul li > a span.date{position:absolute;top:18px;right:0;} #body_layout > .sector2 .notice .tab_con ul li > a span.date b{display:none;font-size:0;text-indent:-9999px;} #body_layout > .sector2 .notice .tab_con ul li > a span.date b:before{} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span{display:inline-block;position:relative;padding:0 0 0 6px;line-height:1;} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span:before{display:inline-block;position:absolute;top:7px;left:0;width:5px;height:1px;background:#000;content:'';} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span.year{padding:0} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span.year:before{display:none;} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span.month{} #body_layout > .sector2 .notice .tab_con ul li > a span.date > span.day{} #body_layout > .sector2 .notice .tab_con ul li:first-child > a{overflow:hidden;position:relative;min-height:90px;padding:0 0 20px 115px;} #body_layout > .sector2 .notice .tab_con ul li.new:first-child > a:before{display:inline-block;position:absolute;top:-27px;left:-27px;width:50px;height:50px;background:#d30006;transform:rotate(45deg);z-index:1;content:'';} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt{width:100%;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit{margin:8px 0 0;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date{position:absolute;top:0;left:0;width:90px;height:90px;padding:50px 0 0;border:2px solid #ccc;text-align:center;} #body_layout > .sector2 .notice .tab_con ul li.new:first-child > a span.date b{display:inline-block;position:absolute;top:0;left:0;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date b{display:none;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date b span{position:absolute;top:1px;left:1px;color:#fff;font-size:14px;text-indent:0;line-height:1;z-index:1;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date > span.year{} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date > span.month{} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date > span.day{position:absolute;top:16px;left:50%;padding:0;font-size:35px;line-height:1;font-weight:700;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.date > span.day:before{display:none;} #body_layout > .sector2 .notice .tab_con .more{display:inline-block;position:absolute;top:0;right:0;width:46px;height:46px;border:solid #cecece;border-width:1px 1px 1px 0;font-size:0;text-indent:-9999px;} #body_layout > .sector2 .notice .tab_con .more:before{display:inline-block;position:absolute;top:50%;left:50%;width:14px;height:14px;background:url("/images/kor/main/main_ir.png") no-repeat -572px -1px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';} #body_layout > .sector2 .btn_wrap{width:100%;margin:30px 0 0;} #body_layout > .sector2 .btn_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector2 .btn_wrap a{display:inline-block;position:relative;float:left;/* width:16.6%; */height:100px;padding: 60px 10px 0;} #body_layout > .sector2 .btn_wrap a b{display:inline-block;position:absolute;bottom:45px;left:50%;background:url("/images/kor/main/main_ir.png") no-repeat;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);} #body_layout > .sector2 .btn_wrap a.btn1 b{width:44px;height:46px;background-position:-588px -1px;} #body_layout > .sector2 .btn_wrap a.btn2 b{width:40px;height:46px;background-position:-633px -1px;} #body_layout > .sector2 .btn_wrap a.btn3 b{width:47px;height:46px;background-position:-674px -1px;} #body_layout > .sector2 .btn_wrap a.btn4 b{width:43px;height:46px;background-position:-722px -1px;} #body_layout > .sector2 .btn_wrap a.btn5 b{width:44px;height:44px;background-position:-588px -48px;} #body_layout > .sector2 .btn_wrap a.btn6 b{width:47px;height:44px;background-position:-674px -48px;} #body_layout > .sector2 .btn_wrap a.btn7 b{width:40px;height:44px;background-position:-633px -48px;} #body_layout > .sector2 .btn_wrap a span{display:inline-block;color:#000;font-size:15px;letter-spacing: -1px;} #body_layout > .sector2 .btn_wrap a:hover span, #body_layout > .sector2 .btn_wrap a:focus span{text-decoration:underline;} #body_layout > .sector2 .body_wrap .press{float:left;position:relative;width:579px} #body_layout > .sector2 .press h2{width:134px;height:20px;margin:10px 0 33px;background:url("/images/kor/main/main_ir.png") no-repeat -3612px -1px;font-size:0; display: block; position: absolute; top: 0px; left: 15px; line-height: normal; z-index: 2;} #body_layout > .sector2 .press .sliderBox{display:inline-block;overflow:hidden;width:100%;position: absolute;top: 52px;left: 0;right: 0;bottom: 0; text-align: center; height: 100%; background: rgba(0,0,0,0.6);} #body_layout > .sector2 .press .sliderBox ul{position:relative;width:100%;height:100%;} #body_layout > .sector2 .press .sliderBox ul:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector2 .press .sliderBox ul li{overflow:hidden;float:left;position:relative;height:389px;max-height:389px;} #body_layout > .sector2 .press .sliderBox ul li a{display:inline-block;width:100%;} #body_layout > .sector2 .press .sliderBox ul li a:after{content:"";display:block;width:100%;height:107px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);} #body_layout > .sector2 .press .sliderBox ul li span{display:inline-block;position:absolute;bottom:10px;left:0;width:100%;padding-left:25px;color:#fff;font-size:20px;text-align:left;z-index:1;} #body_layout > .sector2 .press .sliderBox ul li span strong{display:block;margin:0 0 5px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%} #body_layout > .sector2 .press .sliderBox ul li a:hover span strong, #body_layout > .sector2 .press .sliderBox ul li a:focus span strong{text-decoration: underline;} #body_layout > .sector2 .press .sliderBox ul li a:hover span, #body_layout > .sector2 .press .sliderBox ul li a:focus span{text-decoration: underline} /* overflow:hidden;text-overflow:ellipsis;width:385px;color:#000;font-size:18px;font-weight:700;vertical-align:middle;white-space:nowrap;} */ #body_layout > .sector2 .press .sliderBox ul li a img {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);max-height: 100%;transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-webkit-transform: translate(-50%,-50%); -webkit-transition: -webkit-transform cubic-bezier(.22,.61,.36,1) .4s;} #body_layout > .sector2 .press .sliderBox ul li span em{display:block;overflow:hidden;width:96%;height:50px;font-size:15px;} #body_layout > .sector2 .press .controlBox{} #body_layout > .sector2 .press .controlBox button{background:none;} #body_layout > .sector2 .press .controlBox .paging{display:inline-block;margin:460px 0 0 -5px;} #body_layout > .sector2 .press .controlBox .paging button{display:inline-block;width:5px;height:5px;margin:0 0 0 5px;background:url("/images/kor/main/main_ir.png") no-repeat -828px -1px;font-size:0;text-indent:-9999px;} #body_layout > .sector2 .press .controlBox .paging button.on{width:17px;height:18px;background-position:-808px -1px;} #body_layout > .sector2 .press .controlBox .controler{position:absolute;top:0;right:44px;} #body_layout > .sector2 .press .controlBox .controler button{float:left;display:inline-block;position:relative;width:44px;height:44px;border:solid rgba(255,255,255,0.8);border-width:1px 1px 1px 0;} #body_layout > .sector2 .press .controlBox .controler button.btn_prev{border-width:1px;} #body_layout > .sector2 .press .controlBox .controler button.btn_stop{} #body_layout > .sector2 .press .controlBox .controler button.btn_play{display:none;} #body_layout > .sector2 .press .controlBox .controler button.btn_next{} #body_layout > .sector2 .press .controlBox .controler button span{display:inline-block;position:absolute;top:50%;left:50%;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #body_layout > .sector2 .press .controlBox .controler button.btn_prev span{width:8px;height:14px;background-position:-767px -1px;} #body_layout > .sector2 .press .controlBox .controler button.btn_stop span{width:6px;height:14px;background-position:-789px -1px;} #body_layout > .sector2 .press .controlBox .controler button.btn_play span{width:7px;height:14px;background-position:-798px -1px;} #body_layout > .sector2 .press .controlBox .controler button.btn_next span{width:8px;height:14px;background-position:-778px -1px;} #body_layout > .sector2 .press a.more{display:inline-block;position:absolute;top:0;right:0;width:44px;height:44px;border:solid #fff;border-width:1px 1px 1px 1px;font-size:0;text-indent:-9999px;} #body_layout > .sector2 .press a.more:before{display:inline-block;position:absolute;top:50%;left:50%;width:14px;height:14px;background:url("/images/kor/main/main_ir.png") no-repeat -572px -18px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';} #body_layout > .sector3{position:relative;height:283px;background:#0a2b4c url("/images/kor/main/sector2_bg.jpg") no-repeat center center;background-size: cover;} #body_layout > .sector3 .body_wrap{position:relative;height:100%;} #body_layout > .sector3 .body_wrap .cyber_wrap{position:absolute;top:-40px;left:0;width:194px;height:216px;padding:30px 24px 0;background:url("/images/kor/main/cnt3_bg.jpg") no-repeat;text-align:left;z-index:2;} #body_layout > .sector3 .body_wrap .cyber_wrap:before{position:absolute;top:-60px;right:-60px;width:202px;height:208px;background:url("/images/kor/main/main_ir.png") no-repeat -1027px -1px;content:'';} #body_layout > .sector3 .cyber_wrap strong{display:inline-block;overflow:hidden;width:73px;height:57px;background:url("/images/kor/main/main_ir.png") no-repeat -3537px -1px;font-size:0;text-indent:-9999px;} #body_layout > .sector3 .cyber_wrap .btn_wrap{} #body_layout > .sector3 .cyber_wrap a{display:inline-block;position:relative;width:100%;padding:15px 0 15px 5px;color:#fff;font-size:15px;} #body_layout > .sector3 .cyber_wrap a:before{position:absolute;top:50%;right:0;width:7px;height:12px;background:url("/images/kor/main/main_ir.png") no-repeat -889px -1px;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:'';} #body_layout > .sector3 .cyber_wrap a:first-child{border-bottom:1px solid rgba(255,255,255,0.3);} #body_layout > .sector3 .cyber_wrap a:hover{text-decoration:underline} #body_layout > .sector3 .link_wrap{height:100%;margin:0 0 0 194px;} #body_layout > .sector3 .link_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector3 .link_wrap a{display:inline-block;float:right;position:relative;/*width:473px;*/width:530px;height:264px;text-align:right;} #body_layout > .sector3 .link_wrap a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector3 .link_wrap a.btn1{padding-right:75px;} #body_layout > .sector3 .link_wrap a.btn2{padding-right:60px;} #body_layout > .sector3 .link_wrap a > span{display:inline-block;position:relative;vertical-align:middle;} #body_layout > .sector3 .link_wrap a.btn2 > span:after{display:inline-block;position:absolute;bottom:10px;right:69px;width:207px;height:73px;background:url("/images/kor/main/main_ir.png") no-repeat -1241px -1px;content:'';} #body_layout > .sector3 .link_wrap a > span span{display:inline-block;color:#000;font-size:20px;vertical-align:middle;} #body_layout > .sector3 .link_wrap a > span span.subtitle{overflow:hidden;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;} #body_layout > .sector3 .link_wrap a.btn1 > span span.subtitle{width:125px;height:25px;margin:0 10px 0 0;background-position:-899px -1px;} #body_layout > .sector3 .link_wrap a.btn2 > span span.subtitle{width:88px;height:15px;background-position:-1452px -1px;} #body_layout > .sector3 .link_wrap a.btn2 > span span{width:100%} /* 상지인 하나만 있을때 */ #body_layout > .sector3 .link_wrap a.btn3{position:absolute;top:0;right:0;width:1000px;height:100%;padding-right:60px;} #body_layout > .sector3 .link_wrap a.btn3 > span span.subtitle{width:274px;height:84px;background-position:-751px -50px;} #body_layout > .sector3 .link_wrap a.btn3 > span span{width:100%} #body_layout > .sector3 .link_wrap a b{display:inline-block;position:absolute;top:50%;right:0;width:40px;height:40px;margin-top:-20px;border-radius:40px;background:#121e46;color: #fff;line-height: 1;text-align: center;padding: 14px 0 0;font-size: 13px;/*transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);*/} #body_layout > .sector3 .link_wrap a b:before{display:inline-block;position:absolute;top:50%;left:50%;width:6px;height:10px;background:url("/images/kor/main/main_ir.png") no-repeat -1232px -1px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';} /* 상지인 모션변경 후, 오버시 */ #body_layout > .sector3:before{display:block;position:absolute;top:0;left:0;width:100%;height:283px;background:#fff;opacity:0;transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;content:'';} #body_layout > .sector3.ov:before{opacity:0.5;} #body_layout > .sector3 .link_wrap a.btn3 > span, #body_layout > .sector3 .link_wrap a.btn3 b{transition:all 0.3s;} #body_layout > .sector3 .link_wrap a.btn3:hover > span, #body_layout > .sector3 .link_wrap a.btn3:focus > span{margin-top:-35px;} #body_layout > .sector3 .link_wrap a.btn3:hover b, #body_layout > .sector3 .link_wrap a.btn3:focus b{margin-top:-40px;} #body_layout > .sector3 .link_wrap a.btn3:hover span.subtitle, #body_layout > .sector3 .link_wrap a.btn3:focus span.subtitle{background-position:-751px -136px;width:274px;height:81px;} /* 20200921 수정 */ #body_layout > .sector3 .link_wrap a.btn3:hover b, #body_layout > .sector3 .link_wrap a.btn3:focus b{background:#007119;} #body_layout > .sector4{position:relative;padding:60px 0 0;background:url("/images/kor/main/sector3_bg.jpg") no-repeat center 0;background-size:cover;} /*#body_layout > .sector4:before{display:inline-block;position:absolute;top:0;left:50%;width:20000px;height:100%;margin:0 0 0 -20960px;background:#0d2f52;content:'';} #body_layout > .sector4:after{display:inline-block;position:absolute;top:0;right:50%;width:20000px;height:100%;margin:0 -20960px 0 0;background:#0d2f52;content:'';}*/ #body_layout > .sector4 .body_wrap .grap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .pop_zone{float:left;position:relative;width:581px;margin:0 40px 0 0;} #body_layout > .sector4 .pop_zone h2{width:227px;height:20px;margin:0 0 40px;background:url("/images/kor/main/main_ir.png") no-repeat -3751px -1px;font-size:0;text-indent:-9999px;} #body_layout > .sector4 .pop_zone .sliderBox{display:inline-block;overflow:hidden;width:100%;height: 361px;} #body_layout > .sector4 .pop_zone .sliderBox > ul{position:relative;width:100%;margin-top:5px;} /*#body_layout > .sector4 .pop_zone .sliderBox > ul:after{display:block;overflow:hidden;clear:both;content:'';}*/ #body_layout > .sector4 .pop_zone .sliderBox > ul > li{/*float:left;min-height:346px;*/margin-top:10px;} #body_layout > .sector4 .pop_zone .sliderBox > ul > li a{display:block;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul li{height:168px;margin:10px 0 0;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul li:first-child{margin:0;} #body_layout > .sector4 .pop_zone .controlBox a, #body_layout > .sector4 .pop_zone .controlBox button{background:none;} #body_layout > .sector4 .pop_zone .controlBox .controler{position:absolute;top:0;right:0;} #body_layout > .sector4 .pop_zone .controlBox .controler a, #body_layout > .sector4 .pop_zone .controlBox .controler button{float:left;display:inline-block;position:relative;width:44px;height:44px;border:solid rgba(255,255,255,0.8);border-width:1px 1px 1px 0;cursor:pointer;} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_prev, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_prev{border-width:1px;} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_play, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_play{display:none;} #body_layout > .sector4 .pop_zone .controlBox .controler a span, #body_layout > .sector4 .pop_zone .controlBox .controler button span{display:inline-block;position:absolute;top:50%;left:50%;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_prev span, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_prev span{width:8px;height:14px;background-position:-767px -1px;} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_stop span, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_stop span{width:6px;height:14px;background-position:-789px -1px;} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_play span, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_play span{width:7px;height:14px;background-position:-798px -1px;} #body_layout > .sector4 .pop_zone .controlBox .controler a.btn_next span, #body_layout > .sector4 .pop_zone .controlBox .controler button.btn_next span{width:8px;height:14px;background-position:-778px -1px;} #body_layout > .sector4 .sns_wrap{float:left;width:579px;margin:70px 0 0;} #body_layout > .sector4 .sns_wrap .sns{margin:0 0 0 -2%} #body_layout > .sector4 .sns_wrap .sns:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .sns_wrap .sns li{display:inline-block;float:left;width:23%;margin:0 0 0 2%;} #body_layout > .sector4 .sns_wrap .sns li a{display:inline-block;overflow:hidden;position:relative;width:100%;height: 215px;font-size: 18px;line-height: 1.2;border: 1px solid #193b5b;background:no-repeat;text-align:left;background-size:cover;} #body_layout > .sector4 .sns_wrap .sns li a:before{display:block;position:absolute;top:0;left:-100%;width:100%;height:100%;background:red;transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;content:'';} #body_layout > .sector4 .sns_wrap .sns li a.video:before{background:#ad0012;} #body_layout > .sector4 .sns_wrap .sns li a.insta:before{background:#95217c;} #body_layout > .sector4 .sns_wrap .sns li a.sns:before{background:#03356d;} #body_layout > .sector4 .sns_wrap .sns li a.blog:before{background:#196000;} #body_layout > .sector4 .sns_wrap .sns li a:hover:before, #body_layout > .sector4 .sns_wrap .sns li a:focus:before{left:0;} #body_layout > .sector4 .sns_wrap .sns li a.video{background-image:url("/images/kor/main/ncnt5_btn_bg1.jpg")} #body_layout > .sector4 .sns_wrap .sns li a.insta{background-image:url("/images/kor/main/ncnt5_btn_bg2.jpg")} #body_layout > .sector4 .sns_wrap .sns li a.sns{background-image:url("/images/kor/main/ncnt5_btn_bg3.jpg")} #body_layout > .sector4 .sns_wrap .sns li a.blog{background-image:url("/images/kor/main/ncnt5_btn_bg4.jpg")} #body_layout > .sector4 .sns_wrap .sns li a strong{display:block;position:relative;width:100%;text-align:center;color:#fff;font-weight:normal;} #body_layout > .sector4 .sns_wrap .sns li a strong b{display:block;font-weight:bold;} #body_layout > .sector4 .sns_wrap .sns li a strong span{display:block;width:47px;height:47px;overflow:hidden;margin:25px 0 25px 22px;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;} #body_layout > .sector4 .sns_wrap .sns li a.video strong span{background-position:-1542px -1px;} #body_layout > .sector4 .sns_wrap .sns li a.insta strong span{background-position:-1624px -1px;} #body_layout > .sector4 .sns_wrap .sns li a.sns strong span{background-position:-1725px -1px;} #body_layout > .sector4 .sns_wrap .sns li a.blog strong span{background-position:-1541px -110px;} #body_layout > .sector4 .sns_wrap .btn_wrap{margin:-10px 0 0 -2%} #body_layout > .sector4 .sns_wrap .btn_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .sns_wrap .btn_wrap li{display:inline-block;float:left;width:23%;margin:10px 0 0 2%;} #body_layout > .sector4 .sns_wrap .btn_wrap li a{display:inline-block;width:100%;height:52px;padding:0 0 0 18px;background:#071323;color:#fff;text-align:left;} #body_layout > .sector4 .sns_wrap .btn_wrap li a:after{display:inline-block;height:100%;vertical-align:middle;content:'';} #body_layout > .sector4 .sns_wrap .btn_wrap li a:hover, #body_layout > .sector4 .sns_wrap .btn_wrap li a:focus{background:#fff;color:#071323;} #body_layout > .sector4 .sns_wrap .btn_wrap li a span{display:inline-block;vertical-align:middle;} /* #body_layout > .sector4 .body_wrap > .btn_wrap{width:100%;margin:75px 0 70px;} #body_layout > .sector4 .body_wrap > .btn_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .body_wrap > .btn_wrap a{display:inline-block;position:relative;float:left;width:10%;padding:75px 0 0;} #body_layout > .sector4 .body_wrap > .btn_wrap a b{display:inline-block;position:absolute;bottom:45px;left:50%;background:url("/images/kor/main/main_ir.png") no-repeat;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn1 b{bottom:45px;width:48px;height:48px;background-position:-1829px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn2 b{bottom:46px;width:44px;height:48px;background-position:-1878px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn3 b{bottom:45px;width:38px;height:48px;background-position:-1923px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn4 b{bottom:46px;width:42px;height:48px;background-position:-1962px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn5 b{bottom:45px;width:38px;height:48px;background-position:-2005px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn6 b{bottom:48px;width:45px;height:48px;background-position:-2044px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn7 b{bottom:48px;width:37px;height:48px;background-position:-2090px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn8 b{bottom:48px;width:33px;height:48px;background-position:-2128px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn9 b{bottom:48px;width:34px;height:46px;background-position:-2162px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn10 b{bottom:30px;width:37px;height:45px;background-position:-1829px -55px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn11 b{bottom:43px;width:34px;height:45px;background-position:-1867px -51px;} #body_layout > .sector4 .body_wrap > .btn_wrap a:hover b, #body_layout > .sector4 .body_wrap > .btn_wrap a:focus b{bottom:60px} #body_layout > .sector4 .body_wrap > .btn_wrap a span{display:inline-block;color:#fff;font-size:15px;} #body_layout > .sector4 .body_wrap > .btn_wrap a:hover span, #body_layout > .sector4 .body_wrap > .btn_wrap a:focus span{text-decoration:underline;} */ #body_layout > .sector4 .body_wrap > .btn_wrap{width:100%;margin:75px 0 70px;} #body_layout > .sector4 .body_wrap > .btn_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .body_wrap > .btn_wrap a{display:inline-block;position:relative;float:left;width:16.6%;padding:75px 0 0;} #body_layout > .sector4 .body_wrap > .btn_wrap a:nth-child(n+7){display:inline-block;position:relative;float:left;width:16.6%;padding:125px 0 0;} #body_layout > .sector4 .body_wrap > .btn_wrap a b{display:inline-block;position:absolute;bottom:45px;left:50%;background:url("/images/kor/main/main_ir.png") no-repeat;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn1 b{bottom:45px;width:48px;height:48px;background-position:-1829px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn2 b{bottom:46px;width:44px;height:48px;background-position:-1878px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn3 b{bottom:45px;width:38px;height:48px;background-position:-1923px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn4 b{bottom:46px;width:42px;height:48px;background-position:-1962px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn5 b{bottom:45px;width:38px;height:48px;background-position:-2005px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn6 b{bottom:48px;width:45px;height:48px;background-position:-2044px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn7 b{bottom:48px;width:37px;height:48px;background-position:-2090px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn8 b{bottom:48px;width:33px;height:48px;background-position:-2128px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn9 b{bottom:48px;width:34px;height:46px;background-position:-2162px -1px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn10 b{bottom:30px;width:37px;height:45px;background-position:-1829px -55px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn11 b{bottom:43px;width:34px;height:45px;background-position:-1867px -51px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn12 b{bottom:43px;width:40px;height:45px;background-position:-1902px -51px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn13 b{bottom:43px;width:41px;height:45px;background-position:-1943px -51px;} #body_layout > .sector4 .body_wrap > .btn_wrap a:hover b, #body_layout > .sector4 .body_wrap > .btn_wrap a:focus b{bottom:60px} #body_layout > .sector4 .body_wrap > .btn_wrap a span{display:inline-block;color:#fff;font-size:15px;} #body_layout > .sector4 .body_wrap > .btn_wrap a:hover span, #body_layout > .sector4 .body_wrap > .btn_wrap a:focus span{text-decoration:underline;} #body_layout > .sector5{min-height:954px;background:url("/images/kor/main/sector4_bg.jpg") no-repeat center 100%;background-size:cover;} #body_layout > .sector5 .body_wrap{padding:30px 0 0;} #body_layout > .sector5 span, #body_layout > .sector5 p, #body_layout > .sector5 strong, #body_layout > .sector5 em, #body_layout > .sector5 b{display:inline-block;} #body_layout > .sector5 .vision_top .logo{display:block;width:57px;height:65px;margin:0 0 0 5px;background:url("/images/kor/main/main_ir.png") no-repeat -2232px 0;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_top .vision_tit{display:block;width:267px;height:27px;margin:18px 0 22px 10px;background:url("/images/kor/main/main_ir.png") no-repeat -2293px 0;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_top .vison_slogan{display:block;width:803px;height:41px;margin:0 0 0 7px;background:url("/images/kor/main/main_ir.png") no-repeat -3801px -111px;font-size:50px;font-weight:300;text-align:left;} #body_layout > .sector5 .vision_top .vison_slogan span{display:block;color:#fff;font-size:0;text-indent:-9999px;line-height:1;} #body_layout > .sector5 .vision_top .vison_slogan span em{color:#58ffb6;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_top .vison_slogan span:first-child em{color:#55d8f9;} #body_layout > .sector5 .vision_top .vision_eng{display:block;width:432px;height:25px;margin:30px 0 53px 8px;background:url("/images/kor/main/main_ir.png") no-repeat -2291px -29px;font-size:0;text-indent:-9999px;} #body_layout > .sector5 h2{display:inline-block;padding:4px 25px;margin:0 0 10px 8px;border-radius:105px;background:#fff;color:#22488f;font-weight:700;text-align:center;line-height:37px;} #body_layout > .sector5 .linkbn{display:inline-block;position:absolute;font-size:22px;border-bottom: 5px solid #fff;padding-bottom: 10px;line-height:1.2;} #body_layout > .sector5 .linkbn span{color:#fff;line-height:1.2;} #body_layout > .sector5 .linkbn span span{display:block;} #body_layout > .sector5 .linkbn:hover span, #body_layout > .sector5 .linkbn:focus span{text-decoration:underline;} #body_layout > .sector5 .linkbn em{width:33px;height:16px;margin:0 0 0 10px;background:url("/images/kor/main/main_ir.png") no-repeat -2974px -1px;} #body_layout > .sector5 .linkbt span span{display:block;} #body_layout > .sector5 .linkbt:hover span, #body_layout > .sector5 .linkbt:focus span{text-decoration:underline;} #body_layout > .sector5 .vision_middle{position:relative;margin:20px 0 0;text-align:left;} #body_layout > .sector5 .vision_middle ul{/*display:inline-block;margin:0 0 0 -65px;*/margin-bottom:50px;} #body_layout > .sector5 .vision_middle ul:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector5 .vision_middle ul li{display:inline-block;float:left;width:20%;/*margin:0 0 0 80px;*/text-align:left;} #body_layout > .sector5 .vision_middle ul li em{float:left;display:block;margin-left:10px;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_middle ul li em.num1{width:20px;height:61px;background-position:-3951px -47px;} #body_layout > .sector5 .vision_middle ul li em.num2{width:38px;height:61px;background-position:-3972px -47px;} #body_layout > .sector5 .vision_middle ul li em.num3{width:39px;height:61px;background-position:-4011px -47px;} #body_layout > .sector5 .vision_middle ul li em.num4{width:39px;height:61px;background-position:-4051px -47px;} #body_layout > .sector5 .vision_middle ul li em.num5{width:39px;height:61px;background-position:-3911px -47px;} /*#body_layout > .sector5 .vision_middle ul li .tit{float:left;display:block;margin:35px 0 0 10px; font-size:22px;color:#fff;}*/ /* 240614 대학발전계획 변경에 따른 수정 시작 */ #body_layout > .sector5 .vision_middle ul li .tit{float:left;display:block;margin:0 0 0 10px; font-size:22px;color:#fff;} /* 240614 대학발전계획 변경에 따른 수정 끝 */ #body_layout > .sector5 .vision_middle ul li b{width:161px;height:161px;} #body_layout > .sector5 .vision_middle ul li b.bg1{background:url("/images/kor/main/cnt7_img1.jpg") no-repeat;} #body_layout > .sector5 .vision_middle ul li b.bg2{background:url("/images/kor/main/cnt7_img2.jpg") no-repeat;} #body_layout > .sector5 .vision_middle ul li b.bg3{background:url("/images/kor/main/cnt7_img3.jpg") no-repeat;} #body_layout > .sector5 .vision_middle ul li b.bg4{background:url("/images/kor/main/cnt7_img4.jpg") no-repeat;} #body_layout > .sector5 .vision_middle .linkbn, #body_layout > .sector5 .vision_bottom .linkbn{top:50px;left:85%;width:155px;} #body_layout > .sector5 .vision_bottom{position:relative;margin:30px 0 0;text-align:left;} #body_layout > .sector5 .vision_bottom:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector5 .vision_bottom .model{display:inline-block;/*float:left;*/width:238px;text-align:center;vertical-align:bottom;} #body_layout > .sector5 .vision_bottom .model em{width:111px;height:126px;background:url("/images/kor/main/main_ir.png") no-repeat -3010px -1px;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_bottom .model b{display:block;margin:10px 0;font-size:18px;color:#fff;line-height:1;} #body_layout > .sector5 .vision_bottom .model > span{display:block;padding:0 0 0 27px;font-size:15px;color:#fff;text-align:left;} #body_layout > .sector5 .vision_bottom .model > span span{display:block;line-height:1.4;} #body_layout > .sector5 .vision_bottom .exp{display:block;/*float:left;*/vertical-align:bottom;} #body_layout > .sector5 .vision_bottom .exp:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector5 .vision_bottom .exp li{float:left;position:relative;width:20%;padding:0 0 0 15px;text-align:left;} #body_layout > .sector5 .vision_bottom .exp li.item1{} #body_layout > .sector5 .vision_bottom .exp li.item2{} #body_layout > .sector5 .vision_bottom .exp li.item3{} #body_layout > .sector5 .vision_bottom .exp li.item4{} #body_layout > .sector5 .vision_bottom .exp li .alphabet{position:absolute;top:0;left:15px;background:url("/images/kor/main/main_ir.png") no-repeat;font-size:0;text-indent:-9999px;} #body_layout > .sector5 .vision_bottom .exp li.item1 .alphabet{width:40px;height:62px;background-position:-3136px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .alphabet{width:17px;height:62px;background-position:-3180px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item3 .alphabet{width:54px;height:62px;background-position:-3199px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item4 .alphabet{width:56px;height:62px;background-position:-3256px -1px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap{} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top{display:block;font-size:17px;color:#fff;} #body_layout > .sector5 .vision_bottom .exp li.item1 .text_wrap .txt_top{padding:0 0 0 55px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .text_wrap .txt_top{padding:0 0 0 45px;} #body_layout > .sector5 .vision_bottom .exp li.item3 .text_wrap .txt_top{padding:0 0 0 75px;} #body_layout > .sector5 .vision_bottom .exp li.item4 .text_wrap .txt_top{padding:0 0 0 72px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top span{display:block;line-height:1;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top .txt1{} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top .ico{width:9px;height:9px;margin:10px 0;background:url("/images/kor/main/main_ir.png") no-repeat -3125px -1px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top .txt2{} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle{display:block;margin:50px 0 0;font-size:19px;color:#fff;font-weight:700;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle span{display:block;line-height:1;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt1{} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt2{margin:8px 0 0;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_bottom{margin:10px 0 0;font-size:15px;color:#fff;line-height:1;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap > .ico{position:absolute;bottom:0;right:0;background:url("/images/kor/main/main_ir.png") no-repeat;} #body_layout > .sector5 .vision_bottom .exp li.item1 .text_wrap > .ico{right:13px;width:52px;height:56px;background-position:-3315px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .text_wrap > .ico{right:19px;width:45px;height:50px;background-position:-3370px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item3 .text_wrap > .ico{right:10px;width:56px;height:45px;background-position:-3418px -1px;} #body_layout > .sector5 .vision_bottom .exp li.item4 .text_wrap > .ico{width:56px;height:56px;right:15px;background-position:-3477px -1px;} #body_layout > .sector5 .body_wrap span[class^="line"]{} #body_layout > .sector5 .body_wrap span[class^="line"]:before{display:inline-block;position:absolute;top:300px;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';} #body_layout > .sector5 .body_wrap span[class^="line"]:after{display:inline-block;position:absolute;top:300px;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';} #body_layout > .sector5 .body_wrap span.line1:before{left:0;} #body_layout > .sector5 .body_wrap span.line1:after{left:238px;} #body_layout > .sector5 .body_wrap span.line2:before{left:476px;} #body_layout > .sector5 .body_wrap span.line2:after{left:714px;} #body_layout > .sector5 .body_wrap span.line3:before{left:952px;} #body_layout > .sector5 .body_wrap span.line3:after{left:1190px;} #foot_layout #btn_top {top: 630px;} @media (max-width: 1835px){ #body_layout > .sector1 .body_wrap .quick{right:20px;margin:0;} #body_layout > .sector2{background: #fff url("/images/kor/main/sector1_bg1.jpg") no-repeat 130% center;} } @media (max-width: 1439px){ #body_layout > .sector1 .body_wrap .quick{position:absolute;top:auto;right:auto;bottom: -75px;left:50%;margin:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);} #svisual_layout.on + #body_layout > .sector1 .body_wrap .quick{top:auto;} #body_layout > .sector1 .body_wrap .quick:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector1 .body_wrap .quick strong{float:left;margin:0;} #body_layout > .sector1 .body_wrap .quick > ul{float:left;position:static;margin:0;padding:0;background:none;} #body_layout > .sector1 .body_wrap .quick > ul:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector1 .body_wrap .quick > ul > li{display:inline-block;margin:0 0 0 15px;} #body_layout > .sector1 .body_wrap .quick > ul > li:before{display:none;} #body_layout > .sector1 .body_wrap .quick > ul > li > a{background:#121e46;} #body_layout > .sector1 .body_wrap .quick > ul > li.on > ul{top:35px;right:auto;left:50%;height:auto;margin:0 0 0 -427px;padding:55px 40px 40px 40px;border-radius:0;} #body_layout > .sector1 .body_wrap .quick > ul > li.n1.on > ul:before{top:-30px;right:431px;} #body_layout > .sector1 .body_wrap .quick > ul > li.n2.on > ul:before{top:-30px;right:353px;} #body_layout > .sector1 .body_wrap .quick > ul > li.n3.on > ul:before{top:-30px;right:275px;} #body_layout > .sector2 {padding: 120px 0 0;background: #fff;} #body_layout > .sector2 .bg_r {top: -33px;height: auto;background: url("/images/kor/main/sector1_bg1.jpg") no-repeat left center;background-size: cover;} #foot_layout #btn_top{top:auto; bottom:20px;} } @media (max-width: 1279px){ #svisual_layout{overflow:hidden;position: relative;top: 0;margin: -97px 0 0;height:900px;background: url(/images/kor/main/mvisual_img.jpg)center;background-size: cover;} #svisual_layout.on{top: 0;margin-top: -97px;} #svisual_layout.b_type .svisual_wrap{} #svisual_layout.b_type .svisual_wrap video{display:none} #svisual_layout.b_type .slogan_wrap{position:absolute;top:50%;left:50%;margin:0;text-align:center;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #svisual_layout.b_type .slogan_wrap:before{display:none;} #svisual_layout.b_type .slogan_wrap .slogan{margin:0;} #svisual_layout.b_type .slogan_wrap .copy{display:block;margin:10px 0 0;text-align:center;} #svisual_layout.b_type .icon_scroll{display:none;} #body_layout > .sector1 .body_wrap .quick {bottom:-93px;} .tab_w .tab_menu {left:0;width:100%;padding: 0 30px;transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);} .tab_w .tab_menu li a {background:rgba(0,0,0,0.35);padding: 20px 15px;} .tab_w .tab_menu li a span {font-size: 15px;height: 44px;} .tab_w .tab_menu li:first-child a span .ico, .tab_w .tab_menu li a span .tt {display:none;} .tab_w .tab_content {height:900px;} .tab_w .tab_content .con .thumb_txt {top:230px;left:30px;width:100%; transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-webkit-transform:translateX(0);} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner {padding:50px 30px; } .tab_w .tab_content .con .thumb_txt strong {font-size:22px; } .tab_w .tab_content .con .thumb_txt p {font-size:16px;} #body_layout{/* padding:0 0 49px; */} #body_layout .body_wrap{width:100%;padding:0 30px;} #body_layout > .sector1{position:relative;/*padding-bottom:71.4%;*/} #body_layout > .sector1 .body_wrap{position:static;} #body_layout > .sector4 .pop_zone, #body_layout > .sector2 .body_wrap .grap{width: 52%;} #body_layout > .sector4 .sns_wrap, #body_layout > .sector2 .body_wrap .press{width: 43%;} #body_layout > .sector2 .btn_wrap{text-align:center} #body_layout > .sector2 .btn_wrap a{padding-right:7px;padding-left:7px;/* float:none; */display:inline-block;} #body_layout > .sector4 .pop_zone .sliderBox{height:331px} #body_layout > .sector4 .sns_wrap .sns li a{height: 183px;} #body_layout > .sector3{background-position:59% 50%;background-size:cover;height:200px;} #body_layout > .sector3 .body_wrap{height: 100%;} #body_layout > .sector3 .body_wrap .cyber_wrap{top:-90px;left:30px;width:178px;height:178px;padding:0;border-radius:178px;background-image:url(/images/kor/main/m_cnt3_bg.jpg);text-align:center;} #body_layout > .sector3 .body_wrap .cyber_wrap:before{top:20px;right:-100px;width:159px;height:164px;background-position:-1881px -279px;} #body_layout > .sector3 .cyber_wrap strong{position:relative;margin:27px 0 0;} #body_layout > .sector3 .cyber_wrap .btn_wrap{display:inline-block;position:relative;margin:2px 50px 0;padding:6px 0 0;border-top:1px solid rgba(255,255,255,0.8)} #body_layout > .sector3 .cyber_wrap a{padding:0;} #body_layout > .sector3 .cyber_wrap a:first-child{border:none;} #body_layout > .sector3 .cyber_wrap a:before{display:none;} #body_layout > .sector3 .link_wrap{margin:0;height:100%;} #body_layout > .sector3 .link_wrap a{width:100%;height:100%;text-align:center;} #body_layout > .sector3 .link_wrap a.btn1{padding:0 0 110px;} #body_layout > .sector3 .link_wrap a.btn2{padding:0 0 80px;} #body_layout > .sector3 .link_wrap a.btn3{padding: 20px 0 80px;position: relative;margin: 0 auto;width: 277px;top: auto;right: auto;float: none;height: auto;} #body_layout > .sector3 .link_wrap a > span span{width:100%;} #body_layout > .sector3 .link_wrap a b{right:auto;left:50%;margin: 12px 0 0 -20px;transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;} #body_layout > .sector3 .link_wrap a.btn1 b{margin:5px 0 0 -20px;} #body_layout > .sector3 .link_wrap a.btn3:hover > span, #body_layout > .sector3 .link_wrap a.btn3:focus > span{margin-top:-5px;} #body_layout > .sector3 .link_wrap a.btn3:hover b, #body_layout > .sector3 .link_wrap a.btn3:focus b{margin-top:-2px;} #body_layout > .sector5 .vision_top .vison_slogan{width: 720px;height: 37px;background:url(/images/kor/main/main_ir.png) no-repeat -3801px -153px} #body_layout > .sector5 .vision_middle ul li, #body_layout > .sector5 .vision_bottom .exp li{width:20%;} #body_layout > .sector5 .vision_middle .linkbn, #body_layout > .sector5 .vision_bottom .linkbn {position:static;width:auto;padding:10px 20px;margin:0 0 40px;border: 3px solid #fff;font-size: 16px;} #body_layout > .sector5 .linkbn span span{display:inline} #body_layout > .sector5 .body_wrap span[class^="line"]{display:none} #body_layout > .sector5 .body_wrap span[class^="line"]:before{display:inline-block;position:absolute;top:0;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';} #body_layout > .sector5 .body_wrap span[class^="line"]:after{display:inline-block;position:absolute;top:0;left:0;width:1px;height:200%;background:rgba(255,255,255,0.2);content:'';} #body_layout > .sector5 .body_wrap{padding:59px 30px 0;} #body_layout > .sector5 .vision_top .vision_eng{margin:20px 0 20px 8px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top{font-size:16px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top .ico{margin:8px 0;} #body_layout > .sector5 .vision_middle{width:100%;}/* #body_layout > .sector5 .vision_middle ul{width:73%;margin:0 0 0 -2%;} #body_layout > .sector5 .vision_middle ul li{width:23%;margin:0 0 0 2%;}*/ #body_layout > .sector5 .vision_middle ul li b{width:100%;height:0;padding-top:100%;} /*#body_layout > .sector5 .vision_middle a{right:0;}*/ #body_layout > .sector5 .vision_bottom{margin:60px 0 0;} #body_layout > .sector5 .vision_bottom .model{width:100%;margin:0 0 70px;text-align:left;} #body_layout > .sector5 .vision_bottom .model:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector5 .vision_bottom .model em{float:left;width:80px;height:91px;margin-right:15px;background-position:0 -447px;} #body_layout > .sector5 .vision_bottom .model b{display:inline-block;margin:15px 0 0;} #body_layout > .sector5 .vision_bottom .model > span span{display:inline;} #body_layout > .sector5 .vision_bottom .exp li.item1 .alphabet{width:33px;height:52px;background-position:-82px -447px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .alphabet{width:15px;height:51px;background-position:-119px -447px;} #body_layout > .sector5 .vision_bottom .exp li.item3 .alphabet{width:45px;height:51px;background-position:-135px -447px;} #body_layout > .sector5 .vision_bottom .exp li.item4 .alphabet{width:47px;height:51px;background-position:-183px -447px;} #body_layout > .sector5 .vision_bottom .exp li.item1 .text_wrap .txt_top{padding:0 0 0 45px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .text_wrap .txt_top{padding:0 0 0 38px;} #body_layout > .sector5 .vision_bottom .exp li.item3 .text_wrap .txt_top{padding:0 0 0 61px;} #body_layout > .sector5 .vision_bottom .exp li.item4 .text_wrap .txt_top{padding:0 0 0 57px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle{margin:20px 0 0;} #body_layout > .sector5 .vision_middle ul{width:100%;margin:0 0 10px;} #body_layout > .sector5 .vision_middle ul li .tit{display:block;width:100%;margin-top:10px;} #body_layout > .sector5 .vision_bottom .exp{width:100%;margin:0 0 10px;} /* #body_layout > .sector5 .vision_bottom .exp li{width:25%}*/ #body_layout > .sector5 .vision_bottom .exp li .text_wrap > .ico{display:block;position:static;margin:15px 0 0} } @media (max-width: 1024px){ #body_layout > .sector2 .body_wrap .grap{float:none;width:100%;} #body_layout > .sector2 .btn_wrap{margin:65px 0 120px;} #body_layout > .sector2 .body_wrap .press{float:none;width:100%;margin:0 0 65px;padding:0 45px;} #body_layout > .sector2 .press .sliderBox ul li{height:215px;} #body_layout > .sector2 .press .controlBox .controler{top:-3px;right:89px;} #body_layout > .sector2 .press a.more{top:-3px;right:45px;} #body_layout > .sector2 .bg_r{top: auto;bottom: 0;width:911px;height:585px;margin-right:-500px;background: url("/images/kor/main/sector1_bg.jpg") no-repeat 0 100%;background-position:-1072px 100%;background-size: auto;} #body_layout > .sector2 .bg_r:before{top:0;background-image:url(/images/kor/main/sector1_bg_exp2.jpg);} #body_layout > .sector4 .pop_zone{float:none;width:100%;} #body_layout > .sector4 .pop_zone .sliderBox{position:relative;height:0;padding-top:59.3%;} #body_layout > .sector4 .pop_zone .sliderBox > ul{position:absolute;top:0;left:0;} #body_layout > .sector4 .pop_zone .sliderBox > ul > li{min-height:0;} #body_layout > .sector4 .pop_zone .sliderBox > ul > li img{width:100%;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul{margin:0 0 0 -2%;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector4 .pop_zone .sliderBox > ul ul li{float:left;width:48%;height:auto;margin:0 0 0 2%;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul li:first-child{margin:0 0 0 2%;} #body_layout > .sector4 .sns_wrap{float:none;width:100%;margin:15px 0 0;} #body_layout > .sector4 .sns_wrap .sns li a{position:relative;/*height:0;padding-top:100%;*/} #body_layout > .sector4 .sns_wrap .sns li a:hover, #body_layout > .sector4 .sns_wrap .sns li a:focus{font-size:18px} /* #body_layout > .sector4 .sns_wrap .sns li a strong{position:absolute;top:0;left:0}*/ #body_layout > .sector4 .body_wrap > .btn_wrap{margin:55px 0 110px;} /*#body_layout > .sector4 .body_wrap > .btn_wrap a{width:20%;margin:20px 0 0;padding:60px 0 0;}*/ #body_layout > .sector4 .body_wrap > .btn_wrap a{width:25%;margin:20px 0 0;padding:60px 0 0;} #body_layout > .sector4 .body_wrap > .btn_wrap a:nth-child(n+5){width:25%;margin:20px 0 0;padding:70px 0 0;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn1 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn2 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn3 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn4 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn5 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn6 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn7 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn8 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a.btn9 b{bottom:30px;} #body_layout > .sector4 .body_wrap > .btn_wrap a:hover b, #body_layout > .sector4 .body_wrap > .btn_wrap a:focus b{bottom:30px} #body_layout > .sector5 .vision_middle ul li, #body_layout > .sector5 .vision_middle ul li .tit{font-size:16px;} #body_layout > .sector5 .vision_bottom .exp li{margin-top:0 !important;margin-left:0 !important;opacity:1 !important} #body_layout > .sector2 .press .controlBox .paging{margin-top:0;margin-right:15px;margin:270px 0 0 -5px;} } @media (max-width: 767px){ #svisual_layout{top: 0;height: 500px;min-height: auto;margin: -60px 0 0;border: none;} #svisual_layout.on {top: 0;margin: -60px 0 0;} #svisual_layout.b_type .slogan_wrap .slogan{width:249px;height:65px;margin:30px 0 0;background-size:100% auto;} #svisual_layout.b_type .slogan_wrap .copy{display:none;} #svisual_layout .tab_w .tab_menu {left:20px;right:20px;bottom:20px;padding: 0;width: auto;height: auto;/* border: 1px solid #fff; */border-right: none;} #svisual_layout .tab_w .tab_menu li{display:inline-block;float:none;width:auto;} #svisual_layout .tab_w .tab_menu li a {display:inline-block;overflow:hidden;width:17px;height:17px;margin:0 0 0 5px;background:transparent url("/images/kor/main/main_ir.png") no-repeat -808px -22px;font-size:0;text-indent:-9999px;padding:0} #svisual_layout .tab_w .tab_menu li a span {font-size:0} #svisual_layout .tab_w .tab_menu li a strong {display:block;font-size:18px; text-align:center; color:#fff; line-height:35px;} #svisual_layout .tab_w .tab_menu li.active a{width:17px;height:18px;background-position:-808px -1px;} /* #svisual_layout .tab_w .tab_menu li.active a {border:1px solid #00aa2b;} #svisual_layout .tab_w .tab_menu li.active a strong {background:#00aa2b; } */ #svisual_layout .tab_w .tab_content {height:500px;} #svisual_layout .tab_w .tab_content .con .thumb_txt {top:115px;left:20px;width:100%; } #svisual_layout .tab_w .tab_content .con .thumb_txt .thumb_txt_inner {width: 85%;min-height:auto;padding: 30px 15px 30px;} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:before, .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:after {width:4px; height:35px;} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:before {left:15px;} .tab_w .tab_content .con .thumb_txt .thumb_txt_inner:after {left:18px;} #svisual_layout .tab_w .tab_content .con .thumb_txt strong {font-size:18px; } #svisual_layout .tab_w .tab_content .con .thumb_txt p {font-size:14px;height: 46px;} .tab_w .tab_content .con .thumb_txt a {width:95px;height: 30px;margin: 20px 0 0;line-height: 24px;border: 3px solid #7B7C7C;} .tab_w .tab_content .con .thumb_txt a:after {top:6px;width:42px;height: 7px;background-size: 42px 7px;} .tab_w .tab_menu li {float:left;width:20%;height: 100%;border-right: dotted 0px #FFFFFF;} #body_layout .body_wrap{padding:0 20px;} #body_layout > .sector1 .body_wrap .quick{display: none;width: 100%;font-size:12px;} #body_layout > .sector1 .body_wrap .quick strong {display:inline-block;float:none;} #body_layout > .sector1 .body_wrap .quick > ul{display: inline;float:none;position:static;text-align: center;} #body_layout > .sector1 .body_wrap .quick > ul > li.on > ul{top: 29px;left:0;width:100%;margin:0;} #body_layout > .sector1 .body_wrap .quick > ul ul li{width:48%;} #body_layout > .sector1 .body_wrap .quick > ul ul li a span{font-size:13px;} #body_layout > .sector2 .body_wrap{padding:0} #body_layout > .sector2 .body_wrap .grap{padding:0 20px;} #body_layout > .sector2 .notice .tab_btns a > span span{display:block;line-height:1.3;} #body_layout > .sector2 .notice .tab_con ul li > a {padding:15px 0 15px 40px;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt{width:100%;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit{width:100%;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit em{position:absolute;top:50%;left:0;min-width:50px;margin-top:-15px;} #body_layout > .sector2 .notice .tab_con ul li > a span.cnt .tit > span{width:100%;} #body_layout > .sector2 .notice .tab_con ul li > a span.date{position:static;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a{padding:0;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit em{position:static;margin:0;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit > span{max-height:57px;white-space:normal;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .tit{width:100%;margin:0;padding:0 0 0 103px;} #body_layout > .sector2 .notice .tab_con ul li:first-child > a span.cnt .txt{margin:10px 0 0;padding:0 0 0 103px;} #body_layout > .sector2 .btn_wrap{margin:30px 0 0;} #body_layout > .sector2 .btn_wrap a{width: 33.33%;height:auto;padding:0 0 0 35px;margin:25px 0 0;text-align:left;float: left;} #body_layout > .sector2 .btn_wrap a b{bottom:auto;top:50%;left:0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);} #body_layout > .sector2 .btn_wrap a.btn1 b{width:26px;height:27px;background-position:-1px -280px;} #body_layout > .sector2 .btn_wrap a.btn2 b{width:25px;height:27px;background-position:-28px -280px;} #body_layout > .sector2 .btn_wrap a.btn3 b{width:24px;height:27px;background-position:-55px -280px;} #body_layout > .sector2 .btn_wrap a.btn4 b{width:27px;height:27px;background-position:-84px -280px;} #body_layout > .sector2 .btn_wrap a.btn5 b{width:26px;height:22px;background-position:-1px -311px;} #body_layout > .sector2 .btn_wrap a.btn6 b{width:29px;height:26px;background-position:-54px -308px} #body_layout > .sector2 .bg_r{display:none;/*width:504px;height:321px;margin-right:-280px;background-position:-2000px 100%;*/} #body_layout > .sector2 .bg_r:before{display:none;/*right:-19999px;background-image:url("/images/kor/main/sector1_bg_exp3.jpg");*/} #body_layout > .sector2 .body_wrap .press{margin:60px 0 0;padding:30px 20px 20px;background:url("/images/kor/main/sector1_bg3.jpg") no-repeat 32% 100%;background-size:cover;} #body_layout > .sector2 .press h2{width:104px;height:15px;background-position:-132px -280px; top:0px} #body_layout > .sector2 .press .controlBox .paging{margin-top:58px;margin-right:15px;} #body_layout > .sector2 .press .controlBox .controler{top:10px;right:10px;} #body_layout > .sector2 .press .controlBox .controler button{width:30px;height:30px;} #body_layout > .sector2 .press a.more{top:216px;right:20px;width:30px;height:30px;} /* #body_layout > .sector3{background:none;}*/ #body_layout > .sector3 .body_wrap{height:auto;padding:0;} #body_layout > .sector3 .body_wrap .cyber_wrap{position:static;width:100%;height:153px;margin: 0 0 30px;border-radius:0} #body_layout > .sector3 .body_wrap .cyber_wrap:before{display:none} #body_layout > .sector3 .cyber_wrap strong{width:53px;height:44px;background-position:-239px -280px;} #body_layout > .sector3 .cyber_wrap .btn_wrap{display:block;margin:5px 40px 0;border-top:0;} #body_layout > .sector3 .cyber_wrap a, #body_layout > .sector3 .cyber_wrap a:first-child{float:left;width:49%;margin-left:1%;padding:5px;border:1px solid #fff;font-size:14px;} #body_layout > .sector3 .cyber_wrap a:first-child{margin:0;} #body_layout > .sector3 .link_wrap a{width:100%;height:165px;background:no-repeat 50% 100%;background-size:cover;} #body_layout > .sector3 .link_wrap a.btn1{padding:0 0 50px;background-image:url("/images/kor/main/m_sector2_bg1.jpg")} #body_layout > .sector3 .link_wrap a.btn2{padding:0 0 25px;background-image:url("/images/kor/main/m_sector2_bg2.jpg")} #body_layout > .sector3 .link_wrap a.btn2 > span:after{bottom:33px;right:85px;width:123px;height:47px;background-position:-381px -280px;} #body_layout > .sector3 .link_wrap a.btn1 b{margin:12px 0 0 -20px;} #body_layout > .sector3 .link_wrap a.btn2 b{margin:13px 0 0 -20px;} #body_layout > .sector3 .link_wrap a > span span{font-size:16px;} #body_layout > .sector3 .link_wrap a.btn1 > span span.subtitle{width:84px;height:17px;background-position:-295px -280px;} #body_layout > .sector3 .link_wrap a.btn2 > span span.subtitle{width:88px;height:15px;background-position:-508px -280px;} /* 추가 */ #body_layout > .sector3 .link_wrap a.btn3{position:relative;padding:0 0 135px;/*background-image:url("/images/kor/main/sector2_bg.jpg")*/} #body_layout > .sector3 .link_wrap a.btn3 > span:after{bottom:33px;right:85px;width:123px;height:47px;background-position:-381px -280px;} #body_layout > .sector3 .link_wrap a.btn3 b{margin:13px 0 0 -20px;} #body_layout > .sector3 .link_wrap a.btn3 > span span.subtitle{width:160px;height:49px;background-position:-506px -315px;} #body_layout > .sector4 .pop_zone h2{width:164px;height:15px;background-position:-599px -280px;} #body_layout > .sector4 .pop_zone .controlBox .controler button{width:30px;height:30px;} #body_layout > .sector4 .pop_zone .sliderBox{padding-top:62%;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul{margin:-5px 0 0;} #body_layout > .sector4 .pop_zone .sliderBox > ul ul li, #body_layout > .sector4 .pop_zone .sliderBox > ul ul li:first-child{float:none;width:100%;margin:5px 0 0;} /* #body_layout > .sector4 .sns_wrap .sns li a{padding-top:135%;} #body_layout > .sector4 .sns_wrap .sns li a.video{background:#a70f1d;} #body_layout > .sector4 .sns_wrap .sns li a.insta{background:#b9218c;} #body_layout > .sector4 .sns_wrap .sns li a.sns{background:#105095;} #body_layout > .sector4 .sns_wrap .sns li a.blog{background:#2ca046;}*/ /* #body_layout > .sector4 .sns_wrap .sns li a span{top:50%;left:50%;margin:0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} */ #body_layout > .sector4 .sns_wrap .sns li a{height:150px;font-size:14px;} #body_layout > .sector4 .sns_wrap .sns li a strong span {width:47px;margin: 25px auto 10px;} #body_layout > .sector4 .sns_wrap .sns li a.video span{background-position:-765px -280px;} #body_layout > .sector4 .sns_wrap .sns li a.insta span{background-position:-813px -280px;} #body_layout > .sector4 .sns_wrap .sns li a.sns span{background-position:-862px -280px;} #body_layout > .sector4 .sns_wrap .sns li a.blog span{background-position:-764px -359px;} #body_layout > .sector4 .sns_wrap .btn_wrap li{width:48%;} #body_layout > .sector4 .body_wrap > .btn_wrap a{width: 33.3%;} #body_layout > .sector4 .body_wrap > .btn_wrap a:nth-child(n+4){width: 33.3%; padding-top:70px;} #body_layout > .sector5 .vision_middle ul li .tit, #body_layout > .sector5 .vision_middle ul li em{float:none;margin-top:15px;font-size:14px;} /* #body_layout > .sector5{background-size:cover;}*/ #body_layout > .sector5 .body_wrap{padding:10px 20px 0;} #body_layout > .sector5 .vision_top .logo{width:31px;height:36px;background-position:-1236px -280px;} #body_layout > .sector5 .vision_top .vision_tit{width:123px;height:13px;background-position:-1271px -280px;} #body_layout > .sector5 .vision_top .vison_slogan{width:228px;height:48px;background-position:-2043px -280px;} #body_layout > .sector5 .vision_top .vision_eng{width:224px;height:14px;background-position:-2273px -280px;} #body_layout > .sector5 .vision_top h2{width:90px;height:32px;line-height:32px;} /* #body_layout > .sector5 .vision_middle{text-align:center;}*/ #body_layout > .sector5 .vision_middle ul{width:100%;margin:0 0 20px;} /* #body_layout > .sector5 .vision_middle ul li{position:relative;width:48%;height:130px;margin:10px 0 0 2%;} #body_layout > .sector5 .vision_middle ul li em{position:absolute;top:50%;left:50%;margin:-20px 0 0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #body_layout > .sector5 .vision_middle ul li .tit{position:absolute;top:50%;left:50%;width:100%;margin:30px 0 0;font-size:16px;text-align:center;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #body_layout > .sector5 .vision_middle a{position:static;} #body_layout > .sector5 .vision_middle ul li:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);content:'';} #body_layout > .sector5 .vision_middle ul li b.bg1, #body_layout > .sector5 .vision_middle ul li b.bg2, #body_layout > .sector5 .vision_middle ul li b.bg3, #body_layout > .sector5 .vision_middle ul li b.bg4{background-size:cover;}*/ #body_layout > .sector5 .vision_bottom{margin:0;} #body_layout > .sector5 .vision_bottom .model{margin:0 0 30px;text-align:center;} #body_layout > .sector5 .vision_bottom .model em{float:none;} #body_layout > .sector5 .vision_bottom .model b{width:100%;font-size:15px;} #body_layout > .sector5 .vision_bottom .model > span{padding:0;font-size:12px;} #body_layout > .sector5 .vision_bottom .exp li{float:none;width:100%;margin:0 0 30px;padding:0 0 0 80px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top:after{display:block;overflow:hidden;clear:both;content:'';} #body_layout > .sector5 .vision_bottom .exp li.item1 .text_wrap .txt_top{padding:0} #body_layout > .sector5 .vision_bottom .exp li.item2 .text_wrap .txt_top{padding:0} #body_layout > .sector5 .vision_bottom .exp li.item3 .text_wrap .txt_top{padding:0} #body_layout > .sector5 .vision_bottom .exp li.item4 .text_wrap .txt_top{padding:0} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top span{float:left;font-size:12px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_top .ico{margin:0;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle{margin:0;font-size:16px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle span{display:inline-block;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_middle .txt2{margin:0;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap .txt_bottom{margin:0;font-size:13px;} #body_layout > .sector5 .vision_bottom .exp li .text_wrap > .ico{position:absolute;top:0;right:0;margin:0;} #body_layout > .sector5 .vision_bottom .exp li.item1 .text_wrap > .ico{right:-6px;} #body_layout > .sector5 .vision_bottom .exp li.item2 .text_wrap > .ico{right:0;} #body_layout > .sector5 .vision_bottom .exp li.item3 .text_wrap > .ico{right:0;} #body_layout > .sector5 .vision_bottom .exp li.item4 .text_wrap > .ico{right:0;} #body_layout > .sector5 .vision_bottom .exp li#movCon2{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_bottom .exp li#movCon3{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_bottom .exp li#movCon4{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_bottom .exp li#movCon5{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_middle ul li#movCon6{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_middle ul li#movCon7{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_middle ul li#movCon8{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_middle ul li#movCon9{margin-top:0;opacity:1;} #body_layout > .sector5 .vision_middle ul li#movCon10{margin-top:0;opacity:1;} #body_layout > .sector1 .body_wrap .quick > ul > li {margin: 0;} #body_layout > .sector1 .body_wrap .quick > ul > li > a {width: 55px;height: 55px;} #body_layout > .sector2 .press .controlBox {padding-top:180px;} #body_layout > .sector2 .press .sliderBox {height:215px;} #body_layout > .sector3{height:400px;background-position:35% 50px} } @media (max-width: 479px){ #body_layout > .sector4 .pop_zone .sliderBox{padding-top:66%;} #body_layout > .sector4 .pop_zone .controlBox .controler a, #body_layout > .sector4 .pop_zone .controlBox .controler button{width:34px;height:34px;} #body_layout > .sector2 .btn_wrap a{width:50%} #body_layout > .sector4 .body_wrap > .btn_wrap a{width:50%} #body_layout > .sector4 .body_wrap > .btn_wrap a:nth-child(n+3){width:50%} } #quick2 {display:none;} #quick2 .q_inner {position:relative;} #quick2 .q_inner .clickOpen_quick{display:inline-block;} #quick2 .q_inner .clickOpen_quick.on > a {background:#fff;color: #000;} #quick2 .q_inner .clickOpen_quick > a {display:inline-block;position: relative;z-index: 3;width:55px;height:55px;border-radius:50%;background: #121e46;color:#fff;font-size: 13px;line-height: 1.2;} #quick2 .q_inner .clickOpen_quick > a:before{display: inline-block; height: 100%;vertical-align: middle;content: '';} #quick2 .q_inner .clickOpen_quick > a span {display:inline-block; vertical-align:middle;} #quick2 .q_inner .clickOpen_quick > div {display:none;position:absolute;top: 18.5px;left: 0;right: 0;width: auto;background: #262a36;} #quick2 .q_inner .clickOpen_quick.on > div {display:block;} #quick2 .q_inner .clickOpen_quick > div .clickClose{display:inline-block;position:absolute;top: -18.5px;left:50%;width:55px;height:55px;border-radius:50%;background:#fff;color: #000;} #quick2 .q_inner .clickOpen_quick.on > div .clickClose {z-index: 99999;} #quick2 .q_inner .clickOpen_quick.cq1 > div .clickClose {margin-left: -118px;} #quick2 .q_inner .clickOpen_quick.cq2 > div .clickClose {margin-left: -58px;} #quick2 .q_inner .clickOpen_quick.cq3 > div .clickClose {margin-left: 3px;} #quick2 .q_inner .clickOpen_quick.cq4 > div .clickClose {margin-left: 62px;} #quick2 .q_inner .clickOpen_quick > div .clickClose:before{display: inline-block; height: 100%;vertical-align: middle;content: '';} #quick2 .q_inner .clickOpen_quick > div >div {padding: 40px 20px 20px;} #quick2 .q_inner .clickOpen_quick > div >div ul {} #quick2 .q_inner .clickOpen_quick > div >div ul:after {display:block; clear:both; visibility:hidden; content:'';} #quick2 .q_inner .clickOpen_quick > div >div ul li {float:left;width:48%;margin:0 1% 10px;} #quick2 .q_inner .clickOpen_quick > div >div ul li a {display:block;height:45px;border: 1px solid #434a5d;color: #fff;font-size: 13px;} #quick2 .q_inner .clickOpen_quick > div >div ul li a:before{display: inline-block; height: 100%;vertical-align: middle;content: '';} #quick2 .q_inner .clickOpen_quick > div >div ul li a span {display:inline-block;} @media (max-width:767px){ #quick {display:none;} #quick2 {display:block;position: absolute;left: 0;bottom: -80px;z-index: 2;width: 100%;} }