@charset "utf-8";

#sub-container {position:relative; z-index:3;}

.fix-layout {position:relative; max-width:640px; margin:0 auto;}
#header {position:relative; height:5rem; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
#header .logo {position:absolute; left:5.15rem; top:.6rem; height:2.75rem;}
#header .logo img {max-height:100%;}
#header .control-gnb {display:block; position:absolute; width:5rem; height:5rem; left:0; top:0; bottom:0; background:url('/assets/img/mobile/btn_control_gnb_off.png') no-repeat 0 0; background-size:contain; overflow:hidden; text-indent:-999px;}
#header .side {position:absolute; top:0; right:0; bottom:0;}
#header .side a {display:block; float:left; position:relative; margin-top:1rem;}

.btn-top-member {display:block; position:relative; width:3rem; height:3rem; margin-right:1rem; overflow:hidden; text-indent:-999px; background:url('/assets/img/mobile/btn_top_login.png') no-repeat 0 0; background-size:contain;}
.btn-top-member#tnb_mypage {background-image:url('/assets/img/mobile/btn_top_mypage.png');}
#tnb_apply {width:5rem; padding-right:2rem; text-align:left; font-size:1rem; color:#1aadcd; font-weight:800; box-sizing:border-box; line-height:1.4;}
#tnb_apply:after {content:""; display:block; position:absolute; bottom:.25rem; left:1.7rem; width:2.3rem; height:1.25rem; background:url('/assets/img/mobile/ioc_tnb_apply.png') no-repeat 100% 100%; background-size:contain;}

#gnb {display:none; position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; background:#fff; z-index:999;}
#gnb_top {height:5rem;}
#gnb .logo {left:1.3rem;}
#gnb .control-gnb {left:auto; right:0; background-image:url('/assets/img/mobile/btn_control_gnb_on.png');}
#gnb .lang {display:block; position:absolute; right:5.2rem; top:1.15rem;}
#gnb .lang:before {content:""; display:block; position:absolute; top:50%; margin-top:-.525rem; left:.6rem; width:1.05rem; height:1.05rem; background:url('/assets/img/web/ico_site_lang.png') no-repeat 50% 50%; background-size:contain;}
#gnb .lang select {color:#797979; font-size:1.1rem; border:1px solid #e2e2e2; box-sizing:border-box; height:3rem; padding-right:2.1rem; padding-left:2rem; background:url('/assets/img/common/ico_selectbox2.png') #fff no-repeat 100% 50% !important; cursor:pointer;}

#gnb .member {display:table; width:100%; height:7.2rem; border-bottom:1px solid #e8e8e8; overflow:hidden;}
#gnb .member .left {display:table-cell; position:relative; vertical-align:middle; width:45%; box-sizing:border-box; text-align:center;}
#gnb .member .right {display:table-cell; position:relative; vertical-align:middle; width:55%; box-sizing:border-box; padding-right:1rem;}

#gnb .member .left a {display:inline-block; vertical-align:top; font-size:1rem; color:#575757;}
#gnb .member .left a + a {margin-left:2.4rem;}
#gnb .member .left a:before {content:""; display:block; position:relative; margin:0 auto .5rem; width:3rem; height:3rem; background:no-repeat 50% 50%; background-size:contain;}
#gnb .member .left a[data-menu="로그인"]:before {background-image:url('/assets/img/mobile/btn_top_logout.png');}
#gnb .member .left a[data-menu="로그아웃"]:before {background-image:url('/assets/img/mobile/btn_top_login.png');}
#gnb .member .left a[data-menu="회원가입"]:before {background-image:url('/assets/img/mobile/btn_top_login.png');}
#gnb .member .left a[data-menu="마이페이지"]:before {background-image:url('/assets/img/mobile/btn_top_mypage.png');}
#gnb .member .right a {display:block; height:3rem; line-height:3rem; font-size:1.1rem; color:#fff; padding:0 1.9rem; text-align:center;}
#gnb .member .right a.app {background:#1aadcd;}
#gnb .member .right a.app:before {content:""; display:inline-block; vertical-align:middle; margin-right:.7rem; width:1.45rem; height:1.3rem; background:url('/assets/img/web/ico_site_app.png') no-repeat 50% 50%; background-size:contain;}

#gnb .member .right a.lang {background:url('/assets/img/mobile/bak_top_lang.png') no-repeat 0 100% #1b214a; background-size:contain;}
#gnb .member .right a.lang span {position:relative; padding-left:1.4rem;}
#gnb .member .right a.lang span:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.525rem; width:1.05rem; height:1.05rem; background:url('/assets/img/mobile/ico_top_lang.png') no-repeat 50% 50%; background-size:contain; margin-right:.5rem;}
#gnb .member-bottom {position:relative; padding:3rem 0; background:#f8f8f8; overflow:hidden;}
#gnb .member-bottom a {display:block; position:relative; padding:.3rem 0; text-align:center; float:left; width:50%; color:#000; font-size:1.3rem;}
#gnb .member-bottom a + a:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:1px; background:#c5c5c5; }
#gnb .member-bottom a span {position:relative; padding-left:1.7rem;}
#gnb .member-bottom a span:before {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-.7rem; width:1.1rem; height:1.4rem; background:url('/assets/img/mobile/ico_gnb_bottom_member.png') no-repeat 50% 50%; background-size:contain;}
#gnb .member-bottom a[data-menu="로그인"] span:before {background-image:url('/assets/img/mobile/ico_gnb_bottom_login.png'); }
#gnb .member-bottom a[data-menu="로그아웃"] span:before {background-image:url('/assets/img/mobile/ico_gnb_bottom_login.png'); }

