@charset "utf-8";

/* 헤더 */
html.translated-ltr #util > ul {display:flex; justify-content: flex-end; flex-wrap: wrap; align-items: center;}
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 .gnb_wrap #gnb .dep02 > li > a{font-size:0.7rem;}

/* 하단 배너 */
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;width: 8rem;text-align: center;letter-spacing: -0.5px;}
html.translated-ltr #footer .srv_link a + a:before{display:none;}
html.translated-ltr #footer address{ padding-right: 20rem; }

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

/* 반응형 */
@media (max-width:1240px) {
    html.translated-ltr .notice h2{font-size: .9rem;max-width: calc((100% - 2rem) / 4);}
	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{ padding-right: 0; }
}

@media (max-width:680px){
	html.translated-ltr .notice{ height: 19rem; }
	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; }
    html.translated-ltr .banner .control{left:0;}
	html.translated-ltr .banner .bnlst{ padding: 0 0.5rem 0 7.5rem; }
}

@media (max-width:520px){
    html.translated-ltr .notice{ height: 17.5rem; }
}