@charset "utf-8";
/* SUMMARY:
* 	01) GLOBAL
* 	02) INTRO
* 	03) POPUP
* 	04) HEADER
* 	05) FOOTER
* 	06) CONTAINER
* 	07) KEYFRAMES
*/

/* ******************* *
* GLOBAL
* ******************* */
html.lock, html.lock body {overflow: hidden;}
html, body {font-size: 18px;font-family: 'Pretendard', sans-serif;letter-spacing: -0.038rem;line-height: 1.5;word-break: keep-all;word-wrap: break-word;color:#555;touch-action: auto;overscroll-behavior: auto;text-size-adjust:100%;word-wrap: break-word;word-break: keep-all;overflow-x: hidden;}
body.is-mobile {overflow-x: hidden;}
#skipNav {position: absolute;left: 0;top: 0;width: 100%;z-index: 999;}
#skipNav a {display: block;height: 1px;margin-bottom: -1px;overflow: hidden;text-align: center;text-decoration: none;color: #fff;font-size: 16px;}
#skipNav a:focus {display: block;height: 28px;padding: 3px 0;background: none repeat scroll 0 0 #333;}
#wrap {position: relative;z-index: 1;}
.cinner {margin: 0 auto;max-width: 1300px;}
.isMain .cinner {margin: 0 120px;max-width: 100%;}
@media all and (max-width:1399px){
	.cinner {max-width: 100%;margin: 0 30px;}
}
@media all and (max-width:1199px){
	html, body {font-size: 16px;}
}
@media all and (max-width:768px){
	html, body {font-size: 15px;}
	.cinner {margin: 0 20px;}
}
@media all and (max-width:640px){
	.cinner {margin: 0 15px;}
}

/* ******************* *
* INTRO
* ******************* */

/* ******************* *
* POPUP
* ******************* */
/* 상단 와이드 팝업 */
#toppop {background: #1d88d8;padding: 30px 0;position: absolute;width: 100%;opacity:0;}
#toppop.after-init {display: none;position: relative;opacity:1;z-index: 3;}
.toppop-swiper {max-width: 1400px;margin: 0 auto;}
.toppop-swiper button {background: none;border: 0;width: 20px;height: 20px;position: relative;}
.toppop-swiper button:after {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.toppop-swiper-inner {position: relative;}
.toppop-swiper-slide {margin:0 50px;overflow: hidden;}
.toppop-swiper-ctrls {display: flex;align-items: center;margin-top: 30px;}
.toppop-swiper-ctrls .data-dots {text-align: center;}
.toppop-swiper-nav button {background: #222;border-radius: 50%;opacity: .75;width: 30px;height: 30px;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 1;}
.toppop-swiper-nav button:after {border-width: 2px;border-style: solid;border-color: transparent #fff #fff transparent;box-sizing: border-box;width: 12px;height: 12px;}
.toppop-swiper-nav .btn-prev {left: 0;}
.toppop-swiper-nav .btn-prev:after {transform: rotate(135deg) translate(-25%, -25%);}
.toppop-swiper-nav .btn-next {right: 0;}
.toppop-swiper-nav .btn-next:after {transform: rotate(-45deg) translate(-25%, -25%);}
.toppop-swiper-dots .swiper-pagination-bullet:after {background: #fff;border-radius: 50%;width: 10px;height: 10px;opacity: .5;transition: .35s;}
.toppop-swiper-dots .swiper-pagination-bullet-active:after {opacity: 1;}
.toppop-swiper-auto .btn-stop:after {border: solid;border-width: 0 2px;border-color: transparent #fff;box-sizing: border-box;;width: 6px;height: 10px;}
.toppop-swiper-auto .btn-play {display: none;}
.toppop-swiper-auto .btn-play:after {border: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #fff;width: 0;height: 0;}
.toppop-swiper-close {display: flex;margin-left: auto;}
.toppop-swiper-close button {display: flex;align-items: center;color: #fff;font-size: 14px;margin-left: 20px;width: auto;}
.toppop-swiper-close button:after {display: none;}
.toppop-swiper-close .blt {background: #fff;border-radius: 50%;display: block;margin-left: 7px;width: 20px;height: 20px;position: relative;}
.toppop-swiper-close .blt:before,
.toppop-swiper-close .blt:after {content: '';display: block;background: #222;width: 10px;height: 1px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.toppop-swiper-close .blt:before {transform: rotate(45deg);}
.toppop-swiper-close .blt:after {transform: rotate(-45deg);}

#layer-pop {display: none;align-items: center;background: rgba(0,0,0,.5);opacity: 0;position: fixed;top: 0;left: 0;width: 100%;height: 100%;transition: opacity .35s;z-index: 101;}
#layer-pop.show {display: flex;}
#layer-pop.show.stable {opacity: 1;}
#layer-pop.hide {opacity: 0;}
#layer-pop-wrap {display: flex;flex-direction: column;background: #fff;border: 1px solid #191919;box-sizing: border-box;margin: 0 auto;padding: 58px 60px 0;position: relative;}
#layer-pop-head .title {color: #191919;font-size: 1.556em;font-weight: 700;margin-bottom: 19px;line-height: 1.25;padding-right: 70px;}
#layer-pop-cont {flex: 1 1 100%;margin: 0 -60px;overflow-y: auto;padding: 0 60px 58px;}
#layer-pop-close {background: #238ee0;border: none;border-radius: 50%;position: absolute;top: 0;right: 0;margin: 50px 60px;width: 40px;height: 40px;}
#layer-pop-close:before,
#layer-pop-close:after {content: '';display: block;background: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 20px;height: 1px;}
#layer-pop-close:before {transform: rotate(45deg);}
#layer-pop-close:after {transform: rotate(-45deg);}
@media all and (max-width:1199px){
	#layer-pop-wrap {padding: 30px 30px 0;width: 100% !important;}
	#layer-pop-head .title {font-size: 1.356em;padding-right: 35px;}
	#layer-pop-cont {margin: 0 -30px;padding: 0 30px 30px;}
	#layer-pop-close {margin: 25px 30px;width: 30px;height: 30px;}
	#layer-pop-close:before,
	#layer-pop-close:after {width: 16px;}
}
@media all and (max-width:640px){
	#layer-pop-wrap {padding: 20px 15px 0;}
	#layer-pop-cont {margin: 0 -15px;padding: 0 15px 20px;}
	#layer-pop-close {margin: 17px 15px;}
}

/* ******************* *
* HEADER
* ******************* */
#header {background: #fff;position: relative;box-sizing: border-box;z-index: 13;}
.header__gnb {background: #fff;height: 45px;box-sizing: border-box;border-bottom: 1px solid #ddd;position: relative;}
.header__gnb .cinner {display: flex;justify-content: space-between;height: 100%;}
.header__gnb ul {display: flex;justify-content: end;align-items: center;font-size: 14px;height: 100%;}
.header__gnb li {position: relative;}
.header__gnb li:not(:first-child) {padding-left: 25px;margin-left: 25px;}
.header__gnb li:after {content: "";height: 12px;width: 1px;position: absolute;display: block;background-color: #9a9fa4;top: 0;left: 0;margin: auto;bottom: 0;}
.header__gnb li:first-child::after {display: none;}
.header__gnb li a {display: block;color: #717171;position: relative;}
.header__gnb .gnb-l li a:hover:before {display: none;content: '';width: 100%;height: 4px;background: #1f5aa0;position: absolute;left: 0;right: 0;bottom: -11px;margin: auto;}
.header__gnb .gnb-l li a:hover:before,
.header__gnb .gnb-l li a:focus:before {display: block;}
.header__gnb .gnb-r {display: flex;}
.header__login {}
.header__login span {display: flex;align-items: center;position: relative;}
.header__login span:before {content: '';display: inline-block;width: 14px;height: 16px;margin-right: 5px;background: url(/resources/familysite/common/images/layout_spr.png) no-repeat -82px 0;}
.header__login span:after {content: '';display: none;width: 100%;height: 4px;background: #1f5aa0;position: absolute;left: 0;right: 0;bottom: -11px;margin: auto;}
.header__login a:hover span:after,
.header__login a:focus span:after {display: block;}
.header__language {display: flex;align-items: center;margin-left: 10px;position: relative;}
.header__language .nav-btn--language {display: flex;align-items: center;height: 100%;border: 0;background: none;color: #717171;font-size: 14px;}
.header__language .nav-btn--language span {display: flex;position: relative}
.header__language .nav-btn--language span:before {content: '';display: block;width: 14px;height: 16px;margin-right: 5px;background: url(/resources/familysite/common/images/layout_spr.png) no-repeat -106px 0;}
.header__language .toggle-list {display: none;background: #fff;border: 1px solid #ddd;position: absolute;top: 100%;left: 0;padding: 10px 15px;z-index: 100;}
.header__language .toggle-list a {display: block;font-size: 15px;}
.header__language .toggle-list a:hover {text-decoration: underline;}
.header__language ul {display: block;}
.header__language li:not(:first-child) {padding-left: 0;margin-left: 0;}
.header__language li:after {display: none;}
.header__logo .logo {display: flex;align-items: center;}
.header__logo .logo a:not(.site-name) {display: block;position: relative;padding-right: 20px;margin-right: 20px;}
.header__logo .logo a:not(.site-name):before {content: '';display: block;width: 1px;height: 30px;background: #d4d4d4;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.header__logo .logo a img {max-width: 100%;vertical-align: middle;}
.header__logo .site-name {color: #191919;font-size: 1.222em;font-weight: 600;}
.header__nav,
.header__nav .nav,
.main-nav__depth1 .mn-a1 {height: 100px;}
.header__nav {border-bottom: 1px solid #ddd;}
.header__nav .cinner {display: flex;align-items: center;}
.header__nav .nav__btn {display: flex;}
.header__nav .nav {position: relative;}
.header__nav .mn-ul1 li a {display: flex;align-items: center;}
.header__nav a[target=_blank] span {display: inline-flex;align-items: center;}
.header__nav a[target=_blank] span:after {content: '';display: block;background: url(/resources/openworks4/image/common/sprite.png) -47px -7px no-repeat;margin-left: 5px;opacity: .75;}
.header__nav .mn-a1[target=_blank] span:after {min-width: 19px;width: 19px;height: 19px;opacity: 1;}
.header__nav .mn-a2[target=_blank] span:after {width: 13px;height: 13px;margin-left: 8px;padding-right: 6px;background-position: -8px -312px;}
.header__nav .mn-a3[target=_blank] span:after {width: 14px;height: 14px;background-position-y: -55px;}
.header__nav .nav__btn {display: flex;margin-left: 30px;}
.header__nav .nav-btn--open {display: none;}
.header__nav .nav-btn {display: block;background: none;border: 0;}
.header__nav .nav-btn--home {margin-right: 30px;}
.header__nav .nav-btn--home:after {background-position-x: 0;}
.header__nav .nav-btn--sitemap {width: 32px;height: 30px;}
.header__nav .nav-btn--sitemap:after {content: "";display: inline-block;background-image: url(/resources/familysite/common/images/layout_spr.png);background-repeat: no-repeat;width: 100%;height: 100%;background-position-x: -42px;}
.header__nav-bg.show {display: block;transform: none;}
.header__nav-bg.is-visible {opacity: 1;}
.header__nav-bg.hide {opacity: 0;}
@media all and (min-width:1200px){
    .header__logo {background: #fff;height: calc(100% - 1px);}
    .header__nav .nav-btn--open {display: none;}
	.header__gnb {z-index: 13;}
    .header__nav .nav {z-index: 10;}
    .header__gnb .cinner.large,
	.header__nav .nav .cinner.large {max-width: 100%;margin: 0 80px;}
	.main-nav__tit {width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: none;text-indent: -9999em;font-size: 0px;line-height: 0;}
	.nav-bg {position: absolute;top: 100px;left: 0;width: 100%;height: calc(100% - 100px);overflow: hidden;background: #fff;}
    .nav-bg .inner {border-bottom-right-radius: 100px;background: url(/resources/familysite/common/images/header_navbg.jpg) no-repeat 100% 100%/cover;width: 443px;height: 100%;position: absolute;top: 0;left: 0;}
	#main-nav {margin-left: auto;}
    .header__nav .nav .cinner.large #main-nav {margin: 0 auto;}
    .main-nav__depth1 .mn-ul1 {display: flex;justify-content: flex-end;}
    .main-nav__depth1 .mn-li1 {margin: 0 15px;}
	.main-nav__depth1 .mn-a1 {display: flex;align-items: center;position: relative;font-size: 1.111em;font-weight: 500;padding: 0 10px;color: #000;}
	.main-nav__depth1 .mn-li1.active .mn-a1,
    .main-nav__depth1 .mn-a1:hover,
	.main-nav__depth1 .mn-a1:focus,
	.main-nav__depth1 .mn-a1.over {color: #1c3b8a;}
	.main-nav__depth1 .mn-li1.active .mn-a1[target=_blank] span:after,
    .main-nav__depth1 .mn-a1[target=_blank]:hover span:after,
    .main-nav__depth1 .mn-a1[target=_blank]:focus span:after,
    .main-nav__depth1 .mn-a1[target=_blank]:hover span:after {background-position: -142px -119px;}
	.main-nav__depth2 {display: none;position: absolute;width: 100%;top: 100px;left: 0;z-index: 100;border-top: 1px solid #dadada;}
    .main-nav__depth2.is-open {display: flex;}
    .main-nav__depth2 .title {flex: 0 0 auto;box-sizing: border-box;width: 443px;padding: 70px 45px 0 197px;height: 100%;}
    .main-nav__depth2 .title__tit {font-size: 1.667em;color: #102d5b;font-weight: 600;line-height: 1.2;}
    .main-nav__depth2 .title__txt {color: #555;padding-top: 12px;}
    .main-nav__depth2 .title__txt .br {display: block;margin-top: -4px;}
	.main-nav__depth2 .mn-ul2 {display: flex;flex-wrap: wrap;box-sizing: border-box;max-width: 1166px;width: 100%;padding-left: 50px;min-height: 200px;background: #fff;margin-bottom: 20px;}
    .main-nav__depth2 .mn-li2 {box-sizing: border-box;width: calc(25% - 30px);margin: 35px 30px 0 0;}
    .main-nav__depth2 .mn-a2 {justify-content: center;height: 48px;width: 200px;/* padding: 11px 20px; */border-radius: 5px;border: 1px solid #dadada;box-sizing: border-box;color: #191919;font-size: 17px;font-weight: 500;transition: background .35s;position: relative;}
	.main-nav__depth2 .mn-s2 {line-height: 1.25;text-align: center;}
    .main-nav__depth2 .mn-li2.active .mn-a2,
    .main-nav__depth2 .mn-li2:hover .mn-a2,
    .main-nav__depth2 .mn-li2:focus .mn-a2 {background: #00588a;border-color: #00588a;color: #fff;}
    .main-nav__depth2 .mn-li2.active .mn-a2[target=_blank] span:after,
    .main-nav__depth1 .mn-li2:hover .mn-a2[target=_blank] span:after,
    .main-nav__depth1 .mn-li2:focus .mn-a2[target=_blank] span:after {background-position-x: -49px;opacity: 1;}
    .main-nav__depth3 {flex: 0 1 auto;box-sizing: border-box;width: 100%;padding: 7px 5px 8px;}
    .main-nav__depth3 .mn-li3 {margin: 7px 0;}
    .main-nav__depth3 .mn-li3:not(:last-child) {margin-right: 25px;}
    .main-nav__depth3 .mn-a3 {position: relative;display: block;color: #666;font-size: 16px;padding-left: 12px;}
    .main-nav__depth3 .mn-a3:before {content: '';display: block;background-color: #666;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;border-radius: 50%;}
    .main-nav__depth3 .active .mn-a3:before,
    .main-nav__depth3 .mn-a3:hover:before {background-color: #1c3b8a;}
    .main-nav__depth3 .active .mn-a3,
    .main-nav__depth3 .mn-a3:hover,
    .main-nav__depth3 .mn-a3:focus {color: #004597;font-weight: 500;}
    .main-nav__depth1 .mn-a3[target=_blank]:hover span:after,
    .main-nav__depth1 .mn-a3[target=_blank]:focus span:after {opacity: 1;}
}
@media all and (max-width:1700px) {
    .header__gnb .cinner.large,
	.header__nav .nav .cinner.large {margin: 0 30px;}
    .header__logo .logo a:not(.site-name) {width: 170px;padding-right: 10px;margin-right: 10px;}
    .header__nav .mn-ul1 li a {font-size: 1.056em;}
    .main-nav__depth1 .mn-li1 {margin: 0 10px;}
}
@media all and (min-width:1200px) and (max-width:1460px){
    .main-nav__depth2 .title {width: 270px;padding: 30px 20px;}
    .main-nav__depth2 .title__tit {font-size: 1.500em;}
}
@media all and (max-width:1399px) {
    .header__nav .mn-ul1 li a {font-size: 1em;}
	.main-nav__depth1 .mn-a1 {font-size: 1em;padding: 0;}
    .header__logo .site-name {font-size: 1.111em;}
} 
@media all and (max-width:1199px){
	.header__gnb {display: none;}
    .header__nav {border-bottom: 1px solid #dedede;box-sizing: border-box;height: 80px}
    .header__nav .nav,
    .header__nav .cinner {height: 100%;}
    #main-nav {display: none;background: #fff;position: fixed;top: 0;right: 0;transform: translateX(100%);transition: .35s;width: 100%;height: 100%;max-width: 500px;overflow: hidden;z-index: 101;}
    #main-nav:before {content: '';display: block;background: #f5f5f5;box-sizing: border-box;width: 120px;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
    #main-nav.is-open {transform: translateX(0);}
    .header__nav .main-nav__tit {background: rgb(26,164,201);background: linear-gradient(110deg, rgba(26,164,201,1) 0%, rgba(0,69,151,1) 63%);padding: 10px 15px;position: relative;}
    .header__nav .main-nav__tit .tit {display: flex;align-items: center;height: 40px;color: #fff;font-weight: 600;}
    .header__nav .main-nav__tit .gnb {display: block;margin: 0 -15px;padding: 0 15px;}
	.header__nav .main-nav__tit .gnb-login {position: absolute;top: 22px;left: 78px;}
	.header__nav .main-nav__tit .gnb-login a {color: #fff;font-size: 11px;}
	.header__nav .main-nav__tit .gnb-login span:before {background-position: -82px -26px;}
	.header__nav .main-nav__tit .gnb-login span:after {display: none;}
    .header__nav .main-nav__tit .gnb-list {display: flex;align-items: center;height: 28px;}
    .header__nav .main-nav__tit .gnb-list li:not(:last-child) {position: relative;padding-right: 15px;margin-right: 15px;}
    .header__nav .main-nav__tit .gnb-list li:not(:last-child):before {content: '';display: block;background: #ccc;width: 3px;height: 3px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
    .header__nav .main-nav__tit .gnb-list a {color: #fff;font-size: 13px;font-weight: 500;}
    .header__nav .main-nav__tit .gnb-lang .btn {display: block;background: none;border: 1px solid #fff;height: 40px;}
    .header__nav .main-nav__tit .gnb-lang .list {padding: 7px;}
    .header__nav .nav__btn {display: none;}
    .header__nav .nav-btn--open {display: block;margin-left: auto;width: 32px;height: 30px;}
	.header__nav .nav-btn--open:after {content: "";display: inline-block;background: url(/resources/familysite/common/images/layout_spr.png) -42px 0;background-repeat: no-repeat;width: 100%;height: 100%;}
    .header__nav .nav-btn--close {width: 45px;height: 45px;position: absolute;right: 0;top: 0;z-index: 101;}
    .header__nav .nav-btn--close:before,
    .header__nav .nav-btn--close:after {content: '';display: block;background: #fff;width: 2px;height: 18px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
    .header__nav .nav-btn--close:before {transform: rotate(45deg)}
    .header__nav .nav-btn--close:after {transform: rotate(-45deg)}
    .main-nav__depth1 {height: 100%;overflow-y: auto;}
	.main-nav__depth1 .mn-ul1 {height: 100%;position: relative;z-index: 1;}
	.main-nav__depth1 .mn-li1 {max-width: 120px;line-height: 1.25;margin: 0;}
	.header__nav .main-nav__depth1 .mn-a1 {height: 50px;padding: 0 15px;position :relative;transition: all .3s ease;}
	.header__nav .mn-a1[target=_blank] span:after {display: inline-block;min-width: 14px;width: 14px;height: 14px;background-size: 169px;background-position: -35px -4px;}
	.header__nav a[target=_blank] .mn-s1 {display: block;}
	.main-nav__depth1 .mn-s1 {color: #333;font-size: 14px;}
	.main-nav__depth1 .mn-a1.is-over {background: rgb(45,76,154);background: linear-gradient(30deg, rgba(45,76,154,1) 0%, rgba(28,59,138,1) 70%);justify-content: center;margin-left: 15px;margin-right: -15px;position: relative;z-index: 11;}
    .main-nav__depth1 .mn-a1.is-over .mn-s1 {color:#fff;font-size: 16px;font-weight: 500;}
	.main-nav__depth2 {display: none;background: #fff;position: absolute;top: 0;right: 0;width: calc(100% - 120px);height: calc(100% - 128px);overflow-y: auto;overflow-x: hidden;}
	.main-nav__depth1 .mn-li1.is-open .main-nav__depth2 {z-index: 3;}
	.main-nav__depth2 .title {display: none;}
	.main-nav__depth2 .mn-ul2 {padding: 0 15px 20px 30px;}
	.main-nav__depth2 .mn-li2 {border-bottom: 1px solid #ddd;}
    .main-nav__depth2 .mn-a2 {box-sizing: border-box;color: #333;font-size: 15px;font-weight: 500;min-height: 48px;padding: 7px 11px;position: relative;}
	.main-nav__depth2 .mn-li2.has-sub .mn-a2:after {content: '';display: block;border: 2px solid #555;border-top-width: 0;border-left-width: 0;box-sizing: border-box;width: 8px;height: 8px;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;transform: translateY(-25%) rotate(45deg);transition: transform .35s;}
	.main-nav__depth2 .mn-li2.has-sub .mn-a2.is-over:after {border-width: 0;border-top-width: 2px;border-left-width: 2px;border-color: #1c3b8a;transform: translateY(25%) rotate(45deg);}
	.main-nav__depth2 .mn-li2.active .mn-a2 {color: #1c3b8a;font-weight: 600;}
    .main-nav__depth2 .mn-li2.is-open .mn-s2 {font-weight: 700;}
	.main-nav__depth3 {display: none;}
	.main-nav__depth3 .mn-ul3 {background: #f7fafd;padding: 9px 12px;}
	.main-nav__depth3 .mn-a3 {display: flex;color: #555;font-size: 14px;padding-left: 11px;position: relative;}
	.main-nav__depth3 .mn-a3:before {content: '';display: block;background: #aaa;border-radius: 50%;width: 4px;height: 4px;position: absolute;top: 8px;left: 0;}
	.main-nav__depth3 .mn-li3.active .mn-a3,
	.main-nav__depth3 .mn-a3:hover,
	.main-nav__depth3 .mn-a3:focus {color: #1c3b8a;}
    .main-nav__depth3 .mn-li3.active .mn-a3:before,
	.main-nav__depth3 .mn-a3:hover:before,
	.main-nav__depth3 .mn-a3:focus:before {background: #1c3b8a;}
}
@media all and (max-width:768px){
    .header__logo .logo a:not(.site-name) {width: 130px;padding-right: 10px;margin-right: 10px;}
    .header__logo .logo a:not(.site-name):before {height: 100%;}
    .header__logo .site-name {font-size: 1em;}
    .header__nav .nav-btn--open:after {background-size: 150px;background-position: -25px 5px;}
    
}

/* ******************* *
* FOOTER
* ******************* */
#footer {padding-bottom: 65px;background: #333;font-size: .889em;letter-spacing: 0;position: relative;}
#footer .btn-top {display: flex;align-items: center;justify-content: center;background: #161616;color: #fff;border-radius: 50%;font-weight: 500;letter-spacing: 0;width: 80px;height: 80px;opacity: .7;position: fixed;bottom: -100%;right: 30px;transition: bottom .5s;z-index: 2;}
#footer .btn-top span:before {content: '';display: block;border: 1px solid #fff;border-right: 0;border-bottom: 0;box-sizing: border-box;width: 10px;height: 10px;margin: 0 auto;transform: rotate(45deg);}
#footer .btn-top.over {bottom: 30px;}
#footer .btn-top:hover,
#footer .btn-top:focus {opacity: .9;}
.fbanner {background: #333;box-sizing: border-box;position: relative;}
.fbanner .cinner {position: relative;padding-left: 245px;}
.fbanner-title {color: #fff;font-weight: 700;width: 245px;position: absolute;top: 26px;left: 0;}
.fbanner-swiper {position: relative;}
.fbanner-swiper-slide {flex: 0 1 auto;overflow: hidden;padding: 19px 0;width: 100%;}
.fbanner-swiper-slide .swiper-slide {width: auto;}
.fbanner-swiper-slide .item {display: inline-block;color: #fff;padding: 7px 25px;position: relative;}
.fbanner-swiper-slide .item:after {content: '';display: block;background: #888;border-radius: 50%;width: 4px;height: 4px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.fbanner-swiper-ctrls {position: absolute;top: 50%;right: 100%;transform: translateY(-50%);}
.fbanner-swiper-ctrls {display: flex;}
.fbanner-swiper-ctrls button {background: none;border: 1px solid #868686;border-radius: 50%;box-sizing: border-box;margin-left: 5px;width: 30px;height: 30px;position: relative;}
.fbanner-swiper-ctrls button:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.fbanner-swiper-ctrls .data-nav,
.fbanner-swiper-ctrls .data-auto {display: flex;align-items: center;}
.fbanner-swiper-ctrls .data-nav > button:before {border: 1px solid #fff;box-sizing: border-box;width: 7px;height: 7px;}
.fbanner-swiper-ctrls .data-nav .btn-prev:before {border-right: 0;border-top: 0;transform: translateX(25%) rotate(45deg);}
.fbanner-swiper-ctrls .data-nav .btn-next:before {border-left: 0;border-bottom: 0;transform: translateX(-25%) rotate(45deg);}
.fbanner-swiper-ctrls .data-auto button:before {border-style: solid;border-color: transparent #fff;}
.fbanner-swiper-ctrls .data-auto .btn-stop:before {border-width: 0 2px;box-sizing: border-box;width: 8px;height: 8px}
.fbanner-swiper-ctrls .data-auto .btn-play {display: none;}
.fbanner-swiper-ctrls .data-auto .btn-play:before {border-width: 4px 0 4px 8px;width: 0;height: 0;}
.fbanner-swiper-ctrls .btn-menu {background: url(../images/layout_spr.png) no-repeat -77px -112px;background-origin: border-box;border: 1px solid #868686;border-radius: 50%;box-sizing: border-box;margin-left: 5px;width: 30px;height: 30px;}
.footer__cont {padding-top: 42px;position: relative;}
.footer__cont .cinner {position: relative;}
.footer__logo {position: absolute;right: 0;bottom: 0;}
.footer__item {}
.footer__links {display: flex;margin-bottom: 30px;}
.footer__links .links {display: flex;flex-wrap: wrap;}
.footer__links li:not(:last-child) {margin-right: 30px;}
.footer__links a {display: block;color: #b1b1b1;}
.footer__links li:first-child a {color: #fff;font-weight: 500;}
.footer__links a:hover,
.footer__links a:focus {color: #fff;}
.footer__etc .wa_mark {display: none;}
.footer__info address {color: #fff;}
.footer__info li span {color: #b1b1b1;}
.footer__info li span.bold {display: inline-block;padding-right: 8px;margin-right: 2px;position: relative;color: #fff;font-weight: 500;}
.footer__info li span.bold:before {content: '';display: block;width: 1px;height: 13px;background: rgba(255,255,255,.25);position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.footer__info .call {display: flex;align-items: center;flex-wrap: wrap;}
.footer__info .call li:not(:last-child) {margin-right: 23px;}
.footer__copyright {color: #b1b1b1;font-size: .933em;margin-top: 20px;}
.footer__sites {display: flex;justify-content: space-between;margin-bottom: 20px;}
.footer__sites .sites {position: relative;}
.footer__sites .sites:not(:first-child) {margin-left: 8px;}
.footer__sites .sites-btn {display: flex;align-items: center;border: 0;position: relative;}
.footer__sites .sites-btn:before,
.footer__sites .sites-btn:after {content: '';display: block;width: 0;height: 0px;position: absolute;top: 0;bottom: 0;margin: auto;}
.footer__sites .sites-btn.link,
.footer__sites .sites-btn.tit {background: #333;border: 1px solid #686868;box-sizing: border-box;color: #fff;text-align: left;padding: 0 42px 0 20px;min-width: 230px;height: 66px;}
.footer__sites .sites-btn.tit:before {width: 17px;height: 19px;background: url(/resources/familysite/common/images/layout_spr.png) no-repeat 0 -143px;right: 26px;}
.footer__sites .sites-btn.tit:after {width: 1px;height: 40px;background: #686868;right: 70px;}
.footer__sites .sites-btn.link:before {border: 2px solid  #9a9a9a;border-left: 0;border-bottom: 0;box-sizing: border-box;width: 8px;height: 8px;transform: rotate(45deg);right: 25px;}
.footer__sites .sites-btn.close {background: #fff;border: 1px solid #ddd;width: 30px;height: 30px;position: absolute;bottom: 100%;right: 0;}
.footer__sites .sites-btn.close:before,
.footer__sites .sites-btn.close:after {background: #767676;left: 0;right: 0;width: 14px;height: 2px;}
.footer__sites .sites-btn.close:before {transform: rotate(45deg)}
.footer__sites .sites-btn.close:after {transform: rotate(-45deg)}
.footer__sites .sites-list {display: none;background: #fff;border: 1px solid #ddd;box-sizing: border-box;position: absolute;bottom: 100%;left: 0;width: 100%;z-index: 101;}
.footer__sites .sites-list ul {max-height: 250px;overflow-y: auto;padding: 10px;}

@media all and (max-width:1399px){
    .footer__sites .sites {width: 18%;margin: 1%;}
    .footer__sites .sites-btn.link,
    .footer__sites .sites-btn.tit {min-width: auto;width: 100%;}
	.footer__sites .sites-btn.tit:before {right: 16px;}
	.footer__visit {margin-left: 5px;}
}
@media all and (max-width:1199px){
    #footer {padding-bottom: 40px;}
	.footer__cont {padding-top: 33px;}
    .footer__logo {text-align: center;position: relative;right: auto;bottom: auto;}
	.footer__item {text-align: center;margin-bottom: 20px;}
	.footer__links {justify-content: center;margin-bottom: 16px;}
    .footer__sites {order: 2;justify-content: center;width: 100%;margin-bottom: 30px;}
    .footer__sites .sites:not(:first-child) {margin-left: auto;}
    .footer__sites .sites-btn.link,
    .footer__sites .sites-btn.tit {height: 50px;padding: 0 20px;}
    .footer__sites .sites-btn.tit:after {height: 26px;right: 50px;}
    .footer__info .call {justify-content: center;}
    .footer__copyright{display: block;text-align: center;}
}
@media all and (max-width:1024px){
    .footer__sites {flex-wrap: wrap;}
    .footer__sites .sites {width: 49%;margin: 5px 0.5%;}
	.footer__sites .sites:last-child {width: 99%;}
}
@media all and (max-width:768px){
    #footer .btn-top {right: 10px;width: 64px;height: 64px;}
    #footer .btn-top.over {bottom: 10px;}
	.footer__visit {font-size: 14px;margin: 5px 0 0 0;}
    .footer__sites .sites-btn.link,
    .footer__sites .sites-btn.tit {height: 45px;min-width: inherit;padding: 0 25px 0 10px;}
	.footer__sites .sites-btn.tit:before {width: 15px;height: 17px;background-size: 176px;background-position-y: -126px;}
    .footer__logo img {max-width: 70%;}	
}
@media all and (max-width:640px){
    .footer__links li:not(:last-child) {margin-right: 10px;padding-right: 10px;}
    .footer__info .call li {margin: 0;padding: 0;}
    .footer__info .call li:before {display: none;}
}
@media all and (max-width:480px){
	.footer__links {flex-wrap: wrap;}
	.footer__sites .sites,
	.footer__sites .sites:last-child {width: 100%;margin: 1% 0;}
}

/* ******************* *
* CONTAINER
* ******************* */
#container {padding: 0 0 70px;}
#sub-visual {display: flex;align-items: center;height: 140px;position: relative;}
.sub-visual__img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.sub-visual__img img {max-width: inherit;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sub-visual__cont {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 0 1 auto;width: 100%;}
.sub-visual__cont .title {color: #000;font-size: 2em;font-weight: 600;}
#cnavi {width: 100%;height: 60px;border-bottom: 1px solid #ddd;box-sizing: border-box;margin-bottom: 50px;}
#cnavi .home {align-self: center;width: 15px;height: 15px;position: relative;padding-right: 33px;}
#cnavi .home:before,
#cnavi .home:after {content: '';display: block;position: absolute;}
#cnavi .home:before {width: 15px;height: 100%;background: url(/resources/familysite/common/images/layout_spr.png) no-repeat 0 -40px;right: auto;left: 0;}
#cnavi .home:after {width: 1px;height: 15px;background: #ddd;top: 0;bottom: 0;right: 0;margin: auto;}
.cnavi-in {display: flex;align-items: center;position: relative;}
.cnavi__list {display: flex;flex: 1 1 100%;}
.cnavi__list dl {position: relative;width: 23.078%;}
.cnavi__list dt .tit {display: flex;align-items: center;color: #555;height: 60px;padding: 0 30px 0 20px;}
.cnavi__list dt .tit:before,
.cnavi__list dt .tit:after {content: "";display: block;position: absolute;top: 0;bottom: 0;margin: auto;}
.cnavi__list dt .tit:before {box-sizing: border-box;border-radius: 2px;border: 6px solid transparent;border-top-color: #bfbfbf;transform: translateY(25%);width: 8px;height: 6px;right: 30px;}
.cnavi__list dt .tit:after {width: 1px;height: 15px;background: #ddd;right: 0;}
.cnavi__list .is-open dt .tit {background: #0087af;color: #fff;}
.cnavi__list .is-open dt .tit:before {border-top-color: transparent;border-bottom-color: #fff;transform: translateY(-25%);}
.cnavi__list .is-open dt .tit:after {display: none;}
.cnavi__list .list {display: none;background: #fff;outline: 1px solid #e5e5e5;max-height: 400px;overflow-y:auto;width: 100%;position: absolute;top: 100%;left: 0;z-index: 10;}
.cnavi__list .list li:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
.cnavi__list .list li a {display: flex;align-items: center;box-sizing: border-box;color: #555;line-height: 1.25;min-height: 50px;padding: 14px 20px;}
.cnavi__list .list li a[target="_blank"] span:after {content: "";display: inline-block;background: url(/resources/openworks4/image/common/nwindow.png) no-repeat 0 -24px;width: 13px;height: 13px;margin-left: 3px;}
.cnavi__list .list li a:hover,
.cnavi__list .list li a:focus {background: #0087af;color: #fff;font-weight: 400;}
.cnavi__list .list li.active a {background-color: #0087af;color: #fff;font-weight: 600;text-decoration: underline;text-underline-offset: 4px;}
.cnavi__list .list li.active a[target="_blank"] span:after {background-position-x: -24px;}
.mcnavi__list {display: none;}

#contents {margin-bottom: 60px;}
.page__title {margin-bottom: 20px;color: #191919;font-size: 1.944em;font-weight: 700;}
.page__share {display: flex;align-items: center;position: relative;}
.page__share button {background: none;border: 0;box-sizing: border-box;position: relative;}
.page__share .btn {width: 50px;height: 50px;position: relative;}
.page__share .btn:before {content: "";display: block;background: url(/resources/familysite/common/images/layout_spr.png) no-repeat 0 -40px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 50px;height: 50px;border-radius: 50%;transition: background-color .35s;}
.page__share .btn-braille-view::before {background: url(/resources/familysite/www/images/braille_view.png); transition: background-color .35s;}
.page__share .btn-braille-down::before {background: url(/resources/familysite/www/images/braille_down.png);transition: background-color .35s;}
/*.page__share .btn-sns {z-index: 1;}*/
.page__share .btn-sns:before {background-position-x: -25px;}
.page__share .btn-print:before {background-position-x: -85px;}
.page__share .btn-sns.is-open:after,
.page__share .btn-sns:hover:after,
.page__share .btn-sns:focus:after,
.page__share .btn-print:hover:after,
.page__share .btn-print:focus:after {content: '';display: block;width: 100%;height: 3px;background: #0087af;position: absolute;left: 0;right: 0;bottom: -4px;z-index: 1;}
.page__share .share-sns {display: flex;position: relative;padding-right: 2px;margin-right: 2px;}
.page__share .share-sns:after {content: '';display: block;width:1px;height: 15px;background: #ddd;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.page__share .share-sns .list {display: none;position: absolute;top: 0;right: 7px;opacity: 0;margin: -6px;z-index: -1;}
.page__share .share-sns .list.is-open {opacity: 1;z-index: 1;}
.page__share .share-sns .list ul {margin-top: 60px;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.page__share .share-sns .list li:not(:last-child) {border-bottom: 1px solid #ddd;box-sizing: border-box;}
.page__share .share-sns .list .btn {overflow: hidden;margin-left: 0;transition: box-shadow .35s;}
.page__share .share-sns .list .btn:before {width: 32px;height: 32px;background-position-y: -100px;}
.page__share .share-sns .list .btn-fb:hover,
.page__share .share-sns .list .btn-fb:focus {box-shadow: 0px 0px 15px 0px rgba(0, 101, 215, 0.25);}
.page__share .share-sns .list .btn-fb:before {background-color: #0065d7;box-shadow: 0 0 15px rgba(0,101,215,.25);}
.page__share .share-sns .list .btn-kt:hover,
.page__share .share-sns .list .btn-kt:focus {box-shadow: 0px 0px 15px 0px rgba(0, 172, 238, 0.25);}
.page__share .share-sns .list .btn-kt:before {background-color: #fae300;background-position-x: -42px;box-shadow: 0 0 15px rgba(250,227,0,.5);}
.page__share .share-sns .list .btn-band:hover,
.page__share .share-sns .list .btn-band:focus {box-shadow: 0px 0px 15px 0px rgba(9, 182, 49, 0.25);}
.page__share .share-sns .list .btn-band:before {background-color: #09b631;background-position-x: -84px;box-shadow: 0 0 15px rgba(9,182,49,.25);}
.page__share .share-sns .list .btn-link:hover,
.page__share .share-sns .list .btn-link:focus {box-shadow: 0px 0px 15px 0px rgba(224, 26, 133, 0.25);}
.page__share .share-sns .list .btn-link:before {background-color: #e01a85;background-position-x: -126px;box-shadow: 0 0 15px rgba(224,26,133,.25);}
.page__share .share-sns .list .btn-close {background: #363636;border-radius: 15px;width: 44px;height: 44px;position: absolute;top: 10px;left: 0;right: 0;margin: auto;}
.page__share .share-sns .list .btn-close:before,
.page__share .share-sns .list .btn-close:after {content: "";display: block;background: #fff;width: 2px;height: 16px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.page__share .share-sns .list .btn-close:before {transform: rotate(45deg);}
.page__share .share-sns .list .btn-close:after {transform: rotate(-45deg);}

.page__tab {margin-bottom: 60px;}
.page__tab ul {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0 -7.5px -15px;}
.page__tab ul li {position: relative;max-width: calc(25% - 15px);flex: 0 0 25%;margin: 0 7.5px 15px;}
.page__tab ul li a {position: relative;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;height: 60px;padding: 10px 20px;transition: box-shadow .3s ease-in;background: #f6f6f6;border-radius: 10px 10px 10px 0;}
.page__tab ul li a:after {flex: 0 0 auto;content: '';display: block;background: url(/resources/openworks4/image/common/family_layout_spr.png) no-repeat -52px -42px;width: 24px;height: 24px;}
.page__tab ul li a span {align-items: center;line-height: 1.25;max-width: calc(100% - 24px);width: 100%;}
.page__tab ul li a[target=_blank] span:after {background: url(/resources/openworks4/image/common/nwindow.png) no-repeat 0 -55px;width: 14px;height: 14px;margin-left: 6px;opacity: .75;}
.page__tab:not(.is-mobile) ul li:nth-child(4n+1):before {display: none;}
.page__tab:not(.is-mobile) ul li.on a,
.page__tab:not(.is-mobile) ul li:not(.on) a:hover,
.page__tab:not(.is-mobile) ul li:not(.on) a:focus {background: #004597;border-radius: 10px 10px 10px 0;box-shadow: 2px 5px 15px 0.2px rgba(0, 69, 151, 0.2);color: #fff;}
.page__tab:not(.is-mobile) ul li.on a:not([target=_blank]):after {background: url(/resources/openworks4/image/common/family_layout_spr.png) no-repeat 0 -42px;width: 24px;height: 24px;}
.page__tab:not(.is-mobile) ul li:not(.on) a:hover:after, .page__tab:not(.is-mobile) ul li:not(.on) a:focus:after {background-position: 0 -42px;}
.page__tab ul li:not(.on) a[target=_blank]:focus span:after {background-position-x: -71px; }
/* 기존 탭메뉴 231018 */
/*.page__tab ul {display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;}
.page__tab ul li {flex: 0 0 25%;position: relative;}
.page__tab ul li a {position: relative;display: flex;align-items: center;justify-content: center;box-sizing: border-box;height: 60px;padding: 10px 20px;text-align: center;transition: box-shadow .3s ease-in;}
.page__tab ul li a span {display: inline-flex;align-items: center;line-height: 1.25;}
.page__tab ul li a span:after {content: '';display: block;}
.page__tab ul li a[target=_blank] span:after {background: url(/resources/openworks4/image/common/nwindow.png) no-repeat 0 -55px;width: 14px;height: 14px;margin-left: 6px;opacity: .75;}
.page__tab:not(.is-mobile) ul {background: #f7f7f7;border-radius: 15px;}
.page__tab:not(.is-mobile) ul li:before {content: '';display: block;background: #ddd;width: 1px;height: 18px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.page__tab:not(.is-mobile) ul li:nth-child(4n+1):before {display: none;}
.page__tab:not(.is-mobile) ul li.on a,
.page__tab:not(.is-mobile) ul li:not(.on) a:hover,
.page__tab:not(.is-mobile) ul li:not(.on) a:focus {background: #1c3b8a;border-radius: 15px;box-shadow: 0px 8px 29.4px 0.6px rgba(28, 59, 138, 0.22);color: #fff;}
.page__tab:not(.is-mobile) ul li.on a:not([target=_blank]) span:after {background: url(../images/layout_spr.png) no-repeat -117px -112px;width: 24px;height: 24px;margin-left: 12px;}
.page__tab ul li:not(.on) a[target=_blank]:hover span:after,
.page__tab ul li:not(.on) a[target=_blank]:focus span:after {background-position-x: -71px;}*/
.page__info {margin: 47px 0 0;border: 1px solid #ddd;}
.page__info > div {font-size: 16px;}
.page__info .charger {display: flex;min-height: 54px;padding: 15px 28px;border-top: 1px solid #ddd;box-sizing: border-box;background: #f8fafc;}
.page__info .charger ul {display: flex;}
.page__info .charger li {display: flex;color: #454545;margin-right: 24px;}
.page__info .charger .tit {color: #555;font-weight: 600;margin-right: 10px;}
.page__info .charger .modify {margin: 0 0 0 auto;}
.page__info .charger + .satisfy {border-top: 0 !important;}
.page__info .satisfy {min-height: 110px;padding: 22px 30px;box-sizing: border-box;background: #fff;}
.page__info .satisfy .title {color: #555;font-weight: 500;margin-bottom: 10px;padding: 0 0 0 30px;position: relative;}
.page__info .satisfy .title:before {content: "";display: block;background: url(/resources/openworks4/image/common/family_layout_spr.png) no-repeat 0 -76px;position: absolute;top: 0;left: 0;margin: 0 -1px;width: 24px;height: 24px;}
.page__info .satisfy-rdos .rdos {display: inline-block;margin-right: 30px;position: relative;}
.page__info .satisfy-rdos .rdos input[type=radio] {width: 1px;height: 1px;overflow: hidden;position: absolute;top: -9999em;left: -9999em;display: block;text-indent: -9999em;font-size: 0px;line-height: 0;opacity: 0;}
.page__info .satisfy-rdos .rdos label {padding-left: 27px;position: relative;}
.page__info .satisfy-rdos .rdos label:before,
.page__info .satisfy-rdos .rdos label:after {content: '';display: block;border-radius: 50%;position: absolute;top: 1px;left: 0;}
.page__info .satisfy-rdos .rdos label:before {border: 1px solid #dcdcdc;box-sizing: border-box;width: 17px;height: 17px;}
.page__info .satisfy-rdos .rdos label:after {background: #4369c3;width: 9px;height: 9px;transform: translate(4px, 4px);opacity: 0;}
.page__info .satisfy-rdos .rdos input[type=radio]:checked + label:before {border-color: #4369c3;}
.page__info .satisfy-rdos .rdos input[type=radio]:checked + label:after {opacity: 1;transition: .35s linear;}
.page__info .satisfy-input {display: flex;margin: 25px 0 0;}
.page__info .satisfy-input .input-text {border: 1px solid #dcdcdc;border-radius: 5px;box-sizing: border-box;width: 100%;height: 35px;padding: 0 15px;}
.page__info .satisfy-input .btn {flex: 0 0 auto;background: #888;border: 0;color: #fff;width: 82px;height: 35px;border-radius: 5px;margin-left: 5px;}
@media all and (max-width: 1399px) {
    .page__contents {max-width: 100%;}
}
@media all and (max-width: 1199px) {
    .sub-visual__cont {margin-bottom: 40px;}
    #cnavi {height: auto;margin-bottom: 20px;}
    .cnavi-in {display: block;}
    .cnavi-in:before {display: none;}
    #cnavi .home {width: 15px;height: 15px;}
    #cnavi .home:after {background-size: 301px auto;background-position-x: -93px;}
    .cnavi__list {display: none;}
    .mcnavi__list {display: block;}
    .mcnavi__list .list {display: flex;align-items: center;height: 45px;white-space: nowrap;text-overflow: ellipsis;overflow-x: auto;}
    .mcnavi__list .list li {margin-right: 30px;padding-right: 33px;position: relative;}
    .mcnavi__list .list li:not(:last-child):before {content: '';display: block;background: #ddd;width: 1px;height: 15px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
    .mcnavi__list .list li:first-child {margin-left: 0;padding-left: 0;}
    .mcnavi__list .list li:first-child:before {display: none;}
    .mcnavi__list .list a {display: block;color: #555;font-size: 13px;font-weight: 500;}
    .mcnavi__list .list li:last-child a {color: #333;text-decoration: underline;text-underline-offset: 3px;}
    .page__share  {justify-content: center;position: absolute;bottom: 100%;left: 0;right: 0;margin: 10px auto;}
    .page__share button {margin: 0 4px;}
    .page__info > div {padding: 10px 20px;}
    .page__info .charger {flex-direction: column;}
    .page__info .charger .modify {display: block;flex: 1 1 100%;border-top: 1px solid #dedede;text-align: right;margin: 10px -20px 0;padding: 10px 20px 0;}
    .page__info .satisfy .inner {display: block;}
    .page__info .satisfy-rdos {margin-bottom: 30px;}
    .page__info .satisfy-rdos .title:before {top: -2px;}
    .page__info .satisfy-input {width: auto;}
    .page__info .satisfy-input .form-control {flex: 1 1 100%;width: auto;}
}
@media all and (max-width: 768px) {
    #sub-visual {height: 80px;}
    .sub-visual__cont {align-items: flex-start;margin-bottom: 0;}
    .sub-visual__cont .title {font-size: 1.818em;}
    .page__share {left: auto;margin-bottom: 22px;}
    .page__share .btn-print {display: none;}
    .page__share .btn {width: 36px;height: 36px;margin: 0;}
    .page__share .btn:before {background-size: 301px auto;background-position-x: -136px;}
    .page__share .btn-sns:hover:before,
    .page__share .btn-sns:focus:before {background-position-x: -180px;}
    .page__share .share-sns .list li {margin-right: 5px;}
    .page__share .share-sns .list .btn:before {background-position-y: -47px;}
    .page__share .share-sns .list .btn-fb:before {background-position-x: 0;}
    .page__share .share-sns .list .btn-kt:before {background-position-x: -42px;}
    .page__share .share-sns .list .btn-band:before {background-position-x: -85px;}
    .page__share .share-sns .list .btn-link:before {background-position-x: -128px;}
    .page__share .share-sns .list .btn-close {width: 36px;height: 36px;}
	.page__tab ul {display: none;}
	.page__tab.is-mobile {position: relative;margin: 0 0 40px;font-size: 15px;font-weight: 500;}
	.page__tab.is-mobile .btn-tab {background: #f7f7f7;border: 1px solid transparent;border-radius: 8px;color: #555;width: 100%;height: 50px;padding: 0 15px;position: relative;text-align: left;}
	.page__tab.is-mobile .btn-tab:after {content: '';display: block;border: 2px solid #004597;border-top: 0;border-left: 0;box-sizing: border-box;width: 12px;height: 12px;transform: rotate(45deg);transform-origin: center;transition: top .35s;position: absolute;top: -5px;bottom: 0;right: 10px;margin: auto;margin-right: 7px;}
    .page__tab.is-mobile .btn-tab.is-open {background: #004597;border-color: #004597;color: #fff;}
    .page__tab.is-mobile .btn-tab.is-open:after {border-color: #fff;transform: rotate(-135deg);top: 2px;}
	.page__tab.is-mobile .tab-wrap {display: none;background: #fff;position: absolute;top: 100%;left: 0;width: 100%;padding: 5px 0;margin-top: -5px;border: 1px solid #0065d7;border-top: 0;border-radius: 0 0 8px 8px;box-sizing: border-box;z-index: 11;}
	.page__tab.is-mobile ul {display: flex;box-sizing: border-box;padding: 0 20px;margin: 0;}
	.page__tab.is-mobile li {flex: 0 0 50%;max-width: 50%;position: relative;margin: 0;}
	.page__tab.is-mobile li:before {content: '';display: block;border-left: 1px dashed #ddd;box-sizing: border-box;width: 1px;height: 60%;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
	.page__tab.is-mobile li:nth-child(2n+1):before {display: none;}
	.page__tab.is-mobile li a {align-items: center;background: transparent;height: 44px;}
	.page__tab.is-mobile li a:after {display: none;}
	.page__tab.is-mobile li.on a {color: #004597;font-weight: 600;}
    .page__info .charger .tit {margin-right: 15px;}
    .page__info .satisfy-input {margin: 0 -21px -1px;}
    .page__tab ul li a span:after { display: none;}
}
@media all and (max-width: 640px) {
	.page__tab.is-mobile li {flex: 0 0 100%;max-width: 100%;}
	.page__tab.is-mobile li:before {border-left: 0;border-top: 1px dashed #ddd;width: 100%;height: 1px;top: auto;}
	.page__tab.is-mobile li:nth-child(2n+1):before {display: block;}
	.page__tab.is-mobile li:last-child:before {display: none;}
	.page__tab.is-mobile li a {justify-content: center;text-align: left;padding: 10px 0;}
    .page__info .satisfy-rdos .rdos {margin: 3px 25px 3px 0;}
    .page__info .satisfy-input .form-control {padding: 2px 5px;}
    .page__tab ul li a span:after { display: none;}
}

/* ******************* *
* KEYFRAMES
* ******************* */
@keyframes scale-up-center {
    0% {transform: scale(0.1);border-radius: 50%;}
    90% {border-radius: 30px;}
    100% {transform: scale(1);border-radius: 0;box-shadow: 0px 4px 20px 0px rgba(7, 50, 93, 0.25);}
}

.root_daum_roughmap .wrap_btn_zoom {z-index: 2 !important;}

.tooltip-btn{position: relative}
.tooltip-text{visibility: hidden;width: 100px;background-color: rgba(0, 0, 0, 0.75);color: #fff;text-align: center;padding: 5px;border-radius: 4px;position: absolute;bottom: 125%;left: 50%;transform: translateX(-50%);z-index: 100;opacity: 0;transition: opacity 0.3s}
.tooltip-text::after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent}
.tooltip-btn:hover .tooltip-text{visibility: visible;opacity: 1}

@media screen and (max-width: 768px) {
  .tooltip-text {width: 100px;font-size: 12px; padding: 4px; }
}