body.page-service{background-color:#F6F7F9}
body.page-service .blind {position:absolute; overflow:hidden; margin:-1px; width:1px; height:1px; clip:rect(0 0 0 0)}
:root{--container-service-pd:20px}
body.page-service .container{max-width:768px; padding-left:var(--container-service-pd); padding-right:var(--container-service-pd)}

/* menu scroll */
body.page-service .global-container{display:flex; flex-direction:column; max-height:100vh; height:100%}
body.page-service .header, 
body.page-service .area-tab{flex: 0 0 auto;}
body.page-service .tab-content{flex: 1 1 auto; overflow:hidden}
body.page-service .menu-category{overflow-y:auto}

body.page-service .header{padding-top:16px; padding-bottom:4px; display:flex; align-items:center; gap:24px; background-color:inherit; padding-left:var(--container-service-pd); padding-right:var(--container-service-pd)}
body.page-service .header .search{flex:1; min-width:0;}
body.page-service .header .btns{display:flex; gap:8px}
body.page-service .header .btns > *{width:20px; height:20px}
body.page-service .header .btns .ico-lang{margin-top:inherit; margin-right:6px; background:url('/wp-content/themes/watv/ver2/images/ico/ico_language.svg') no-repeat 0 0 / 100%}
body.page-service .header .btns .btn-close{background:url('/wp-content/themes/watv/ver2/images/ico/ico_close.svg') no-repeat 0 0 / 100%}
body.page-service .header .language{display:none}
body.page-service .header .language .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:initial; display:flex; flex-wrap:wrap}

