@charset "utf-8";




/* 기관및학과보기 시작 */
#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:64%;text-align:left;}
#link_book .book_cnt .cnt_wrap .sector2{float:right;width:28%;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; clear: both; width: 100%;}
#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:48%; min-height: 350px; margin: 0 0 0 2%; margin-bottom: 15px;}
#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; width: 50%; float: left;}
#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;}
/* 기관및학과보기 끝 */

@media (max-width:1199px){
	#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%;}
	#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;}
}

@media (max-width:767px){
	#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;}
}

/* 푸터 시작 */
body #foot_layout{padding-bottom:40px;background:#fff;}
body #foot_layout .foot_wrap{width:1200px;text-align:center;margin-top:40px}

body #foot_layout .foot_wrap .utile_wrap{display:inline-block;margin-bottom:15px;}
body #foot_layout .foot_wrap .utile_wrap li{ display:inline-block;position:relative;}
body #foot_layout .foot_wrap .utile_wrap li:before{ position:absolute;top:50%;left:-6px;width:10px;height:10px;margin:0;background:url("/images/mooncon/common/footer_common.png") no-repeat -39px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);content:"";}
body #foot_layout .foot_wrap .utile_wrap li.n1:before{ display:none;}
body #foot_layout .foot_wrap .utile_wrap li.n1 a{ padding-left:0;}
body #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;}
body #foot_layout .foot_wrap .utile_wrap li a:hover,
body #foot_layout .foot_wrap .utile_wrap li a:focus{text-decoration:underline;}

body #foot_layout .foot_wrap address,
body #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;}
/* 푸터 끝 */


@media (max-width:1199px){

	body #foot_layout .foot_wrap{width:100%;}
	body #foot_layout .foot_wrap address{margin-bottom:0;}
	body #foot_layout .foot_wrap .copy{margin-top:0;}
}



@media (max-width:767px){
	body #foot_layout{padding:0px 0;}
	body #foot_layout .foot_wrap{text-align:left;padding:0 20px;}
	body #foot_layout .foot_wrap .utile_wrap:after{display:block;overflow:hidden;clear:both;content:'';}
	body #foot_layout .foot_wrap .utile_wrap li{float:left;width:50%;}
	body #foot_layout .foot_wrap .utile_wrap li.n7{width:100%;}
	body #foot_layout .foot_wrap .utile_wrap li:before{display:none;}
	body #foot_layout .foot_wrap .utile_wrap li a{padding:0;width:100%;}
	body #foot_layout .foot_wrap address,
	body #foot_layout .foot_wrap .copy{text-align:left;}
	body #foot_layout .foot_wrap address span{display:block;}
	body #foot_layout .foot_wrap .copy span{display:block;}

}



.tab-ul.type1 li a:active, .tab-ul.type1 li a:focus, .tab-ul.type1 li a:hover, .tab-ul.type1 li.on a, .tab-ul.type1 li.on a:active, .tab-ul.type1 li.on a:focus, .tab-ul.type1 li.on a:hover{border-color:#002357 !important;background-color: #002357 !important}



/* 상단오픈팝업 시작 */
#op_layout{position:relative; height:0;text-align:center;background:#6d6750 url("/images/kor/common/bg_popup.png") 50% 0; background-size:cover;/*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: -40px;right: 50%;width:70px;height: 40px;margin-right: -670px;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: inline-block;color:#fff;font-size:11px;line-height: 40px;}
#op_layout .btn_open .bg b,
#op_layout .btn_open a b{display: none;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: 0px;right: -10px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;}

@media (max-width:1391px){
	#op_layout .btn_open {bottom:-210px; right:10px; width: 70px;height: 70px;padding: 17px 0 0;margin-right:0;}
	#op_layout .btn_open .bg span, #op_layout .btn_open a span {display: block;line-height: 1.6;}
}

@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%;}
}

@media (max-width:1279px){
	#op_layout{padding:0 20px;}
	#op_layout .op_wrap{width:100%;}
	#op_layout .btn_open {bottom:-150px;}
}
@media (max-width:767px){
	#op_layout .btn_open{bottom:-120px;right:15px;width:46px;height:46px;padding: 8px 0 0;}
	#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;}
}
/* 상단오픈팝업 끝 */
