@charset "utf-8";

/* 헤더 */
html.translated-ltr .tpop_control a{ width: 9rem; }
html.translated-ltr .up_pop .util_list{ padding-right: 9rem; }
html.translated-ltr .up_popup .poplst .item .btn_more{ width: 6.5rem; }
html.translated-ltr .lang #langList, #m_langList{width: 100%; margin-left: 0;}

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:0;}

/* 하단 배너 */
html.translated-ltr .banner{width: 52%;}
html.translated-ltr .banner .control{left: 7.5rem;}
html.translated-ltr .banner .bnlst {padding: 0 0.5rem 0 15rem;}

/* 푸터 */
html.translated-ltr #footer .ftBtn_wrap{width: 47%;}
html.translated-ltr #footer .ftBtn button{font-size:.7rem;}
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; }
html.translated-ltr #footer address{width: 80%;}

/* 언어 변경 시 */
#google_translate_element a {line-height:1.85rem !important; }
#footer .srv_link a.VIpgJd-ZVi9od-xl07Ob-lTBxed {color:#555;text-align: right;width: 5.5rem;}
.goog-te-gadget-simple{margin-top:.3rem;width: 7.5rem;padding:0 .2rem;}

/* 반응형 */
@media (max-width:1240px) {
    html.translated-ltr .tpop_control a {width: 2rem;}
	html.translated-ltr .notice h2 a{font-size: .85rem;}
    
    html.translated-ltr .banner{width:100%;}

	html.translated-ltr #footer .ftBtn_wrap{width:100%;}
	html.translated-ltr #footer .footer_link{padding-right:0;}
	html.translated-ltr #footer .srv_link{ width: 100%; justify-content: flex-start;}
	html.translated-ltr #footer address{width:100%;}
}

@media (max-width:900px){
    html.translated-ltr .notice h2{ width: 12rem; }
}
@media (max-width:680px){
	html.translated-ltr .banner .control{left:0;}
	html.translated-ltr .banner .bnlst{ padding: 0 0.5rem 0 7.5rem; }
}

@media (max-width:640px){
    html.translated-ltr .T1_A03{ margin: 1.5rem 0 6rem; }
	html.translated-ltr .notice h2{max-width: calc((100% - 2rem) / 2);}
	html.translated-ltr .notice .list_box { top: 5rem; height: 11.5rem; padding: 1rem; }
}