@charset "utf-8";


/* 1788px */
@media screen and (max-width:1788px) {

#top_odd > ul > li > a {padding:0 1vw; }

.head_sch_box {width:115px;}

}

/* 1300px */
@media screen and (max-width:1300px) {




}

/* 1000px */
@media screen and (max-width:1000px) {
#gnb_container .gnb > li > a {width:14vw;}
.s_menu_list {width:14vw;}

}


/* 768px */
@media screen and (max-width:768px) {

#wrap{min-width:320px; height:100%; padding-bottom:62vw;}
/* header */
.main_header {display:none;}
.m_header {display:block; box-shadow:0px 2px 7px #999;}
.m_header {width:100%; height:14.16vw; background:#fff; position:fixed; z-index:900; top:0; left:0;}
.m_header nav {width:100%; height:100%; position: relative;}
.m_header .m_menu_btn {position: absolute; left:5.55vw; top:50%; transform: translateY(-50%); font-size:0;}
.m_header .m_menu_btn img {width:5.41vw;}
.m_header h1 {position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.m_header h1 img {width:19.16vw;}
.m_header .m_login_btn {position: absolute; right:5.55vw; top:50%; transform: translateY(-50%); font-size:0;}
.m_header .m_login_btn img {width:4.58vw;}


.m_header .m_menu {width:100%; height:100%; overflow-y:auto; -webkit-overflow-scrolling : touch; background:#fff; position: fixed; left:-100%; top:0; z-index:1000; opacity:0; transition:all .5s;}
.m_header .m_menu.open {left:0; opacity:1; transition:all .5s;}
.m_header .m_menu .m_menu_top {/*height:14.16vw;*/ padding:0 5.55vw; border-bottom:1px solid #e0e0e0; position: relative;}
.m_header .m_menu .m_menu_top .close_btn {position: absolute; right:5.55vw; top:50%; transform:translateY(-50%);  }
.m_header .m_menu .m_menu_top .close_btn img {width:4.3vw;}

.login_status_box {padding:4.16vw 0; overflow:hidden;}
.login_status {float:left; overflow:hidden; width:60%;}
.login_status dt {float:left; width:12.5vw; height:12.5vw; border-radius:50%; border:2px solid #fff; box-sizing:border-box; overflow:hidden;}
.login_status dt.on {border:2px solid #0072bc;}
.login_status dt img {width:100%;}
.login_status dd {position:absolute; left:20.27vw; top:51%; width:43%; color:#222; font-size:4.16vw; line-height:1.3; font-weight:400; transform:translateY(-50%); word-break:keep-all;}
.login_status dd a {font-weight:700;}
.login_status dd strong {color:#0072bc; font-weight:700; word-break:break-all;}
.btn_logout {float:right; width:25vw; height:8.75vw; margin-top:1.38vw; margin-right:6.16vw; border-radius:4.4vw; border:2px solid #0072bc; color:#0072bc; font-size:3.61vw; background:none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.btn_logout a{display:block; width:100%; height:100%; line-height:8.19vw;}
.m_utill {padding:5.55vw; overflow:hidden;}
.m_utill a {float:left; display:block; width:33.33%;}
.m_utill a span {vertical-align:middle; color:#222; font-size:4.16vw; line-height:100%; font-weight:400;}
.m_utill a img {vertical-align:middle;}
.m_utill a:last-child {text-align:right;}

.bgmk {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; transition:all .5s;}
.bgmk.open {display:block; opacity:1; transition:all .5s;}

.m_menu_center {margin-top:6.94vw;}
.m_menu_list {}
.m_menu_list li {position:relative;}
.m_menu_list li .dep1 {display:block; position:relative; padding:0 5.55vw; color:#222; font-size:5.55vw; font-weight:700; line-height:11.11vw; }
.m_menu_list li .dep1:after {content:''; display:block; position:absolute; right:5.55vw; top:50%; transform: translateY(-50%); width:4.16vw; height:4.16vw; background:url('../images/common/menu_open_btn.png') no-repeat center center; background-size:cover;}
.m_menu_list li .dep1.active {color:#0072bc;}
.m_menu_list li .dep1.active:after {background:url('../images/common/menu_close_btn.png') no-repeat center center; background-size:cover;}
.m_menu_list li .dep1 + ul {display:none; margin:2.91vw 0; padding:1.66vw 0; background:#f5f5f5;}
.m_menu_list li .dep1 + ul li > a {display:block;  padding:0 5.55vw; color:#222; font-size:3.88vw; font-weight:350; line-height:7.36vw;}
.m_menu_list li .dep1 + ul li > a.active {color:#0072bc;}

.s_menu li .dep2 + ul {display:none; padding:1.66vw 0; background:#f5f5f5;}
.s_menu li .dep2 + ul li > a {display:block;  padding:0 5.55vw; color:#222; font-size:3.88vw; font-weight:350; line-height:7.36vw;}
.s_menu li .dep2 + ul li > a.active {color:#0072bc;}

.m_menu_bottom {padding:0 5.55vw; margin:11.66vw 0; overflow:hidden;}
.m_menu_bottom .sns {float:left; margin-top:2.08vw; overflow:hidden;}
.m_menu_bottom .sns li {float:left;}
.m_menu_bottom .sns li + li {margin-left:1.38vw;}
.m_menu_bottom .sns li img {width:10.83vw;}
.m_lang {float:right; width:43.47vw; height:13.05vw; padding-left:5.55vw; border:1px solid #bdbdbd; color:#222; font-size:4.86vw; font-weight:500; box-sizing:border-box; background:url('../images/common/sel_down.png') no-repeat 90% center; background-size:4.3vw 2.5vw;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
.m_lang::-ms-expand { display: none; }





} 



/* 768px */
@media screen and (max-width:768px) {


footer {width:100%; height:auto; padding-bottom:0;}
footer .top_btn {right:5.55vw; bottom:0;}
footer .top_btn img {width:16.35vw; height:16.35vw;}
.footer_inner.pc_user {display:none;}
.m_foot_box.m_user {display:block;}
.m_foot_box {padding:2vw 5.55vw 5.55vw;}
.m_foot_box .m_footer_top {padding:3.88vw 0; border-bottom:1px solid #333; text-align:center;}
.m_foot_box .m_footer_top a {display:inline-block; color:#fff; font-size:3.05vw; vertical-align:middle;}
.m_foot_box .m_footer_top a.color_blue {color:#0087e0;}
.m_foot_box .m_footer_top span {display:inline-block; height:2.22vw; margin:0 3.16vw; border-left:1px solid #666; vertical-align:middle;}
.m_footer_bottom {padding:5.55vw 0; overflow:hidden;}
.m_footer_bottom .m_foot_logo {float:left;}
.m_footer_bottom .m_foot_logo img {width:19.16vw;}
.m_footer_bottom .m_foot_txt { padding-left:4.30vw; margin-left:19.16vw;}
.m_footer_bottom .m_foot_txt p {color:#999 !important; font-size:2.5vw; font-weight:300;}
.m_footer_bottom .m_foot_txt p a{color:#999;}
.m_footer_bottom .m_foot_txt p p{color:#999;}
.m_footer_bottom .m_foot_txt .copyright {margin-top:5px;}
.pc_user {display:none !important;}
.m_user {display:block;}
.overbox.pc_user {display:none !important;}
.overbox.m_user {display:block !important;}

.popup_wrap .pop_cont{width:100%; top:10%; padding-top:3.88vw; min-height:initial}
.popup_wrap .pop_cont h3{font-size:8.33vw;}
.popup_wrap .pop_cont > img{width:23.15vw;}
.popup_wrap .pop_cont p{font-size:3.88vw; line-height:5.83vw; padding:3.88vw 5.83vw;}
.popup_wrap .pop_btn{padding:0 2.5vw;}

img.pc_user {display:none;}
img.m_user {display:inline-block;}

/*2021-04-22 팝업*/
.popup_wrap{width:90%;margin:0;top:5%;transform:translate(-50%,0)}
.popup_wrap .pop_cont p img{width:100% !important;height: auto !important;}

}