@charset "UTF-8";
/*** header ***/
/* 본문바로가기 */
#jump_menu { position:relative; height:0; z-index:100005 } 
#jump_menu > ul > li { text-align:center } 
#jump_menu > h3 { width:0; height:0; text-indent:100%; overflow:hidden; white-space:nowrap } 
#jump_menu > ul > li > a { display:block; position:absolute; top:-10000px; left:0; z-index:9999; border-left:2px solid #262626; border-right:2px solid #262626; border-bottom:2px solid #262626; color:#080808; font-weight:700; font-size:14px } 
#jump_menu > ul > li > a:hover,#jump_menu > ul > li > a:focus,#jump_menu > ul > li > a:active { position:absolute; top:0; z-index:999999999; height:7px; padding:7px 15px 25px } 

/* menu */
.mobile-menu { display:none } 
.mb_menu_wrap { display:none } 
#navigation { position:fixed; left:0; top:0; right:0; z-index:100000; background:#fff; height:90px } 
#navigation.fixed { position:fixed; height:90px } 
html.en #navigation,html.en #navigation.fixed,html.ru #navigation,html.ru #navigation.fixed,html.ms #navigation,html.ms #navigation.fixed { height:145px } 
#navigation.sub { background-color:#fff } 
#navigation { border-bottom:1px solid #e7eff2 } 
html.en #navigation,html.ru #navigation,html.ms #navigation { height:145px } 
#seoul-common-gnb + #navigation.fixed { top:0 } 
#navigation h1 { position:absolute; left:10%; top:0; z-index:501 } 
#navigation h1 a { display:block; width:100%; height:100% } 
.gnb-element > li:after { content:''; display:none; width:100%; height:255px; background:#fff; position:absolute; top:90px; left:0; z-index:-1; box-shadow:0 5px 10px 0 rgba(0,0,0,.1) } 
html.en .gnb-element > li:after,html.ru .gnb-element > li:after { height:600px } 
.gnb-element > li.active:after { display:block } 
.mobile-slide-menu { display:none } 
.mobile-swiper-menu { box-shadow:inset 0 -2px 1px 1px #EFEFF4 } 
.mobile-swiper-menu,.mobile-sub-menu { margin:0 auto; overflow:hidden; list-style:none; z-index:1; width:calc(100% - 80px); padding:0 40px } 
.lang-element .lang-text,.family-element .lang-text { font-size:20px; margin-top:0 } 
.other-menu-element .family-element .lang-open-lst { left:0 } 
#navigation h1 { width:151px; height:137px; background-color:#38aed6; line-height:137px; text-align:center; padding-top:36px; box-sizing:border-box } 
#navigation h1 img { width:88px } 
html.ru #navigation h1,html.ms #navigation h1 { width:266px; height:40px; background:url(../../images/2020/common/ico_logo_beta@2x.png); background-size:100% } 
#navigation .gnb-element { max-width:1920px; margin:0 auto; padding-left:21% } 
html.en #navigation .gnb-element,html.ru #navigation .gnb-element,html.ms #navigation .gnb-element { padding-top:65px } 
#navigation .gnb-element > li { display:inline-block } 
#navigation .gnb-element > li > a { position:relative; display:block; font-size:24px; color:#222; padding:33px 26px } 
#navigation .jp .gnb-element > li > a { font-size:22px; padding:34px 22px } 
html.en #navigation .gnb-element > li > a,html.ru #navigation .gnb-element > li > a { padding:26px 60px } 
html.ms #navigation .gnb-element > li > a { padding:26px 30px } 
#navigation .gnb-element > li > a > i { display:none; position:absolute; right:20px; top:50%; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%); z-index:1 } 
#navigation .gnb-element > li > a span.line { top:20px; background-blend-mode:multiply; opacity:0; position:absolute; left:20%; z-index:1; width:5px; height:5px; border-radius:50%; background-color:#38aed6; box-sizing:border-box } 
#navigation .gnb-element > li > a:hover span.line { opacity:1; transition:all .3s } 
#navigation .gnb-element > li.active > .gnb-inner { display:block } 
.gnb-inner { display:none; position:absolute; left:22.5%; top:140px; z-index:1; width:1000px } 
html[lang="en"] .pc_menu_wrap .gnb-inner { left:21% } 
.gnb-inner .gnb-sub-title { float:left; text-align:left; width:206px } 
html.ru .gnb-inner .gnb-sub-title,html.en .gnb-inner .gnb-sub-title,html.ms .gnb-inner .gnb-sub-title { width:auto } 
html.ja .gnb-inner .gnb-sub-title { width:320px } 
.biz .gnb-inner .gnb-sub-title { width:235px } 
.gnb-inner .gnb-sub-title .large-text { font-size:30px; font-weight:700; color:#333; word-break:keep-all } 
html.ja .gnb-inner .gnb-sub-title .large-text,html.zh-CN .gnb-inner .gnb-sub-title .large-text,html.zh-TW .gnb-inner .gnb-sub-title .large-text { word-break:break-all } 
.gnb-inner .gnb-sub-title .small-text { font-size:16px; font-weight:400; color:#333; margin-top:5px; line-height:22px } 
.gnb-inner .depth-2 { float:left; width:calc(100% - 236px); margin-left:30px } 
.gnb-inner .depth-2 li { display: inline-block; margin-bottom:31px; width:32.33%; margin-top:7px; text-align:left; vertical-align: top;} 
.gnb-inner .depth-2 li a { font-size:20px; color:#333; font-weight:400; text-align:left } 
.gnb-inner .depth-2 li a:hover { color:#0066eb!important } 
.gnb-inner .gnb-right-cont { position:absolute; top:0; right:0 } 
html.ms .gnb-inner .gnb-right-cont { right:-150px } 
.gnb-inner .gnb-right-cont .guide-book { margin-left:0 } 
.gnb-inner .gnb-right-cont .guide-book .guide-title { font-size:16px; font-weight:700; color:#333; margin-top:20px } 
.gnb-inner .gnb-right-cont .guide-book .guide-book-btn { margin-top:10px } 
.gnb-inner .gnb-right-cont .map-pos-element { width:400px; height:400px; background:url(../../images/2020/common/map-default.png) center no-repeat; background-size:cover } 
.gnb-inner .gnb-right-cont .map-pos-element.pos1 { background-image:url(../../images/2020/common/map-pos1.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos2 { background-image:url(../../images/2020/common/map-pos2.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos3 { background-image:url(../../images/2020/common/map-pos3.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos4 { background-image:url(../../images/2020/common/map-pos4.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos5 { background-image:url(../../images/2020/common/map-pos5.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos6 { background-image:url(../../images/2020/common/map-pos6.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos7 { background-image:url(../../images/2020/common/map-pos7.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos8 { background-image:url(../../images/2020/common/map-pos8.png) } 
.gnb-inner .gnb-right-cont .map-pos-element.pos9 { background-image:url(../../images/2020/common/map-pos9.png) } 
.other-menu-element { position:absolute; right:10%; top:30px; z-index:1; display:flex; align-items:center } 
.other-menu-element:after { display:block; content:'' } 
.mb_other span { display:none; vertical-align:middle } 
.search-element { float:left } 
.other-menu-element a {font-size:0px;display:inline-flex;align-items:center} 
.other-menu-element a.login {width: 45px;height: 30px; background: url(/images/common/header_icon_01.jpg) center no-repeat;} 
.other-menu-element a.logout {width: 45px;height: 30px;background: url(/images/common/header_icon_01.jpg) center no-repeat;} 
.other-menu-element a.my {width: 45px;height: 30px;background: url(/images/common/header_icon_02.jpg) center no-repeat;} 
.other-menu-element .lang-element>a {padding: 0 10px;} 

.search-element > a {
    font-size:16px;
    background-image:url(/images/common2023/i-search-thin.png);
    width: 250px; height:40px; 
    background-repeat:no-repeat;
    background-position:95% center;
    margin-right: 20px;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 0;
} 
.search-element > a > .icon { display:none; width:19px; height:19px; background:url(../../images/2020/common/ico-search-gray@2x.png); background-size:19px 19px } 
.search-box-element { display:none; position:absolute!important; left:0; right:0; top:88px; z-index:1; height:100px; background-color:#1f2328; padding-top:20px; box-sizing:border-box } 
html.en .search-box-element,html.ru .search-box-element { top:145px } 
.search-box-element.open { display:block } 
.search-box-element .search-box-inner { position:relative; width:100%; max-width:640px; margin:0 auto; box-sizing:border-box; padding-right:30px; border-bottom:2px solid #fff } 
.search-box-element .search-box-inner input[type="text"] { background-color:transparent; width:100%; height:50px; padding:5px 10px; font-size:20px; color:#fff; box-sizing:border-box } 
.search-box-element .search-box-inner input[placeholder]::-webkit-input-placeholder { color:#fff; font-size:20px } 
.search-box-element .search-box-inner input[placeholder]:-moz-placeholder { color:#fff; font-size:20px } 
.search-box-element .search-box-inner input[placeholder]::-moz-placeholder { color:#fff; font-size:20px } 
.search-box-element .search-box-inner input[placeholder]:-ms-input-placeholder { color:#fff; font-size:20px } 
.search-box-element .search-box-inner button { position:absolute; right:0; top:12px; z-index:1; width:30px; height:30px; color:#fff; background:url(../../images/2020/common/ico-search@2x.png) no-repeat center center; background-size:24px 24px } 
.search-box-element .search-box-close { position:absolute; right:30px; top:26px; z-index:1 } 
.hd-element { font-size:0 } 
header .search-open-area { position:fixed; right:0; top:90px; width:100vw; background-color:#f5fafc; z-index:102; display:none; padding-top:47px } 
header .search-open-area.open { display:block } 
header .search-open-area .input-field { max-width:800px; margin:0 auto; position:relative } 
header .search-open-area .input-field input[type="text"] { display:inline-block; width:100%; height:70px; line-height:40px; font-size:18px; font-weight:400; color:#666; display:inline-block; border-color:#e7eff2; border-radius:50px; text-indent:2% } 
header .search-open-area .input-field input[type="text"]::-ms-clear { display:none } 
header .search-open-area .input-field .input-search_clear { position:absolute; top:9px; right:50px; width:23px; height:23px; border-radius:50%; display:none; background:#EDEDED url(../../images/2021/common/icn_search_close@2x.png) no-repeat top center; background-size:23px 23px } 
header .search-open-area .input-field .btn-search { position:absolute; top:0; right:0; width:70px; height:70px } 

/* 인기검색어, 추천 여행지 */
header .search-word { max-width:800px; margin:0 auto; padding:30px 0 } 
header .search-word > div:not(:last-child) { margin-bottom:30px } 
header .search-word > div > div { display:inline-block } 
header .search-word > div .tit { margin-bottom:15px; font-size:18px; font-weight:500 } 
header .search-word > div .search-tag { margin-bottom:-5px } 
header .search-word > div .search-tag span a:before { display:inline-block; content:'#'; margin-right:2px } 
header .search-word > div .search-tag span { display:inline-block; border:1px solid #e7eff2; background-color:#fff; border-radius:15px; margin-bottom:5px } 
header .search-word > div .search-tag span a { font-size:14px; margin-left:0; color:#555; padding:5px 10px } 
header .search-open-area .search-close { text-align:right } 
header .search-open-area .search-close .btn-close { width:40px; height:40px; background-color:#009fe0; background-image:url(/images/common2023/i-close-white.png); background-repeat:no-repeat; background-position:center center } 
.other-menu-element .lang-element,.other-menu-element .family-element { float:left; position:relative } 
.mb_other .lang-element,.mb_other .family-element { position:relative; float:left; margin-left:30px } 
.other-menu-element .lang-element > a > i,.other-menu-element .family-element > a > i { display:inline-flex; margin-left:5px } 
.mb_other .lang-element > a > i,.mb_other .family-element > a > i { display:inline-block; vertical-align:middle; font-size:16px; margin-left:10px } 
.other-menu-element .lang-element.active .lang-open-lst,.other-menu-element .family-element.active .lang-open-lst { display:block } 
.mb_other .lang-element.active .lang-open-lst,.mb_other .family-element.active .lang-open-lst { display:block } 
.other-menu-element .lang-element .lang-open-lst,.other-menu-element .family-element .lang-open-lst { display:none; position:absolute; top:40px; right:-10px; z-index:100000; border:1px solid #e7eff2; background-color:#fff; box-sizing:border-box; padding:5px 0; min-width:110px } 
.mb_other .lang-element .lang-open-lst,.mb_other .family-element .lang-open-lst { display:none; position:absolute; top:50px; z-index:100000; padding:9px; width:220px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box } 
.other-menu-element .lang-element .lang-open-lst li,.other-menu-element .family-element .lang-open-lst li { margin:10px 0; padding:0 20px } 
.other-menu-element .lang-element .lang-open-lst li a,.other-menu-element .family-element .lang-open-lst li a { margin-left:0; font-size:14px } 
.mb_other .lang-element .lang-open-lst li,.mb_other .family-element .lang-open-lst li { height:38px; line-height:38px; background-color:#f6f6f6; margin-bottom:2px } 
#navigation .eng .gnb-element { padding-left:20% } 
#navigation .eng .gnb-element > li > a { font-size:18px; padding:36px 15px } 
.eng .gnb-inner .gnb-sub-title .large-text { font-size:25px } 
#navigation .eng .gnb-element > li li a { font-size:20px } 
.login-element { float:left } 

@media all and (max-width:1500px){
 #navigation .gnb-element { padding-left:200px } 
 .gnb-inner { left:220px } 
 html[lang="en"] .pc_menu_wrap .gnb-inner { left:220px } 
 #navigation .gnb-element > li > a { padding:34px 20px; font-size:20px } 
 #navigation .chag .gnb-element > li > a { padding:33px 22px; font-size:24px } 
 #navigation .chab .gnb-element > li > a { padding:33px 22px; font-size:24px } 
 #navigation h1 { left:30px } 
 .other-menu-element { right:30px } 
 .other-menu-element .lang-element .lang-open-lst,.other-menu-element .family-element .lang-open-lst { right:-15px } 
 .search-element a { font-size:14px;width: 220px; } 
 .chag .search-element a { font-size:16px } 
 .chab .search-element a { font-size:16px } 
 .chab .search-element { right:298px!important } 
 html.en #navigation .gnb-element > li > a,html.ru #navigation .gnb-element > li > a,html.ms #navigation .gnb-element > li > a { padding:26px 12px } 
 #navigation .eng .gnb-element > li > a { font-size:16px; padding:37px 17px } 
 #navigation .jp .gnb-element > li > a { padding:35px 20px; font-size:20px } 
 #navigation .eng .gnb-element { padding-left:200px } 
 }
@media all and (max-width: 1200px) { header .search-open-area { width:100%; margin-right:0; top:60px } 
 header .search-open-area .input-field input[type="text"] { height:50px; text-indent:.5%; font-size:16px; margin:0 10px; width:calc(100% - 20px) } 
 header .search-open-area .input-field .btn-search { width:50px; height:50px; right:13px } 
 header .search-open-area .input-field .input-search_clear { width:34px; height:34px; background-size:34px 34px; right:61px; top:8px } 
 header .search-open-area .search-list { margin:0 3.5% } 
 header .search-open-area .search-list ul { width:calc(50% - 2%) } 

 /* 인기검색어, 추천 여행지 */
 header .search-word { padding:20px 0 } 
 header .search-word > div { margin:0 10px } 
 header .search-word > div .tit { font-size:16px } 
 header .search-word > div .search-tag span { border-radius:5px } 
 header .search-word > div .search-tag span a { font-size:13px; padding:5px 7px } 
 header .search-open-area .search-close .btn-close:after { top:10px } 
 #seoul-common-gnb { display:none } 
 #navigation h1 { left:20px } 
 #navigation,#navigation.fixed { height:90px } 
 html.en #navigation,html.en #navigation.fixed,html.ru #navigation,html.ru #navigation.fixed,html.ms #navigation,html.ms #navigation.fixed { height:90px } 
 #navigation { display:block; width:100%; height:90px } 
 .wrapper.fixed #navigation { overflow-y:auto } 
 #navigation .gnb-element { position:static; background-color:#fff; padding-top:0; margin-left:0; margin-top:50px } 
 html.en #navigation .gnb-element,html.ru #navigation .gnb-element,html.ms #navigation .gnb-element { padding-top:0 } 
 #navigation .gnb-element > li { display:block; text-align:left; margin:0 } 
 #navigation .gnb-element > li ul { border-bottom:1px solid #dcdbdb } 
 #navigation .gnb-element > li a { border-bottom:1px solid #b1b1b1; padding:30px 0 28px; color:#333!important } 
 html.en #navigation .gnb-element > li > a,html.ru #navigation .gnb-element > li > a,html.ms #navigation .gnb-element > li > a { padding:30px 0 28px } 
 #navigation .gnb-element > li > a:hover { font-weight:inherit } 
 #navigation .gnb-element > li > a span.line { display:none } 
 #navigation .gnb-element > li > a > i { display:inline-block; right:4px; margin-top:2px; color:#c1c1c1 } 
 .gnb-inner { position:relative; top:0; left:0; margin-left:0; width:auto } 
 html.en .pc_menu_wrap .gnb-inner,html.ru .pc_menu_wrap .gnb-inner { top:0 } 
 .gnb-inner .gnb-sub-title,#navigation .gnb-close-btn a i,.gnb-inner .gnb-right-cont { display:none } 
 .gnb-inner .depth-2 { float:none; padding:0 0 0 10%; margin:0; width:100% } 
 .gnb-inner .depth-3 { padding:0 0 0 23% } 
 .mobile-menu { display:block } 
 .other-menu-element { top:15px; right:85px } 
 .login-element { display:none } 
 .lang-element { display:none } 
 .mb_other { margin-top:40px } 
 .mb_other .login-element { height:67px; margin-top:0; display:inline-block } 
 .mb_other .login-element > a { font-size:28px; height:67px; line-height:67px; color:#727272!important; font-weight:400 } 
 .mb_other .lang-element { margin-right:0; text-align:left; padding-top:12px; padding-bottom:26px; margin-left:0; margin-top:40px } 
 .mb_other .family-element { width:46.667%; text-align:left; border-bottom:1px solid #727272; box-sizing:border-box; padding-top:12px; padding-bottom:26px; margin-left:0; margin-top:40px; margin-right:6.666% } 
 .lang-element .lang-text,.family-element .lang-text { font-size:32px; font-weight:400 } 
 .mb_other .lang-element .lang-open-lst li,.mb_other .family-element .lang-open-lst li { display:table; table-layout:fixed; width:100%; height:100px; margin-bottom:10px } 
 .mb_other .lang-element .lang-open-lst li:last-child,.mb_other .family-element .lang-open-lst li:last-child { margin-bottom:0 } 
 .mb_other .lang-element .lang-open-lst li a,.mb_other .family-element .lang-open-lst li a { position:relative; display:table-cell; vertical-align:middle; padding:0 10px; height:100px; font-size:26px; line-height:1.3 } 
 .mb_other .lang-element .lang-open-lst li a span { position:absolute; font-size:20px; top:50%; -webkit-transform:translate(0%,-50%); transform:translate(0%,-50%) } 
 .search-element > a { display:block; background:url(/images/common2023/i-search-blue.png) no-repeat; border: 0; font-size: 0; width: 30px;} 
 .chag .search-element > a { font-size:0 } 
 .chab .search-element > a { font-size:0 } 
 .mb_other .lang-element .lang-open-lst,.mb_other .family-element .lang-open-lst { left:0; top:87px; width:100%; box-sizing:border-box } 
 .search-box-element { top:90px } 
 html.ru .search-box-element { top:90px } 
 .search-box-element .search-box-close { display:none } 
 .mb_other .login-element .mb { margin-left:10px; display:inline-block } 
 .mb_other .lang-element > a > i,.mb_other .family-element > a > i { position:absolute; top:17px; right:4px; color:#c1c1c1; font-size:32px } 
 .mobile-menu { display:block } 
 html.zh-CN .search-element,html.zh-TW .search-element,html.en .search-element,html.ru .search-element,html.ms .search-element { right:90px } 
 .search-element > a > .icon { width:25px; height:25px; background:url(../../images/2020/common/ico-search-gray@2x.png) 0 0 no-repeat; background-size:25px 25px } 
 .pc_menu_wrap { display:none } 
 .mb_menu_wrap { display:block; position:fixed; z-index:5000; top:0; left:-100%; box-sizing:border-box; width:100%; background:#fff; height:100%; overflow:auto; padding:0 30px 30px; transition:all .3s ease } 
 .mb_menu_wrap.open { left:0; transition:all .3s ease } 
 .mb_menu_wrap h2 { width:82px; height:66px; padding:16px; background-color:#38aed6; background-size:100%; display:inline-block; vertical-align:top; box-sizing:border-box } 
 html.ru .mb_menu_wrap h2,html.ms .mb_menu_wrap h2 { width:266px; height:40px; background:url(../../images/2020/common/ico_logo_beta@2x.png); background-size:100%; display:inline-block; vertical-align:top; margin-top:15px } 
 .mb_menu_wrap h2 .hd-element img { max-width:50px } 
 .mb_menu_wrap .mb_cross_btn { position:absolute; top:20px; right:27px } 
 .mb_menu_wrap .mb_cross_btn a { display:block } 
 #navigation .mb_menu_wrap .mb_other .lang-element.active > a,#navigation .mb_menu_wrap .mb_other .family-element.active > a { color:#0066eb!important } 
 .mb_other .login-element > a > .icon { width:25px; height:25px } 
 #navigation .mb_menu_wrap .mb_other .login-element > a > .icon { background:url(../../images/2020/common/ico-login-gray@2x.png); background-size:25px 25px } 
 #navigation .gnb-element > li > a { font-size:32px } 
 #navigation .gnb-element > li.active > a { font-weight:700; color:#0e97d4!important } 
 .gnb-inner .depth-2 li > a { font-size:30px } 
 .gnb-inner .depth-2 li.active > a { font-weight:700 } 
 .gnb-inner .depth-2 li a:hover { color:#333!important } 
 .mb_menu_wrap .quick-menu li.qm1 { display:none } 
 .mb_menu_wrap .quick-menu li { width:46.667%; height:100px; background:#1F2328; float:left; padding:0 40px; box-sizing:border-box; margin-bottom:30px; text-align:center } 
 html.en .mb_menu_wrap .quick-menu li,html.ru .mb_menu_wrap .quick-menu li,html.ms .mb_menu_wrap .quick-menu li { padding:0 20px; text-align:left } 
 .mb_menu_wrap .quick-menu li.qm2,.mb_menu_wrap .quick-menu li.qm4 { margin-right:6.666% } 
 .mb_menu_wrap .quick-menu li.qm2,.mb_menu_wrap .quick-menu li.qm3 { margin-top:112.5px } 
 .mb_menu_wrap .quick-menu li a { height:100px; font-size:32px; line-height:25px; font-weight:300; color:#fff; text-align:left } 
 .mb_menu_wrap .ico_wrap { height:100%; display:inline-block } 
 html.ja .mb_menu_wrap .quick-menu li a,html.en .mb_menu_wrap .quick-menu li a,html.ru .mb_menu_wrap .quick-menu li a,html.ms .mb_menu_wrap .quick-menu li a { font-size:25px } 
 .mb_menu_wrap .quick-menu li .ico { display:block; float:left; width:40px; height:100%; margin-right:15px } 
 .mb_menu_wrap .quick-menu li.qm2 .ico { background:url(../../images/2020/common/ico-newsletter@2x.png) center no-repeat; background-size:40px 40px } 
 .mb_menu_wrap .quick-menu li.qm3 .ico { background:url(../../images/2020/common/ico-megaphone@2x.png) center no-repeat; background-size:40px 40px } 
 .mb_menu_wrap .quick-menu li.qm4 .ico { background:url(../../images/2020/common/ico-faq@2x.png) center no-repeat; background-size:40px 40px } 
 .mb_menu_wrap .quick-menu li.qm5 .ico { background:url(../../images/2020/common/ico-infor@2x.png) center no-repeat; background-size:40px 40px } 
 .gnb-inner .depth-2 li { margin:0 } 
 .gnb-inner .depth-2 li a { border-bottom:1px solid #727272; padding:29.5px 0 30.5px } 
 #navigation .gnb-element .depth-2 i { display:inline-block; color:#c1c1c1; font-size:32px } 
 }

@media all and (max-width: 1200px){
 .gnb-inner .depth-2 li { width:100% } 
 #navigation .gnb-element > li li a { border-bottom:0; padding:20px 0; display:block; position:relative } 
 .gnb-inner .depth-2 { padding-left:20px } 
 #navigation .gnb-element > li li a:before { content:'.'; display:block; position:absolute; top:6px; left:-12px; font-weight:700; color:#0e97d4; font-size:25px } 
 #navigation h1 { top:0; left:63px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:3; top:0; width:100px; height:90px; padding:20px 10px } 
 #navigation h1 img { width:70px } 
 .mobile-menu { left:30px; top:17px } 
 .mobile-menu .hd-element { position:absolute; top:22px; right:25px } 
 .search-element { width:30px } 
 .gnb_jp .search-element { right:51px!important } 
 .chag .search-element { right:51px!important } 
 .chab .search-element { right:51px!important } 
 .search-element .hd-element img { max-width:25px } 
 html.zh-CN .search-element,html.zh-TW .search-element,html.en .search-element,html.ru .search-element,html.ms .search-element { right:40px } 
 #searchFrm { position:relative; z-index:3 } 
 .search-box-element { padding-left:40px; padding-right:40px; top:60px } 
 html.en .search-box-element,html.ru .search-box-element,html.ms .search-box-element { top:60px } 
 #seoul-common-gnb + #navigation { top:0 } 
 #navigation,#navigation.fixed { height:60px } 
 html.en #navigation,html.en #navigation.fixed,html.ru #navigation,html.ru #navigation.fixed,html.ms #navigation,html.ms #navigation.fixed { height:60px } 
 .mobile-slide-menu { display:block; position:relative; height:90px } 
 .mobile-slide-menu.down { height:178px } 
 .mobile-slide-menu.fixed { position:fixed; top:0; z-index:150; background:#fff } 
 .mobile-swiper-menu .swiper-slide { width:auto!important; text-align:center; padding-bottom:11px; padding-top:20px } 
 .mobile-swiper-menu .swiper-slide a { font-size:36px; color:#2C2C2C } 
 .mobile-swiper-menu .swiper-slide.select { border-bottom:5px solid #2C2C2C } 
 .mobile-sub-menu { background:#f7f7f7; opacity:0; z-index:-111; position:absolute } 
 .mobile-sub-menu.on { opacity:1; z-index:5 } 
 .mobile-sub-menu .swiper-slide { width:auto!important; text-align:center; padding:20px 0 } 
 .mobile-sub-menu .swiper-slide a { font-size:32px; font-weight:300; color:#2C2C2C } 
 .mobile-sub-menu .swiper-slide.select a { color:#137DC3; font-weight:400 } 
 .mb_menu_wrap .quick-menu li .ico { margin-right:10px } 
 html.zh-TW .mb_menu_wrap .quick-menu li a,html.ja .mb_menu_wrap .quick-menu li a,html.en .mb_menu_wrap .quick-menu li a,html.ru .mb_menu_wrap .quick-menu li a,html.ms .mb_menu_wrap .quick-menu li a { font-size:16px; line-height:1 } 
 header .search-open-area .search-list { margin:0 30px } 
 }

@media all and (max-width:600px){
 .mb_other .login-element { height:50px } 
 html.ru .mb_other .login-element { width:100% } 
 .mb_other .login-element > a { font-size:20px; height:50px; line-height:50px } 
 .mb_other .family-element { padding-bottom:15px } 
 .mb_other .lang-element { padding-bottom:15px } 
 .lang-element .lang-text,.family-element .lang-text { font-size:25px } 
 .mb_other .lang-element .lang-open-lst,.mb_other .family-element .lang-open-lst { top:65px } 
 .mb_other .lang-element > a > i,.mb_other .family-element > a > i,#navigation .gnb-element .depth-2 i { font-size:25px } 
 .mb_other .lang-element .lang-open-lst li,.mb_other .family-element .lang-open-lst li { height:65px } 
 .mb_other .lang-element .lang-open-lst li a,.mb_other .family-element .lang-open-lst li a { font-size:16px; height:65px; line-height:1.3 } 
 .mb_other .lang-element .lang-open-lst li a span { font-size:10px } 
 #navigation .gnb-element > li a { padding:16px 0 13px } 
 html.en #navigation .gnb-element > li > a,html.ru #navigation .gnb-element > li > a,html.ms #navigation .gnb-element > li > a { padding:16px 0 13px } 
 #navigation .gnb-element > li > a { font-size:25px } 
 .gnb-inner .depth-2 li a { padding:16px 0 13px } 
 .gnb-inner .depth-2 li > a { font-size:23px } 
 .mb_menu_wrap .quick-menu li { height:70px; padding:0 } 
 .mb_menu_wrap .quick-menu li a { font-size:25px } 
 html.en .mb_menu_wrap .quick-menu li,html.ru .mb_menu_wrap .quick-menu li { float:none; width:100% } 
 .mb_menu_wrap .quick-menu li.qm2,.mb_menu_wrap .quick-menu li.qm3 { margin-top:40px } 
 html.en .mb_menu_wrap .quick-menu li.qm3,html.ru .mb_menu_wrap .quick-menu li.qm3 { margin-top:0 } 
 html.zh-CN .search-element,html.zh-TW .search-element,html.en .search-element,html.ru .search-element,html.ms .search-element { right:60px } 
 }

@media all and (max-width: 900px){
 #navigation h1 { width:82px; height:66px; padding:16px 10px } 
 #navigation h1 img { width:50px } 
 }

@media all and (max-width: 600px) { header .search-open-area .search-list ul li .num { line-height:30px } 
 #navigation h1 { width:82px; height:66px; padding:16px 10px } 
 #navigation h1 img { width:50px } 
 html.ru #navigation h1,html.ms #navigation h1 { width:230px; height:28px } 
 .mb_other .login-element > a > .icon { width:20px; height:20px } 
 #navigation .mb_menu_wrap .mb_other .login-element > a > .icon { background-size:20px 20px } 
 .mb_other .login-element > a { font-size:18px } 
 .mb_menu_wrap .quick-menu li { padding:0 5px; float:none; width:100% } 
 .mb_menu_wrap .quick-menu li .ico { margin-right:5px } 
 .mb_menu_wrap .quick-menu li a { font-size:20px } 
 .mb_menu_wrap .quick-menu li.qm3 { margin-top:0 } 
 .mb_menu_wrap .quick-menu li.qm2 .ico { background-size:30px 30px } 
 .mb_menu_wrap .quick-menu li.qm3 .ico { background-size:30px 30px } 
 .mb_menu_wrap .quick-menu li.qm4 .ico { background-size:30px 30px } 
 .mb_menu_wrap .quick-menu li.qm5 .ico { background-size:30px 30px } 
 #navigation .gnb-element { margin-top:0 } 
 #navigation .gnb-element > li > a { font-size:20px } 
 .gnb-inner .depth-2 li > a { font-size:18px } 
 .lang-element .lang-text,.family-element .lang-text { font-size:20px } 
 .mb_other .lang-element,.mb_other .family-element { margin-top:20px; display:inline-block } 
 .mb_other .lang-element .lang-open-lst,.mb_other .family-element .lang-open-lst { top:58px } 
 .mb_other .lang-element .lang-open-lst li,.mb_other .family-element .lang-open-lst li { height:50px } 
 .mb_other .family-element .lang-open-lst li a,.mb_other .lang-element .lang-open-lst li a { height:50px; font-size:12px } 
 .mb_other .lang-element > a > i,.mb_other .family-element > a > i,#navigation .gnb-element .depth-2 i { font-size:20px } 
 }

@media all and (max-width: 450px) { html.ru #navigation h1,html.ru #navigation.fixed #navigation h1 { width:200px; height:30px; top:16px } 
 .mobile-swiper-menu .swiper-slide a { font-size:25px } 
 .mobile-sub-menu .swiper-slide { padding:10px 0 } 
 .mobile-sub-menu .swiper-slide a { font-size:22px } 
 .mobile-slide-menu { height:73px } 
 .mobile-slide-menu.down { height:126px } 
 }

@media all and (max-width: 400px){
 #seoul-gnb-plugin .seoul-gnb-holder { margin:0 12px!important } 
 .mobile-menu { left:20px; top:23px } 
 html.zh-CN .search-element,html.zh-TW .search-element,html.en .search-element,html.ru .search-element,html.ms .search-element { right:20px } 
 .mobile-menu a { width:25px; height:17px; background-size:25px 17px } 
 .search-element > a > .icon { width:17px; height:17px; background-size:17px 17px } 
 .mb_menu_wrap { padding:0 20px 20px } 
 .mb_menu_wrap .quick-menu li { padding:0 10px; height:50px } 
 .mb_menu_wrap .quick-menu li .ico { height:50px } 
 .mb_menu_wrap .quick-menu li a { font-size:15px } 
 html.ja .mb_menu_wrap .quick-menu li a,html.en .mb_menu_wrap .quick-menu li a,html.ru .mb_menu_wrap .quick-menu li a { font-size:12px; line-height:10px } 
 .lang-element .lang-text,.family-element .lang-text { font-size:16px } 
 html.en .lang-element .lang-text,html.en .family-element .lang-text,html.ru .lang-element .lang-text,html.ru .family-element .lang-text { font-size:14px } 
 .mb_other .lang-element > a > i,.mb_other .family-element > a > i { top:10px } 
 .mb_other .lang-element .lang-open-lst,.mb_other .family-element .lang-open-lst { top:52px; padding:5px } 
 .mb_menu_wrap .quick-menu li { margin-bottom:10px } 
 .mb_menu_wrap .quick-menu li.qm2 { margin-top:35px } 
 }

.header h2 { z-index:999 } 
h2 .logo { display:block; width:190px; height:130px; background:#1442a1 url(/images/common/logo.png) center no-repeat; box-shadow:1px 3px 9px 2px rgba(0,0,0,0.4) } 

/* Header */
#mGnb { display:none } 
.m_link { color:#333; font-size:16px; float:none; width:100%; padding:15px; background-size:16px; border:1px solid #ddd; margin-bottom:10px; border-radius:10px } 
.m_link a { color:#38aed6 } 

@media all and (max-width:1200px){
 #mGnb { display:block; background:#fff } 
 #mGnb > ul { padding:30px 0 0 } 
 #mGnb .dep { float:none; width:100%; background-size:16px; border:1px solid #dde7ee; margin-bottom:10px; border-radius:10px } 
 #mGnb .dep .oneD { display:block; text-align:left; font-size:16px; line-height:1; color:#333; position:relative; padding:15px } 
 #mGnb .dep.on { background:url(/common/images/oneD_open_icon_on.png) right 23px no-repeat; background-size:16px } 
 #mGnb .dep.on .oneD { color:#0e97d4 } 
 #mGnb .dep .oneD:after { content:''; position:absolute; right:15px; background:url(/images/common/m_ico_arrow_lnb_black.png) no-repeat 0 0 / contain; width:20px; height:20px; visibility:visible; opacity:1; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s } 
 #mGnb .dep.on .oneD:after { content:''; position:absolute; top:50%; margin-top:-8px; width:20px; height:20px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } 
 #mGnb .dep .twoD { display:none; position:relative; height:auto; padding:15px; text-align:left; background:#f8f8f8; border-radius:0 0 10px 10px } 
 #mGnb .dep .twoD > li:last-child { margin-bottom:0 } 
 #mGnb .dep .twoD > li > a { display:block; padding:5px; font-size:14px; color:#626262 } 
 #mGnb .dep .twoD > li > a.hasThr > span { padding-right:20px; background:url(/common/images/hasThr_icon.png) no-repeat right 1px top 50%; background-size:15px } 
 #mGnb .dep .twoD > li > a.hasThr.on { background:#149f5c } 
 #mGnb .dep .twoD > li > a.hasThr.on > span { padding-right:22px; color:#fff; background:url(/common/images/hasThr_on_icon.png) no-repeat right 1px top 50%; background-size:15px } 
 #mGnb .dep .twoD > li .thrD { display:none; padding:25px 0 25px 15px; background:#f8f8f8 } 
 #mGnb .dep .twoD > li .thrD > p { margin-bottom:18px } 
 #mGnb .dep .twoD > li .thrD > p:last-child { margin-bottom:0 } 
 #mGnb .dep .twoD > li .thrD > p > a { font-size:15px; color:#666 } 
 #mGnb .dep .twoD > li .thrD > p > a:before { content:'-'; display:inline-block; margin-right:3px } 
 #mGnb .infoD { position:relative; display:block; top:auto; -webkit-transform:translateX(0); transform:translateX(0); left:auto; width:100%; height:315px; padding-bottom:50px; z-index:2 } 
 #mGnb .infoD .stockD { float:left; margin:50px 20px 0 0; width:100%; height:100px; padding:20px 20px 15px; border:1px solid #ddd } 
 #mGnb .infoD .stockD .tit { color:#333; font-size:13px; line-height:1; margin-bottom:6px } 
 #mGnb .infoD .stockD .s1 { float:left; color:#666; font-size:21px; line-height:1 } 
 #mGnb .infoD .stockD .s2 { float:left; font-size:11px; line-height:21px; margin-left:5px; padding-left:11px; background:url(/common/images/stock_normal_icon.png) no-repeat left center; background-size:8px auto!important } 
 #mGnb .infoD .stockD .s2.up { color:#fe6753; background:url(/common/images/header_stock_s2_upIcon.png) no-repeat left center } 
 #mGnb .infoD .stockD .s2.down { color:#1c8ff0; background:url(/common/images/stock_minus_icon.png) no-repeat left center } 
 #mGnb .infoD .stockD .bt { display:inline-block; margin-top:5px; font-size:10px; color:#666; padding:10px 12px 10px 0; background:url(/common/images/header_stock_arrow.png) no-repeat right center; background-size:4px auto } 
 #mGnb .infoD .recruitD { float:left; position:relative; width:100%; height:105px; margin-top:10px; background:#149e5b; padding:20px 20px 15px } 
 #mGnb .infoD .recruitD .img { position:absolute; right:0; bottom:0; height:130px } 
 #mGnb .infoD .recruitD .img img { width:auto; height:100% } 
 #mGnb .infoD .recruitD .tit { font-size:15px; line-height:20px; color:#fff } 
 #mGnb .infoD .recruitD .tit span { display:block } 
 #mGnb .infoD .recruitD .bt { display:inline-block; margin-top:10px; font-size:10px; color:#fff; padding:10px 12px 10px 0; background:url(/common/images/header_recruit_arrow.png) no-repeat right center; background-size:4px auto } 
 #mGnb .mUtill { display:block; margin-top:48px } 
 #mGnb .mUtill p { display:block; margin-bottom:30px } 
 #mGnb .mUtill p a { font-size:24px; line-height:1; color:#333; display:inline-block } 
 #mGnb .mUtill p a.newsFeed { padding-right:20px; background:url(/common/images/mUtill_newsFeed_icon.png) no-repeat right center; background-size:14px auto } 
 #mGnb .mUtill .sch { width:100%; margin-top:50px; position:relative } 
 #mGnb .mUtill .sch input { width:100%; height:40px; line-height:40px; padding:0 40px 0 16px; font-size:14px; color:#333; border-radius:20px; border:1px solid #222 } 
 #mGnb .mUtill .sch .btn { position:absolute; top:11px; right:15px } 
 #mGnb .mEng { display:block; position:absolute; top:15px; left:5%; font-size:14px; line-height:16px; color:#555; padding-left:20px; background:url(/common/images/m_eng_icon.png) no-repeat left center; background-size:16px } 
 .mClose { display:block; position:absolute; top:20px; right:6% } 
 #mGnb ul li.language_area { padding-top:60px; padding-bottom:30px; font-family:inherit } 
 #mGnb ul li.language_area .lnb_lang_inner li { display:inline-block; padding-bottom:30px } 
 #mGnb ul li.language_area .lnb_lang_inner li a { color:rgba(0,0,0,0.42); position:relative; padding:0; display:inline-block; font-size:14px; margin-right:13px; width:auto; line-height:1; height:auto } 
 #mGnb ul li.language_area .lnb_lang_inner li.on a { color:#000 } 
 #mGnb ul li.language_area .lnb_lang_inner li.on a:before { content:''; position:absolute; width:100%; height:2px; background:#0e97d4; left:0; bottom:-7px } 
 .mo-btn-area { margin:0 auto; text-align:right } 
 .mo-btn-area > ul { display:inline-block } 
 .mo-btn-area li { text-align:center; display:inline-block; float:left; min-width:100px } 
 .mo-btn-area li:not(:last-child) { margin-right:5px } 
 .mo-btn-area li select { padding:2px 5px 5px 12px; border:1px solid #dde7ee; color:#444; border-radius:50px; font-size:14px; height:32px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/images/common/m_ico_arrow_lnb_black.png) no-repeat center right 5px / 15px; width:100% } 
 .mo-btn-area li.bt-one a { color:#fff; border:2px solid #38aed6; background-color:#38aed6 } 
 .mo-btn-area li a { display:block; border:1px solid #0e97d4; padding:8px 10px; font-weight:600; font-size:14px; border-radius:20px; color:#0e97d4; display:block; border:1px solid #38aed6; padding:8px 10px; font-weight:600; font-size:14px; border-radius:20px; color:#38aed6 } 
 }

@media all and (max-width:600px){
 #mGnb { width:100%!important; margin-top:30px } 
 #mGnb .infoD .recruitD .tit { padding-right:50% } 
 #mGnb .infoD .recruitD .tit span { display:inline-block } 
 }
@media all and (max-width:400px){
 .mo-btn-area li { width: 100%; margin-bottom: 7px; } 
 }


/*** //header ***/
/*** content ***/
#wrap { position:relative; width:100%; overflow:hidden; margin-top:90px } 

@media all and (max-width:1300px){
 .inner { max-width:1300px; width:100% } 
 }
@media all and (max-width:1200px){
 #wrap { margin-top:60px } 
 }

/*** //content ***/
/*** footer ***/
/* footer_top */
.footer_top { padding:1% 5%; border-top:1px solid #dde7ee; border-bottom:1px solid #dde7ee } 
.footer_top .inner { max-width:1500px; width:100%; display:flex; justify-content:space-between; align-items:center } 
.footer_top .inner:after { display:none } 
.footer_top .left-m { display:none } 
.footer_top .left ul { display:flex } 
.footer_top .left li:not(:last-child) { margin-right:2vw } 
.footer_top .left a { font-size:calc(12px + 0.2vw); line-height:calc(12px + 0.7vw); color:#666 } 
.footer_top .left a.em { color:#222; font-weight:500 } 
.footer_top .right { display:flex; align-items:center; justify-content:flex-end } 
.footer_top .right p { font-size:calc(12px + 0.3vw); line-height:calc(12px + 0.7vw); color:#666; margin-right:2vw } 
.footer_top .right ul { display:flex } 
.footer_top .right li:not(:last-child) { margin-right:1vw } 
.footer_top .right a { display:block } 
.footer_top .right img { max-width:40px } 

@media (max-width: 1300px){
 .footer_top { padding:2% 5% } 
 .footer_top .left-m { display:block } 
 .footer_top .left-m span,.footer_top .left-m p { font-size:calc(12px + 0.2vw); line-height:calc(12px + 0.7vw) } 
 .footer_top .left-m strong { font-weight:700 } 
 .footer_top .left-m .copy-m { position:absolute; bottom:-115% } 
 .footer_top .left-m .copy-m br { display:none } 
 .footer_top .right p { display:none } 
 .footer_top .right img { max-width:35px } 
 }

@media all and (max-width:1000px){
 .footer_top { padding:3% 5% } 
 .footer_top .inner { flex-wrap:wrap; align-items:center } 
 .footer_top .left-m { margin-bottom:2%; width:100% } 
 .footer_top .left-m br { display:none } 
 }

@media all and (max-width:600px){
 .footer_top { padding:6% 5% } 
 .footer_top .inner { flex-direction:column; align-items:flex-start } 
 .footer_top .left-m br { display:block } 
 .footer_top .left { margin-bottom:4% } 
 .footer_top .left a { font-size:12px } 
 .footer_top .right li:not(:last-child) { margin-right:2vw } 
 .footer_top .right img { max-width:25px } 
 }

/* footer_bottom */
.footer_bottom { background-color:#eef5fb; padding:2% 5% 4% } 
.footer_bottom .inner { max-width:1500px; width:100%; display:flex; justify-content:space-between } 
.footer_bottom .inner:after { display:none } 
.footer_bottom .left-pc { display:flex; align-items:center; flex-wrap:wrap } 
.footer_bottom .left-pc > div { display:flex; flex-direction:column; align-items:center; margin-right:1vw } 
.footer_bottom .left-pc > div:nth-child(3) { align-items:flex-start } 
.footer_bottom .left-pc > div:last-child { width:100%; margin-right:0; align-items:flex-start; margin-top:2% } 
.footer_bottom .left-pc span { font-size:calc(12px + 0.1vw); line-height:calc(12px + 0.5vw); color:#222 } 
.footer_bottom .left-pc p { font-size:12px; line-height:17px; color:#222 } 
.footer_bottom .left-pc p br { display:none } 
.footer_bottom .left-pc strong { font-size:calc(12px + 0.8vw) } 
.footer_bottom .right { display:flex; align-items:center } 
.footer_bottom .right .copy-m { display:none } 
.footer_bottom .right .logo-foot { display:flex; align-items:center } 
.footer_bottom .right .logo-foot > div:not(:last-child) { margin-right:2vw } 
.footer_bottom .right p { font-size:12px; line-height:17px; color:#222; text-align:right } 
.footer_bottom .right p br { display:none } 
.footer_bottom .right a { display:block } 
.footer_bottom .right img { max-height:50px } 
.footer_bottom .right .playworklive { max-width:60px } 

@media all and (max-width:1500px){
 .footer_bottom .right p br { display:block } 
 }

@media all and (max-width:1300px){
 .footer_bottom { padding:3% 5% } 
 .footer_bottom .left-pc { display:none } 
 .footer_bottom .right { width:100%; justify-content:space-between } 
 .footer_bottom .right .copy-m { display:block } 
 .footer_bottom .right p br { display:none } 
 .footer_bottom .right img { max-width:120px; max-height:40px } 
 .footer_bottom .right .playworklive { max-width:50px } 
 }

@media all and (max-width:1000px){
 .footer_bottom .right p { text-align:left } 
 .footer_bottom .right p br { display:block } 
 .footer_bottom .right img { max-width:100px; max-height:25px } 
 .footer_bottom .right .playworklive { max-height:23px } 
 }

@media all and (max-width:600px){
 .footer_bottom .right { display:flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between } 
 .footer_bottom .right > div { margin-bottom:5% } 
 .footer_bottom .right .logo-foot > div:not(:last-child) { margin-right:3vw } 
 .footer_bottom .right p { text-align:left } 
 .footer_bottom .right img {} 
 .footer_bottom .right .playworklive { max-width:34px } 
 }

/*** //footer ***/
/* 맨위로 */
.viewTop { position:fixed; right:2%; bottom:4%; width:50px; height:50px; line-height:50px; border-radius:10px; border:1px solid #666; color:#fff; background-color:#fff; background-image:url(/images/common2023/i-arrow-top.png); background-repeat:no-repeat; background-position:center center; transition:.3s; text-indent:-99999px; z-index:999999999 } 
.viewTop:hover { background-position:center 8px } 

@media all and (max-width:1500px){
 .viewTop { right:0; bottom:15% } 
 }
@media all and (max-width:1300px){
 .viewTop { bottom:12% } 
 }
@media all and (max-width:1200px){
 .viewTop { bottom:10% } 
 }
@media all and (max-width:1000px){
 .viewTop { width:40px; height:40px } 
 }
@media all and (max-width:900px){
 .viewTop { bottom:8% } 
 }
@media all and (max-width:600px){
 .viewTop { bottom:13%; right:2% } 
 }

/* 퀵메뉴 레이어팝업(여행상담) main에만 사용중(main.css로 옮겨도될듯)
.layer-talk-menu.on .talkClose_btn { position:absolute; top:7px; right:11px; background-color:#fff; padding:6px; font-size:10px; border-radius:50%; cursor:pointer } 
.layer-talk-menu { position:fixed; bottom:-740px; right:2%; z-index:122; width:300px; padding:8px 20px 10px; border-radius:10px; border:1px solid #ccc; background:#f5f5f5; text-align:center; box-sizing:border-box; box-shadow:0 0 6px rgba(0,0,0,0.2) } 
.layer-talk-menu.on { display:block; bottom:218px; opacity:1 } 
.layer-talk-menu h1 { font-family:inherit; font-size:17px; margin-bottom:10px } 
.group-talk-menu { width:100%; margin-bottom:10px; padding:15px; border-radius:6px; border:1px solid #d5d5dd; background:#fff; font-family:inherit; text-align:center; box-sizing:border-box } 
.group-talk-menu.is-ttalk { display:inline-flex; align-items:center; padding:10px 15px 10px 20px; text-align:left } 
.group-talk-menu a { display:inline-block; width:65px; height:65px; border-radius:50%; overflow:hidden } 
.group-talk-menu a + a { margin-left:6px } 
.group-talk-menu div { width:100%; margin:7px 0 0; font-size:15px; font-weight:600 } 
.group-talk-menu span { display:inline-block; width:100%; font-size:13px; font-weight:400; color:#666 } 
.group-talk-menu p { flex:1 0 0; min-width:0; max-width:100%; width:auto; margin-left:15px; font-size:15px; font-weight:600 } 
.talkBtn { position:fixed; right:2%; bottom:11%; width:116px; height:116px; background:url(/upload_data/board_data/BBS_0000014/162338448136285.png) 0 0 / 100% 100% no-repeat; text-indent:-9999px; line-height:50px; z-index:1.0E+26 } 

@media all and (max-width:600px){
 .layer-talk-menu.on { bottom:238px!important; right:2% } 
 }
@media all and (max-width:349px){
 .mo-btn-area ul:first-child li { width:100%; margin-bottom:8px } 
 .mo-btn-area ul .bt-three select { width:100%; padding:2px 30px 5px 20px; margin-left:0 } 
 }
*/