#gnb .gnb-list {position:relative; padding:1.75rem 2.65rem;}
#gnb .gnb-list a,
#gnb .gnb-list button {outline:0;}
#gnb .gnb-list .gnb > button {height:4.2rem; font-size:1.5rem;}
#gnb .gnb-list .gnb.on > button {font-weight:bold; color:#0699b9;}

#gnb .gnb-list .on > .lnb-wrap-2 {display:block;}
#gnb .gnb-list .lnb-wrap-2 {display:none; position:relative; padding:0; margin-bottom:.5rem;}
#gnb .gnb-list .lnb-wrap-2 > .lnb > a {display:block; position:relative; font-weight:bold; font-size:1.25rem; padding:0 1.1rem; height:4rem; line-height:4rem; color:#000;} 
#gnb .gnb-list .lnb-wrap-2 > .lnb.on > a {color:#0699b9;}
#gnb .gnb-list .lnb-wrap-2 > .lnb.on > a {padding-left:2.7rem; background:#1aadcd; color:#fff;}
#gnb .gnb-list .lnb-wrap-2 > .lnb.on > a:before {content:""; display:block; position:absolute; left:1rem; top:50%; margin-top:-.525rem; width:.8rem; height:1.05rem; background:url('/assets/img/mobile/ico_gnb_sub.png') no-repeat 50% 50%; background-size:contain;}


#gnb .gnb-list .on > .lnb-wrap-3 {display:block;}
#gnb .gnb-list .lnb-wrap-3  {display:none; padding:0; margin-bottom:1rem; border-bottom:1px solid #e2e2e2;}
#gnb .gnb-list .lnb-wrap-3 > .lnb > a {display:block; position:relative; padding:1rem 2.1rem; font-size:1.25rem; font-weight:400; color:#6c6b6b; line-height:1.2; height:auto;}
#gnb .gnb-list .lnb-wrap-3 > .lnb.on > a {color:#0699b9; font-weight:800;}


#sub_navigation_box {position:relative; margin-bottom:1rem; z-index:1;}
#sub_navigation_box .page-title {font-weight:800; font-size:1.5rem; color:#0a74a6; text-align:center; line-height:1.5; padding:1.8rem 0;}

#sub_navigation_box dd {display:none; position:absolute; left:0; right:0; background:#fff;}
#sub_navigation_box .depth-1 {position:relative; z-index:5;}
#sub_navigation_box .depth-1 dt {display:block; position:relative; font-size:1.5rem; font-weight:800; text-align:center; line-height:5.1rem; height:5.1rem; white-space:nowrap; overflow:hidden; padding:0 3rem; border-bottom:1px solid #e4e4e4;}
#sub_navigation_box .depth-1 .control-lnb {display:block; position:absolute; top:0; bottom:0; right:0; width:3rem; background:url('/assets/img/mobile/ico_lnb_depth01.png') no-repeat 50% 50%; background-size:contain; overflow:hidden; text-indent:-999px;}
#sub_navigation_box .depth-1.open .control-lnb {background-image:url('/assets/img/mobile/ico_lnb_depth01_on.png');}
#sub_navigation_box .depth-1 dd ul {display:block; padding:1.25rem 0;}
#sub_navigation_box .depth-1 dd li {}
#sub_navigation_box .depth-1 dd li a {display:block; text-align:center; white-space:nowrap; height:4rem; line-height:4rem; font-size:1.4rem; font-weight:800; color:#000;}
#sub_navigation_box .depth-1 dd li.active a {color:#1aadcd;}

