@charset "utf-8";

/* ========= 좌측메뉴 3depth, 탭메뉴 숨기기 : 학부(과)안내 ========= */
.sub_div_3015 { display:none !important; }	/* 대학안내 - 학부(과)안내 하위메뉴 숨김 */

.page3152 #menuTab_temp,
.page3153 #menuTab_temp,
.page3154 #menuTab_temp,
.page3155 #menuTab_temp,
.page3156 #menuTab_temp,
.page3157 #menuTab_temp,
.page3158 #menuTab_temp,
.page3159 #menuTab_temp,
.page3160 #menuTab_temp,
.page3161 #menuTab_temp,
.page3162 #menuTab_temp,
.page3163 #menuTab_temp,
.page3164 #menuTab_temp,
.page3165 #menuTab_temp,
.page3166 #menuTab_temp,
.page3167 #menuTab_temp,
.page3168 #menuTab_temp,
.page3169 #menuTab_temp,
.page3170 #menuTab_temp,
.page3171 #menuTab_temp,
.page3172 #menuTab_temp,
.page3173 #menuTab_temp,
.page3299 #menuTab_temp{ display:none; }

.sub_div_6216 { display:none !important; }	/* 신입생 안내사항 */
/* ========= 유틸내비 ========= */
#topSec{background:#51565a;}
#topSec .topSecInner{max-width:1200px;margin: 0 auto;}
#topSec .util_nav{}
#topSec .util_nav ul{font-size:0;}
#topSec .util_nav ul li{display:inline-block;vertical-align:top;}
#topSec .util_nav ul li a{display:block;box-sizing:border-box;height:30px;padding:8px 10px 0 10px;font-size:12px;border-right:1px solid rgba(0, 0, 0, .2);color:#FFF;}
#topSec .util_nav ul li a.goto_univ{background:#1a386e;border-right:0;}
@media only screen and (max-width:1200px){
	#topSec .topSecInner{max-width:100%;}
}
@media only screen and (max-width:820px){
	#topSec .util_nav ul li{width:50%;}
	#topSec .util_nav ul li a{text-align:center;}
}
@media only screen and (max-width:400px){
	#topSec{display:none;}
}


/* ========= 헤더 ========= */
#headerSec{position:relative;z-index:56;}
#headerSec .headerSecInner{max-width:1200px;margin: 0 auto;position:relative;}
#headerSec .logo{position:relative;display:inline-block;z-index:1;width:320px;}
#headerSec .logo a{display:block;padding:20px 0;}
#headerSec .logo a img{}
#headerSec .logo a span{display:inline-block;color:#000;font-size:27px;vertical-align:-18px;margin-left:8px;font-weight:bold;color:#0054a6}

#headerSec .global_nav{position:absolute;right:0;top:-55px;}
#headerSec .global_nav ul{font-size:0;}
#headerSec .global_nav ul li{display:inline-block;vertical-align:top;}
#headerSec .global_nav ul li a{display:block;box-sizing:border-box;height:30px;padding:3px 10px 0 10px;font-size:12px;border-left:1px solid rgba(0, 0, 0, .2);color:#FFF;}
#headerSec .global_nav ul li a.goto_eng{background:#8a9374;border-left:0;color:#FFF;}

@media only screen and (max-width:1200px){
	#headerSec .headerSecInner{max-width:100%;}
	#headerSec .logo{padding-left:15px;}
}
@media only screen and (max-width:1024px){
	#headerSec .logo{width:auto;}
	#headerSec .global_nav{position:relative;top:0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;overflow:hidden;}
	#headerSec .global_nav ul{float:right;}
	#headerSec .global_nav ul li{}
	#headerSec .global_nav ul li a{height:auto;padding:15px;border-left:0;font-weight:700;color:#222;}
}
@media only screen and (max-width:820px){
	#headerSec .logo a{padding:15px 0;}
}
@media only screen and (max-width:420px){
	#headerSec .logo a img{max-width:150px;}
	#headerSec .logo a span{font-size:17px;vertical-align:-8px;}
}
@media only screen and (max-width:320px){
	.sub #headerSec{border-bottom:1px solid #ededed;}
}


