@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 윤보경 20190131
 --------------------------------------- */
/* ==========================================================================
   Base styles & import
   ========================================================================== */
@media only screen and (max-width:1024px) {

header article .header_top,
.gnb{display:none}
header{height:60px}
header article,
.gnb{width:100%}
header article .logo_wrap{top:20px;left:auto;display:block;width:100%;text-align:center}
header article .logo_wrap a{font-size:24px}
.btn_gnb{display:block}

header{min-width:100%}
.gnb{display: none;}
.btn_gnb{display:block;}
.m_gnb{display:block;position:fixed;width:100%;min-width:320px; left:-230px;top:0;bottom:0;z-index:2;visibility: hidden; background:#fff;opacity: 0;}
.gnb_open .m_gnb {left:0;visibility: visible;opacity: 1;}
.gnb_open .btn_gnb{left:0; z-index:61;}
.gnb_open .btn_gnb.on{position: fixed;}
.m_gnb_wrap{clear: both;overflow: hidden;}

.m_gnb_wrap .m_gnb_list{float: left;width:100%;}
.m_gnb_wrap .m_gnb_list2{float: left;}

.gnb_open .btn_gnb{left:0;}
.lang_wrap{text-align:right}
.lang_wrap li{float:none;display:inline-block}
.lang_wrap li + li {margin-left:10px}
.m_gnb_ui .btn-wrap{margin-top:20px}
.m_gnb_ui button{padding:5px 10px;margin-right:10px}
.m_gnb_wrap .m_gnb_list{overflow:auto;}
.input_group{border-bottom:1px solid #E5E5E5}
.m_gnb_wrap .m_gnb_list{padding-bottom:50px}
.m_gnb_wrap .m_gnb_list2 .depth3{display:none}

.m_gnb_wrap .m_gnb_list2 ul > li > a,
.m_gnb_wrap li .m_gnb_list2 > li > a,
.m_gnb_wrap li.on .m_gnb_list2 > li > a,
.m_gnb_wrap li.on .m_gnb_list2 > li.open > a,
.m_gnb_wrap li .m_gnb_list2 > li > a,
.m_gnb_wrap li.open .m_gnb_list2 > li > a,
.m_gnb_wrap li.open .m_gnb_list2 > li.open > a{transition:all 0s;}
.m_gnb_wrap li.open .m_gnb_list2 > li.in_depth3 > a{background: none;}

/* ui_a */
.m_gnb_wrap.ui_a .m_gnb_list{overflow:hidden;overflow-y:auto;transition:transform 0.2s}
.m_gnb_wrap.ui_a .m_gnb_list > li > a{position:relative}
.m_gnb_wrap.ui_a .m_gnb_list > li > a::after{content:'';display:block;position:absolute;top:50%;right:10px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:url(/content/02comm/css/images/common/datepicker_right.png) no-repeat 50% 50% #9DC8C8;transition:transform 0.2s}
.m_gnb_wrap.ui_a .m_gnb_list li a.depth_tit1{width:100%;}
.m_gnb_wrap.ui_a .m_gnb_list2{overflow-y:auto;display:block;left:100%;width:calc(100% - 50px);height:calc(100vh - 161px);padding-bottom:50px}
.m_gnb_wrap.ui_a .m_gnb_list2 > li.in_depth3 > a{position:relative;background:none}
.m_gnb_wrap.ui_a .m_gnb_list2 > li.in_depth3 > a::after{content:'';display:block;position:absolute;top:50%;right:10px;width:20px;height:13px;margin-top:-6px;background:url(/content/02comm/css/images/common/btn_next.png) no-repeat 50% 50%;background-size:15px;transition:transform 0.2s;}
.m_gnb_wrap.ui_a .m_gnb_list2 > li.in_depth3 > a.on::after{transform:rotate(180deg)}
.m_gnb_wrap.ui_a .m_gnb_list.is-active{overflow:visible;transform:translateX(calc(-100% + 40px))}
.m_gnb_wrap.ui_a .m_gnb_list.is-active > li{display:none}
.m_gnb_wrap.ui_a .m_gnb_list.is-active > li.on{display:block;}
.m_gnb_wrap.ui_a .m_gnb_list.is-active > li.on > a::after{transform:rotate(180deg)}
.m_gnb_wrap.ui_a li.on .m_gnb_list2 > li{padding-right:0}
.m_gnb_wrap.ui_a li.on .m_gnb_list2 > li > ul{padding:5px 10px}
.m_gnb_wrap.ui_a li.on .m_gnb_list2 > li > ul.li0{display:none;}

/* ui_b */
.m_gnb_wrap.ui_b .m_gnb_list{overflow-y:auto;height:calc(100vh - 161px);padding-bottom:50px}
.m_gnb_wrap.ui_b li.on .m_gnb_list2 > li > ul{display:none}
.m_gnb_wrap.ui_b .m_gnb_list li a.depth_tit1,
.m_gnb_wrap.ui_b .m_gnb_list2{float:none;width:100%;}
.m_gnb_wrap.ui_b .m_gnb_list > li > a{position:relative}
.m_gnb_wrap.ui_b .m_gnb_list > li > a.is_sub::after{ position: absolute; content: ""; width: 20px; height: 20px; background: url(/content/05sub/style0006/images/common/gnb_down.png) no-repeat 100% 50%; background-size: inherit;transition: transform 0.2s; right: 0; top: 50%;transform: translateY(-50%);}
.m_gnb_wrap.ui_b .m_gnb_list li.on a.depth_tit1{background:#ffffff}
.m_gnb_wrap.ui_b .m_gnb_list > li.on > a.is_sub::after{transform:rotate(180deg)}
.m_gnb_wrap.ui_b .m_gnb_list li .m_gnb_list2{position:static;width:100%;height:auto;padding:0 20px}
.m_gnb_wrap.ui_b li.on .m_gnb_list2 > li{padding-right:0}
.m_gnb_wrap.ui_b .m_gnb_list2 > li:last-child > a{border-bottom:0}
.m_gnb_wrap.ui_b .m_gnb_list2 .depth3{padding:5px 15px}

/* ui_c */
.m_gnb_wrap.ui_c .m_gnb_list{overflow:hidden;padding-bottom:0}
.m_gnb_wrap.ui_c .m_gnb_list li .m_gnb_list2{overflow-y:auto;height:calc(100vh - 161px);padding-bottom:50px}
.m_gnb_wrap.ui_c .m_gnb_list li.on .m_gnb_list2{display:block;}
.m_gnb_wrap.ui_c .m_gnb_list li a.depth_tit1,
.m_gnb_wrap.ui_c .m_gnb_list li.on a.depth_tit1{border-right:0}
.m_gnb_wrap.ui_c .m_gnb_list2{border-left:0}
.m_gnb_wrap.ui_c .m_gnb_list2 > li.in_depth3 > a,
.m_gnb_wrap.ui_c .m_gnb_list2 > li.on.in_depth3 > a{background:none}
.m_gnb_wrap.ui_c .m_gnb_list2 a.is_sub{position:relative}
.m_gnb_wrap.ui_c .m_gnb_list2 a.is_sub::after{content:'';display:block;position:absolute;top:50%;right:10px;width:20px;height:13px;margin-top:-6px;background:url(/content/02comm/css/images/common/btn_next.png) no-repeat 50% 50%;background-size:15px;transition:transform 0.2s;}
.m_gnb_wrap.ui_c .m_gnb_list2 a.is_sub.on::after{transform:rotate(180deg)}
.m_gnb_wrap.ui_c .m_gnb_list2 .depth3{padding:5px 15px}


.m_gnb_wrap.ui_c .m_gnb_list > li > a.is_sub{position:relative;padding-right:35px}
.m_gnb_wrap.ui_c .m_gnb_list > li > a.is_sub::after{content:'';display:block;position:absolute;top:50%;right:10px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:url(/content/02comm/css/images/common/datepicker_right.png) no-repeat 50% 50% #9DC8C8;transition:transform 0.2s}

header .gnb_wrap { background: #fff;margin-top: 0; border-bottom: 1px solid #F3F3F3;max-width: 100%; padding-top: 6px;height:60px}
header .gnb_wrap .logo_wrap a {background: url(/content/05sub/style0006/images/common/footer_logo.png) no-repeat 50% 50%;background-size: contain;}
header .gnb_wrap.sticky {height:60px; padding: 0 20px; padding-top: 6px;}
header .gnb_wrap .btn_gnb{ position: absolute;left: auto; margin-top: 0;top: 50%;transform: translateY(-50%);height:30px}
header .gnb_wrap .btn_gnb span {background: url(/content/05sub/style0006/images/common/hamberger_bb_ic.png) no-repeat 50% 50% !important;}
header .gnb_wrap .btn_gnb i{display: block;margin: 5px auto 0;background: #333;}
header .gnb_wrap .btn-search {background: url(/content/05sub/style0006/images/common/search_ic_black02.png) no-repeat 50% 50%;}
body.gnb_open .gnb_wrap .btn_gnb.on {margin-top:0}
}