#sub_navigation_box .depth-2-box {display:table; width:100%; position:relative; z-index:4; border-bottom:1px solid #e4e4e4;}
#sub_navigation_box .depth-2-box > * {display:table-cell; position:relative; width:47%; vertical-align:middle;}
#sub_navigation_box .depth-2-box > * + * {width:53%;}
#sub_navigation_box .depth-2-box dt {display:block; position:relative; height:4rem; line-height:4rem; padding:0 1.6rem; font-size:1.15rem; overflow:hidden; padding-right:3.5rem;}
#sub_navigation_box .depth-2-box dt a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; text-indent:-999px;}
#sub_navigation_box .depth-2-box dt a:after {content:""; display:block; position:absolute; width:.6rem; height:.6rem; background:url('/assets/img/mobile/ico_lnb_depth02.png') no-repeat 50% 50%; background-size:contain; top:1.6rem; right:1.6rem;}
#sub_navigation_box .depth-2-box dd {top:4rem; margin-top:1px;}
#sub_navigation_box .depth-2-box > *.open dt,
#sub_navigation_box .depth-2-box > *.open dd {background:#f7f7f7; }
#sub_navigation_box .depth-2-box > *.open dd {border:1px solid #e4e4e4;}
#sub_navigation_box .depth-2-box dd a {display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:3rem; line-height:3rem; font-size:1.1rem; padding-left:1.6rem; color:#3a3a3a;}
#sub_navigation_box .depth-2-box dd li.active a {background:#1aadcd; color:#fff;}
#sub_navigation_box .depth-2 dd { border-top-width:0; border-left-width:0;}
#sub_navigation_box .depth-2.open + .depth-3:after {border-left-color:#f7f7f7;}
#sub_navigation_box .depth-3:before {content:""; display:block; position:absolute; top:0; left:0; width:0; height:0; border:0 solid transparent; border-top-width:2rem; border-bottom-width:2rem; border-left-width:1rem; border-left-color:#e4e4e4; z-index:1;}
#sub_navigation_box .depth-3:after {content:""; display:block; position:absolute; top:0; left:0; margin-left:-1px; width:0; height:0; border:0 solid transparent; border-top-width:2rem; border-bottom-width:2rem; border-left-width:1rem; border-left-color:#fff; z-index:2;}
#sub_navigation_box .depth-3.open dt {}
#sub_navigation_box .depth-3 dt {padding-left:2.5rem; padding-right:3.5rem; overflow:hidden; text-overflow:ellipsis;}
#sub_navigation_box .depth-3 dd {border:1px solid #e4e4e4; border-top-width:0; border-right-width:0; background:#f7f7f7; z-index:0;}
#sub_navigation_box .depth-3 dd a {padding-left:2.5rem;}

#sub_navigation_box .depth-4-box {position:relative; height:3.7rem; background:#fff;}
#sub_navigation_box .depth-4 {position:absolute; top:0; left:0; right:0; font-size:1.15rem; margin:0 0.7rem; border:2px solid #1aadcd;}
#sub_navigation_box .depth-4 dt {display:block; position:relative; padding:0 3.5rem 0 1.85rem; height:3.5rem; line-height:3.5rem; font-size:1.15rem; color:#0195b5; font-weight:800;  white-space:nowrap; overfloW:hidden; text-overflow:ellipsis;}
#sub_navigation_box .depth-4 dt a {display:block; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; text-indent:-999px; background:url('/assets/img/mobile/ico_lnb_depth04.png') no-repeat 100% 50%; background-size:contain;}
#sub_navigation_box .depth-4 dd {position:relative; border-top:1px solid #e4e4e4;}
#sub_navigation_box .depth-4 dd a {display:block; padding:0 3.5rem 0 1.85rem; height:3.5rem; line-height:3.5rem; font-size:1.15rem; color:#575757; white-space:nowrap; overfloW:hidden; text-overflow:ellipsis;}
#sub_navigation_box .depth-4 dd .active a {color:#0195b5; font-weight:800;}


#footer {border-top:1px solid #e8e8e8; margin-top:5rem;}
#f_banner {position:relative; max-width:640px; margin:0 auto;}
#rel_box {position:relative; height:3.6rem; max-width:640px; margin:0 auto;}
#anb {position:absolute; left:1rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#anb li {display:inline-block;}
#anb li + li:before {content:"|"; margin:0 .5rem;}
#anb a {font-size:1rem; color:#000;}

#rnb {display:block; position:absolute; right:.6rem; top:.6rem; border:1px solid #e2e2e2; background:#f6f6f6; z-index:2;}
#rnb dt {display:block;}
#rnb dt a {display:block; width:10rem; height:2.3rem; line-height:2.3rem; background:#f6f6f6; color:#797979; text-align:center; font-size:.9rem; padding:0;}
#rnb dt a:after {content:""; display:inline-block; position:relative; width:.65rem; height:.4rem; background:url('/assets/img/mobile/ico_rnb_select.png') no-repeat 0 0; background-size:contain; margin-left:.5rem;}
#rnb dd {display:none; position:absolute; top:2.3rem; left:-1px; right:-1px; background:#f6f6f6; border:1px solid #e2e2e2; border-top:none;}
#rnb a {display:block; font-size:.8rem; color:#797979; padding:1rem 1.5rem;}
#rnb li {border-top:1px solid #efefef;}

#f_info {padding:.8rem 1rem 2rem;}
#f_info:before {content:""; display:block; position:relative; width:7.95rem; height:1.85rem; margin-bottom:1rem; background:url('/assets/img/mobile/logo_footer.png') no-repeat; background-size:contain;}
#f_info p {font-size:.95rem; color:#4e4e4e; line-height:1.5;}
#f_info p.copyright,
#f_info p.copyright * {color:#8f8f8f;}

.root_daum_roughmap {height:15rem !important; z-index:0 !important;}
.scroll-top {display:block; position:fixed; bottom:2.5rem; right:.5rem; z-index:10; width:4rem; transition:.3s all; -webkit-transition:.3s all; opacity:0;}