/* ========= 서브비주얼 ========= */
#sub_visual{box-sizing:border-box;padding-top:75px;height:200px;background:url(/sites/templet_10/images/sub_visual.jpg) no-repeat center;background-size:cover;}
#sub_visual div{max-width:1200px;margin: 0 auto;height:100%;color:#FFF;}
#sub_visual div span{display:block;font-size:20px;margin-bottom:5px;text-shadow:1px 1px 1px #000;}
#sub_visual div .span_1 i,
#sub_visual div .span_2{font-weight:700;}
@media only screen and (max-width:1200px){
	#sub_visual div{max-width:calc(100% - 30px);padding-left:30px;}
}
@media only screen and (max-width:820px){	
	#sub_visual div{font-size:18px;font-style:normal;}
}
@media only screen and (max-width:480px){
	#sub_visual div{max-width:100%;padding-left:0;text-align:center;font-size:16px;}
}
@media only screen and (max-width:380px){
	#sub_visual div{font-size:14px;}
}
@media only screen and (max-width:320px){
	#sub_visual{display:none;}
}


/* ========= 페이지내비 ========= */
#page_nav{background:#f5f5f5;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
#page_nav ul#_pageNavigation{max-width:1200px;margin: 0 auto;overflow:hidden;}
#page_nav ul#_pageNavigation li{margin-left:0;height:50px;box-sizing:border-box;padding:16px 20px;border-left:1px solid #d7d7d7;}
#page_nav ul#_pageNavigation li span.gt{display:none;}
#page_nav ul#_pageNavigation li.home{width:50px;text-indent:-9999px;background:url(/sites/templet_10/images/page_nav_home.png) no-repeat center;}
#page_nav ul#_pageNavigation li.pageLocation{}
#page_nav ul#_pageNavigation li.pageLocation:after{content:"";display:inline-block;width:9px;height:13px;margin-left:10px;background:url(/sites/templet_10/images/arrow_0_r_g.png) no-repeat center;}
#page_nav ul#_pageNavigation li.pageName{border-right:1px solid #d7d7d7;}
#page_nav ul#_pageNavigation li.pageName strong{color:#1d5bb0;}
#page_nav ul#_pageNavigation li.pageName:after{content:"";display:inline-block;width:13px;height:9px;margin-left:10px;background:url(/sites/templet_10/images/arrow_0_d_b.png) no-repeat center;vertical-align:1px;}
@media only screen and (max-width:1200px){
	#page_nav ul#_pageNavigation{max-width:100%;}
}
@media only screen and (max-width:480px){
	#page_nav{display:none;}
}
/*=============SNS버튼추가===========*/

.mgoSns li{

	display: block;
	padding: 10px 10px 10px 75px;
	font-size: 16px;
	font-weight:700;
	border-bottom: 1px solid #ddd;

}

#facebook-connect {
    background: rgb(255, 255, 255) url('images/facebook.svg?sanitize=true') no-repeat scroll 25px 0px / 30px 50px padding-box border-box;
}

#facebook-connect:hover {
    border-color: rgb(60, 90, 154);
    background: rgb(60, 90, 154) url('images/facebook-white.svg?sanitize=true') no-repeat scroll 25px 0px / 30px 50px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#facebook-connect span {
    box-sizing: border-box;
    color: rgb(60, 90, 154);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(255, 255, 255);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#facebook-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#google-connect {
    background: rgb(255, 255, 255) url('images/google-plus.png') no-repeat scroll 25px 0px / 50px 50px padding-box border-box;
}

