*,.ico_cir_correct{-webkit-box-sizing:border-box}
*,body{margin:0}
.btn,a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:transparent!important;outline:0}
*{padding:0;box-sizing:border-box}
article,aside,details,fieldset,figcaption,figure,footer,header,hgroup,legend,main,menu,nav,pre,section{display:block;font:inherit}
h1,h2,h3,h4,h5,h6{font:inherit}
pre{white-space:inherit}
fieldset{border:0}
li,ol,ul{list-style:none}
em{font-style:normal}
blockquote,q{quotes:none}
table{width:100%;border-collapse:collapse;border-spacing:0}
table th{text-align:left}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button,input,optgroup,select,textarea{font:inherit;font-family:Optima,NanumBarunGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;color:inherit}
textarea{resize:none;width:100%}
html{font-size:20px}
body{font-family:Optima,NanumBarunGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;color:#373737;letter-spacing:-.5px;line-height:1.5;font-size:16px;background-color:#F6F4F1}
::-moz-selection{background-color:#057589;color:#fff}
::selection{background-color:#057589;color:#fff}
.tit_eng{font-family:Optima!important}
.prevent_scroll{overflow:hidden!important}
.hide{display:none!important}
.blind{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden}
.bg_white{background-color:#fff}
.color_primary{color:#057589!important}
.color_black{color:#373737!important}
.color_gray{color:#bababa!important}
.thumb_bg{position:relative;width:100%;background-position:center;background-size:cover}
.ico_cir_alert i,.ico_cir_correct .xi{position:absolute;right:0;font-size:12px;text-align:center;z-index:2}
.thumb_bg:after{content:'';display:block;padding-top:100%}
.font_nanum{font-family:NanumBarunGothic!important}
.input_box input,.popup_head .content_term,.select_box select{font-family:NanumBarunGothic}
.flex_between{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mbr{display:none}
.only_pc{display:block!important}
.only_mb{display:none!important}
.ellipsis_one{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;line-height:1.5em;height:1.5em}
.ellipsis_three,.ellipsis_two{-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block;-webkit-box-orient:vertical;word-break:break-word;line-height:1.5em;overflow:hidden}
.ellipsis_two{display:-webkit-box;-webkit-line-clamp:2;height:3em}
.ellipsis_three{display:-webkit-box;-webkit-line-clamp:3;height:4.5em}
.ico_cir_alert,.ico_cir_correct{display:block;width:18px;height:18px;background-color:#fff}
.ico_cir_correct{border-radius:50%;border:1px solid #057589;box-sizing:border-box}
.ico_cir_correct .xi{left:0;top:2px;color:#057589}
.ico_cir_alert{border-radius:50%;border:1px solid #db2525;-webkit-box-sizing:border-box;box-sizing:border-box}
.ico_cir_alert i{left:1px;top:0;color:#db2525;font-style:normal;pointer-events:none;font-weight:900}
.input_box~.msg_correct,.input_box~.msg_error{display:none;font-size:14px;margin:16px 0;line-height:1}
.input_box{position:relative}
.input_box .ico_correct,.input_box .ico_error{display:none}
.input_box~.msg_correct{color:#057589}
.input_box~.msg_error{color:#db2525}
.input_box.correct~.msg_correct,.input_box.error .ico_error,.input_box.error~.msg_error{display:block!important}
.input_box.correct input{border-color:#057589!important;color:#057589!important}
.input_box.correct .ico_correct{font-size:20px;position:absolute;top:11px;right:16px;display:block!important;color:#057589}
.input_box.error input{border-color:#db2525!important;color:#db2525!important}
.input_box.error .ico_error{font-size:12px;position:absolute;top:11px;right:16px;color:#db2525}
.input_box input{width:100%;height:40px;padding:0 45px 0 16px;border:1px solid #d2d2d2;font-size:14px;line-height:40px;letter-spacing:-.22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.input_box input:focus{border-color:#057589}
.input_box input:-ms-input-placeholder{color:#bababa}
.input_box input::-webkit-input-placeholder{color:#bababa}
.input_box input::-moz-placeholder{color:#bababa}
.input_box .input_clear{position:absolute;right:16px;top:0;cursor:pointer}
.input_box .input_clear .xi{line-height:50px}
.item_checkbox{position:relative;display:block;line-height:18px;cursor:pointer}
.item_checkbox input{cursor:pointer;position:absolute;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);margin-left:1px;background-color:#fff}
.item_checkbox .ico{display:block;width:18px;height:18px;position:absolute;top:-1px;left:0}
.item_checkbox .ico:after,.item_checkbox .ico:before{top:0;border-radius:50%;position:absolute;right:0;left:0;content:'';bottom:0}
.item_checkbox .ico:before{display:block;background-color:#ededed;-webkit-box-sizing:border-box;box-sizing:border-box}
.item_checkbox .ico:after,.select_box select{-webkit-box-sizing:border-box;background-color:#fff}
.item_checkbox .ico:after{display:none;border:1px solid #057589;box-sizing:border-box}
.item_checkbox .ico .xi{display:none;position:absolute;left:0;right:0;top:3px;z-index:2;font-size:12px;text-align:center;color:#057589}
.item_checkbox span:not(.ico){display:block;padding-left:26px}
.item_checkbox input:checked~.ico .xi,.item_checkbox input:checked~.ico:after{display:block}
.select_box{display:inline-block;vertical-align:top;position:relative}
.select_box select{cursor:pointer;width:235px;height:40px;padding:0 15px;border:1px solid #d2d2d2;border-radius:0;font-size:13px;line-height:1;color:#6a6a6a;letter-spacing:-.2px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
.select_box select option{color:#373737}
.select_box select::-ms-expand{display:none}
.select_box .xi{position:absolute;right:14px;top:8px;font-size:24px;line-height:1}
.select_box.select_box_s select{width:100px;height:34px;padding:0 12px}
.select_box.select_box_s .xi{right:8px;top:11px;font-size:13px}
.tb_board tr th{padding-bottom:2px;font-size:14px;letter-spacing:-.4px;color:#8b8b8b;font-weight:400}
.tb_board tr td{padding:20px 0 21px;border-bottom:1px solid #ededed;font-size:18px;vertical-align:top}
.tb_board tr td a{-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}
.tb_board tr td a:hover{color:#057589}
.tb_utils{position:relative;margin-top:30px}
.tb_utils .tb_search{position:absolute;right:0;top:0}
.tb_pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px}
.tb_pagination li{min-width:20px;margin:0 3px;color:#cdcdcd;text-align:center;-webkit-transition:border-color .25s,color .25s,-webkit-box-shadow .25s;-o-transition:border-color .25s,color .25s,box-shadow .25s;transition:border-color .25s,color .25s,box-shadow .25s;transition:border-color .25s,color .25s,box-shadow .25s,-webkit-box-shadow .25s}
.tb_pagination li a{display:block;font-size:18px;line-height:26px;height:26px}
.tb_pagination li.active{color:#373737}
.tb_pagination li.next,.tb_pagination li.prev{display:inline-block;width:32px;height:32px;margin:0 13px;border:1px solid #fff;border-radius:50%;background-color:#fff}
.tb_pagination li.next a,.tb_pagination li.prev a{height:32px;line-height:32px}
.tb_pagination li.next .xi,.tb_pagination li.prev .xi{vertical-align:top;font-size:16px;line-height:30px;color:#373737}
.tb_pagination li.next:hover,.tb_pagination li.prev:hover{-webkit-box-shadow:1px 0 10px rgba(37,37,37,.1);box-shadow:1px 0 10px rgba(37,37,37,.1)}
.tb_pagination li:hover,.tb_pagination li:hover .xi{color:#057589!important}
.tb_search{display:inline-block}
.tb_search input{width:240px;height:40px;border-radius:20px;padding-left:20px}
.tb_search .btn_search{position:absolute;right:16px;top:0;font-size:20px;line-height:40px;-webkit-transition:color .25s;-o-transition:color .25s;transition:color .25s}
.tb_search .btn_search:hover{color:#057589}
.tb_search .btn_search i.xi{vertical-align:middle}
.btn,.footer_logo svg,.footer_sns .xi{vertical-align:top}
@media screen and (max-width:991.98px){.mbr{display:block!important}
.only_pc{display:none!important}
.only_mb{display:block!important}
.tb_board tbody tr td{font-size:16px}
.tb_utils{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}
.tb_utils .tb_search{position:relative;margin-top:30px}
.tb_search input{width:202px}
}
.area_btns{text-align:center}
.btn{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:auto;border:0;font-size:14px;font-weight:700;text-align:center;background:0 0;-webkit-appearance:none;cursor:pointer;-webkit-transition:border 1s,color 1s,background-color .8s,-webkit-box-shadow 1s;-o-transition:border 1s,color 1s,box-shadow 1s,background-color .8s;transition:border 1s,color 1s,box-shadow 1s,background-color .8s;transition:border 1s,color 1s,box-shadow 1s,background-color .8s,-webkit-box-shadow 1s}
.lakecomo_logo,.lakecomo_logo_white{display:block;white-space:nowrap}
.lakecomo_logo svg,.lakecomo_logo_white svg{vertical-align:middle;width:98px;height:62px}
.btn.btn_m,.btn.btn_xs{height:40px;line-height:38px;border-radius:20px}
.btn.btn_xs{width:94px;font-size:13px}
.btn.btn_m{width:123px}
.btn.btn_l,.btn.btn_l_full{height:50px;line-height:48px;border-radius:25px}
.btn.btn_l{width:280px}
.btn.btn_l_full{width:100%}
.btn.btn_color_primary{color:#fff;background-color:#057589}
.btn.btn_color_primary.btn_border{color:#057589;background-color:#fff;border:1px solid #057589}
.btn.btn_color_gray{color:#fff;background-color:#d2d2d2}
.btn.btn_color_gray.btn_border{color:#d2d2d2;background-color:#fff;border:1px solid #d2d2d2}
.btn.btn_color_white{color:#373737;background-color:#fff;border:1px solid #fff}
.btn.btn_color_white:hover{color:#057589;-webkit-box-shadow:1px 0 10px rgba(37,37,37,.1);box-shadow:1px 0 10px rgba(37,37,37,.1)}
.btn.btn_color_white.btn_border{color:#fff;background-color:transparent;border:1px solid #fff}
.btn.btn_normal{color:#373737;background-color:#fff;border:1px solid #cdcdcd}
.btn.btn_normal:hover{color:#057589;-webkit-box-shadow:1px 0 10px rgba(37,37,37,.1);box-shadow:1px 0 10px rgba(37,37,37,.1)}
.btn.disabled{color:#bababa;pointer-events:none}
.lakecomo_logo svg path{-webkit-transition:fill .8s;-o-transition:fill .8s;transition:fill .8s}
.lakecomo_logo_white{width:98px;height:62px}
.lakecomo_logo_white svg path{-webkit-transition:fill .8s;-o-transition:fill .8s;transition:fill .8s;fill:#fff!important}
#main{position:relative;padding:180px 0 100px}
.outcontainer{max-width:1170px;margin:0 auto}
.outcontainer.white_box{padding:80px 0;background-color:#fff}
.container{max-width:1040px;padding:0 20px;margin:0 auto}
.white_box .tb_pagination li.next,.white_box .tb_pagination li.prev{border-color:#d2d2d2}
.sub_head .tit_eng{letter-spacing:0;font-size:18px;color:#8b8b8b}
.sub_head h1{font-size:50px;letter-spacing:-1px;font-weight:300;margin-top:18px}
.sub_head .desc{margin-top:10px;line-height:1;font-size:16px;color:#8b8b8b}
.sub_head.with_desc .con{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:18px}
.sub_head.with_desc .con h1{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:0}
.sub_head.with_desc .con .desc{width:440px;white-space:nowrap}
.sub_head.with_desc .desc{line-height:1.5;font-size:16px;margin-top:8px;letter-spacing:-.6px}
@media screen and (max-width:991.98px){.sub_head.with_desc .con{display:block;margin-top:8px}
.sub_head.with_desc .con .desc{margin-top:30px;width:auto;white-space:unset;white-space:inherit}
}
.nav_pc:not(.nav_pc_mycomo){top:0;left:50%;width:604px;margin-left:-302px}
.nav_pc{position:absolute}
.nav_pc .depth1{display:-webkit-box;display:-ms-flexbox;display:flex}
.nav_pc .depth1>li{position:relative;text-align:center}
.nav_pc .depth1>li>span{display:block;padding:38px 30px;font-size:16px;font-weight:700;white-space:nowrap;-webkit-transition:color .4s;-o-transition:color .4s;transition:color .4s}
.nav_pc .depth1 .depth2{position:absolute;z-index:2;top:94px;width:100%;opacity:0;pointer-events:none;color:#fff}
.nav_pc .depth1 .depth2>li>a{display:block;padding:4px 0;font-weight:300;font-size:14px;white-space:nowrap}
#header .nav_wrap,#header .right{display:-webkit-box;display:-ms-flexbox}
.nav_pc .depth1 .depth2>li>a:hover{font-weight:700}
.nav_mycomo{position:relative;margin-right:0;margin-top:-22px;width:150px;height:144px;outline:0}
.nav_mycomo .nav_pc .depth1,.nav_mycomo .nav_pc .depth1>li,.nav_mycomo svg{height:100%;width:100%}
.nav_mycomo .nav_pc{position:absolute;left:0;right:0;top:0;bottom:0;padding-right:0;padding-top:31px}
.nav_mycomo .nav_pc .depth1>li>span{color:#057589;font-size:18px}
.nav_mycomo .nav_pc .depth2{top:92px;padding-right:36px;text-align:right}
.nav_mycomo svg #path_menu{fill:transparent;-webkit-transition-property:fill;-o-transition-property:fill;transition-property:fill;-webkit-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.nav_mycomo .stroke{-webkit-transition:stroke .8s ease;-o-transition:stroke .8s ease;transition:stroke .8s ease}
#header{position:fixed;z-index:1010;left:0;top:0;width:100%;height:100px;border-bottom:1px solid transparent;-webkit-transition:background-color .8s ease,border .8s ease;-o-transition:background-color .8s ease,border .8s ease;transition:background-color .8s ease,border .8s ease}
#header .logo{margin-left:30px;pointer-events:auto}
#header .copyright{position:absolute;left:30px;top:190px;color:#fff;font-size:12px;line-height:2.5;opacity:0;pointer-events:none}
#header .right{display:flex}
#header .m_btn_menu{display:none;margin-right:-22px;margin-top:-36px;width:180px;height:160px;outline:0}
#header .m_btn_menu svg{width:100%;height:100%}
#header .m_btn_menu svg #path_menu{fill:transparent;-webkit-transition-property:fill;-o-transition-property:fill;transition-property:fill;-webkit-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
#header .m_btn_menu .stroke{-webkit-transition:stroke .8s ease;-o-transition:stroke .8s ease;transition:stroke .8s ease}
#header .m_btn_menu:hover svg .stroke{stroke:#057589}
#header.theme_half:not(.scrolled) .m_btn_menu .stroke,#header.theme_white:not(.scrolled) .m_btn_menu .stroke,#header.theme_white:not(.scrolled) .nav_mycomo .stroke{stroke:#fff}
#header .m_btn_menu:hover svg #path_menu{fill:#057589}
#header.theme_half:not(.scrolled) .lakecomo_logo path,#header.theme_half:not(.scrolled) .lakecomo_logo svg,#header.theme_white:not(.scrolled) .lakecomo_logo path,#header.theme_white:not(.scrolled) .lakecomo_logo svg{fill:#fff!important}
#header .m_btn_menu:hover .hamburger .hamburger-inner,#header .m_btn_menu:hover .hamburger .hamburger-inner::after,#header .m_btn_menu:hover .hamburger .hamburger-inner::before{-webkit-transition:background-color .8s;-o-transition:background-color .8s;transition:background-color .8s;background-color:#fff}
#header .nav_wrap{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:1000px;margin:10px auto;pointer-events:auto}
#header .nav_wrap nav,#header .nav_wrap nav .depth1{display:-webkit-box;display:-ms-flexbox;display:flex}
#header .nav_wrap nav .depth1>li{width:140px}
#header .nav_wrap nav .depth1>li>a{pointer-events:none}
#header .nav_wrap nav .depth1>li a{display:inline-block;font-size:20px;font-weight:300}
#header .nav_wrap nav .depth1>li a:hover,#header .nav_wrap nav .depth1>li.on .depth2 li.on>a,#header .nav_wrap nav .depth1>li.on>a{font-weight:700}
#header .nav_wrap nav .depth1>li .depth2{margin-top:22px}
#header .nav_wrap nav .depth1>li .depth2>li a{padding:3px 0;font-size:14px}
#header .nav_wrap nav.nav_member .depth1{display:-webkit-box;display:-ms-flexbox;display:flex}
#header .nav_wrap nav.nav_member .depth1>li{width:90px}
#header .m_wrap_nav{display:none;position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:auto;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transition:-webkit-transform .3s cubic-bezier(1,0,0,1);-o-transition:transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1);transition:transform .3s cubic-bezier(1,0,0,1),-webkit-transform .3s cubic-bezier(1,0,0,1);opacity:0}
#header .m_wrap_nav .inner{position:absolute;left:0;right:0;top:0;bottom:0;padding:30px 25px;overflow:auto}
#header .m_wrap_nav.is-active{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
#header .m_wrap_nav:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background:url(/resources/img/bg_pattern.jpg) left center/cover no-repeat;pointer-events:none}
.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}
#header.scrolled,#header.theme_half:not(.scrolled) .hamburger .hamburger-inner,#header.theme_half:not(.scrolled) .hamburger .hamburger-inner::after,#header.theme_half:not(.scrolled) .hamburger .hamburger-inner::before,#header.theme_white:not(.scrolled) .hamburger .hamburger-inner,#header.theme_white:not(.scrolled) .hamburger .hamburger-inner::after,#header.theme_white:not(.scrolled) .hamburger .hamburger-inner::before{background-color:#fff}
#header .m_wrap_nav .btn_close{position:absolute;right:60px;top:40px;width:19px;height:19px;font-size:20px;color:#fff;pointer-events:auto}
#header.theme_white:not(.scrolled) .nav_mycomo .nav_pc .depth1>li>span,#header.theme_white:not(.scrolled) .nav_pc .depth1>li>span{color:#fff}
#header.theme_half:not(.scrolled) .nav_pc:not(.nav_pc_mycomo) .depth1>li>span{color:#fff}
#header.scrolled{border-bottom:1px solid #eaeaea}
#header.scrolled .m_btn_menu svg .stroke,#header.scrolled .nav_mycomo svg .stroke{stroke:transparent!important}
.header_inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100px}
.header_menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px}
.header_menu>li>a{display:block;padding:0 20px;line-height:100px}
.header_mypage{width:123px;height:100px;text-align:center;line-height:100px;color:#fff;background-color:#057589;white-space:nowrap}
.hamburger{position:absolute;right:0;top:0;pointer-events:auto;padding:45px 60px 50px 66px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;z-index:9999}
#footer .btm_left,.area_map_zoom{overflow:hidden}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}
.hamburger-box{width:30px;height:20px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-2px}
.hamburger-inner:before{top:-9px}
.hamburger-inner:after{bottom:-9px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:30px;height:2px;background-color:#057589;border-radius:1px;position:absolute;-webkit-transition:background-color .8s ease,-webkit-transform .15s ease;-o-transition:transform .15s ease,background-color .8s ease;transition:transform .15s ease,background-color .8s ease;transition:transform .15s ease,background-color .8s ease,-webkit-transform .15s ease}
.hamburger--spin .hamburger-inner{-webkit-transition:background-color .8s ease,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);-o-transition:transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease;transition:transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease;transition:transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spin .hamburger-inner:before{-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in,background-color .8s ease;-o-transition:top .1s .25s ease-in,opacity .1s ease-in,background-color .8s ease;transition:top .1s .25s ease-in,opacity .1s ease-in,background-color .8s ease}
.hamburger--spin .hamburger-inner:after{-webkit-transition:bottom .1s .25s ease-in,background-color .8s ease,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);-o-transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease;transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease;transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19),background-color .8s ease,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}
.hamburger--spin.is-active .hamburger-box{display:none}
.hamburger--spin.is-active .xi{opacity:1}
.hamburger--spin .xi{position:absolute;left:34px;top:39px;font-size:32px;color:#fff;pointer-events:none;opacity:0}
#footer{position:relative;padding:56px 0 36px;z-index:30;color:#fff;background-color:#057589}
#footer:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:url(/resources/img/bg_pattern.jpg) left center/cover no-repeat}
#footer .container{position:relative;z-index:2}
#footer .container_btm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:13px}
#footer .logo_woomi{display:block}
.flex_between,.footer_cs{display:-webkit-box;display:-ms-flexbox}
#footer .addr{font-size:13px;margin-top:15px}
.flex_between{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.footer_logo{display:block;margin-bottom:53px;width:80px;height:51px}
.footer_cs{position:absolute;right:20px;top:0;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:184px}
.footer_menu,.footer_sns{display:-webkit-box;display:-ms-flexbox}
.footer_cs dt{width:55px;font-size:13px;font-weight:700}
.footer_cs dd{position:relative;top:1px;width:calc(100% - 55px);text-align:right;font-size:20px;font-weight:700}
.footer_menu{display:flex;margin-bottom:120px}
.footer_menu li .depth1{margin-bottom:16px;font-size:16px;font-weight:700}
.footer_menu li .depth2{margin-right:36px;font-size:14px;line-height:1.71}
.footer_menu li .depth2 a{display:block}
.footer_sns{display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:26px}
.footer_sns .desc{margin-right:26px;font-size:16px;font-weight:700}
.footer_sns a~a{margin-left:10px}
.footer_sns .xi{font-size:24px}
.footer_links{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin-right:7px;margin-top:10px}
.footer_links li{position:relative;margin:0 14px 0 15px}
.footer_links li a{display:block;font-weight:700;line-height:1}
.footer_links li~li:before{position:absolute;display:block;content:'';left:-15px;top:-1px;width:1px;height:14px;background-color:#fff}
.footer_family{float:left}
.footer_family .select_box select{width:128px;height:34px;padding:0 12px;border:1px solid #fff;color:#fff;font-size:13px;background-color:transparent}
.footer_family .select_box .xi{font-size:13px;pointer-events:none;top:10px;right:12px}
@media screen and (max-width:1299.98px){#header .m_wrap_nav .nav_wrap{margin-top:40px}
}
@media screen and (min-width:991.98px){.m_wrap_nav{height:auto!important}
#header:hover .header_inner>.logo svg path{fill:#fff}
#header:hover .copyright{opacity:1;pointer-events:auto;-webkit-transition:opacity .4s .3s;-o-transition:opacity .4s .3s;transition:opacity .4s .3s}
#header:hover .nav_pc .depth1>li>span{color:#fff}
#header:hover .nav_pc .depth2{opacity:1;pointer-events:auto;-webkit-transition:opacity .4s .3s;-o-transition:opacity .4s .3s;transition:opacity .4s .3s}
#header:hover .nav_mycomo svg .stroke{stroke:transparent!important}
#header:hover:before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#header:before{content:'';position:absolute;left:0;right:0;top:0;z-index:-1;height:240px;background:url(/resources/img/bg_pattern.jpg) left center/cover no-repeat;-webkit-transform:translateY(-300px);-ms-transform:translateY(-300px);transform:translateY(-300px);-webkit-transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
}
@media screen and (max-width:991.98px){#header .m_btn_menu:hover svg #path_menu,#header.theme_white:not(.scrolled) .m_btn_menu:hover svg #path_menu{fill:transparent}
.outcontainer.white_box{padding:40px 0}
#header{height:74px}
#header .nav_mycomo,#header .nav_pc,#header:before{display:none}
#header .logo{margin-top:0;margin-left:20px}
#header.theme_white:not(.scrolled) .m_btn_menu:hover svg .stroke{stroke:#fff}
#header.theme_white:not(.scrolled) .m_btn_menu:hover .hamburger-inner,#header.theme_white:not(.scrolled) .m_btn_menu:hover .hamburger-inner::after,#header.theme_white:not(.scrolled) .m_btn_menu:hover .hamburger-inner::before{background-color:#fff!important}
#header .lakecomo_logo svg,#header .lakecomo_logo_white svg{width:64px;height:40px}
#header .m_btn_menu{display:block;margin-right:-20px;margin-top:-12px;width:108px;height:95px}
#header .m_btn_menu:hover svg .stroke{stroke:#057589}
#header .m_btn_menu:hover .hamburger-inner,#header .m_btn_menu:hover .hamburger-inner::after,#header .m_btn_menu:hover .hamburger-inner::before{background-color:#057589!important}
#header .m_wrap_nav{display:block;width:100%;height:100vh}
#header .m_wrap_nav .padding{padding:20px 24px}
#header .m_wrap_nav .nav_wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:70px}
#header .m_wrap_nav .nav_wrap a{color:#fff}
#header .m_wrap_nav .nav_wrap nav,#header .m_wrap_nav .nav_wrap nav .depth1{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#header .m_wrap_nav .nav_wrap nav .depth1>li{width:100%;margin-top:18px;display:-webkit-box;display:-ms-flexbox;display:flex}
#header .m_wrap_nav .nav_wrap nav .depth1>li:hover>a{font-weight:700}
#header .m_wrap_nav .nav_wrap nav .depth1>li.on .depth2{display:block}
#header .m_wrap_nav .nav_wrap nav .depth1>li>a{pointer-events:auto}
#header .m_wrap_nav .nav_wrap nav .depth1>li a{width:135px;vertical-align:top}
#header .m_wrap_nav .nav_wrap nav .depth1>li .depth2{margin-top:0;vertical-align:top;position:relative;overflow:hidden;display:none}
#footer .container_btm,.footer_menu{display:block}
#header .m_wrap_nav .nav_wrap nav .depth1>li .depth2>li a{padding:5px 0}
#header .m_wrap_nav .nav_wrap nav.nav_member .depth1>li{width:100%}
#header .m_wrap_nav .m_copyright{position:absolute;bottom:24px;left:24px;font-size:12px;color:#fff;margin:0}
.footer_logo,.footer_menu{margin-bottom:40px}
#header .hamburger{padding:27px 28px 27px 36px}
#header .hamburger.is-active .xi{left:8px;top:20px;font-size:30px}
#header .hamburger-box{width:24px;height:16px;vertical-align:middle}
#header .hamburger-inner,#header .hamburger-inner::after,#header .hamburger-inner::before{width:24px}
#header .hamburger-inner::before{top:-7px}
#header .hamburger-inner::after{bottom:-7px}
.banner_active #header .m_wrap_nav{height:calc(100vh - 80px)}
.header_inner{height:74px}
#main{padding:120px 0 60px}
#footer{padding:30px 0 20px}
#footer .btm_left{margin-top:55px}
#footer .lakecomo_logo svg,#footer .lakecomo_logo_white svg{width:80px;height:51px}
.footer_menu li{display:-webkit-box;display:-ms-flexbox;display:flex}
.footer_menu li .depth1{cursor:pointer;margin-bottom:0;width:120px}
.footer_menu li .depth2{display:none;padding-bottom:3px;width:calc(100% - 120px)}
.footer_menu li .depth2 a{padding:2px 0}
.footer_menu li~li{margin-top:14px}
.footer_cs{position:static}
.footer_cs dt{width:65px}
.footer_cs dd{width:calc(100% - 65px);text-align:left}
.footer_sns{display:inline-block;width:auto;position:absolute;right:24px;top:0;text-align:right}
.footer_sns .desc{display:block;margin-right:0;margin-bottom:5px}
.footer_links{float:none;margin-top:40px;max-width:300px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.footer_links li:first-child{margin-left:0}
.footer_links li:last-child{display:block;margin-left:0;margin-top:14px}
.footer_links li:last-child:before{display:none}
.footer_family{float:none;position:absolute;right:20px;bottom:56px}
}
.mfp-close-btn-in .mfp-close{display:none!important}
.white-popup{position:relative;background:#FFF;padding:0;width:auto;max-width:918px;margin:20px auto}
.popup_head{position:relative;padding:37px 40px 34px;border-bottom:1px solid #bababa}
.popup_head h2{font-size:24px;font-weight:300;line-height:1}
.popup_head .btn_close{position:absolute;font-size:26px;right:40px;top:26px}
.popup_head .btn_close .xi{vertical-align:middle}
.popup_content{padding:32px 40px 44px}
.popup_content.img_full{padding:0!important}
.popup_content.img_full img{vertical-align:top}
.swiper-utils .swiper-button-next,.swiper-utils .swiper-button-prev{cursor:pointer;width:32px;height:32px;border-radius:16px;color:#373737;background-color:#fff;outline:0;-webkit-tap-highlight-color:transparent!important;border:1px solid #fff;-webkit-transition:border-color .25s,color .25s,-webkit-box-shadow .25s;-o-transition:border-color .25s,color .25s,box-shadow .25s;transition:border-color .25s,color .25s,box-shadow .25s;transition:border-color .25s,color .25s,box-shadow .25s,-webkit-box-shadow .25s;background-image:none}
.swiper-utils .swiper-button-next:hover,.swiper-utils .swiper-button-prev:hover{color:#057589!important;-webkit-box-shadow:1px 0 10px rgba(37,37,37,.1);box-shadow:1px 0 10px rgba(37,37,37,.1)}
.swiper-utils .swiper-button-next:hover .xi,.swiper-utils .swiper-button-prev:hover .xi{color:#057589!important}
.swiper-utils .swiper-button-next:after,.swiper-utils .swiper-button-prev:after{display:none}
.swiper-utils .swiper-button-next.border,.swiper-utils .swiper-button-prev.border{border:1px solid #dadada}
.swiper-utils-withtimer{position:absolute;z-index:5;bottom:0;width:100%}
.swiper-utils-withtimer .container_s{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.swiper-utils-withtimer .swiper-button-next,.swiper-utils-withtimer .swiper-button-prev{position:static;margin:0;padding:0}
.swiper-utils-withtimer .swiper-button-prev{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.swiper-utils-withtimer .swiper-button-next{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;margin-left:10px}
.swiper-utils-withtimer .swiper-timer{position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin:0 15px;height:1px;width:110px;background-color:#bababa}
.swiper-utils-withtimer .swiper-timer:after{content:'';display:block;position:absolute;left:0;top:0;height:1px;width:100%;background-color:#373737;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.swiper-utils-withtimer .swiper-timer.active:after{-webkit-transition:-webkit-transform 5.5s;-o-transition:transform 5.5s;transition:transform 5.5s;transition:transform 5.5s,-webkit-transform 5.5s;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.swiper-utils-withtimer .swiper-pagination-custom{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:static;margin:0;padding:0;width:auto;text-align:left;white-space:nowrap}
.swiper-utils-withtimer .swiper-pagination-custom .page_current{position:relative;font-weight:700;font-size:15px;line-height:1}
.swiper-utils-withtimer .swiper-pagination-custom .page_current:after{position:absolute;content:'';top:3px;right:-7px;display:block;width:1px;height:10px;background-color:#bababa}
.swiper-utils-withtimer .swiper-pagination-custom .page_total{margin-left:15px;font-weight:400;font-size:14px;line-height:1;color:#bababa}
.swiper-pagination-type1 .swiper-pagination-bullet{vertical-align:top;font-size:10px;width:.3em;height:.3em;border-radius:.15em;background-color:#373737;opacity:.5;-webkit-transition:width 1s ease,background-color 1s ease;-o-transition:width 1s ease,background-color 1s ease;transition:width 1s ease,background-color 1s ease}
.swiper-pagination-type1 .swiper-pagination-bullet-active{opacity:1;width:30px}
.swiper-pagination-type1 .swiper-pagination-bullet~.swiper-pagination-bullet{margin-left:3px}
.swiper-wrapper.disabled{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
.swiper-pagination.disabled,.swiper-pagination.disabled+.btns,.swiper-utils.disabled,.swiper-utils.disabled+.btns{display:none}
.area_map_zoom{position:relative;width:100%;height:572px;background-color:#f9f9f9}
.area_map_zoom .wrap_map_zoom{position:absolute;left:0;right:0;top:0;bottom:0}
.area_map_zoom .map_zoom{display:block;outline:0;width:100%;height:100%;text-align:center}
.area_map_zoom .map_zoom img{vertical-align:top;max-width:none;width:auto;height:100%}
.area_map_zoom .btns{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;bottom:40px;right:33px;z-index:100}
.area_map_zoom .btns .btn{width:48px;height:48px;text-align:center;border:1px solid #d2d2d2;-webkit-transition:color .25s,-webkit-box-shadow .25s;-o-transition:color .25s,box-shadow .25s;transition:color .25s,box-shadow .25s;transition:color .25s,box-shadow .25s,-webkit-box-shadow .25s;background-color:#fff}
.area_map_zoom .btns .btn:hover{color:#057589;-webkit-box-shadow:1px 0 10px rgba(37,37,37,.1);box-shadow:1px 0 10px rgba(37,37,37,.1)}
.area_map_zoom .btns .btn~.btn{margin-top:-1px}
.area_map_zoom .btns .xi{font-size:24px;line-height:46px}
@media screen and (max-width:991.98px){.popup_content{height:calc(100vh - 59px)}
.mfp-container{padding:0}
.mfp-content{height:100%}
.white-popup{margin:0;min-height:100vh;max-width:none!important;width:100%!important}
.popup_head{padding:22px 60px 22px 20px}
.popup_head h2{font-size:14px;font-weight:400;letter-spacing:-.14}
.popup_head .btn_close{font-size:16px;top:16px;right:20px}
.popup_content{padding:22px 20px 30px;font-size:14px}
.popup_content.img_full{width:initial;overflow:scroll}
.popup_content.img_full img{max-width:none}
}
.template_info{text-align:center}
.template_info .ico_check{display:inline-block;vertical-align:top;width:83px}
.template_info .ico_check img{vertical-align:top;width:100%}
.template_info h3{margin-top:40px;font-size:24px}
.template_info .desc{margin-top:14px;font-size:16px;color:#6a6a6a}
.template_notice{padding:70px 0;text-align:center}
.template_notice .ico_notice{display:inline-block;vertical-align:top;width:80px}
.template_notice .ico_notice img{vertical-align:top;width:100%}
.template_notice .desc{margin-top:30px;font-size:18px;color:#8b8b8b}
@media screen and (max-width:991.98px){.template_info .ico_check{width:68px}
.template_info h3{margin-top:16px}
.template_info .desc{margin-top:8px}
.template_notice{padding:80px 0}
.template_notice .ico_notice{width:60px}
}
#scroll_top{position:fixed;z-index:1005;right:80px;bottom:80px;width:110px;height:95px;background:url(/resources/img/go_top.svg) center/contain no-repeat;cursor:pointer;opacity:0;pointer-events:none;-webkit-transition:opacity .3s,-webkit-transform .5s;-o-transition:opacity .3s,transform .5s;transition:opacity .3s,transform .5s;transition:opacity .3s,transform .5s,-webkit-transform .5s}
#scroll_top.active{opacity:1;pointer-events:auto}
#scroll_top:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
#stalker{position:fixed;left:0;top:0;background:#bababa;width:1em;height:1em;margin-top:-.5em;margin-left:-.5em;border-radius:100%;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;opacity:.2;pointer-events:none;z-index:2000;font-size:16px}
#stalker.active{font-size:50px;background:#057589}
@media screen and (max-width:991.98px){#scroll_top{right:40px;bottom:40px;width:55px;height:48px}
#stalker{display:none}
}






/*========================================*/
/*==202110추가============================*/
.zone_guide{background:transparent !important}
.zone_guide > .container{max-width: 1200px;padding:0 20px;margin:0 auto;}
.zone_guide > .container h3.con_title{font-size: 46px;text-align: left;margin-bottom: 20px;}
.zone_guide > .container h3.con_title > span {font-size: 16px;display: block;margin-bottom: 30px;color: #979797;}
.zone_guide .map_full{background:#fff !important}
.zone_guide .map_full:after{display:none !important}
.zone_guide #floor {background: #fff; padding: 85px; padding-top: 30px;}


.zone_guide > .container .map_full .img_zone {width: 765px;height: 500px;margin: 0 auto;position:relative;background-repeat: no-repeat;background-position: center;background-size: 80%;}
.zone_guide > .container .map_full .img_zone .title1 {font-size: 20px;color: #426190;position: absolute;left: 260px;top: 230px;letter-spacing: -1px;font-weight: bold;}
.zone_guide > .container .map_full .img_zone .title2 {font-size: 20px;color: #3f8d85;position: absolute;left: 640px;top: 63px;letter-spacing: -1px;font-weight: 500;}
.zone_guide > .container .area_map_zoom .tab{margin: 0;display: block;position: absolute;left: 0;top: 1px; z-index:100}
.zone_guide > .container .area_map_zoom .tab > li {height: 60px;border: 1px solid #ccc7c5;margin-top: -1px;width: 60px; background:#fff}
.zone_guide > .container .area_map_zoom .tab > li.active {background:#426190; }
.zone_guide > .container .area_map_zoom .tab.street > li.active {background:#2ea89c; }
.zone_guide > .container .area_map_zoom .tab > li.active .btn{color: #fff !important;}
.zone_guide > .container .area_map_zoom .tab .btn {width: 100%;margin: 0;height: 100%;font-size: 18px;}
.zone_guide > .container .area_map_zoom .tab .btn:after{display:none}
.zone_guide > .container .area_map_zoom .floot_img img {margin-top: 0; width:100%}


.zone_guide > .container .map_full .img_zone a {position: absolute;cursor: pointer;}
.zone_guide > .container .map_full .img_zone a.lake_zone.b3 {width: 300px;height: 79px;left: 53px;bottom: 83px;transform: rotate(32deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.b2 {width: 230px;height: 27px;left: 80px;bottom: 159px;transform: rotate(21deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.b2-1 {width: 140px;height: 69px;left: 260px;bottom: 34px;transform: rotate(30deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.b1 {width: 230px;height: 27px;left: 72px;bottom: 185px;transform: rotate(19deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.b1-1 {width: 100px;height: 27px;left: 262px;bottom: 76px;transform: rotate(30deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.f1 {width: 160px;height: 29px;left: 240px;bottom: 104px;transform: rotate(0deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.f1-1 {width: 242px;height: 49px;left: 80px;bottom: 221px;transform: rotate(21deg);}
.zone_guide > .container .map_full .img_zone a.lake_zone.f2 {width: 160px;height: 87px;left: 240px;bottom: 136px;transform: rotate(0deg);}
.zone_guide > .container .map_full .img_zone a.street_zone.b1 {width: 20px;height: 30px;right: 128px;top: 203px;transform: rotate(0deg);}
.zone_guide > .container .map_full .img_zone a.street_zone.f1 {width: 192px;height: 32px;right: 138px;top: 273px;transform: rotate(327deg);}
.zone_guide > .container .map_full .img_zone a.street_zone.f2 {width: 240px;height: 88px;right: 123px;top: 183px;transform: rotate(327deg);}
.zone_guide > .container .map_full .img_zone a.street_zone.f3 {width: 160px;height: 136px;right: 128px;top: 65px;transform: rotate(57deg);}
.zone_guide > .container .map_full .floot_img {margin:0 auto;margin-top: 420px;}
.zone_guide > .container .map_full .floot_img ul {width: 1100px;margin:0 auto;}
.zone_guide > .container .map_full .floot_img ul li {text-align:center}
.zone_guide > .container .accordion.st_b1 .acc_tit,
.zone_guide > .container .accordion.st_f1 .acc_tit, 
.zone_guide > .container .accordion.st_f2 .acc_tit, 
.zone_guide > .container .accordion.st_f3 .acc_tit{background-color:#057589}

@media screen and (max-width:991.98px){
	.zone_guide #floor {padding: 10px !important;margin-top: 20px !important;}
  .zone_guide > .container h3.con_title{font-size: 30px;}
  .zone_guide > .container h3.con_title > span {font-size: 14px; margin-bottom: 10px;}
	.zone_guide > .container .map_full {margin: 0;}
  .zone_guide > .container .map_full .img_zone .title1{left: 120px;top: 110px;font-size: 14px;}
  .zone_guide > .container .map_full .img_zone .title2{left: 300px;top: 8px;font-size: 14px;}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b3 {width: 159px;height: 37px;left: 46px;bottom: 108px;transform: rotate(32deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b2 {width: 140px;height: 11px;left: 48px;bottom: 159px;transform: rotate(24deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b2-1 {width: 70px;height: 20px;left: 185px;bottom: 63px;transform: rotate(24deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b1 {width: 119px;height: 17px;left: 81px;bottom: 159px;ransform: rotate(25deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b1-1 {width: 74px;height: 17px;left: 172px;bottom: 91px;transform: rotate(25deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f1 {width: 100px;height: 19px;left: 194px;bottom: 97px;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f1-1 {width: 169px;height: 40px;left: 50px;bottom: 184px;transform: rotate(21deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f2 {width: 110px;height: 57px;left: 201px;bottom: 126px;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.b1 {width: 20px;height: 30px;right: 98px;top: 174px;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f1 {width: 140px;height: 18px;right: 109px;top: 232px;transform: rotate(327deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f2 {width: 170px;height: 28px;right: 80px;top: 194px;transform: rotate(327deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f3 {width: 102px;height: 96px;right: 113px;top: 75px;transform: rotate(-35deg);}
  .zone_guide > .container .area_tab_map .tab {margin: 10px 0; font-size: 16px;}
  .zone_guide > .container .area_tab_map .tab .btn {font-size: 14px;}
	.zone_guide > .container .area_map_zoom{margin-top: 20px;}
	.zone_guide > .container .area_map_zoom img{margin-left:-10%}
  .zone_guide > .container .area_map_zoom .tab > li{width: 40px; height: 40px}
	.zone_guide > .container .area_map_zoom .wrap_map_zoom {background:#eee}
  .zone_guide > .container .zone_content .map_full {margin: 0}
	

}


@media screen and (max-width:767px){
  .zone_guide > .container .map_full .img_zone {width: 85% !important;height: 55vw !important;overflow: hidden;}
  .zone_guide > .container .map_full .img_zone .title1{left: 25vw;top: 20vw;font-size: 2.8vw;}
  .zone_guide > .container .map_full .img_zone .title2{left: auto;top: 2vw;font-size: 2.8vw;right: 1vw;}
  .zone_guide > .container .area_map_zoom .floot_img img{margin-top: 0;max-width: 120%;}
  .zone_guide > .container .area_map_zoom .tab > li{width: 7vw;height: 7vw;}
  .zone_guide > .container .area_tab_map .tab .btn {font-size: 2.5vw;}


}

@media screen and (max-width:600px){
  .zone_guide > .container .map_full .img_zone a.lake_zone.b3 {width: 33vw;height: 5vw;left: 5vw;bottom: 9vw;transform: rotate(32deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b2 {width: 23vw;height: 3vw;left: 5vw;bottom: 19vw;transform: rotate(24deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b2-1 {width: 15vw;height: 3vw;left: 24vw;bottom: 5vw;transform: rotate(24deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b1 {width: 21vw;height: 3vw;left: 7vw;bottom: 20vw;transform: rotate(25deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.b1-1 {width: 9vw;height: 3vw;left: 27vw;bottom: 8vw;transform: rotate(25deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f1 {width: 19vw;height: 3vw;left: 28vw;bottom: 10vw;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f1-1 {width: 23vw;height: 6vw;left: 8vw;bottom: 24vw;transform: rotate(24deg);}
  .zone_guide > .container .map_full .img_zone a.lake_zone.f2 {width: 15vw;height: 12vw;left: 30vw;bottom: 12vw;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.b1 {width: 3vw;height: 3vw;right: 11vw;top: 23vw;transform: rotate(0deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f1 {width: 18vw;height: 2.5vw;right: 13vw;top: 31vw;transform: rotate(327deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f2 {width: 20vw;height: 3vw;right: 12vw;top: 27vw;transform: rotate(327deg);}
  .zone_guide > .container .map_full .img_zone a.street_zone.f3 {width: 13vw;height: 13vw;right: 12.5vw;top: 11vw;transform: rotate(-35deg);}
}

@media screen and (max-width:428px){
  .zone_guide > .container .map_full .img_zone {width: 90% !important;height: 53vw !important;overflow: hidden;}
  .zone_guide > .container .map_full .img_zone .title1{left: 28vw;top: 20vw;font-size: 3.5vw;}
  .zone_guide > .container .map_full .img_zone .title2{left: auto;top: 0;font-size: 3.5vw;right: 1vw;}

}