@charset "utf-8";

/* ========= 유틸내비 ========= */
#topSec{background:#52555a;}
#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 + li + li:after{content:'';width:1px;height:8px;background-color:#ddd;display:block;position:absolute;top:0;margin-top:12px;}
#topSec .util_nav ul li a{display:block;box-sizing:border-box;height:30px;padding: 6px 10px 0 10px;font-size:12px;color:#e1e7ef;}
#topSec .util_nav ul li a.goto_univ{background:#183a6a;border-right:0;color:#FFF;}
#topSec .util_nav ul li a img{margin-top: 4px;margin-right:5px;}
@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;}
    #topSec .util_nav ul li + li + li:after{display:none;}
}
@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:300px;*/width: 380px;}
#headerSec .logo a{display:block;padding:15px 0;}
#headerSec .logo a img{vertical-align: middle;}
/*#headerSec .logo a span{display:inline-block;color:#005bac;font-size:20px;vertical-align:middle;padding-left:15px;margin-left:15px;margin-top: 10px;font-weight:400;border-left:1px solid #ddd;}*/
#headerSec .logo a span{display:inline-block;color:#005bac;/*font-size:20px;*/vertical-align:middle;/*padding-left:15px;*/margin-left:15px;margin-top: 0px;font-weight:400;/*border-left:1px solid #ddd;*/line-height: 22px;}
#headerSec .logo a span .title{/*font-size: 23px;*/font-size: 17px;}
#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:nth-child(2):before{content:'';width:1px;height:8px;background-color:#949596;display:block;position:absolute;top:50%;margin-top:-4px;}
#headerSec .global_nav ul li:nth-child(3):before{content:'';width:1px;height:8px;background-color:#949596;display:block;position:absolute;top:50%;margin-top:-4px;}
#headerSec .global_nav ul li:last-child{background-color:#5380be;}
#headerSec .global_nav ul li:last-child a{color:#FFF;}
#headerSec .global_nav ul li a{display:block;box-sizing:border-box;height:30px;padding: 5px 10px 0 10px;font-size:12px;color:#b5b5b5;}
#headerSec .global_nav ul li a.goto_eng{background:#444d5d;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:400;color:#222;}

}
@media only screen and (max-width:820px){
	#headerSec .logo a{padding:15px 0;}
	#headerSec .logo a img{max-width:130px;}
	#headerSec .logo a span{margin-top:2px;}

}
@media only screen and (max-width:480px){
	#headerSec .logo a img{max-width:115px;}
	#headerSec .logo a span{font-size:17px;}
}
@media only screen and (max-width:320px){
	.sub #headerSec{border-bottom:1px solid #ededed;}
}


/* ========= 서브 탭메뉴 디자인 ========= */
.menuTab{line-height:0;}
#menuUItab{position:relative;}
#menuUItab > .tab_div{margin:0 0 30px;}
#menuUItab > .tab_div > ul{overflow: hidden;border-bottom: 2px solid #1c5797; line-height:1.6;}
#menuUItab > .tab_div > ul > li{float: left;}
#menuUItab > .tab_div > ul > li > a{display: block;color: #494949;background-color: #f8f8f8;padding: 10px 25px;border: 1px solid #d2d2d2; border-bottom: 0;box-sizing: border-box; font-size:14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#menuUItab > .tab_div > ul > li > a._active{color: #fff; background-color: #005bac; border: 1px solid #5a7797; font-weight:600;}

#menuUItab > .tab_div > ul > li > div{position:absolute; display:none; left:0;}
#menuUItab > .tab_div > ul > li._active > div{display:block;}
#menuUItab > .tab_div > ul > li > div > ul > li{float:left; position:relative;}
#menuUItab > .tab_div > ul > li > div > ul > li:before{content:''; display:block; position:absolute; right:0; top:18px; height:10px; width:1px; background-color:#999;}
#menuUItab > .tab_div > ul > li > div > ul > li:last-child:before 		{display:none;}
#menuUItab > .tab_div > ul > li > div > ul > li:first-child > a{padding-left:5px;}
#menuUItab > .tab_div > ul > li > div > ul > li > a{display:block; padding:15px; font-size:14px;}
#menuUItab > .tab_div > ul > li > div > ul > li._active > a{color:#005bac; font-weight:600;}
@media only screen and (max-width:767px){
	#menuUItab > .tab_div > ul{border:none;}
	#menuUItab > .tab_div > ul > li{width:calc(100% / 2 - 2px);}
	#menuUItab > .tab_div > ul > li > a{margin:1px; border: 1px solid #d2d2d2; text-align:center;}
}

