@charset "utf-8";

/*sns 추가*/
.snslink{display: flex;position: absolute;overflow: hidden;align-items: center;justify-content: center;bottom: 1.5rem;left: 0;flex-wrap: wrap;}
.snslink .sns{width: 100%;}
.snslink .sns + .sns {margin-top:.5rem;}
.snslink .sns ul{overflow:hidden;/* float: right; */display: inline-block;/* width: 40%; *//* margin-right: 3rem; */margin-left: 1em;/* table-layout: fixed; */}
.snslink .sns ul li{position:relative;display: block;float: left;}  
.snslink .sns ul li + li{margin-left:1rem}
.snslink .sns ul li a{display:block;height:100%;-webkit-transition:background 0.3s;-ms-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;}
.snslink .sns ul li a .ico{display:inline-block;width: 1.5rem;height: 1.5rem;vertical-align:middle;background:#f0f3fb;border-radius:50%;}
.snslink .sns ul li a .ico img{display:block;width:100%;height:100%;-webkit-transition:0.3s;transition:0.3s;}
.snslink .sns em{display:inline-block;font-weight: 700;padding-left:.5rem;color: #111;font-size: .9rem;overflow:hidden;word-break: keep-all;}


/*웹접근성*/
.pop1003 .pop_img .item a:focus {border:2px solid #111; transition:none;}

/* gnb : oneFull */
#nav.oneFull .depth02 > ul > li:nth-child(12) > a{ word-break: keep-all; }

/* 구글 번역 */
.gbSchlTrans1 { height:2rem; display: inline-block; vertical-align: middle; border: 1px solid #d1d8e4; padding:0.25rem; background: #fff; margin-left:0.5rem; border-radius: 1.5rem; overflow:hidden;}
.gbSchlTrans1 .goog-te-gadget .goog-te-combo{ width:132px; border:none; font-family: 'SCDream'; margin-bottom:10px !important;}
.gbSchlTrans1 .goog-te-gadget > span{ display:none;}
.gbSchlTrans1 .goog-te-gadget-simple {position: relative; display: block !important; padding: 0.5rem !important; font-size: 0.7rem !important; background-color: #fff !important; border: none !important; border-radius: 1.5rem; cursor: pointer; zoom: 1;}
.gbSchlTrans1 .goog-te-gadget-icon {margin-left: 5px; margin-right: 5px;}
.gbSchlTrans1 .goog-te-gadget img {border-radius: 50%;}
.gbSchlTrans1 .goog-te-gadget-simple .goog-te-menu-value img + span {position: absolute; top: 0.65rem; right: 1.25rem; font-size: 0.5rem !important; color: #000 !important; border: none !important;}

/* 웹접근성 마크 */
#footer .wa_mark { top: auto; bottom: 0; }
#footer .wa_mark img { max-width: 100%; }

@media screen and (max-width:1440px){
	/* 구글 번역 */
	.gbSchlTrans1 {right: 1rem;}

	/*sns 추가*/
.snslink{bottom: 1rem;left: 1rem;}
}

/* media query mobile */
@media screen and (max-width: 1240px){

	/* 구글번역 */
	.gbSchlTrans1{ position:absolute; right:3.5rem; top:0.7rem;}
	
	/*250408 모바일 사이트맵 스크롤링*/
	.popFullmenu .depth02{height: calc(100vh - 10.5rem);overflow-y:scroll;}

		/*sns 추가*/
	.snslink{bottom: 0;left: 1rem;}
	
}

@media screen and (max-width: 1024px){

	/* 구글 번역 */
    .gbSchlTrans1 { right:3.5rem; }
    
    /* 웹접근성 마크 */
	#footer .wa_mark { bottom: 2.5rem; }

	
		/*sns 추가*/
	.snslink{width: 100%;position: relative;left: 0;bottom: 0;}
}

@media (max-width:800px) {
    .snslink{flex-wrap: wrap;}
    .snslink .sns {width:100%;}
    .snslink .sns + .sns {margin-left:0;}
    
    }

@media screen and (max-width: 768px){
/* 구글 번역 */
	 #header{ top:36px !important;}
	.gbSchlTrans1 {position:fixed;width:100%;left:0;top:0;border-radius:0;margin:0;border-left:0;border-right:0;}
	.gbSchlTrans1 .goog-te-gadget .goog-te-combo{ text-align:right; width:auto;}

	.openPop #header .gbSchlTrans1 {top:140px !important; }
	.openPop #header{ top:176px !important;}
	
	/* 웹접근성 마크 */
	#footer .wa_mark { position: relative; bottom: auto; right: auto; width: 100%; max-width: 100%; margin: 1rem auto 0; padding: 0 1rem; }
	#footer .wa_mark img { margin: auto; max-width: 5.25rem; }
}

@media (max-width:640px) {
    #header{ top:34px !important;}
	
	#header .gbSchlTrans1 {top:0px !important;}

	.gbSchlTrans1 { position:fixed; width:100%; left:0; right:3.5rem !important; border-radius:0; margin:0; border-left:0; border-right:0;}
	.gbSchlTrans1 .goog-te-gadget-simple span{ font-size:12px;}

	#container{ padding-top:calc(36px + 3.5rem) !important;}
	.openPop #container{ padding-top:calc(176px + 3.5rem) !important;}
}

@media (max-width:480px) {
	.openPop #header{ top:144px !important;}
	.openPop #header .gbSchlTrans1 {top:110px !important; }
	.openPop #container{ padding-top:calc(146px + 3.5rem) !important;}

}

@media (max-width:380px) {

}