body.page-service .search{position:relative; border:1px solid rgba(0,0,0,0.1); border-radius:8px; background-color:#FFF}
body.page-service .search input{width:100%; height:40px; padding:0px 12px 0px 12px; line-height:1; font-size:14px}
body.page-service .search .btn-result{width:16px; height:16px; border:none; background:transparent url('/wp-content/themes/watv/ver2/images/ico/ico_search.svg') no-repeat 0 0 / 100%; opacity:0.6; position:absolute; right:14px; top:50%; margin-top:-8px; z-index:1}

body.page-service .area-tab{position:relative}
body.page-service .area-tab::before{content:''; position:absolute; left:0; bottom:0; right:0; height:1px; background-color:#000; opacity:0.1}
body.page-service .tabs{display:flex; align-items:flex-end; gap:16px; font-size:15px; position:relative; width:100%}
body.page-service .tabs .tab-item{height:100%; display:flex; align-items:center; color:#81878E; line-height:1.15; padding-top:12px; padding-bottom:12px; min-height:48px}
body.page-service .tabs .tab-item.active{font-weight:600; color:#292F36; position:relative}
body.page-service .tabs .tab-item.active::before{content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background-color:#000}

/* 긴 언어 단어 중간 개행 및 자동 하이픈 */
body.page-service :where(.tab-content:lang(en) *, .tab-content:lang(fr) *, .tab-content:lang(de) *, .tab-content:lang(pt) *, .tab-content:lang(es) *, .tab-content:lang(ru) *){overflow-wrap:break-word; word-wrap:break-word; hyphens:auto; overflow-wrap:break-word}

body.page-service .tab-content{display:none; padding-left:inherit; padding-right:inherit}
body.page-service .tab-content.active{display:flex}
body.page-service .tab-content .menu-category{width:120px}
@media(min-width:500px){
  body.page-service .tab-content .menu-category{width:180px}
}

body.page-service .menu-category .category-link{color:#81878E; display:block; width:100%; text-align:left; padding:10px 20px; line-height:1.3; font-size:14px}
body.page-service .menu-category .category-link.active{font-weight:600; color:#292F36; background-color:#FFF}
body.page-service .menu-lists{flex:1; overflow-y:auto; background-color:#fff; padding:16px 20px 32px 20px}

/* 메뉴 기본 */
body.page-service .menu-lists .menu-item a,
body.page-service .menu-lists h3.service-category-title{display:block; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #F5F5F5}
body.page-service .menu-lists .menu-item a,
body.page-service .menu-lists h3.service-category-title,
body.page-service .service-search-results .result-title{font-size:14px; line-height:1.3}

/* 메뉴 소제목 */
body.page-service .menu-lists .menu > .menu-item > a,
body.page-service .menu-lists h3.service-category-title{color:#000; font-weight:600; font-size:13px}

body.page-service .menu-lists .menu > .menu-item:not(:first-child) > a,
/* .menu-item-type-custom 메뉴 중 첫번째 메뉴 선택 */
body.page-service .menu-lists .menu > li.menu-item-type-custom:first-child > a,
body.page-service .menu-lists .menu > li:not(.menu-item-type-custom) + li.menu-item-type-custom > a,
body.page-service .menu-lists > .menu-item:not(:first-child) > h3{margin-top:20px}
body.page-service .menu-lists .menu > li.menu-item.menu-item-type-custom > a{margin-top:inherit}
body.page-service .menu-lists .service-category-section + .service-category-section{margin-top:32px}

body.page-service .menu-lists .menu-item a.thum-on{display:flex; align-items:center}
body.page-service .menu-lists .menu-item a.thum-on .service-thum,
body.page-service .service-search-results .result-thumb{width:32px; height:32px; border-radius:10px; overflow:hidden; position:relative; background:no-repeat center center/cover; margin-right:10px; flex-shrink:0}
body.page-service .menu-lists .menu-item a.thum-on .service-thum::before,
body.page-service .service-search-results .result-thumb::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:.1; z-index:1; border-radius:10px}

/* .service-search-results .result-thumb{width:36px;height:36px;border-radius:6px;background-size:cover;background-position:center;flex:0 0 auto;} */

/**/
body.page-service .service-search-results{display:none; padding:16px 20px; background-color:#fff; height:100%; margin-top:8px}
body.page-service .service-search-results.active{display:block}
body.page-service .service-search-results .result-group{margin-bottom:20px}
body.page-service .service-search-results .result-group-title{font-weight:700; margin-bottom:8px; font-size:17px}
body.page-service .service-search-results .result-list{list-style:none; margin:0; padding:0}
body.page-service .service-search-results .result-item{margin:4px 0}
body.page-service .service-search-results .result-link{display:inline-flex; align-items:center; gap:8px; color:#1b1b1b; text-decoration:none}
body.page-service .service-search-results .result-link:hover{text-decoration:underline}
body.page-service .service-search-results .result-title{display:inline-flex; align-items:center}
body.page-service .service-search-results mark{color:#4652e3; background-color:#eaeefd; border-radius:4px; padding-left:3px; padding-right:3px}
body.page-service .service-search-results .no-results{padding:16px 0;color:#666}

body.page-service .search.searching .btn-reset{position:absolute; width:24px; height:100%; right:14px; top:50%; transform:translateY(-50%); display:none}
body.page-service .search.searching .btn-reset::before,
body.page-service .search.searching .btn-reset::after{position:absolute; content:''; height:16px; top:50%; margin-top:-8px; width:1.5px; left:10.5px; background-color:#000}
body.page-service .search.searching .btn-reset::before{transform:rotate(45deg)}
body.page-service .search.searching .btn-reset::after{transform:rotate(-45deg)}
body.page-service .search.searching .btn-reset{opacity:0.4}
body.page-service .search.searching .btn-reset:hover{opacity:1}

body.page-service .search .btn-reset{display:none;position:absolute;right:48px; top:50%; transform:translateY(-50%); background:none; border:0; font-size:18px; line-height:1; cursor:pointer; padding:6px; color:#666}
body.page-service .search form{position:relative}
body.page-service .search.searching .btn-result{display:none}


/*layer language-----------*/
body.page-service .layer-language{background:#FFF; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; display:none; align-items:center; justify-content:center}
body.page-service .layer-language .layer-wrap{position:relative; overflow:hidden; width:100%; height:100%; min-height:170px; max-width:768px; margin-left:auto; margin-right:auto}
body.page-service .lang-header{display:flex; align-items:center; justify-content:space-between; padding:13px 18px; height:60px}
body.page-service .lang-title{font-size:18px; font-weight:600}
body.page-service .layer-language .btn-lang-close{background:url('/wp-content/themes/watv/images/mobile/ico_close.png') no-repeat center; background-size:24px; width:30px; height:30px; display:inline-block; vertical-align:middle; cursor:pointer}
body.page-service .page-service .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:initial; border-top-color:#ECECEC; padding-top:7px}
body.page-service .wpml-ls-legacy-dropdown{width:100%; padding:0 18px}
body.page-service .wpml-ls-legacy-dropdown a{border:none; padding:8px 0}
body.page-service .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border:none}
body.page-service .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding:6px 0 16px; color:#5062E8}
body.page-service .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:before{content:''; background:url('/wp-content/themes/watv/images/mobile/ico_lang_current.png') no-repeat center; background-size:20px; width:20px; height:20px; display:inline-block; vertical-align:middle}
body.page-service .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{display:none}
body.page-service .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li{width:50%; float:left}
body.page-service .wpml-ls-legacy-dropdown a .wpml-ls-display{display:block; color:#999; font-size:13px; margin-top:7px}
body.page-service .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
body.page-service .wpml-ls-legacy-dropdown a:focus,
body.page-service .wpml-ls-legacy-dropdown a:hover{background:none}
body.page-service .wpml-ls-legacy-dropdown .wpml-ls-bracket{display:none}