@charset "utf-8";

.container{height: 100%;}

/* 상단 팝업 */
html.translated-ltr .up_popup .poplst .item .btn_more{ width: 6.5rem; }
html.translated-ltr .tpop_control a{ width: 9rem; }

/* 헤더 */
html.translated-ltr .lang #langList, #m_langList{width: 100%; margin-left: 0;}
html.translated-ltr #header{height:150px;}
html.translated-ltr #header .top_util{height:80px;}
html.translated-ltr #util .link_list{ position: absolute; right: 0; bottom: 0; } 
html.translated-ltr .up_pop .util_list{padding-right: 9rem;}

/* 컨텐츠 */
html.translated-ltr .gnb_wrap #gnb .dep01 > li > a span {line-height: 1.15; font-size: 0.75rem;display: table-cell;vertical-align: middle;}
html.translated-ltr .gnb_wrap #gnb .dep01 > li > a:focus:before, 
html.translated-ltr .gnb_wrap #gnb .dep01 > li > a:hover:before, 
html.translated-ltr .gnb_wrap #gnb .dep01 > li.active > a:before {bottom:-.15rem;}

/* 하단 배너 */
html.translated-ltr .banner{width: 51%;}
html.translated-ltr .banner .control{left: 7.5rem;}
html.translated-ltr .banner .bnlst {padding: 0 0.5rem 0 15rem;}

/* 푸터 */
html.translated-ltr #footer .srv_link {display: flex;gap: 0.2rem;flex-wrap: wrap;width: 20rem;justify-content: flex-end;}
html.translated-ltr #footer .srv_link > a {display:flex; align-items: center; justify-content: center; height: auto; min-height:2rem; padding: 0.2rem 0; line-height: 1.2; }

/* 언어 번역 버튼 */
#google_translate_element a {line-height:1.85rem !important; }
.goog-te-gadget-simple{margin: .3rem;width:7rem;padding:0 .2rem;}
#footer .srv_link a.VIpgJd-ZVi9od-xl07Ob-lTBxed {height: 1.5rem;line-height: 1.5rem;color:#555;text-align: right;width: 5rem;}


/* 반응형 */
@media (max-width:1240px) {
	html.translated-ltr .tpop_control a {width: 2rem;}
    html.translated-ltr #header{height: 60px;}
	html.translated-ltr #header .top_util{height: auto;}
    html.translated-ltr .banner{width:100%;}
	html.translated-ltr #footer .footer_link { padding-right:0; }
	html.translated-ltr #footer .srv_link{width: 100%;justify-content: flex-start;}
}

@media (max-width:1200px){
    html.translated-ltr .notice h2{font-size: .8rem;max-width: calc((100% - 2rem) / 4);}
}

@media (max-width:680px){
    html.translated-ltr .banner .control{left:0;}
	html.translated-ltr .banner .bnlst{ padding: 0 0.5rem 0 7.5rem; }
    html.translated-ltr .notice{ height: 17.5rem; }
    html.translated-ltr .notice h2{ max-width: calc((100% - 2rem) / 2); width: auto; }
    html.translated-ltr .notice .list_box.on{ padding: 3rem 0 0 0; }
}