@charset "utf-8";

@media all and (max-width:1200px){

/* 공통 구조
**********************************************/

/* 화면 감춤 */
#wrap .dn_immutable { display:none !important;}

/* Global */
.area { width:100%;}

/* Header */
.header { position: inherit; height: 60px; border-bottom: 1px solid #d1d1d1;}
.header.no_line { border-bottom: 1px solid #d1d1d1;}

#wrap .header .header_promote { display: none !important;}

.menu { padding-top: 10px;}
.menu .toggle { display: block !important; position: absolute; left: 12px; top:10px; z-index: 120;}
.menu .toggle_btn { display: block; position: relative; width: 24px; height: 18px; padding: 20px;}
.menu .toggle_btn span { position: absolute; left: 50%; top: 50%; width: 20px; height: 3px; margin-left: -12px; background-color: #1a1a1a; transition: all .3s ease;}
.menu .toggle_btn .toggle_up { margin-top: -6px;}
.menu .toggle_btn .toggle_middle { margin-top: 0; opacity: 1;}
.menu .toggle_btn .toggle_down { margin-top: 6px;}
.menu .form_btn { position: absolute; right: 20px; top: 21px;}
.menu .form_btn .logon_before { width: 21px; height: 22px; text-indent: -99999px; background-position: -53px -950px;}
.menu .form_btn >div { margin-top: -1px;}
.menu .form_btn >div .login_after { width: 21px; height: 22px; margin-top: 1px; text-indent: -99999px; background-position: -25px -950px;}
.menu .form_btn >div .mypage_link { width: 20px; height: 21px; margin-left: 6px; text-indent: -99999px; background-position: 0 -950px;}

#wrap .menu .global { display: none;}
#wrap .menu .mo_btns { display: block;}

.menu h1 { position: inherit; left: inherit; top: inherit;}
.menu h1 a { width: 158px; height: 37px; margin:0 auto; background-position-y: -40px; background-size: 158px 77px;}

.gnb { position: absolute; top: 0; left: -280px; z-index:700; width: 280px; margin-top: 0; padding-left: 0; background-color: #fff; transition: all .3s ease;}
.gnb >ul >li { display: block !important; float: inherit; width: inherit; margin-left: 0;}
.gnb.active { left: 0;}
.gnb >ul >li >a { padding: 15px 20px; font-size: 16px; text-align: left; border-top: 1px solid #dfdfdf;}
.gnb >ul >li:first-child >a { border-top: none;}
.gnb >ul >li >a::after { content: ''; display: block; position: absolute; right: 20px; top: 19px; width: 16px; height: 10px; background: url(/static/image/global_lnb_arrow_mobile.png) no-repeat; background-size: 16px 100px;}
.gnb >ul >li >a span { display: none;}
.gnb >ul >li >a.active {  color: #fff; background-color: #133980;}
.gnb >ul >li >a.active::after { background-position-y: -90px;}
.gnb >ul >li .gnb_menu { display: none;}
.gnb >ul >li >a.active +.gnb_menu { display: block;}
.gnb >ul >li .gnb_title { position: inherit; left: inherit; top: inherit;}
.gnb >ul >li .gnb_menu_sub { position: inherit; opacity: 1 !important; padding: 0;}
.gnb >ul >li .gnb_menu_sub >li { margin: 0;}
.gnb >ul >li .gnb_menu_sub >li:last-child { margin-bottom: 0;}
.gnb >ul >li .gnb_menu_sub >li >a { padding: 10px 30px; font-size: 16px; border-top: 1px solid #dfdfdf;}
.gnb >ul >li .gnb_menu_sub >li:first-child >a { border-top: none;}
.gnb >ul >li .gnb_menu_sub >li ul { background-color: #ececec;}
.gnb >ul >li .gnb_menu_sub >li ul li,
.gnb >ul >li .gnb_menu_sub >li ul li:first-child { margin-top: 0;}
.gnb >ul >li .gnb_menu_sub >li ul li:last-child { margin-bottom: 0;}
.gnb >ul >li .gnb_menu_sub >li ul li a { padding: 10px 10px 10px 40px; font-size: 14px;}
.gnb >ul >li .gnb_menu_sub >li ul li a::after { content: "-"; left: 30px; top: 9px; background-color: inherit;}
.gnb >ul >li .gnb_menu_sub >li ul li a.active { color: #fff; background-color: #1079ba;}
.gnb >ul >li .gnb_menu_sub >li ul li a br { display: none;}

.gnb .control_panel { display: flex; padding: 13px 10px 13px 20px; background-color: #002157;}
.gnb .control_panel .cp_login { margin-right: auto;}
.gnb .control_panel .cp_login p { color: #fff; line-height: 19px;}
.gnb .control_panel .cp_btns { margin-left: auto;}
.gnb .control_panel .cp_btns a,
.gnb .control_panel .cp_btns button { width: 34px; height: 37px; text-indent: -99999px;}
.gnb .control_panel .cp_btns .cpb_home { background-position: -85px -950px;}
.gnb .control_panel .cp_btns .cpb_close { background-position: -119px -950px;}

#wrap .gnb >.only_mobile { display: block;}

.header .gnb_blind { display: none;}

/* Container */
.container { padding-bottom: 0;}
.container .lnb { display: none;}
.container .contents { float: inherit; width: 100%; min-height: 500px; padding: 0 20px;}


/* Footer */
.footer { margin-top: 30px;}
.footer .links { padding: 10px 0;}
.footer .links .area { justify-content: center;}
.footer .links .area .links_set { flex-wrap: wrap; align-content: stretch; justify-content: center;}
.footer .links .area .links_set a { padding: 5px 10px; flex-grow: inherit;}
.footer .links .area .select { display: none;}
.footer .logo_set,
.footer .other_mark { display: none;}
.footer .footer_address { width: 100%;}
.footer .footer_logo { width: 100%;}
.footer .footer_logo img:first-child { width: 72px; height: 22px;}
.footer .footer_logo img:last-child { width: 92px; height: 20px;}
.footer .footer_other { position: inherit; right: inherit; top: inherit;}
.footer .footer_other a { margin-left: 15px;}
.footer .footer_other .f img { width: 54px; height: 12px;}
.footer .footer_other .s img { width: 40px; height: 13px;}
.footer .footer_other .t img { width: 47px; height: 12px;}
.footer .footer_info { flex-wrap: wrap; padding: 20px; text-align: center;}
.footer .footer_address .copyright { margin-top: 10px;}

/* Aside */
.aside { display: none;}

/* Location */
.location { padding: 20px 20px 0;}


/* 공통 STYLE
**********************************************/

/* 페이지 넘버 및 게시판 관련 */
.pagination .first,
.pagination .last { display: none;}



/* Split
**********************************************/

.split { background: url(/static/image/split_mobile.png) no-repeat; background-size: 1000px 1000px;}



/* 레이어
**********************************************/

#wrap .layer .layer_body { width: 100%;}
.layer .pop_close { border: 1px solid #111; border-radius: 50%;}
.layer .pop_close:hover { border-color: #fff;}





/* 메인
**********************************************/

/* 메인 공통 */
.main >.area { padding: 20px 20px 0;}

/* 섹션별 */
.main .login_group .promote_b { padding-left: 55%;}

.main .system .story_lists a figure { width: 128px; height: 128px;}


/* 기타
**********************************************/
/* 개인정보처리방침(20221223추가) */
.other .sub_txt {line-height:1.563rem; font-size:1rem}
.other .indprtec_label {margin-left:-20px; padding:30px 20px; width:calc(100% + 40px)}
.other .indprtec_label ul {margin-left:0; margin-top:4px}
.other .indprtec_label li {float:none; margin-left:0; margin-top:10px; width:100%; height:10.35rem}
.other .indprtec_label li a {padding-top:7.14rem}
.other .indprtec_label li a img {top:2.21rem; width:4.07rem}
.other .indprtec_label li a .txt {font-size:0.857rem}
.other .indprtec_label li .hover_info .tit {height:2.14rem; line-height:2.14rem; font-size:1em}
.other .indprtec_label li .hover_info .txt {padding:0 0.714rem; line-height:1.307rem; height:calc(100% - 2.14rem); font-size:1rem}
.other .indprtec_label li .hover_info .btn_close {right:20px; top:10px}

/* 공통 */
.other.contents { padding-top: 0;}

/* 이용안내 (20230309 추가) */
.other .tablist .tab button,
.other .tablist .tab a { line-height: inherit;}
.other .tablist.flex_wrap  { flex-wrap: wrap; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1;}
.other .tablist.flex_wrap .tab { flex-grow: inherit; width: 50%;}
.other .tablist.flex_wrap .tab a { height: 40px; border-left: none; border-top: none; line-height: 40px;}

/* OZ용 새창 */
#wrap .oz_body .pop_close i { border: 1px solid #111; border-radius: 50%;}
#wrap .oz_body .pop_close:hover i { border-color: #fff;}


/* 삭제용
**********************************************/

.ia { display: none !important;}

.main .info .institution_call {align-items:inherit; align-items: center;}
.main .info .institution_call h4 { width: 100%; padding-top: 10px; font-size: 18px; text-align: center}
.main .info .institution_call h4 span {display:inline-block}
.main .info .institution_call .right-cont {flex-direction: column; flex: 1; align-items: center; padding-left: 15px}
.main .info .institution_call .chatbot {flex: 1; padding-left: 0; text-align: center}

}