/* ========= 서브비주얼 ========= */
#sub_visual{box-sizing:border-box;padding-top:55px;height:150px;background:url(./../../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:400;}
@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{padding-top:25px;height:100px;}
	#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 .inner{max-width:1200px; margin:0 auto; position:relative;}
#page_nav{background:#f5f5f5;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
#page_nav ul#_pageNavigation{overflow:hidden;}
#page_nav ul#_pageNavigation li{margin-left:0;height:50px;box-sizing:border-box;padding: 12px 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(./../../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(./../../images/arrow_0_r_g.png) no-repeat center; vertical-align: middle;}*/
#page_nav ul#_pageNavigation li.pageName{border-right:1px solid #d7d7d7;}
#page_nav ul#_pageNavigation li.pageName strong{color:#183a6a;}
/*#page_nav ul#_pageNavigation li.pageName:after{content:"";display:inline-block;width:13px;height:9px;margin-left:10px;background:url(./../../images/arrow_0_d_b.png) no-repeat center;vertical-align: middle;}*/
#page_nav .inner #_globalNavi{position:absolute; right:0; top:13px;}
@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;}
}


/* ========= 바디 ========= */
#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: 930px;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{}
#footerSec .footerMenuWrap{border-top:1px solid #DDD;}
#footerSec .footerInfoWrap{border-top:1px solid #DDD;padding:25px 0;}
#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: 12px;padding-left:10px;position:absolute;border-left:1px solid #DDD;border-right:1px solid #DDD;background:url(./../../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;margin-top: 10px;}
#footerSec .related_link select{width:144px; height:27px;line-height: 1.2; color:#909090; padding:0 30px 0 10px; border:1px solid #3c4e60;font-size:13px; -webkit-appearance:none;appearance:none;-moz-appearance:none;background:url(/sites/type02/images/select_arrow.png) no-repeat 97% center;}
#footerSec .related_link select::-ms-expand{display:none}
#footerSec .related_link input{background:#3c4e60;color:#FFF; width:49px; height:27px;border:0; font-size:12px}

#footerSec address{font-size:15px;font-weight:400;color:#919191;}
#footerSec p.copyright{margin-top:7px;font-size:15px;color:#919191;}
#footerSec address span.tel{margin-left: 20px;}
#footerSec address span.fax{border-left:1px solid #DDD; margin-left: 10px; padding-left: 10px;}

@media only screen and (max-width:1200px){
	#footerSec .footerSecInner{max-width:100%; word-break:keep-all;}
	#footerSec .footerInfoWrap .footerSecInner{background-position:98% center;}
	#footerSec address,
	#footerSec p.copyright{padding-left:15px;padding-right:15px; word-break: keep-all; line-height: 1.4;}
}
@media only screen and (max-width:1024px){
	#footerSec .footer_nav h2{display:none;}
	#footerSec .footer_nav ul{margin-left:0;}
}
@media only screen and (max-width:820px){
	#footerSec .footerInfoWrap{border-top:0;}
	#footerSec .footer_nav,
	#footerSec .related_link{float:none;padding:0 15px;}
	#footerSec .footer_nav{border-bottom:1px solid #ddd;}

	#footerSec .related_link{position:relative;}
	#footerSec .related_link select,
	#footerSec .related_link input{height:40px !important;}
	#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;}

	#footerSec .footerInfoWrap .footerSecInner{background-position: center bottom; padding-bottom: 70px;}
}
@media only screen and (max-width:600px){
	#footerSec address,
	#footerSec p.copyright{text-align:center;}
	#footerSec .footer_nav ul{text-align:center;}
}
@media only screen and (max-width:430px){
	#footerSec .footer_nav ul li a{font-size:12px;}
	#footerSec .footer_nav ul li a:before{top:17px;}
	#footerSec address span{display:block;}
	#footerSec address span.fax{border:none;}
	#footerSec .footer_nav ul{overflow:hidden;}
	#footerSec .footer_nav ul li{float:left;}
	#footerSec .footer_nav ul li a{padding: 15px 5px;}
	#footerSec .nameM{display:block;}
}



