@charset "utf-8";

/* 상단 팝업 */
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 .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; 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: 51%;}
html.translated-ltr .banner .control{left: 7.5rem;}
html.translated-ltr .banner .bnlst {padding: 0 0.5rem 0 15rem;}

/* 푸터 */
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 {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; }
#footer .srv_link a.VIpgJd-ZVi9od-xl07Ob-lTBxed { color:#555; text-align: right; width: 5rem; }
.goog-te-gadget-simple{margin-top:.3rem; width:7rem; padding:0 .2rem;}


/* 반응형 */
@media (max-width:1240px){
    html.translated-ltr .tpop_control a {width: 2rem;}
    html.translated-ltr .banner{width:100%;}
    html.translated-ltr #footer .srv_link{width:100%;justify-content: flex-start;}
    html.translated-ltr #footer .footer_link{padding-right:0;}
}  
@media (max-width:1200px){
    html.translated-ltr .notice h2{ width: 12rem; max-width: calc((100% - 2rem) / 4);}
    html.translated-ltr .notice h2 a{font-size: .85rem;}
}

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