#google-connect:hover {
    border-color: rgb(220, 74, 61);
    background: rgb(220, 74, 61) url('images/google-plus-white.png') no-repeat scroll 25px 0px / 50px 50px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#google-connect span {
    box-sizing: border-box;
    color: rgb(220, 74, 61);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#google-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#twitter-connect {
    background: rgb(255, 255, 255) url('images/twitter.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#twitter-connect:hover {
    border-color: rgb(85, 172, 238);
    background: rgb(85, 172, 238) url('images/twitter-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#twitter-connect span {
    box-sizing: border-box;
    color: rgb(85, 172, 238);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#twitter-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#linkedin-connect {
    background: rgb(255, 255, 255) url('images/linkedin.svg?sanitize=true') no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
}

#linkedin-connect:hover {
    border-color: rgb(0, 119, 181);
    background: rgb(0, 119, 181) url('images/linkedin-white.svg?sanitize=true') no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#linkedin-connect span {
    box-sizing: border-box;
    color: rgb(0, 119, 181);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(0, 119, 181);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#linkedin-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


#youtube-connect {
    background: rgb(255, 255, 255) url('images/youtube.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}
/*Sim 20220717*/
 a#youtube-connect.link, a#facebook-connect.link, a#naver-connect.link, a#insta-connect.link, a#bscu-connect.link {
	height:3em;
	padding:  5px 0 0 50px !important;
	vertical-align:middle;	
	}
	
#youtube-connect:hover {
    border-color: rgb(251, 29, 28);
    background: rgb(251, 29, 28) url('images/youtube-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#youtube-connect span {
    box-sizing: border-box;
    color: rgb(251, 29, 28);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#youtube-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#insta-connect {
    background: rgb(255, 255, 255) url('images/insta.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#insta-connect:hover {
    border-color: rgb(147, 75, 201);
    background: rgb(147, 75, 201) url('images/insta-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#insta-connect span {
    box-sizing: border-box;
    color: rgb(147, 75, 201);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#insta-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


#naver-connect {
    background: rgb(255, 255, 255) url('images/naver.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#naver-connect:hover {
    border-color: rgb(0, 199, 60);
    background: rgb(0, 199, 60) url('images/naver-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#naver-connect span {
    box-sizing: border-box;
    color: rgb(0, 199, 60);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#naver-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#navercafe-connect {
    background: rgb(255, 255, 255) url('images/navercafe.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#navercafe-connect:hover {
    border-color: rgb(0, 199, 60);
    background: rgb(0, 199, 60) url('images/navercafe-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#navercafe-connect span {
    box-sizing: border-box;
    color: rgb(0, 199, 60);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#navercafe-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#band-connect {
    background: rgb(255, 255, 255) url('images/band.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#band-connect:hover {
    border-color: rgb(0, 199, 60);
    background: rgb(0, 199, 60) url('images/band-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#band-connect span {
    box-sizing: border-box;
    color: rgb(0, 199, 60);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#band-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#bscu-connect {
    background: rgb(255, 255, 255) url('images/bscu.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#bscu-connect:hover {
    border-color: rgb(60, 90, 154);
    background: rgb(60, 90, 154) url('images/bscu-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#bscu-connect span {
    box-sizing: border-box;
    color: rgb(60, 90, 154);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(255, 255, 255);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#bscu-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#kakao-connect {
    background: rgb(255, 255, 255) url('images/kakao.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
}

#kakao-connect:hover {
    border-color: rgb(57, 31, 31);
    background: rgb(250, 225, 0) url('images/kakao-white.png') no-repeat scroll 25px 1px / 45px 45px padding-box border-box;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease-out;
}

#kakao-connect span {
    box-sizing: border-box;
    color: rgb(57, 31, 31);
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border: 0px none rgb(220, 74, 61);
    outline: rgb(255, 255, 255) none 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#kakao-connect:hover span {
    color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* ========= 바디 ========= */
#bodySec{}
#bodySec #wrapContent{}
#bodySec .mainContainer{}
#bodySec .subContainer{max-width:1200px;margin: 0 auto;overflow:hidden;padding:40px 0;}
#bodySec .subContainer #sideA{width:220px;float:left;}
#bodySec .subContainer #sideB{width:950px;float:right;}
@media only screen and (max-width:1200px){
	#bodySec .subContainer{max-width:100%;}
	#bodySec .subContainer #sideA{}
	#bodySec .subContainer #sideB{width:calc(100% - 255px);padding-right:15px;}
}
@media only screen and (max-width:1024px){
	#bodySec .subContainer{padding-top:20px;}
	#bodySec .subContainer #sideA{display:none;}
	#bodySec .subContainer #sideB{width:calc(100% - 30px);padding:0 15px;}
}


/* ========= 풋터 ========= */
#footerSec{}
.sub #footerSec{margin-top:100px;}
#footerSec .footerMenuWrap{border-top:1px solid #DDD;}
#footerSec .footerInfoWrap{border-top:1px solid #DDD;padding:25px 0;background:#626262;}
#footerSec .footerSecInner{max-width:1200px;margin: 0 auto;overflow:hidden;}
#footerSec .footerInfoWrap .footerSecInner{background:url(../../images/footer_logo.png) no-repeat right center;background-size:150px;}

#footerSec .footer_nav{float:left;position:relative;}
#footerSec .footer_nav h2{box-sizing:border-box;font-size:16px;width:108px;height:48px;padding-top:14px;padding-left:10px;position:absolute;border-left:1px solid #DDD;border-right:1px solid #DDD;background:url(/sites/templet_10/images/icon_footer_h2.png) no-repeat 90% center;}
#footerSec .footer_nav ul{margin-left:110px;font-size:0;}
#footerSec .footer_nav ul li{display:inline-block;vertical-align:middle;}
#footerSec .footer_nav ul li a{position:relative;display:block;box-sizing:border-box;height:48px;padding:15px;font-size:14px;}
#footerSec .footer_nav ul li a:before{content:"";display:block;width:1px;height:10px;background:#DDD;position:absolute;left:0;top:20px;}
#footerSec .footer_nav ul li:first-child a{color:#0054a7;}
#footerSec .footer_nav ul li:first-child a:before{display:none;}

#footerSec .related_link{float:right;}
#footerSec .related_link select,
#footerSec .related_link input{display:inline-block;box-sizing:border-box;font-size:14px;height:48px;border:0;}
#footerSec .related_link select{padding:0 30px 0 10px;border-left:1px solid #DDD;-webkit-appearance:none;appearance:none;-moz-appearance:none;background:url(/sites/templet_10/images/select_arrow.png) no-repeat 97% center;}
#footerSec .related_link select::-ms-expand{display:none}
#footerSec .related_link input{background:#3c4e60;color:#FFF;padding:0 15px;}

#footerSec address{font-size:14px;font-weight:400;color:#FFF;}
#footerSec address span{}
#footerSec p.copyright{margin-top:10px;font-size:12px;color:#DDD;}
#footerSec .goSns { position: fixed; width: 60px; height: 55px; left:calc(50% + 650px); bottom: 400px; z-index: 2;}
@media only screen and (max-width:1200px){
	#footerSec .footerSecInner{max-width:100%;}
	#footerSec .footerInfoWrap .footerSecInner{background-position:98% center;}
	#footerSec address,
	#footerSec p.copyright{padding-left:15px;padding-right:15px;}
}
@media only screen and (max-width:1024px){
	#footerSec .footer_nav h2{display:none;}
	#footerSec .footer_nav ul{margin-left:0;}
	#footerSec .goSns { display:none;}
}
@media only screen and (max-width:820px){
	#footerSec{background:#f9f9f9;}
	#footerSec .footerMenuWrap{padding-top:25px;}
	#footerSec .footerInfoWrap{border-top:0;}
	#footerSec .footer_nav,
	#footerSec .related_link{float:none;padding:0 15px;}

	#footerSec .footer_nav{margin-bottom:10px;}
	#footerSec .footer_nav ul li{width:49.5%;margin-bottom:1%;}
	#footerSec .footer_nav ul li a{height:auto;padding:6px 0;text-align:center;border:1px solid #DDD;background:#FFF;}
	#footerSec .footer_nav ul li a:before{display:none;}
	#footerSec .footer_nav ul li:nth-child(2),
	#footerSec .footer_nav ul li:nth-child(4){margin-left:1%;}

	#footerSec .related_link{position:relative;}
	#footerSec .related_link select,
	#footerSec .related_link input{height:40px;}
	#footerSec .related_link select{padding-left:15px;width:calc(100% - 60px);border:1px solid #DDD;background-color:#FFF;}
	#footerSec .related_link input{position:absolute;right:15px;bottom:0;width:60px;}
}
@media only screen and (max-width:600px){
	#footerSec .footerInfoWrap .footerSecInner{background:none;}
	#footerSec address,
	#footerSec p.copyright{text-align:center;}
}
@media only screen and (max-width:480px){
	#footerSec .footer_nav ul li a{font-size:12px;}
}
@media only screen and (max-width:430px){
	#footerSec address span{display:block;}
}
@media only screen and (max-width:310px){
	#footerSec .footer_nav ul li{width:100%;margin-bottom:1%;}
	#footerSec .footer_nav ul li:nth-child(2),
	#footerSec .footer_nav ul li:nth-child(4){margin-left:0;}
}


/*메인메뉴_Desktop*/
@media only screen and (min-width:1025px){
	#mainNav{position:absolute;right:0;top:25px;width:100%;}
	#mainNav nav#menuUItop{margin-left:400px;}
	#mainNav .div_1{}
	#mainNav .ul_1{display:flex; flex-direction:row; justify-content:space-around;}
	#mainNav .li_1{position:relative;width:100%;}
	#mainNav .a_1{display:block;padding:10px 0;position:relative;font-weight:700;font-size:18px;text-align:center;}
	#mainNav .div_2{display:none;z-index:9999;background:#FFF;position:absolute;top:40px;left:0;width:100%;border:2px solid #1d5bb0;}
	#mainNav .div_2:before{content:"";display:block;border-bottom:5px solid #1d5bb0;border-left:5px solid transparent;border-right:5px solid transparent;width:0;position:absolute;left:calc(50% - 5px);top:-5px;}
	#mainNav .ul_2{}
	#mainNav .li_2{position:relative;}
	#mainNav .a_2{display:block;font-size:14px;font-weight:700;padding:10px;border-bottom:1px solid #ddd;}
	#mainNav .li_2:last-child a{border-bottom:0;}
	/*ACTIVE*/
	#mainNav .li_1:hover .a_1,
	#mainNav .a_1._active,
	#mainNav .a_1:hover{text-decoration:none;color:#1d5bb0;}
	#mainNav .a_2:hover{text-decoration:none;background:#ebebeb;}
	#mainNav .a_2._active{color:#FFF;background:#1d5bb0;}
	/*모바일버튼*/
	a.mMenuOpen,
	a.mMenuClose{display:none !important;}
  
  /* 탑메뉴 3depth 숨기기 */
  #mainNav .div_3{display:none !important;}
  
   #mainNav .mgoSns{display:none;}
}


/*메인메뉴_Mobile*/
@media only screen and (max-width:1024px){
	#mainNav{display:none;position:fixed;top:0;right:0;width:60%;z-index:10;height:100%;}
	#mainNav nav.menuUItop{}
	#mainNav .div_1{position:relative;}
	#mainNav .a_1{display:block;padding:10px 10px 10px 35px;font-size:16px;font-weight:700;border-bottom:1px solid #DDD;}
	#mainNav .div_2{width:60%;position:absolute;right:0;top:0;border-left:1px solid #DDD;background:#f2f2f2;height:100vh;overflow-y:auto;overflow-x:hidden;}
	#mainNav .ul_2{margin-left:15px;margin-bottom:100px;}
	#mainNav .a_2{display:block;padding:8px 0;font-size:16px;font-weight:700;border-bottom:1px solid #DDD;background:url(/sites/templet_10/images/plus_3.png) no-repeat 95% center;background-size:13px;}
	/*ACTIVE*/
	#mainNav .a_1._active,
	#mainNav .a_1:hover{color:#1a7bd0;background-size:6px;}
	#mainNav .a_2._active,
	#mainNav .a_2:hover{color:#1dc8bd;}
	/*BG*/		
	#mainNav:before{content:"";display:block;width:100%;height:300%;background:#fff;position:absolute;left:0;top:0;z-index:-1;}
	/*모바일버튼*/
	a.mMenuOpen,
	a.mMenuClose{display:block;position:absolute;width:30px;height:30px;text-indent:-9999px;}
	a.mMenuOpen{right:15px;top:30px;background:url(/sites/templet_10/images/mMenuOpen.png) no-repeat center;background-size:18px;}
	a.mMenuClose{left:15px;top:10px;background:url(/sites/templet_10/images/mMenuClose.png) no-repeat center;z-index:1;}
  
  /* 추가 */
  #mainNav .ul_3{border-bottom:1px solid #DDD;}	
  #mainNav .a_3{display:block;padding:5px 10px;font-size:15px;font-weight:500;border-bottom:1px solid #EEE;background:#FFF;}
  #mainNav .ul_4{border-bottom: 1px solid #EEE;padding: 10px 20px;background: #FFF;}
  #mainNav .a_4{display:block;padding:5px 10px;font-size:14px;font-weight:500;background:#FFF;}
  #mainNav .a_3._active,
  #mainNav .a_3:hover{color:#0065b3;}
  #mainNav .a_4._active,
  #mainNav .a_4:hover{color:#0065b3;}
  
  #mainNav .mgoSns{display:block;}
}
@media only screen and (max-width:820px){
	#mainNav{width:80%;}
	a.mMenuOpen{top:23px;}
}
@media only screen and (max-width:480px){
	#mainNav{width:100%;}
}
@media only screen and (max-width:420px){
	a.mMenuOpen{top:18px;}
}

/*서브메뉴*/
#sideA nav#menuUIsub{}
#sideA div.menuSubTitleUI{background:#0569a4;}
#sideA div.menuSubTitleUI h2{text-align:center;color:#FFF;font-size:25px;font-weight:700;padding:25px 0;}
#sideA .div_2{}
#sideA .ul_2{}
#sideA .li_2{}
#sideA .a_2{display:block;position:relative;padding:15px;border-bottom:1px solid #d0d0d0;font-size:15px;font-weight:700;}
#sideA .a_2:after{content:"";display:block;width:13px;height:2px;background:#DDD;position:absolute;right:15px;top:calc(50% - 1px);}
#sideA .div_3{background:#f6f6f6;border-bottom:1px solid #d0d0d0;}
#sideA .ul_3{}
#sideA .li_3{}
#sideA .a_3{display:block;border-bottom:1px dashed #d0d0d0;padding:8px 10px 8px 28px;font-size:13px;font-weight:700;}
#sideA .li_3:last-child a{border-bottom:0;}
/*ACTIVE*/
#sideA .a_2:hover{background:#DDD;text-decoration:none;}
#sideA .a_2:hover:after{background:#FFF;}

#sideA .a_2._active{background:#68a1cc;color:#FFF;}
#sideA .a_2._active:after{background:#FFF;}

#sideA .a_2._active._have:after{width:13px;height:8px;top:calc(50% - 4px);background:url(/sites/guide/images/arrow_4_d_w.png);}
#sideA .a_2._have:after{width:12px;height:12px;top:calc(50% - 6px);background:url(/sites/guide/images/plus_2_g.png);}

#sideA .a_3:hover{background:#DDD;}
#sideA .a_3._active{background:#DDD url(/sites/guide/images/arrow_18_r_g.png) 15px center no-repeat;}







/*페이지타이틀*/
#sideB h1{display:inline-block;font-weight:700;font-size:30px;margin-bottom:40px;}
#sideB h1:after{content:"";display:block;width:100%;height:3px;background:#222;margin-top:10px;}
@media only screen and (max-width:820px){
	#sideB h1{font-size:25px;}
}
@media only screen and (max-width:480px){
	#sideB h1{font-size:22px;margin-top:5px;}
}

/*탑메뉴에서이용안내메뉴숨기기*/
nav#menuUItop > div > ul > li._last{display:none;}
