@charset "utf-8";

/* 헤더 */
html.translated-ltr .lang #langList, #m_langList{width: 100%; margin-left: 0;}
html.translated-ltr .up_pop .util_list{ padding-right: 9rem; }
html.translated-ltr .tpop_control a{ width: 9rem; }
html.translated-ltr .gnb_wrap #gnb .dep01 > li > a span {line-height: 1.15;word-break: break-word;font-size: 0.8rem;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 .notice h2 a{font-size: .9rem;padding: 0 .8rem;}

/* 하단 배너 */
html.translated-ltr .banner h2{max-width:10%;top: 0;}
html.translated-ltr .banner .control { left: 5rem; }

/* 푸터 */
html.translated-ltr #footer .footer_link {width: 60%; border-bottom:none;}
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{width: 8rem;padding:0 .2rem;}
#footer .srv_link a.VIpgJd-ZVi9od-xl07Ob-lTBxed {color:#555;text-align: right;width: 6rem;}


/* 반응형 */
@media (max-width:1440px) {
    html.translated-ltr .banner .control { left: 0; }
}

@media (max-width:1240px) {
	html.translated-ltr .tpop_control a {width: 2rem;}
	html.translated-ltr .notice h2 a{font-size: .85rem;padding: 0 0.3rem;}
    html.translated-ltr #footer .footer_link {width: 100%}
	html.translated-ltr #footer .srv_link{ width: 100%; justify-content: flex-start;}
}

@media (max-width:1080px){
    html.translated-ltr .notice h2 a{font-size: 1rem;padding: 0 0.8rem;}
}

@media (max-width:768px){
    html.translated-ltr .notice:before{height:5rem;}
	html.translated-ltr .notice h2 {width: 45%;text-align:center;} 
	html.translated-ltr .notice h2 a{font-size:.9rem; padding:0 0.5rem;}
	html.translated-ltr .notice .list_box { top: 5rem; height: 11.5rem; padding: 1rem; }
	html.translated-ltr .notice .list_box .btn_more{top:-3.3rem;}
}

@media (max-width:420px){
    html.translated-ltr .notice h2 a{ padding: 0; font-size:.8rem; }
}