@charset "utf-8"; @import url(gnbType.css); /* 디폴트 시작 */ body{background:#fff;} #top_layout, #body_layout, #foot_layout{ width:100%; text-align:center; display:inline-block; position:relative;} #top_layout .top_wrap, #body_layout .body_wrap, #body_layout.b_type .contents_wrap, #foot_layout .foot_wrap{ width:1240px; display:inline-block; position:relative;} /* 디폴트 끝 */ /* 상단오픈팝업 시작 */ #op_layout{position:relative;height:0;text-align:center;background:#6d6750 url("/images/kor/common/bg_popup.png") 50% 0;/*background:#6d6750;*//*transition:all .4s ease-out;*/ } #op_layout.on{height:161px;} #op_layout .op_wrap{display:inline-block;overflow:hidden;position:relative;width:900px;height:100%;} #op_layout .op_wrap .sliderBox{display:inline-block;overflow:hidden;width:507px;height:100%;} #op_layout.on .op_wrap .sliderBox{min-height:161px;} #op_layout .op_wrap .sliderBox ul{position:relative;width:100%;height:100%;} #op_layout .op_wrap .sliderBox ul:after{display:block;overflow:hidden;clear:both;content:'';} #op_layout .op_wrap .sliderBox ul li{float:left;width:100%;height:100%;} #op_layout .op_wrap .sliderBox ul li a{display:inline-block;position:relative;width:100%;height:100%;} #op_layout .op_wrap .sliderBox ul li a:after{display:inline-block;height:94%;vertical-align:middle;content:'';} #op_layout .op_wrap .sliderBox ul li a .box{display:inline-block;overflow:hidden;position:absolute;top:50%;left:0;width:100%;padding:0;vertical-align:middle;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);} /*#op_layout .op_wrap .sliderBox ul li a .box img{width:100%;}*/ #op_layout .op_wrap .controlBox{position:absolute;bottom:10px;left:0;width:100%;height:20px;} #op_layout .op_wrap .controlBox .pageCount{display:none;} #op_layout .op_wrap .controlBox .paging{float:left;} #op_layout .op_wrap .controlBox .paging button{display:inline-block;width:20px;height:20px;background:url("/images/kor/common/common_ir.png") no-repeat -397px 0;font-size:0;text-indent:-9999px;} #op_layout .op_wrap .controlBox .paging button.on{outline:none;background-position:-375px 0;} #op_layout .op_wrap .controlBox > button{display:inline-block;background:url("/images/kor/common/common_ir.png") no-repeat;font-size:0;text-indent:-9999px;} #op_layout .op_wrap .controlBox > button.btn_prev{position:absolute;top:-50px;left:0;width:25px;height:46px;background-position:-440px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);} #op_layout .op_wrap .controlBox > button.btn_stop{float:left;/*position:absolute;bottom:16px;left:68px;*/width:8px;height:12px;margin:4px 0 0 10px;background-position:-419px 0;} #op_layout .op_wrap .controlBox > button.btn_play{float:left;display:none;/*position:absolute;bottom:16px;left:68px;*/width:8px;height:12px;margin:4px 0 0 10px;background-position:-429px 0;} #op_layout .op_wrap .controlBox > button.btn_next{position:absolute;top:-50px;right:0;width:25px;height:46px;background-position:-468px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);} #op_layout .btn_close{position:absolute;bottom:10px;right:0;} #op_layout .btn_close:before{display:inline-block;height:35px;vertical-align:middle;content:'';} #op_layout .btn_close .never{display:inline-block;vertical-align:middle;} #op_layout .btn_close .never #never_op{display:inline-block;vertical-align:middle;} #op_layout .btn_close .never label{display:inline-block;color:#fff;font-weight:200;vertical-align:middle;} #op_layout .btn_close a{display:inline-block;width:35px;height:20px;margin:0 0 0 10px;background:#293241;color:#fff;font-size:13px;font-weight:200;line-height:20px;text-align:center;text-shadow:none;vertical-align:middle;opacity:1;} #op_layout .btn_open{position:absolute;bottom:-99px;right:24px;width:70px;height:70px;background:#005bc2;text-align:center;z-index:12;} #op_layout .btn_open .bg, #op_layout .btn_open a{display:inline-block;width:100%;height:100%;padding:8px 0;} #op_layout .btn_open .bg{display:none;} #op_layout .btn_open .bg span, #op_layout .btn_open a span{display:block;color:#fff;font-size:11px;} #op_layout .btn_open .bg b, #op_layout .btn_open a b{display:inline-block;width:24px;height:12px;background:url("/images/kor/common/common_ir.png") no-repeat -349px 0;} #op_layout.on .btn_open .bg{display:inline-block;} #op_layout.on .btn_open a{display:none;} #op_layout .btn_open .badge{display:inline-block;position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;} /* 상단오픈팝업 끝 */ /* Top유틸 시작 */ #top_layout{display:block;height:137px;/*transition:all .3s;*/;z-index:11;} #top_layout.ov:after{display:inline-block;position:fixed;top:161px;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);content:'';} #top_layout .top_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:2;} #top_layout .top_wrap{width:100%;height:100%} /*#top_layout .top_wrap:before{display:block;position:absolute;bottom:0;left:0;width:355px;height:75px;z-index:4;content: '';}*/ #top_layout .top_wrap .logo_wrap{ display:inline-block; float:left; position:relative; width:196px;height:60px;margin:60px 0 0 30px;z-index:4;} #top_layout .top_wrap .logo_wrap a{ width:100%; height:100%; background:url(/images/kor/common/common_ir.png) no-repeat; font-size:0; text-indent:-9999px; display:inline-block;vertical-align:middle;} #top_layout .top_wrap .utile_wrap{display:inline-block; float:none;position:absolute;top:30px;right:98px;/*margin:0;*//*transition:all .3s;*/z-index:auto;} #top_layout .top_wrap .utile_wrap > li{display:inline-block;float:left;position:relative;margin-left:15px;line-height:47px;z-index:10;} #top_layout .top_wrap .utile_wrap > li.login span{display:inline-block;margin-right:10px;color:#fff;font-size:14px; line-height:18px;vertical-align:middle;text-shadow:0 0 3px rgba(0, 0, 0, .9);} #top_layout .top_wrap .utile_wrap > li.login em{display:inline-block;margin-right:10px;color:#fff;font-size:14px; line-height:18px;vertical-align:middle;text-shadow:0 0 3px rgba(0, 0, 0, .9);} #top_layout .top_wrap .utile_wrap li a{ display:inline-block; color:#fff;font-size:14px; line-height:18px;vertical-align:middle;text-shadow:0 0 3px rgba(0, 0, 0, .9);} #top_layout .top_wrap .utile_wrap li a:hover, #top_layout .top_wrap .utile_wrap li a:focus{text-decoration:underline;} #top_layout .top_wrap .utile_wrap li.sitemap{width:auto;} #top_layout .top_wrap .utile_wrap li.sitemap a{ width:100%; height:100%; font-size:14px;} #top_layout .top_wrap .utile_wrap .login em{display:inline-block;margin-right:10px;color:#fff;} #top_layout .top_wrap .utile_wrap .login em a{display:inline-block;margin:0 3px;} #top_layout .top_wrap .utile_wrap li.movTop{display:none;} #top_layout .top_wrap .utile_wrap li.lan > a{position:relative;padding-right:15px;} #top_layout .top_wrap .utile_wrap li.lan > a:before{display:block;position:absolute;top:7px;right:0;width:9px;height:5px;background:url("/images/kor/common/common_ir.png") no-repeat -199px 0;content:'';} #top_layout .top_wrap .utile_wrap li.lan ul{display:none;position:absolute;top:0;left:50%;width:100%;padding:47px 0 0;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);} #top_layout .top_wrap .utile_wrap li.lan.on ul{display:inline-block;} #top_layout .top_wrap .utile_wrap li.lan ul li{width:100%;line-height:1;} #top_layout .top_wrap .utile_wrap li.lan ul li a{width:100%;padding:10px 0;border-top:1px dashed #ddd;background:#fff;color:#222326;text-shadow:0 0 3px rgba(0, 0, 0, 0);} #top_layout .top_wrap .utile_wrap li.lan ul li:first-child a{border-width:0;} #top_layout .top_wrap .utile_wrap li.lan ul li a:hover, #top_layout .top_wrap .utile_wrap li.lan ul li a:focus{background:#ddd;} #top_layout .top_wrap .utile_wrap.left{top:15px;left:85px;right:auto;} #top_layout .top_wrap .utile_wrap.left li:first-child{position:relative;} #top_layout .top_wrap .utile_wrap.left li:before{display:block;position:absolute;top:20px;left:-8px;width:1px;height:12px;background:#fff;content:'';} #top_layout .top_wrap .utile_wrap.left li:first-child:before{display:none;} #top_layout .top_wrap .utile_wrap li.side_utile{display:inline-block;} #top_layout .side_utile ul{} #top_layout .side_utile ul li{margin-left:4px;} #top_layout .side_utile ul li:before{display:none;} #top_layout .side_utile ul li.search_wrap{display:inline-block;} #top_layout .side_utile #search{display:inline-block;width:69px;height:69px;border:1px solid rgba(255,255,255,0.4);} #top_layout .side_utile #search:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #top_layout .side_utile #search span{display:inline-block;width:25px;height:25px;background:url("/images/kor/common/common_ir.png") no-repeat -211px 0;font-size:0;text-indent:-9999px;vertical-align:middle;} #top_layout .side_utile .search_box{display:none;position:absolute;top:0;right:0;min-width:568px;padding:40px 90px 40px 40px;border:5px solid #0b1f3b;background:#fff;} #top_layout .side_utile ul li.search_wrap.on .search_box{display:inline-block;} #top_layout .side_utile .search_box .search_form{position:relative;height:56px;padding:0 60px 0 0;border-bottom:3px solid #0b1f3b;} #top_layout .side_utile .search_form #search_input{width:100%;font-size:20px;vertical-align:middle;} #top_layout .side_utile .search_form .submit{position:absolute;top:0;right:0;width:45px;height:45px;border-radius:45px;background:#005bc2;} #top_layout .side_utile .search_form .submit:before{display:block;position:absolute;top:50%;left:50%;width:21px;height:21px;background:url("/images/kor/common/common_ir.png") no-repeat -263px 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%);content:'';} #top_layout .side_utile .search_form .submit input[type='submit']{position:relative;width:100%;height:100%;font-size:0;text-indent:-9999px;background:transparent;vertical-align:top;} #top_layout .side_utile .search_box .favor_wrap{margin:15px 0 0;} #top_layout .side_utile .search_box .favor_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #top_layout .side_utile .favor_wrap span{float:left;position:relative;margin:0 15px 0 0;padding:0 0 0 35px;color:#005bc2} #top_layout .side_utile .favor_wrap span:before{display:block;position:absolute;top:50%;left:0;width:30px;height:15px;background:url("/images/kor/common/common_ir.png") no-repeat -287px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:'';} #top_layout .side_utile .favor_wrap ul{float:left;margin:0 0 0 -20px;} #top_layout .side_utile .favor_wrap ul:after{display:block;overflow:hidden;clear:both;content:'';} #top_layout .side_utile .favor_wrap ul li{display:inline-block;float:left;margin:0 0 0 20px;line-height:1.3;} #top_layout .side_utile .favor_wrap ul li:before{display:block;position:absolute;top:7px;left:-10px;width:1px;height:10px;margin:0;background:#888;content:'';} #top_layout .side_utile .favor_wrap ul li:first-child:before{display:none;} #top_layout .side_utile .favor_wrap ul li a{padding:0;color:#000;} #top_layout .side_utile .search_box a.close{display:inline-block;position:absolute;top:0;right:0;width:70px;height:70px;background:#0b1f3b;font-size:0;text-indent:-9999px;} #top_layout .side_utile .search_box a.close:before{display:block;position:absolute;top:50%;left:50%;width:22px;height:22px;background:url("/images/kor/common/common_ir.png") no-repeat -238px 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%);content:'';} #top_layout .side_utile ul li.noti a{display:inline-block;width:69px;height:69px;border:1px solid rgba(255,255,255,0.4);} #top_layout .side_utile ul li.noti a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #top_layout .side_utile ul li.noti a span{display:inline-block;width:26px;height:30px;background:url("/images/kor/common/common_ir.png") no-repeat -320px 0;font-size:0;text-indent:-9999px;vertical-align:middle;} #top_layout .side_utile ul li.noti > span{display:inline-block;position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;z-index: 2;} #top_layout.op_empty .top_wrap .utile_wrap{right:24px;} /* Top유틸 끝 */ /* GNB 시작 */ #gnb_layout{top:auto;bottom:0;height:75px;z-index:3;} #gnb_layout.on.dt_type .gnb_bg{ top:74px;min-height:370px;background-color:#fff; /*border-top:1px solid #e2e3e6; border-bottom:1px solid #e2e3e6;*/ opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */ #gnb_layout.on.dt_type .gnb_bg:before{ position:absolute; top:0;left:0;width:355px;height:100%;margin:0;background:#145fbb;content:""; } #gnb_layout.dt_type .title_wrap{width:355px;padding:0 30px;background-color:transparent; font-family:'Malgun Gothic'; text-align:left; overflow:hidden;} #gnb_layout.dt_type .title_wrap:after{position:absolute; bottom:0;right:auto;left:110px;width:213px;height:205px;background:no-repeat;content:""; } #gnb_layout.dt_type .title_wrap#gnbTit1:after{background-image:url("/images/kor/common/gnb_bg_icon1.png");} #gnb_layout.dt_type .title_wrap#gnbTit2:after{background-image:url("/images/kor/common/gnb_bg_icon2.png");} #gnb_layout.dt_type .title_wrap#gnbTit3:after{background-image:url("/images/kor/common/gnb_bg_icon3.png");} #gnb_layout.dt_type .title_wrap#gnbTit4:after{background-image:url("/images/kor/common/gnb_bg_icon4.png");} #gnb_layout.dt_type .title_wrap#gnbTit5:after{background-image:url("/images/kor/common/gnb_bg_icon5.png");} #gnb_layout.dt_type .title_wrap#gnbTit6:after{background-image:url("/images/kor/common/gnb_bg_icon6.png");} #gnb_layout.dt_type .title_wrap#gnbTit7:after{background-image:url("/images/kor/common/gnb_bg_icon7.png");} #gnb_layout.dt_type .title_wrap#gnbTit8:after{background-image:url("/images/kor/common/gnb_bg_icon8.png");} #gnb_layout.dt_type .title_wrap#gnbTit9:after{background-image:url("/images/kor/common/gnb_bg_icon9.png");} #gnb_layout.dt_type .title_wrap strong{ display:inline-block;position:relative;width:100%; padding:0 0 40px; margin:35px 0 0 0;color:#fff; font-size:25px; line-height:24px; font-weight:700;} #gnb_layout.dt_type .title_wrap strong:before{display:block;position:absolute;bottom:20px;left:0;width:31px;height:1px;background:#003b92;content:'';} #gnb_layout.dt_type .title_wrap p{ width:100%; font-size:15px; color:#fff; line-height:20px; padding:0; margin:5px 0 0 0; display:inline-block;} #gnb_layout .depth1_ul{width:auto;position:absolute;left:0;right:60px;/*padding:0 184px 0 0;3단계사업때 알림구축되면 변경*/padding:0 113px 0 0;text-align:right;} #gnb_layout .depth1_ul > li{height:70px;} #gnb_layout .depth1_ul > li > a{position:relative;padding:0 15px;border-bottom: 4px solid transparent;} #gnb_layout .depth1_ul > li > a[target="_blank"]:after{display:inline-block;position:absolute;top:50%;right:0;width:9px;height:9px;margin:-7px 0 0 6px;background:url(/images/kor/common/common_ir.png) -1813px -14px;vertical-align:middle;content:'';} #gnb_layout.on .depth1_ul > li.on > a, #gnb_layout.on .depth1_ul > li.ov > a, #gnb_layout.on .depth1_ul > li.on:hover > a, #gnb_layout.on .depth1_ul > li.ov:hover > a, #gnb_layout.on .depth1_ul > li:hover > a, #gnb_layout.on .depth1_ul > li > a:focus{ border-bottom:4px solid #003b92;}/* 1차메뉴 오버시 밑줄 */ #gnb_layout.on.dt_type li.ov .depth2_ul{top:74px;left:0;margin-left:0;padding:0 0 0 355px;} #gnb_layout.dt_type .depth2_ul{ min-height:370px;padding:20px;} #gnb_layout.dt_type .depth2_ul li a{ color:#000;} #gnb_layout.dt_type .depth2_ul > li{position: relative;text-align:left;width:25%; padding:0 20px; margin:20px 0; box-sizing:border-box;} #gnb_layout.dt_type .depth2_ul > li.more{position:relative;} #gnb_layout.dt_type .depth2_ul > li > a{ font-weight:400; font-size:15px; color:#333; line-height:43px;height:100%; padding:0 15px; margin:0; box-sizing:border-box; border:1px solid #5c5c5c; position:relative;} #gnb_layout.dt_type .depth2_ul > li > a:before{ display:inline-block;height:100%;vertical-align:middle;content:'';} #gnb_layout.dt_type .depth2_ul > li.more > a:after{display:inline-block;position:absolute;top:50%;right:25px;width:11px;height:11px;margin-top:-6px;border:1px solid #5c5c5c;background:url(/images/kor/common/common_ir.png) no-repeat -1827px 0;content:'';} #gnb_layout.on.dt_type .depth2_ul > li:hover{background-color:transparent;} #gnb_layout.on.dt_type .depth2_ul > li:hover > a, #gnb_layout.on.dt_type .depth2_ul > li.ov > a, #gnb_layout.on.dt_type .depth2_ul > li > a:focus{ border:1px solid #003b92;background-color:#003b92;color:#fff;} /*#gnb_layout.on.dt_type .depth2_ul > li.ov > a:before, #gnb_layout.on.dt_type .depth2_ul > li:hover > a:before{ background-position:-215px -28px;}*/ #gnb_layout.dt_type .depth2_ul > li.more:hover > a:after, #gnb_layout.dt_type .depth2_ul > li.more.ov > a:after, #gnb_layout.dt_type .depth2_ul > li.more > a:focus:after{background-position:-1813px 0;border-color:#fff;} #gnb_layout.dt_type.on .depth2_ul > li > a:hover, #gnb_layout.dt_type.on .depth2_ul > li > a:focus, #gnb_layout.dt_type.on .depth2_ul > li:hover > a, #gnb_layout.dt_type.on .depth2_ul > li.ov > a:hover{ color:#fff;} #gnb_layout.dt_type .depth2_ul > li > a span{display:inline-block;vertical-align:middle;} #gnb_layout.dt_type .depth2_ul > li > a[target="_blank"] span:after{display:inline-block;width:9px;height:9px;margin:-3px 0 0 6px;background:url(/images/kor/common/common_ir.png) -1825px -14px;vertical-align:middle;content:'';} #gnb_layout.dt_type .depth2_ul > li.ov > a[target="_blank"] span:after, #gnb_layout.dt_type .depth2_ul > li.on > a[target="_blank"] span:after, #gnb_layout.dt_type .depth2_ul > li > a[target="_blank"]:hover span:after, #gnb_layout.dt_type .depth2_ul > li > a[target="_blank"]:focus span:after{background-position:-1813px -14px;} #gnb_layout.dt_type .depth2_ul .depth3_ul{display:none;position:absolute;top:43px;left:0;right: 0;margin:0;padding:10px 10px 10px 5px;border:1px solid #003b92;background:#fff;z-index:1;} /*#gnb_layout.dt_type .depth2_ul > li.right_end .depth3_ul{left:auto;right:20px;} #gnb_layout.dt_type .depth2_ul > li.end_line .depth3_ul{top:auto;bottom:60px;}*/ #gnb_layout.on.dt_type .depth2_ul > li.ov .depth3_ul, #gnb_layout.dt_type.on .depth2_ul > li:hover .depth3_ul, #gnb_layout.dt_type.on .depth2_ul > li:focus .depth3_ul{display:inline-block;margin: 0 20px;} #gnb_layout.dt_type.on .depth2_ul > li:hover .depth3_ul:before, #gnb_layout.dt_type.on .depth2_ul > li:focus .depth3_ul:before{display:inline-block;position:absolute;top:-18px;left:0;width:45%;height:20px;content:'';} /*#gnb_layout.dt_type.on .depth2_ul > li.ov.right_end:hover .depth3_ul:before{left:auto;right:0;} #gnb_layout.dt_type.on .depth2_ul > li.ov.end_line:hover .depth3_ul:before{top:auto;bottom:-18px;}*/ #gnb_layout.dt_type .depth2_ul .depth3_ul li{width:100%;} #gnb_layout.dt_type .depth2_ul .depth3_ul li a{position:relative;padding:6px 0 6px 22px;color:#6c6d6f;font-size:14px;line-height:18px;} #gnb_layout.dt_type .depth2_ul .depth3_ul li a:before{ width:3px; height:3px; background-color:#9e9ea0; content:""; margin-top:-2px; position:absolute; top:50%; left:15px;} #gnb_layout.dt_type .depth2_ul .depth3_ul li a:after{display:inline-block;height:100%;vertical-align:middle;content:'';} /*#gnb_layout.dt_type .depth2_ul .depth3_ul li a[target="_blank"]:after{display:inline-block;width:9px;height:9px;margin:-1px 0 0 6px;background:url(/images/kor/common/common_ir.png) -1825px -14px;vertical-align:middle;content:'';}*/ #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover, #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:focus{ outline-width:0;color:#06217a; text-decoration:underline;} #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover:before{ background-color:#06217a;} #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a span{display:inline-block;vertical-align:middle;} #gnb_layout.dt_type .depth2_ul .depth3_ul li a[target="_blank"] span:after{display:inline-block;width:9px;height:9px;margin:-3px 0 0 6px;background:url(/images/kor/common/common_ir.png) -1825px -14px;vertical-align:middle;content:'';} #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover span, #gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:focus span{text-decoration:underline;} #gnb_layout .topUtile{display:none;} .op_empty #gnb_layout .depth1_ul{padding:0 36px 0 0;} /* GNB 끝 */ /* mobile GNB 시작 */ #gnb_layout.mb{top:0;} #gnb_layout.mb .topUtile{display:inline-block;right:-310px;width:264px;height:173px;padding:0;background:#fff;} #gnb_layout.mb .topUtile .link_wrap{padding: 10px 10px 10px 10px;border-top: 1px dashed #ddd;margin-top: -1px;} #gnb_layout.mb .topUtile .link_wrap a{position:relative;margin-left: 16px;font-size: 14px;} #gnb_layout.mb .topUtile .link_wrap a:before{display:block;position:absolute;top: 5px;right: -11px;width:1px;height:9px;background:#333;content:'';} #gnb_layout.mb .topUtile .link_wrap:first-child{border-top:none;} #gnb_layout.mb .topUtile .noti{position:absolute;top:19px;right:20px;} #gnb_layout.mb .topUtile .noti a{display:inline-block;position:relative;width:69px;height:69px;border:1px solid #747474;} #gnb_layout.mb .topUtile .noti a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #gnb_layout.mb .topUtile .noti a span{display:inline-block;position:absolute;top:50%;left:50%;width:26px;height:30px;background:url("/images/kor/common/common_ir.png") no-repeat -33px -112px;font-size:0;text-indent:-9999px;vertical-align:middle;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} #gnb_layout.mb .topUtile .noti > span{display:inline-block;position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;z-index: 2;} #gnb_layout.mb .topUtile .lan_wrap{display:inline-block;position:absolute;bottom:0;width:100%;height:55px;padding:0;margin:0;background-color:#0d182f;} #gnb_layout.mb .topUtile .lan_wrap > a{display:inline-block;position:relative;width:100%;color:#fff;font-size:14px;line-height:55px;text-align:center;} #gnb_layout.mb .topUtile .lan_wrap > a:after{display:inline-block;position:absolute;top:26px;right:50%;width:9px;height:5px;margin:0 -50px 0 0;background:url("/images/kor/common/common_ir.png") no-repeat -62px -124px;;content:"";} #gnb_layout.mb .topUtile .lan_wrap > ul{display:inline-block;position:absolute;top:-99999px;left:20px;right:20px;width:auto;padding:55px 0 0 0;margin:0;} #gnb_layout.mb .topUtile .lan_wrap > ul li{display:inline-block;float:left;width:100%;padding:0;margin:0;background-color:#0f3049;} #gnb_layout.mb .topUtile .lan_wrap > ul li + li{border-top:1px dashed #ccc;} #gnb_layout.mb .topUtile .lan_wrap > ul li a{display:inline-block;width:100%;padding:0 10px;margin:0;color:#fff;font-size:14px;line-height:40px;text-align:left;} #gnb_layout.mb .topUtile .lan_wrap.on > a:after{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #gnb_layout.mb .topUtile .lan_wrap.on > ul{top:0;} #gnb_layout.mb .gnb_wrap{position:absolute;top:173px;width:auto;background-color: #fff;} #gnb_layout.mb .depth1_ul{ width:264px; padding:0; left:auto;background:#fff;} #gnb_layout.mb .depth1_ul > li{ display:block;height:auto;} #gnb_layout.mb .depth1_ul > li:first-child > a:before, #gnb_layout.mb .depth1_ul > li:first-child > a:after{display:inline-block;} #gnb_layout.mb .depth1_ul > li > a{ float:left; background-color:#fff;} #gnb_layout.mb .depth1_ul > li > a:before{display:inline-block;top:26px;right:20px;width:16px;height:5px;margin:0;background:url("/images/kor/common/common_ir.png") no-repeat -122px -124px;} #gnb_layout.mb .depth1_ul > li > a:hover, #gnb_layout.mb .depth1_ul > li > a:focus, #gnb_layout.mb .depth1_ul > li.down > a{background-color:#00408f;} #gnb_layout.mb .depth1_ul > li > a:hover:before, #gnb_layout.mb .depth1_ul > li.down > a:before{display:inline-block;top:22px;right:20px;width:21px;height:11px;margin:0;background:url("/images/kor/common/common_ir.png") no-repeat -74px -124px;} #gnb_layout.mb .depth1_ul > li > a:after, #gnb_layout.mb .depth1_ul > li > a:hover:after, #gnb_layout.mb .depth1_ul > li > a:focus:after, #gnb_layout.mb .depth1_ul > li.on > a:after, #gnb_layout.mb .depth1_ul > li:first-child > a:after{display:none;} #gnb_layout.mb .depth1_ul > li + li > a{border-color:#505968;border-bottom: 0;} #gnb_layout.mb .depth1_ul > li:last-child > a{border-bottom:1px solid;} #gnb_layout.mb.at_type .depth2_ul > li.more > a:before{ width:13px; height:1px; background-color:#c2c2c2; content:""; display:inline-block; position:absolute; top:25px; right:15px;} /*#gnb_layout.mb #gnb_layout .depth1_ul > li > a > span{ height:auto;}*/ #gnb_layout.mb .depth1_ul > li > a > span{color:#000;font-size:15px;line-height:1.6;text-shadow:none;} #gnb_layout.mb .depth1_ul > li > a:hover span, #gnb_layout.mb .depth1_ul > li > a:focus span, #gnb_layout.mb .depth1_ul > li.down > a span{color:#fff;} #gnb_layout.mb li.down .depth2_ul, #gnb_layout.mb li.up .depth2_ul{ padding:0;} #gnb_layout.mb .depth2_ul.n1 > li, #gnb_layout.mb .depth2_ul.n2 > li, #gnb_layout.mb .depth2_ul.n3 > li, #gnb_layout.mb .depth2_ul.n4 > li, #gnb_layout.mb .depth2_ul.n5 > li, #gnb_layout.mb .depth2_ul.n6 > li, #gnb_layout.mb .depth2_ul.n7 > li, #gnb_layout.mb .depth2_ul.n8 > li, #gnb_layout.mb .depth2_ul.n9 > li, #gnb_layout.mb .depth2_ul.n10 > li{ width:100%; padding:0; margin:0;} #gnb_layout.mb .depth2_ul > li > a{ width:100%; color:#333; line-height:1.6;font-size:15px; padding:15px 30px 15px 20px; margin:0; display:inline-block; border:0; border-top: 1px solid #cfcfcf;background:#e7e7e7; position: relative; top:auto; transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none;;} #gnb_layout.mb .depth2_ul > li.more > a:before, #gnb_layout.mb .depth2_ul > li.more.on > a:before{display:inline-block;top:22px;left:auto;right:20px;width:21px;height:11px;margin:0;background:url("/images/kor/common/common_ir.png") no-repeat -98px -124px;} #gnb_layout.mb .depth2_ul > li.more > a:after{display:none;} #gnb_layout.mb.at_type .depth2_ul > li > a:hover:before{ background-color:#c2c2c2;} #gnb_layout.mb .depth2_ul .depth3_ul{display:none; min-height:0; margin:0; background-color:#cdcdcd;} #gnb_layout.mb .depth3_ul > li > a{padding-left:32px;} #gnb_layout.mb .depth3_ul > li > a:before{top:16px;background-color:#000;} #gnb_layout.mb .gnbClose{ width:47px; height:47px; background-image:none; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:middle; position: absolute; right: 267px; top:3px;} #gnb_layout.mb .gnbClose:before, #gnb_layout.mb .gnbClose:after{background:#fff;} /* mobile GNB 끝*/ /* 상단고정 GNB 시작 */ .topFixed #op_layout .btn_open{display:none;} .topFixed #top_layout{ height:80px; position:fixed; top:-300px; z-index:11;} .topFixed #top_layout .top_bg{background:#002248;} .topFixed #top_layout .top_wrap .utile_wrap > li, .topFixed #top_layout .top_wrap .utile_wrap > li.side_utile{display:none;} .topFixed #top_layout .top_wrap .utile_wrap{top:0;right:0;} .topFixed #top_layout.b_type:before, .topFixed #top_layout .utile_wrap.left, .topFixed #top_layout .utile_wrap li.home, .topFixed #top_layout .utile_wrap li.total_link, .topFixed #top_layout .utile_wrap li.lan, .topFixed #top_layout .utile_wrap li.family, .topFixed #top_layout .top_wrap{background:#145fbb} .topFixed #top_layout .top_wrap .utile_wrap.right li:before, .topFixed #top_layout #gnb_layout .depth1_ul > li > a:before{ display:none;} .topFixed #top_layout .top_wrap{ width:1200px;} .topFixed #top_layout .top_wrap .logo_wrap{ width:43px;height:44px; margin:23px 0 0; clear:none;} .topFixed #top_layout .top_wrap .logo_wrap a{ background:url(/images/kor/common/common_ir.png) no-repeat -960px 0;} .topFixed #top_layout .top_wrap .utile_wrap li.sitemap, .topFixed #top_layout .top_wrap .utile_wrap li.movTop{display:inline-block;position:absolute;top:0;right:0;width:80px;height:80px;padding:0;margin:0;z-index:9999;} .topFixed #top_layout .top_wrap .utile_wrap li.sitemap{right:80px;} .topFixed #top_layout .top_wrap .utile_wrap li.sitemap a, .topFixed #top_layout .top_wrap .utile_wrap li.movTop a{display:inline-block;position:relative;width:100%;height:100%;padding:45px 0 0;margin:0;border-left:1px solid rgba(255,255,255,0.2);background:none; color:#fff;font-size:11px;text-align:center;z-index:0;} .topFixed #top_layout .top_wrap .utile_wrap li.movTop a{background:#2fa024;} .topFixed #top_layout .top_wrap .utile_wrap li.sitemap a:before, .topFixed #top_layout .top_wrap .utile_wrap li.movTop a:before{display:block;position:absolute;top:27px;left:50%;width:15px;height:12px;background:url("/images/kor/common/common_ir.png") no-repeat;transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);content:'';} .topFixed #top_layout .top_wrap .utile_wrap li.sitemap a:before{background-position:-1106px 0} .topFixed #top_layout .top_wrap .utile_wrap li.movTop a:before{background-position:-1124px 0} .topFixed #top_layout #gnb_layout{ top:0;} .topFixed #top_layout #gnb_layout .depth1_ul{ position:static;left:auto;right:auto;width:1200px;padding-right:160px;} .topFixed #top_layout #gnb_layout .depth1_ul > li{ height:80px;} .topFixed #top_layout #gnb_layout .depth1_ul > li > a{ padding:0 20px;} .topFixed #top_layout #gnb_layout .depth1_ul > li > a span{ height:76px; color:#fff; font-size:16px;} .topFixed #top_layout #gnb_layout .depth1_ul > li.ov > a{ border-bottom:4px solid #fff;} .topFixed #top_layout #gnb_layout.on li.ov .depth2_ul, .topFixed #top_layout #gnb_layout.on .title_wrap, .topFixed #top_layout #gnb_layout.on .gnb_bg{ top:80px;} .topFixed #top_layout #gnb_layout .title_wrap{ display:none;} .topFixed #top_layout #gnb_layout .title_wrap{ display:none;} .topFixed #top_layout #gnb_layout li.ov .title_wrap{ display:inline-block;left:15px;width:325px;} /* 상단고정 GNB 끝 */ /* 비주얼 시작 */ #svisual_layout{position:absolute;top:0;left:0;/*transition:all .4s ease-out;*/z-index:-1;} #svisual_layout.on{top:161px;} /* 비주얼 끝 */ /* 기관및학과보기 시작 */ #link_book{overflow:hidden;width:100%;height:66px;background:#1e2836;/*transition:all .4s ease-out;*/} #link_book.on{height: auto;background:#1e2836;} #link_book .book_btn{height:66px;background:#0b1f3b;text-align:center;} #link_book .book_btn a{display:inline-block;position:relative;height:100%;padding:0 0 0 55px;} #link_book .book_btn a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #link_book .book_btn a:after{display:block;position:absolute;bottom:0;left:0;width:35px;height:50px;background:url("/images/mooncon/common/footer_common.png") no-repeat 0 0;/*transition:all .5s ease-out;*/content:'';} #link_book.on .book_btn a:after{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);} #link_book .book_btn a p{display:inline-block;vertical-align:middle;} #link_book .book_btn a p b{color:#fff;font-size:20px} #link_book .book_btn a p b span{font-weight:400;} #link_book .book_btn a p b span:first-child{font-weight:800;} #link_book .book_btn a p > span{color:#fff;font-size:17px;} #link_book .book_cnt{display:none;/*overflow:hidden;*/position:relative;text-align:center;} #link_book.on .book_cnt{display:inline-block;} #link_book .book_cnt .cnt_wrap{display:inline-block;width:1200px;padding: 20px 0 0;text-align:left;} #link_book .book_cnt .cnt_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"]{} #link_book .book_cnt .cnt_wrap .sector1{float:left;width:74%;text-align:left;} #link_book .book_cnt .cnt_wrap .sector2{float:right;width:18%;height:auto;padding:0;background:none;} #link_book .book_cnt .cnt_wrap [class^="sector"] strong{display:inline-block;position:relative;margin:0 0 22px;padding:0 0 0 40px;color:#95c6ff;font-size:17px;line-height:1.6} #link_book .book_cnt .cnt_wrap [class^="sector"] strong:before{display:inline-block;position:absolute;top:-3px;left:0;width:32px;height:32px;background:url("/images/mooncon/common/footer_common.png") no-repeat -56px 0;content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"] .college{margin:0 0 0 -3%;} #link_book .book_cnt .cnt_wrap [class^="sector"] .college:after{display:block;overflow:hidden;clear:both;content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"] .college > li{float:left;width:18%;min-height:340px;margin:0 0 0 2%;} #link_book .book_cnt .cnt_wrap [class^="sector"] .college > li > a{display:inline-block;width:100%;height:43px;padding:0 0 0 11px;border:1px solid #6b7581;color:#fff;font-size:15px;} #link_book .book_cnt .cnt_wrap [class^="sector"] .college > li > a:before{display:inline-block;height:100%;vertical-align:middle;content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"] .college > li > a > span{display:inline-block;vertical-align:middle;} #link_book .book_cnt .cnt_wrap [class^="sector"] .department{padding:13px 0;} #link_book .book_cnt .cnt_wrap [class^="sector"] .department:after{display:block;overflow:hidden;clear:both;content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"] .department li{} #link_book .book_cnt .cnt_wrap [class^="sector"] .department li a, #link_book .book_cnt .cnt_wrap [class^="sector"] .department li span{display:block;position:relative;padding:0 0 0 11px;color:#fff;font-size:15px;line-height:1.6} #link_book .book_cnt .cnt_wrap [class^="sector"] .department li a:before, #link_book .book_cnt .cnt_wrap [class^="sector"] .department li span:before{display:inline-block;position:absolute;top:50%;left:0;width:2px;height:2px;border-radius:2px;background:#fff;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:'';} #link_book .book_cnt .cnt_wrap [class^="sector"] .department li ul{margin:0 0 0 10px;} #link_book .book_cnt .cnt_wrap [class^="sector"] .department ul li a:before, #link_book .book_cnt .cnt_wrap [class^="sector"] .department ul li span:before{width:3px;height:1px;} /* 기관및학과보기 끝 */ /* 푸터 시작 */ #foot_layout{padding-bottom:40px;background:#fff;} #foot_layout .foot_wrap{width:1200px;text-align:center;margin-top:40px} #foot_layout .foot_wrap .utile_wrap{display:inline-block;margin-bottom:15px;} #foot_layout .foot_wrap .utile_wrap li{ display:inline-block;position:relative;} #foot_layout .foot_wrap .utile_wrap li:before{ position:absolute;top:50%;left:-6px;width:10px;height:10px;margin:0;background:url("/images/kor/common/common_ir.png") no-repeat -946px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:"";} #foot_layout .foot_wrap .utile_wrap li.n1:before{ display:none;} #foot_layout .foot_wrap .utile_wrap li.n1 a{ padding-left:0;} #foot_layout .foot_wrap .utile_wrap li a{display:inline-block;padding:0 11px 0 9px;color:#000;font-size:15px;font-weight:600;letter-spacing:0;line-height:20px;} #foot_layout .foot_wrap .utile_wrap li a:hover, #foot_layout .foot_wrap .utile_wrap li a:focus{text-decoration:underline;} #foot_layout .foot_wrap address, #foot_layout .foot_wrap .copy{display:inline-block;margin:5px 0;color:#535353;font-size:15px;font-style:normal;letter-spacing:0;line-height:20px;text-align:left;} #foot_layout .foot_wrap .webaward{position: absolute;right: 50px;bottom: 0;width: 55px;height: 73px;background: url(/images/kor/common/mark_award.png);font-size: 0;text-indent: -9999px;} #foot_layout .foot_wrap .stevieaward{position: absolute;right: 120px;bottom: 0;width: 55px;height: 63px;background: url(/images/kor/common/stevieaward.png);font-size: 0;text-indent: -9999px; background-repeat: no-repeat;} #foot_layout .foot_wrap .webwatch{position: absolute;right: 190px;bottom: 0;width: 65px;height: 57px;background: url(/images/kor/common/webwatch.jpg);font-size: 0;text-indent: -9999px;background-repeat: no-repeat;} /* 푸터 끝 */ /* 탑버튼 */ #foot_layout #btn_top{position:fixed;top:570px;/*bottom:410px;*/right:50%;width:69px;height:69px;margin-right:-2300px;padding-top:30px;border-radius:69px;color:#fff;transition:all 0.3s;z-index:10;} #foot_layout #btn_top.active{margin-right:-890px;background:rgba(0,0,0,0.5);} #foot_layout #btn_top:before{display:block;position:absolute;top:17px;left:50%;width:18px;height:15px;margin-left:-10px;background: url(/images/kor/common/common_ir.png) no-repeat -1123px -1px;content:'';} #svisual_layout.on + #body_layout + #foot_layout #btn_top{top:750px;} @media (max-width: 1835px){ #foot_layout #btn_top.active{right:20px;margin:0;} } @media (max-width:1600px) { #gnb_layout .depth1_ul > li > a{padding:0 10px;} } @media (max-width:1399px) { /*#top_layout .top_wrap:before{width:298px;}*/ #top_layout .top_wrap .logo_wrap{width:133px;height:40px;margin-top:79px;/*margin-top:20px;*/} #top_layout .top_wrap .logo_wrap a{background-position:0 -152px;} #gnb_layout.on.dt_type .gnb_bg:before{width:330px;} #gnb_layout.dt_type .title_wrap{width:330px;padding:0 20px;} #gnb_layout .depth1_ul{padding:0 113px 0 0;} #gnb_layout.on.dt_type li.ov .depth2_ul{padding:0 0 0 330px} #gnb_layout .depth1_ul > li > a span{font-size:16px;letter-spacing:-0.02em} } @media (max-width:1359px) { #top_layout{padding:0;} /*#top_layout .top_wrap:before{width:258px;}*/ /*#gnb_layout .depth1_ul{left:100px;}*/ #foot_layout .foot_wrap{width:100%;} } @media (max-width:1319px) { #op_layout .op_wrap .sliderBox{width:85%;} #op_layout .op_wrap .sliderBox ul li a .box .copy{width:70%;margin:0 0 0 3%;} /*#top_layout .top_wrap:before{width:218px;}*/ /*#gnb_layout.dt_type .title_wrap{left:-65px;}*/ .topFixed #gnb_layout.dt_type .title_wrap{left:0;} } /* 테블릿 */ @media (max-width:1279px) { #op_layout{padding:0 20px;} #op_layout .btn_open{bottom:-190px;right:30px;} #op_layout .op_wrap{width:100%;} #top_layout{height:97px;z-index:12;} #svisual_layout.b_type .svisual_wrap{height:464px;} #top_layout .top_wrap .logo_wrap{width:196px;height:60px;margin-top:27px;} #top_layout .top_wrap .logo_wrap a{background-position:0 0;} #top_layout .top_wrap .utile_wrap{top:13px;right:30px;} #top_layout .top_wrap .utile_wrap.left, #top_layout .top_wrap .utile_wrap li.home, #top_layout .top_wrap .utile_wrap li.login, #top_layout .top_wrap .utile_wrap li.lan, #top_layout .side_utile ul li.noti{display:none;} #top_layout .top_wrap .utile_wrap > li.sitemap{float:right;margin-left:5px;} #top_layout .top_wrap .utile_wrap > li.sitemap a{position:relative;width:69px;height:69px;border:1px solid rgba(255,255,255,0.4);font-size:0;text-indent:-9999px;} #top_layout .top_wrap .utile_wrap > li.sitemap a:before{display:block;position:absolute;top:50%;left:50%;width:30px;height:18px;background:url("/images/kor/common/common_ir.png") no-repeat 0 -124px;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:'';} #gnb_layout{display:none;} .topFixed #top_layout{position:relative;} .topFixed #top_layout .top_wrap{width:100%;} #link_book.on{height:auto;} #link_book .book_cnt{padding:0 20px 20px;} #link_book .book_cnt .cnt_wrap{width:100%;} #link_book .book_cnt .cnt_wrap [class^="sector"]{float:none;width:100%;margin-bottom:30px;} #link_book .book_cnt .cnt_wrap .sector2 .department{margin:0 0 0 -8px;padding-top:0;} #link_book .book_cnt .cnt_wrap .sector2 .department li{display:inline-block;float:left;margin:0 0 0 8px;} #foot_layout .foot_wrap address{margin-bottom:0;} #foot_layout .foot_wrap .copy{margin-top:0;} #foot_layout .foot_wrap .webaward{right: 20px;bottom: -20px} #foot_layout .foot_wrap .stevieaward{right: 80px;bottom: -20px} #foot_layout .foot_wrap .webwatch{right: 140px;bottom: -20px} } @media (max-width:767px) { #op_layout .btn_open{bottom:-120px;right:15px;width:46px;height:46px;} #op_layout .btn_open .bg, #op_layout .btn_open a{padding:4px 0;} #op_layout .btn_open .bg span, #op_layout .btn_open a span{font-size:8px;line-height:1.2;} #op_layout .btn_open .bg b, #op_layout .btn_open a b{width:14px;height:8px;margin:0 0 5px;background-position:-329px -152px;} #op_layout .btn_open .badge{width:15px;height:15px;font-size:8px;line-height:1.3;} #op_layout .op_wrap .sliderBox{width:70%} #op_layout .op_wrap .sliderBox ul li a .box:before{height:0;} #op_layout .op_wrap .sliderBox ul li a .box .icon{display:none;} #op_layout .op_wrap .sliderBox ul li a .box .copy{width:100%;margin:0;} #op_layout .op_wrap .sliderBox ul li a .box .copy .tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #op_layout .op_wrap .sliderBox ul li a .box .copy .txt{overflow:hidden;max-height:57px;} #op_layout .op_wrap .controlBox{bottom:17px;} #op_layout .op_wrap .controlBox .pageCount{display:inline-block;float:left;height:22px;margin:-2px 6px 0 0;font-size:16px;line-height:22px;color:#fff;} #op_layout .op_wrap .controlBox .paging{display:none;} #op_layout .op_wrap .controlBox > button.btn_prev{width:15px;height:30px;background-position:-440px -8px;} #op_layout .op_wrap .controlBox > button.btn_next{width:15px;height:30px;background-position:-478px -8px;} #top_layout{height:60px;} #svisual_layout.b_type .svisual_wrap{height:200px;} #svisual_layout.b_type .svisual_wrap span{display:none;} #top_layout .top_wrap .logo_wrap{width:133px;height:40px;margin:13px 0 0 15px;} #top_layout .top_wrap .logo_wrap a{background-position:0 -152px;} #top_layout .top_wrap .utile_wrap{top:7px;right:15px;} #top_layout .top_wrap .utile_wrap > li.sitemap a{width:45px;height:45px;} #top_layout .top_wrap .utile_wrap > li.sitemap a:before{width:21px;height:18px;background-position:-160px -152px;} #top_layout .side_utile #search{width:45px;height:45px;} #top_layout .side_utile #search span{width:20px;height:20px;background-position:-137px -152px;} #top_layout .side_utile .search_box{min-width:250px;padding:50px 20px 20px 20px;} #top_layout .side_utile .search_form #search_input{font-size:16px;} #top_layout .side_utile .search_box .favor_wrap{text-align:left;} #top_layout .side_utile .favor_wrap span{margin-bottom:10px;} #top_layout .side_utile .search_box a.close{width:40px;height:40px;} #link_book .book_cnt .cnt_wrap{padding:30px 0 0;} #link_book, #link_book .book_btn{height:49px;} #link_book .book_btn a{padding:0 0 0 39px} #link_book .book_btn a p b, #link_book .book_btn a p > span{font-size:14px;} #link_book .book_btn a:after{width:23px;height:33px;background-position:-183px -152px;} #link_book .book_cnt .cnt_wrap [class^="sector"] .college > li{width:47%;min-height:0;} #foot_layout{/* padding:20px 0 70px; */} #foot_layout .foot_wrap{text-align:left;padding:0 20px;} #foot_layout .foot_wrap .utile_wrap:after{display:block;overflow:hidden;clear:both;content:'';} #foot_layout .foot_wrap .utile_wrap li{float:left;width:50%;} #foot_layout .foot_wrap .utile_wrap li:before{display:none;} #foot_layout .foot_wrap .utile_wrap li a{padding:0;width:100%;} #foot_layout .foot_wrap address, #foot_layout .foot_wrap .copy{text-align:left;} #foot_layout .foot_wrap address span{display:block;} #foot_layout .foot_wrap .copy span{display:block;} #foot_layout .foot_wrap .webaward{right: 20px;bottom: 15px} #foot_layout .foot_wrap .stevieaward{right: 80px;bottom: 15px} #foot_layout .foot_wrap .webwatch{right: 140px;bottom: 15px} } @media (max-width:400px) { #foot_layout .foot_wrap address{padding-right: 70px;} #foot_layout .foot_wrap .webaward{display:none;} #foot_layout .foot_wrap .stevieaward{display:none;} #foot_layout .foot_wrap .webwatch{display:none;} }