/*메인메뉴_Desktop*/
@media only screen and (min-width:1025px){
  /* 가로형 메뉴 실제 변경시 상위 css 제거후 사용*/
	#mainNav{position:absolute;right:0;top:25px;width:100%;}
	#mainNav nav#menuUItop{margin-left: 400px;}
	#mainNav .div_1{margin-top: -25px; float: right;}
	#mainNav .ul_1{display:table;}
	#mainNav .li_1{position:relative; display:table-cell;}
	#mainNav .a_1{display:block;padding: 30px 24px;position:relative;font-weight:400;font-size:18px;}
	#mainNav .div_2{z-index: 9999;background: #223c78;position: absolute;top: 85px;}

	#mainNav .div_2{display:none; min-width:150px; padding-left:15px;}
	#mainNav .ul_2{}
	#mainNav .li_2{position:relative;     white-space: nowrap; display:table-cell;}
	#mainNav .a_2{display:block; color:#fff; padding:10px 10px; font-size:.8em; margin-right:15px;}

	#mainNav .li_1:hover .a_1,
	#mainNav .a_1._active,
	#mainNav .a_1:hover{text-decoration:none;color:#fff; background-color:#223c78; }
	#mainNav .a_2:hover{color:#00d8ff;}
	#mainNav .a_2._active{}
	#mainNav .div_3{display:none !important;}
  
    #mainNav .div_2.top_div_29779{right:0;}
    /*
	#mainNav{position:absolute;right:0;top:25px;width:100%;}
	#mainNav nav#menuUItop{margin-left:300px;}
	#mainNav .div_1{}
	#mainNav .ul_1{display:flex; flex-direction:row; justify-content:flex-end;}
	#mainNav .li_1{position:relative;padding-left:75px;}
	#mainNav .a_1{display:block;padding:10px 0;position:relative;font-weight:400;font-size:18px;}
	#mainNav .div_2{display:none;z-index:9999;background:#FFF;position:absolute;top:40px;left:calc(50% - 50px);width:100px;border:2px solid #2c4271;margin-left:35px;}
	#mainNav .div_2:before{content:"";display:block;border-bottom: 5px solid #2c4271;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:400;padding:10px;border-bottom:1px solid #ddd;}
	#mainNav .li_2:last-child a{border-bottom:0;}
	.Desktop #mainNav .div_3{display:none !important;}
    */
	/*ACTIVE*/
    /*
	#mainNav .li_1:hover .a_1,
	#mainNav .a_1._active,
	#mainNav .a_1:hover{text-decoration:none;color:#2c4271;}
	#mainNav .a_2:hover{text-decoration:none;background:#ebebeb;}
	#mainNav .a_2._active{color:#FFF;background:#2c4271;}
    */
	/*모바일버튼*/
	a.mMenuOpen,
	a.mMenuClose{display:none !important;}
}

	/*Site숨김*/
	#menuUItop .li_1_29784{display:none;}

/*메인메뉴_Tablet*/
@media only screen and (max-width:1200px){
	#mainNav .a_1 {padding: 30px 10px;}
	#mainNav .li_2{display: block;}
}

/*메인메뉴_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:400;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:400;border-bottom:1px solid #DDD;background:url(./../../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(./../../images/mMenuOpen.png) no-repeat center;background-size:100% auto;z-index: 1;}
	a.mMenuClose{left:15px;top:10px;background:url(./../../images/mMenuClose.png) no-repeat center;z-index:1;}
}
@media only screen and (max-width:820px){
	#mainNav{width:80%;}
	a.mMenuOpen{top:15px;}
}
@media only screen and (max-width:480px){
	#mainNav{width:100%;}
}


/*서브메뉴*/
#sideA nav#menuUIsub{}
#sideA div.menuSubTitleUI{background:#0569a4;}
#sideA div.menuSubTitleUI h2{text-align:center;color:#FFF;font-size:25px;font-weight:400;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:400;}
#sideA .a_2:after{content:"";display:block;width:13px;height:9px;background:url(./../../images/arrow_0_d_g.png);position:absolute;right:15px;top:calc(50% - 4.5px);}
#sideA .div_3{background:#f6f6f6;border-bottom:1px solid #d0d0d0;padding:0 10px; display:none;}
#sideA .ul_3{}
#sideA .li_3{}
#sideA .a_3{display:block;border-bottom:1px solid #d0d0d0;padding:8px 15px;font-size:13px;font-weight:400;}
#sideA .li_3:last-child a{border-bottom:0;}
/*ACTIVE*/
#sideA .a_2:hover{background:#DDD;text-decoration:none;}
#sideA .a_2._active{background:#68a1cc;color:#FFF;}
#sideA .a_2._active:after{background:url(./../../images/arrow_0_d_w.png);}
#sideA ._active .div_3{display:block;}

/*페이지타이틀*/
#sideB h1{display:inline-block;font-weight:400;font-size:30px;margin:20px 0 40px;}
#sideB h1:after{content:"";display:block;width:100%;height:3px;}
@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;}
}