@charset "UTF-8";

@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:100; src: local('☺'), url('/resource/m/en/font/NotoSansKr-Thin.woff2') format('woff2'), url('/resource/m/en/font/NotoSansKr-Thin.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src: local('☺'), url('/resource/m/en/font/NotoSansKr-Light.woff2') format('woff2'), url('/resource/m/en/font/NotoSansKr-Light.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: local('☺'), url('/resource/m/en/font/NotoSansKr-Regular.woff2') format('woff2'), url('/resource/m/en/font/NotoSansKr-Regular.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: local('☺'), url('/resource/m/en/font/NotoSansKr-Bold.woff2') format('woff2'), url('/resource/m/en/font/NotoSansKr-Bold.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:800; src: local('☺'), url('/resource/m/en/font/NotoSansKr-Black.woff2') format('woff2'), url('/resource/m/en/font/NotoSansKr-Black.woff') format('woff'); }

/****************************** RESET ******************************/
html, body { height:100%; text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin:0; padding:0; }
body, input, select, textarea, button, table { font-family:'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif; font-size:15px; color:#000; word-break:keep-all; word-wrap:break-word; }
h1, h2, h3, h4, h5, h6 { font-weight:inherit; font-size:inherit; }
fieldset { border:0; }
img { border:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl, ul, ol, menu, li { list-style:none; }
em, address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover,a:active,a:focus { text-decoration:none; }
img, a{ -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ user-drag: none; -webkit-user-drag: none; }
input, select, textarea, button { vertical-align:middle; border-radius:0;-webkit-appearance:none; }
button { cursor:pointer; width:auto; overflow:visible; color:inherit; vertical-align:middle; background:transparent; border:none; box-sizing:border-box; }
sup { line-height:1; font-size:0.4em; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption, legend { text-indent:-9999px; width:0; height:0; font-size:1px; line-height:0; border:0; white-space:nowrap; overflow:hidden; }
input[type='text'], input[type='password'] { box-sizing:border-box; -webkit-appearance:none; appearance:none; resize:none; box-shadow:none !important; }
input:checked[type='checkbox'] { -webkit-appearance:checkbox; }
input[type='text']::-ms-clear{ display:none; }
input,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0) }
input[disabled="disabled"], select[disabled="disabled"], input[readonly="readonly"], input.disabled, input.readonly { background-color:#f5f5f5; color:#666; cursor:default; box-sizing:border-box; }
input[disabled="disabled"]:focus, select[disabled="disabled"]:focus, input[readonly="readonly"], input.disabled:focus, input.readonly:focus { border-color:#ddd !important }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; }
select::-ms-expand { display:none; }
input[data-fakefile="file"] { position:absolute; width:1px; height:16px; padding:0; margin:0; opacity:0; overflow:hidden; box-sizing:border-box; }
::-webkit-input-placeholder { color:#888 !important; letter-spacing:-0.02em; font-weight:normal !important; }
::-moz-placeholder { color:#888 !important; letter-spacing:-0.02em; font-weight:normal !important; }
:-ms-input-placeholder { color:#888 !important; letter-spacing:-0.02em; font-weight:normal !important; }
select.placeholder { color:#888 !important; letter-spacing:-0.02em; font-weight:normal !important; }
th, td { text-indent:0; word-break:keep-all; word-wrap:break-word; }
div:focus, dl:focus, dt:focus, dd:focus, ul:focus, ol:focus, li:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, pre:focus, code:focus,
form:focus, fieldset:focus, legend:focus, textarea:focus, p:focus, blockquote:focus, th:focus, td:focus, article:focus, aside:focus, details:focus,
figcaption:focus, figure:focus, footer:focus, header:focus, hgroup:focus, main:focus, nav:focus, section:focus, summary:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus,
div:hover, dl:hover, dt:hover, dd:hover, ul:hover, ol:hover, li:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, pre:hover, code:hover,
form:hover, fieldset:hover, legend:hover, textarea:hover, p:hover, blockquote:hover, th:hover, td:hover, article:hover, aside:hover, details:hover,
figcaption:hover, figure:hover, footer:hover, header:hover, hgroup:hover, main:hover, nav:hover, section:hover, summary:hover,a:hover,button:hover,input:hover,select:hover,textarea:hover { outline:none; }
small { font-size:inherit; }
/****************************** COMMON ******************************/
.blind { display:block; position:absolute; left:-9999px; text-indent:-9999px; width:0; height:0; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap; }
.skip { position:fixed; left:0; right:0; top:0; display:block; overflow:hidden; font-size:1em; line-height:0; color:#fff; background:#ff6600; font-weight:700; text-align:center; z-index:-1; opacity:0; }
.skip:focus { z-index:1000; opacity:1; line-height:80px; }
.vt { vertical-align:top !important; }
.iblock { display:inline-block; }
.block { display:block; }
.ac { text-align:center; }

/****************************** ICON ******************************/
.ir, .ir-b:before, .ir-a:after { display:inline-block; vertical-align:middle; background-image:url("/resource/m/en/image/common/sprite.png"); background-position:999px 999px; background-size:400px 200px; background-repeat:no-repeat; }
.ir-b:before, .ir-a:after { content:''; }
.ir { padding:0; margin:0; white-space:nowrap; font-size:1px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }

.i-logo { background-position:-107px -76px; width:106px; height:19px; }
.i-logo-4 { background-position:-259px -31px; width:76px; height:16px; }
.header.normal .i-logo, .header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { background-position:-107px -100px; }
.i-fsns-dw { width:22px; height:23px; background-position:-75px -48px; }
.i-fsns-fb { width:13px; height:23px; background-position:-102px -48px; }
.i-fsns-ig { width:18px; height:23px; background-position:-120px -48px; }
.i-fsns-yt { width:24px; height:23px; background-position:-143px -48px; }
.i-allmenu::before { width:20px; height:20px; background-position:0 -44px; }
.i-allmenu-2::before { width:20px; height:20px; background-position:-25px -44px; }
.i-allmenu-3::before { width:20px; height:20px; background-position:-50px -44px; }

.i-sns-fb { background-position:0 -128px; width:13px; height:23px; }
.i-sns-ig { background-position:-23px -128px; width:18px; height:23px; }
.i-sns-yt { background-position:-51px -128px; width:24px; height:23px; }
.i-sns-dw { background-position:-85px -128px; width:23px; height:23px; }
.i-play { position:relative; display:block; width:60px; height:60px; background:#fff; border-radius:100%; }
.i-play:after { content:''; position:absolute; left:50%; top:50%; display:block; width:0; height:0; border-top:8px solid transparent; border-left: 12px solid #ff5a2b; border-bottom:8px solid transparent; margin:-8px 0 0 -5px; }
.i-attach { background-position:-172px -48px; width:9px; height:10px; }
.i-download { background-position:-204px -48px; width:13px; height:14px; }
.i-download-2 { background-position:-222px -48px; width:15px; height:16px; }
.i-download-3 { background-position:-186px -48px; width:13px; height:14px; }
.btn-t .i-download-3 { margin:-7px 0 0 5px; }
.btn-t.full .i-download-3 { position:absolute; right:20px; top:50%; margin-top:-7px; }
.i-download-4 { background-position:-242px -48px; width:12px; height:12px; margin:-4px 0 0 9px; }
.i-view { position:relative; width:18px; height:18px; transition:all 0.3s ease; }
.i-view::before { content:''; position:absolute; display:block; background:#000; width:2px; height:18px; left:8px; }
.i-view::after { content:''; position:absolute; display:block; background:#000; width:18px; height:2px; top:8px; }
.active .i-view { transform:rotate(45deg); }
.active .i-view::before, .active .i-view::after { background:#ff5a2b; }
.i-view-2 { position:relative; width:10px; height:10px; }
.i-view-2::before { content:''; position:absolute; display:block; background:#fff; width:2px; height:10px; left:4px; }
.i-view-2::after { content:''; position:absolute; display:block; background:#fff; width:10px; height:2px; top:4px; }
.i-view-3 { position:absolute; width:20px; height:20px; background:#000; border-radius:100%; }
.i-view-3::before { content:''; position:absolute; display:block; background:#fff; width:2px; height:10px; left:9px; top:5px; }
.i-view-3::after { content:''; position:absolute; display:block; background:#fff; width:10px; height:2px; left:5px; top:9px; }

.i-prev { background-position:-121px 0; width:7px; height:11px; }
.i-next { background-position:-121px 0; width:7px; height:11px; transform:rotate(180deg); }
.i-prev-3 { background-position:-72px -14px; width:11px; height:7px; }
.i-next-3 { background-position:-72px -14px; width:11px; height:7px; transform:rotate(180deg); }
.i-down { border-top:6px solid #0042ff; border-left:4px solid transparent; border-right:4px solid transparent; margin-top:-2px; }
.i-up { border-bottom:9px solid #ff5a2b; border-left:6px solid transparent; border-right:6px solid transparent; margin-top:-2px;    }
.i-store { width:20px; height:28px; background-position:0 -89px; }
.i-tel { background-position:-80px -74px; width:7px; height:12px; margin:-1px 5px 0 0; }
.i-pin-2 { background-position:-92px -74px; width:10px; height:12px; margin:-2px 5px 0 0; }
.active .i-pin-2 { background-position:-92px -91px; }
.i-pin-4 { background-position:-280px 0; width:21px; height:26px; }
.active .i-pin-4 { background-position:-306px 0; }
.i-pin-5 { width:11px; height:14px; background-position:-232px 0; }
.i-tel-2 { width:11px; height:14px; background-position:-248px 0; }
.i-fax { width:11px; height:14px; background-position:-264px 0; }
.i-required { margin:1px 3px 0; width:5px; height:5px; border-radius:50%; background-color:#ff5a2b; vertical-align:top; }

.i-no-data::before { background-position:-235px -76px; width:52px; height:52px; margin:-2px 0 0 5px; }

.i-go { position:relative; display:inline-block; width:10px; height:12px; overflow:hidden; margin:0 0 -1px 7px; vertical-align:0; } /*231025 | width 수정*/
body.ios .i-go { margin-bottom:2px; }
/* .i-go::after { content:''; position:absolute; right:3px; top:5px; vertical-align:top; width:19px; height:2px; background:#000; } */ /*231025 | 주석*/
.i-go::before { content:''; position:absolute; right:3px; top:2px; margin:0; width:6px; height:6px; border-left:solid 2px #000; border-bottom:solid 2px #000; -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.i-go-2 { background-position:-59px -69px; width:13px; height:13px; margin:-2px 0 0 5px; }
.i-go-3 { background-position:-25px -104px; width:14px; height:14px; margin:-2px 0 0 6px; }
.i-company { background-position:0 -122px; width:22px; height:21px; }
.i-rnd { background-position:-27px -122px; width:23px; height:21px; }
.i-factory { background-position:-55px -122px; width:25px; height:21px; }

.i-sch { background-position:-46px 0; width:21px; height:21px; }
.i-sch-2 { background-position:-85px -122px; width:16px; height:17px; }
.i-sch-4::before { background-position:-107px -76px; width:60px; height:62px; }
.i-sch-5::before { background-position:-172px -76px; width:58px; height:54px; }

.i-del { position:relative; width:24px; height:24px; background:#ddd; border-radius:100%; }
.i-del::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:14px; height:1.5px; background:#fff; transform:rotate(-45deg); left:5px; }
.i-del::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:14px; height:1.5px; background:#fff; transform:rotate(45deg); left:5px; }

.i-sns-ig-2::before { background-position:-86px -26px; width:15px; height:15px; }
.i-sns-fb-2::before { background-position:-66px -26px; width:15px; height:15px; }
.i-sns-yt-2::before { background-position:-106px -26px; width:15px; height:15px; }
.i-sns-nr-2::before { background-position:-46px -26px; width:15px; height:15px; }
.i-list::before { width:13px; height:13px; background-position:-103px 0px; vertical-align:-1px; margin-right: 8px; }
.i-num::before { background-position:-72px 0; width:10px; height:11px; margin:0 5px 0 0; }
.ios .i-num::before { margin-top:-2px; }
.i-hit::before { background-position:-87px 0; width:11px; height:11px; margin:0 5px 0 0; }
.ios .i-hit::before { margin-top:-2px; }
.i-sch-3::before { background-position:0 0; width:41px; height:41px; }
.i-stock::before { background-position:0 -69px; width:15px; height:15px; margin:-2px 7px 0 0; }
.i-stock-2::before { background-position:-20px -69px; width:15px; height:15px; margin:0 7px 0 0; vertical-align:-3px; }
.i-stock-3::before { background-position:-40px -69px; width:15px; height:15px; margin:0 7px 0 0; vertical-align:-3px; }
.i-exclamation::before { background-position:-59px -89px; width:16px; height:16px; margin:-4px 5px 0 0; }
.i-window::after { background-position:-25px -89px; width:12px; height:12px; vertical-align:-2px; margin-left: 5px; }
.i-window-3::after { background-position:-232px -24px; width:14px; height:14px; }
.i-window-4::after { background-position:-59px -108px; width:14px; height:14px; margin-left: 5px; }
.i-report::after { background-position:-292px -53px; width:76px; height:76px; }
.i-pin-3::after { background-position:-42px -89px; width:12px; height:14px; vertical-align:-2px; margin-left: 5px; }

.i-subway::before { background-position:-332px 0; width:16px; height:16px; vertical-align:-2px; margin:0 10px 0 0; }
.i-bus::before { background-position:-353px 0; width:16px; height:16px; vertical-align:-2px; margin:0 10px 0 0; }
.i-pin-6::after { background-position:-42px -106px; width:12px; height:14px; vertical-align:-2px; margin-left: 5px; }


.ico-txt { display:inline-block; width:16px; height:16px; font-size:11px; font-weight:700; color:#fff; background-color:#ff5a2b; text-align:center; line-height:16px; box-sizing:border-box; vertical-align:middle; border-radius:3px; }
.ico-txt-2 { display:inline-block; width:43px; height:22px; font-size:12px; font-weight:700; color:#fff; background-color:#ff5a2b; text-align:center; line-height:24px; box-sizing:border-box; vertical-align:middle; }
.ico-txt-3 { position:relative; display:inline-block; width:30px; height:25px; padding-top:7px; background:#ff5a2b; font-size:10px; font-weight:700; color:#fff; text-align:center; box-sizing:border-box; }
.ico-txt-3:after { content:''; position:absolute; left:0; bottom:-5px; width:0; height:0; border-bottom:5px solid transparent; border-left:15px solid #ff5a2b; border-right:15px solid #ff5a2b; }
.ico-txt-3.ty-2 { background:#000; }
.ico-txt-3.ty-2:after { border-left:15px solid #000; border-right:15px solid #000; }
.ico-txt-4 { display:inline-block; height:21px; font-size:10px; color:#000; font-weight:bold; background-color:#eee; text-align:center; line-height:23px; box-sizing:border-box; vertical-align:middle; padding:0 8px 0 0; }
.ico-txt-4::before { content:'';  display:inline-block; width:5px; height:100%; margin-right:10px; vertical-align:top; background-color:#546f5d; }
.ico-txt-4.ty-2::before { background-color:#3f537e; }
.ico-txt-4.ty-3::before { background-color:#f49c00; }
.ico-txt-4.ty-4::before { background-color:#935f97; }
.ico-txt-4.ty-5::before { background-color:#ce6a51; }
.ico-txt-5 { display:inline-block; margin-right:9px; height:19px; font-size:12px; color:#fff; background-color:#009d3e; text-align:center; line-height:18px; box-sizing:border-box; vertical-align:middle; padding:0 13px; }
.ios .ico-txt-5 { line-height:22px; }
.ico-txt-5.ty-2 { background-color:#bdb092; }

.deco-set { z-index:-1; }
.deco-circle { display:block; position:absolute; border-radius:100%; width:16.5px; height:16.5px; background:#8e8f95; }
.deco-circle.ty-2 { width:33px; height:33px; background:#1e202b; }
.deco-circle.ty-3 { width:66px; height:66px; background:#ff5a2b; }

/****************************** LAYOUT ******************************/
.top-banner { display:none; position:relative; z-index:99; }
.top-banner .inner { text-align:center; }
.top-banner .inner > .item { display:block; }
.top-banner .inner img { height:110px; margin:0 -500px; }
.top-banner .foot { height:41px; background:#1e202b; margin:0; padding:13px 30px; box-sizing:border-box; }
.top-banner .foot .today { color:#fff; line-height:1; }
.top-banner .foot .fm-chk { width:15px; height:15px; }
.top-banner .foot .fm-chk + .fm-chk-i { font-size:15px; font-weight:400; min-height:15px; line-height:15px; padding-left:25px; }
.top-banner .foot .fm-chk + .fm-chk-i:before { width:15px; height:15px; border-width:2px; border-color:#fff; }
.top-banner .foot .fm-chk + .fm-chk-i:after { background:transparent; width:5px; height:5px; left:7.5px; top:50%; }
.ios .top-banner .foot .fm-chk + .fm-chk-i:after { top:6.5px; }
.top-banner .foot .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.top-banner .foot .close { position:absolute; right:30px; top:50%; margin-top:-42px; width:42px; height:42px; background:#ff5a2b; border-radius:42px; }
.top-banner .foot .close .i-close { display:block; position:relative; width:21px; height:21px; margin:0 auto; }
.top-banner .foot .close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.top-banner .foot .close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.top-banner .foot .close:hover .i-close::before, .top-banner .foot .close:hover .i-close::after { transform:rotate(0); }

.header { position:absolute; left:0; width:100%; line-height:1; z-index:101; }
.header.normal { position:relative; height:64px; }
.header .header-inner { position:absolute; top:0; left:0; width:100%; padding-top:64px; }
.header .header-inner::before { content:''; position:absolute; top:0; left:0; bottom:0; width:100%; background:#fff; border-bottom:1px solid #eee; opacity:0; }
.header.fixed .header-inner { position:fixed; }
.header .gnb-logo { position:absolute; left:30px; top:22.5px; z-index:6; }
.header .btn-all { position:absolute; right:30px; top:17px; z-index:6; width:30px; height:30px; }
.header .btn-all .bar { position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.header .btn-all .bar::before,
.header .btn-all .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; }
.header .btn-all .bar::before { -webkit-transform:translateY(-9px); transform:translateY(-9px); }
.header .btn-all .bar::after { -webkit-transform:translateY(7px); transform:translateY(7px); }
.header .all-inner { position:fixed; right:0; top:0; bottom:0; width:100%; padding:0 0 30px; z-index:10; background:#fff; color:#000; box-sizing:border-box; }
.header .all-inner .lang { padding:0 28px; font-size:16px; color:#888; line-height:64px; white-space:nowrap; background:#fff; }
.header .all-inner .lang .item + .item::before { content:''; display:inline-block; width:1px; height:12px; margin:0 18px 0 13px; background:#eee; }
.header .all-inner .lang .active { color:#000; font-weight:normal; }
.header .all-inner .sc { position:absolute; left:0; right:0; bottom:0; top:64px; overflow-y:auto; overflow-x:hidden; }
.header .all-inner .main { margin:25px 28px 35px; white-space:nowrap; min-width:200px; }
.header .all-inner .main .dep-1 + .dep-1 { margin-top:0; }
.header .all-inner .main .dep-1 > a { position:relative; display:block; padding:23px 0 26px; font-size:30px; font-weight:bold; line-height:1.35; }
.header .all-inner .main .dep-1 > .sub { display:none; padding:24px 30px; margin:0 -30px; background:#f9f8f6; }
.header .all-inner .main .dep-2 { font-size:20px; }
.header .all-inner .main .dep-2 > a { font-weight:bold; }
.header .all-inner .main .dep-2 .sub { margin:0 30px; padding-bottom:8px; }
.header .all-inner .main .dep-3 { font-size:15px; }
.header .all-inner .main .dep-3 + .dep-3 { margin-top:0; }
.header .all-inner .main .sub a { display:block; padding:14px 0 15px; }
.header .all-inner .main .dep-1 > a::after { content:''; position:absolute; right:13px; top:50%; width:8px; height:8px; margin-top:-10px; border:0 solid #000; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.header .all-inner .main .dep-1.opend-sub > a::after { margin-top:-6px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.header .all-inner .util { margin:0 28px; padding-bottom:45px; white-space:nowrap; min-width:200px; }
.header .all-inner .util a { position:relative; display:inline-block; font-weight:bold; }
.header .all-inner .util a::before { margin:0 12px 4px 0; }
.header .all-inner .util li + li { margin-top:21px; }
.header .cur-depth2 { line-height:49px; height:0; overflow:hidden; }
.header .cur-depth2::before, .header .cur-depth2::after { display:none; }
.header.normal .cur-depth2::before, .header.fixed.min .cur-depth2::before, .header.normal .cur-depth2::after, .header.fixed.min .cur-depth2::after { display:block; }
.header .cur-depth2 li:first-child { padding-left:17px; }
.header .cur-depth2 li:last-child { padding-right:18px; }
.header .cur-depth2 li { display:inline-block; vertical-align:top; }
.header .cur-depth2 a { display:block; font-size:18px; padding:0 17px 0 18px; }
.header .cur-depth2 .active a { color:#ff5a2b; }

.header .all-inner { width:0; overflow:hidden; }
.header.normal .btn-all .bar, .header.normal .btn-all .bar::before, .header.normal .btn-all .bar::after,
.header.min .btn-all .bar, .header.min .btn-all .bar::before, .header.min .btn-all .bar::after { background:#000; }
.header .all-inner .btn-all .bar { background:transparent; }
.header .all-inner .btn-all .bar::before { background:#000; -webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg); }
.header .all-inner .btn-all .bar::after { background:#000; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); }
.header .header-inner { -webkit-transition:top 300ms linear; transition:top 300ms linear; }
.header .header-inner::before { -webkit-transition:opacity 300ms linear; transition:opacity 300ms linear; }
.header .cur-depth2 { -webkit-transition:height 300ms linear; transition:height 300ms linear; }
.header.normal .header-inner::before, .header.fixed.min .header-inner::before { opacity:1; }
body.down .header.fixed.min.is-active .header-inner { top:-64px; -webkit-transition-delay:300ms; transition-delay:300ms; }
.header.fixed.min .cur-depth2 { height:49px; -webkit-transition-delay:300ms; transition-delay:300ms; }

.footer { position:relative; padding:73px 30px 39px; background:#f7f2e8; }
.footer .familysite button { position:relative; width:100%; padding:14px 0 12px; font-size:15px; text-align:left; border-bottom:2px solid #000; }
.footer .familysite button::after { content:''; position:absolute; right:2px; bottom:12px; width:6px; height:6px; border:0 solid #000; border-width:2px 0 0 2px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.footer .familysite button.active::after { margin-bottom:4px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.footer .familysite > dd { display:none; position:relative; top:-2px; margin-bottom:-3px; padding:16px 0; border:2px solid #111; background:#fff; }
.footer .familysite li { margin:13px 0; }
.footer .familysite a { display:block; padding:0 26px; font-size:15px; line-height:30px; color:#888; }
.footer .footer-menu { margin:38px 0 0; font-size:12px; color:#000; }
.footer .footer-menu li { display:inline; }
.footer .footer-menu li + li::before { content:''; display:inline-block; width:3px; height:3px; background:#c6c2ba; margin:0 12px 2px 8px; border-radius:3px; }
.footer .copyright { margin:18px 0 0; font-size:10px; color:#888; }
.footer .btn-top { position:absolute; right:30px; top:0; width:55px; line-height:55px; text-transform:uppercase; font-size:12px; color:#fff; background:#222; text-align:center; -webkit-transition:background 300ms ease; transition:background 300ms ease; }
.footer .btn-top:focus { background:#888; }
.footer .social { margin:29px 0 0 -8px; }
.footer .social a { display:inline-block; padding:8px; opacity:1; -webkit-transition:opacity 300ms ease; transition:opacity 300ms ease; }
.footer .social a + a { margin-left:3px; }
.footer .social a:focus { opacity:0.4; }

.wrap { overflow:hidden; }
.contents { padding:60px 30px 60px; }

/****************************** BUTTON ******************************/
.btn-wrap { text-align:center; margin-top:60px; }
.btn-wrap.btn-col-wrap { display:flex; justify-content:space-between; }
.btn-t, .btn-t-3, .btn-t-4, .btn-t-5 { display:inline-block; text-align:center; box-sizing:border-box; }
.btn-t { position:relative; height:55px; font-size:14px; line-height:56px; padding:0 20px; }
.btn-t.full { width:100%; text-align:left; }
.btn-t-3 { width:100%; height:50px; font-size:14px; line-height:50px; font-weight:700; }
.btn-t-3 + .btn-t-3 { margin-top:15px; }
.btn-t-5 { height:35px; font-size:14px; line-height:38px; padding:0 20px; }
.btn-t .i-list { font-weight:bold; }


.btn-c { color:#fff; background-color:#000; }
.btn-c-2 { border:solid 1px #000; }
.btn-c-3 { border:solid 1px #ddd; }
.btn-col { width:calc(50% - 5px); }
.btn-col-wrap .btn-t-3 + .btn-t-3 { margin-top:0; }

.btn-wrap-2 { margin-top:13px; }
.btn-wrap-2.cmgt { margin-top:38px; }
.btn-txt { display:inline-block;font-size:14px; font-weight:700; margin-right:12px; line-height:1; }
.btn-txt .i-go-3 { margin:2px 0 0 5px; }
.ios .btn-txt .i-go-3 { margin:-3px 0 0 5px; }
.btn-more { position:relative; display:inline-block; font-size:14px; font-weight:700; line-height:1; padding-bottom:7px; }

/****************************** FORM ******************************/
.fm-item { position:relative; }
.fm-sel { width:100%; height:55px; background:#fff url("/resource/m/en/image/common/fm-sel.png") right 0 center no-repeat; background-size:7px 4px; font-size:14px; padding:0 20px 0 17px; border:solid 1px #000; }
.fm-sel.placeholder { color:#888 !important; font-weight:normal; }
.fm-sel-2 { width:auto; height:32px; background:#fff url("/resource/m/en/image/common/fm-sel-2.png") right 4px top 13px no-repeat; font-size:12px; line-height:32px; padding:0 24px 0 0; border:none; }
.fm-sel-3 { width:100%; height:38px; background:url("/resource/m/en/image/common/fm-sel-2.png") right 0 center no-repeat; font-size:14px; padding:0 25px 0 0; border:solid 1px #000; border-width:0 0 1px 0; }
.fm-sel-4 { width:100%; height:55px; background:url("/resource/m/en/image/common/fm-sel-3.png") right 20px center no-repeat; background-size:11px 7px; font-size:14px; padding:0 30px 0 20px; border:solid 1px #ddd; }
.fm-sch { position:absolute; top:8px; right:9px; line-height:0; padding:10px; }
.list-sch .fm-sch { top:7px; }
.fm-ipt { width:100%; height:55px; font-size:14px; padding:0 20px 0 20px; border:solid 1px #000; }
.fm-ipt.ipt-sch { padding-right:85px; }
.fm-ipt-3 { width:100%; height:54px; font-size:16px; padding:0 30px 0 30px; border:solid 2px #000; }
.fm-del { position:absolute; right:45px; top:50%; width:30px; height:30px; line-height:0; visibility:hidden; overflow:hidden; -webkit-transform:translateY(-50%); transform:translateY(-50%); opacity:0; transition:opacity 0.3s; }
.del-view .fm-del { visibility:visible; opacity:1; }

.fm-ipt-4 { width:100%; height:55px; font-size:14px; padding:0 19px; border:solid 1px #ddd; }
.fm-ipt-4:focus, .fm-sel-4:focus { border-color:#000; }
.fm-ta { width:100%; height:215px; font-size:14px; padding:19px; border:solid 1px #ddd; box-sizing:border-box; }
.fm-txt, .fm-txt-2 { display:inline-block; }
.fm-txt { font-size:14px; color:#888; margin-left:16px; }
.fm-txt-2 { color:#000; margin:0 10px 0 9px; line-height:55px; }

.fm-rad, .fm-chk, .fm-chk-2 { position:absolute; padding:0; margin:0; opacity:0; box-sizing:border-box; outline:none; }
.fm-rad + .fm-rad-i { display:inline-block; position:relative; width:auto; min-height:22px; line-height:22px; cursor:pointer; color:#000; padding-left:31px; }
.fm-rad + .fm-rad-i:before { top:0; left:0; width:22.5px; height:22.5px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:-2px; }
.fm-rad + .fm-rad-i:after { top:0; left:0; width:22.5px; height:22.5px; background:#fff; border-radius:100%; opacity:0; margin-top:-2px; }
.fm-rad:checked + .fm-rad-i:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.fm-rad:checked + .fm-rad-i:after { top:7.5px; left:7.5px; width:7.5px; height:7.5px; opacity:1; }
.fm-rad-i:before, .fm-rad-i:after, .fm-chk-i:before, .fm-chk-i:after { content:''; position:absolute; }

.fm-chk { width:12px; height:12px; }
.fm-chk + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:12px; line-height:12px; cursor:pointer; padding-left:19px; font-size:12px; }
.fm-chk + .fm-chk-i:before { left:0; top:0; width:12px; height:12px; border:solid 1px #000; box-sizing:border-box; }
.ios .fm-chk + .fm-chk-i:before { margin-top:-1px; }
.fm-chk + .fm-chk-i:after { display:block; width:6px; height:6px; left:6px; top:6px; background:#fff; transition:all 0.2s ease-in-out; transform:translate(-50%, -50%); }
.ios .fm-chk + .fm-chk-i:after { top:5px; }
.fm-chk:checked + .fm-chk-i:after { background:#000; width:6px; height:6px; }

.fm-chk-2 + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:22px; line-height:22px; cursor:pointer; color:#000; padding-left:31px; }
.fm-chk-2 + .fm-chk-i:before { top:0; left:0; width:22.5px; height:22.5px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:-2px; }
.fm-chk-2 + .fm-chk-i:after { top:0; left:0; width:22.5px; height:22.5px; background:#fff; border-radius:100%; opacity:0; margin-top:-2px; }
.fm-chk-2:checked + .fm-chk-i:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.fm-chk-2:checked + .fm-chk-i:after { top:7.5px; left:7.5px; width:7.5px; height:7.5px; opacity:1; transition:border 0.3s ease; }

.rad-group { line-height:0; }
.rad-group .fm-item { display:inline-block; }
.fm-wrap .fm-item + .fm-item, .fm-col + .fm-item { margin-top:15px; }
.fm-wrap .fm-item { display:block; }
.fm-col .fm-item + .fm-item { margin-top:0; }
.fm-col { margin-top:15px; display:flex; justify-content:space-between; }
.fm-col .fm-item { width:calc(50% - 5px); }


@media all and (max-width:360px) {
    .fm-col.small .fm-item .fm-rad + .fm-rad-i  { font-size:14px; white-space:nowrap }
}

.terms-box { overflow-y:scroll; height:345px; padding:30px 29px; font-size:14px; line-height:24px; border:1px solid #ddd; font-size:14px; background-color:#fafafa; -webkit-overflow-scrolling:touch;}
.terms-box .terms-title { margin:22px 0 10px; font-size:15px; font-weight:700; }
.terms-box .terms-title:first-child { margin-top:0; }
.terms-box .terms-list { margin:10px 0 0; color:#888; }
.fm-agree { margin-top:30px; }

html .terms-box { scrollbar-3dLight-Color:#000; scrollbar-arrow-color:#000; scrollbar-base-color:#000; scrollbar-Face-Color:#000; scrollbar-Track-Color:#f0f0f0; scrollbar-DarkShadow-Color:#000; scrollbar-Highlight-Color:#000; scrollbar-Shadow-Color:#000; }
.terms-box::-webkit-scrollbar { width:5px; height:30px; border:3px solid transparent; }
.terms-box::-webkit-scrollbar-button:start:decrement, .format-chapter::-webkit-scrollbar-button:end:increment { display:block; height:0; background:#000; }
.terms-box::-webkit-scrollbar-track { background:#efefef; border-radius: 2.5px; }
.terms-box::-webkit-scrollbar-thumb { background:#000; border-radius: 2.5px; }

.fm-data { padding-bottom:30px; border-top:2px solid #000; border-bottom:1px solid #eee; }
.fm-title { font-size:15px; font-weight:700; margin:29px 0 17px; }

/****************************** 팝업 ******************************/
body .fixed-scroll { position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch; }
.uipop-container { display:none; position:absolute; }
.uipop-container iframe { vertical-align:top; }
.uipop-container .accessibility-btns { position:absolute; top:0; right:0; opacity:0; white-space:nowrap; width:1px; height:1px; overflow:hidden; }
.uipop-container.dim { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:900; overflow:auto; -webkit-overflow-scrolling:touch; }
.uipop-container.full-trans.dim { background:rgba(0,0,0,.8); }
.uipop-container.dim .uipop-track { display:table-cell; width:100vw; height:100vh; vertical-align:middle; }
.uipop-container .uipop-track.track-bottom { position:fixed;left:0;right:0;display:block;width:auto;height:auto;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;bottom:-100%; } /* 밑에서 나오는 팝업 */
.uipop-container.full { background:#fff; }
.uipop-container.full .uipop-track { display:block; width:100%; height:100%; }
.uipop-container.full .pop-layer, .uipop-container.full .pop-layer-2 { width:100%; height:100%; padding:0; -webkit-box-shadow:unset; -moz-box-shadow:unset; box-shadow:unset; }
.uipop-container.full .pop-layer iframe, .uipop-container.full .pop-layer-2 iframe { width:100%; height:calc(100% + 1px); border:0; }
.uipop-container.full-trans .pop-layer, .uipop-container.full-trans .pop-layer-2 { background:transparent; width:100%; height:100%; }
.pop-layer, .pop-layer-2 { display:none; position:relative; width:auto; margin:0 30px; padding:50px 0 40px;  }
.pop-layer:focus, .pop-layer-2:focus { outline:none; }
.pop-layer { width:calc(100vw - 60px); margin:0 auto; padding:0; box-shadow: 0 8px 57px -17px rgba(0,0,0,0.2); box-sizing:border-box; }
.pop-layer .pop-cont { padding:40px 30px; overflow-y:auto; height:350px; background:#fff; box-sizing:border-box; }
.pop-layer .sc-shadow { position:relative; display:block; width:100%; height:40px; margin-top:-40px; background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); z-index:2; }
.pop-layer .pop-close { position:relative; height:45px; background:#1e202b; margin:0; padding:15px 24px 15px 30px; box-sizing:border-box; }
.pop-layer .pop-close .today { color:#fff; line-height:1; }
.pop-layer .pop-close .fm-chk { width:15px; height:15px; }
.pop-layer .pop-close .fm-chk + .fm-chk-i { font-size:15px; font-weight:400; min-height:15px; line-height:15px; padding-left:25px; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:before { width:15px; height:15px; border-width:2px; border-color:#fff; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:after { background:transparent; width:5px; height:5px; left:7.5px; top:50%; }
.ios .pop-layer .pop-close .fm-chk + .fm-chk-i:after { top:6.5px; }
.pop-layer .pop-close .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.pop-layer .pop-close .pop-btn-close { position:absolute; right:0; top:0; width:59px; height:45px; }
.pop-layer .pop-close .i-close { position:relative; width:22px; height:22px; }
.pop-layer .pop-close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); }
.pop-layer .pop-close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(45deg); }

.pop-layer-2 { padding:60px 0 60px;  }
.pop-layer-2 .pop-cont { padding:40px 30px; background:#fff; box-sizing:border-box; }
.pop-btn-close-2 { position:absolute; right:0; top:0; width:40px; height:40px; background:#000; border-radius:100%; z-index:10; }
.pop-btn-close-2 .i-close { position:relative; width:22px; height:22px; }
.pop-btn-close-2 .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); }
.pop-btn-close-2 .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:100%; height:2px; background:#fff; transform:rotate(45deg); }

/****************************** 메인 임시 팝업 ******************************/
.pop-layer .notice-title { font-size:24px; line-height:1.35; font-weight:700; }
.pop-layer .notice-title .notice-logo { display:block; width:80px; height:16px; margin:10px 0 32px 0; }
.pop-layer .notice-title .small { display:block; font-size:14px; line-height:1.5; font-weight:400; color:#888; margin-top:11px; }
.pop-layer .notice-txt { font-size:14px; line-height:1.5; margin-top:13px; }
.pop-layer .notice-list { border-top:solid 2px #000; padding-top:36px; line-height:1.6; margin-top:25px; }
.pop-layer .notice-list li + li { margin-top:10px; }
.pop-layer .notice-list li strong { font-weight:400; }
.pop-layer .notice-txt-2 { font-size:14px; font-weight:700; line-height:1.5; margin-top:31px; }

/****************************** SWIPE ******************************/
.swipe-initialized { position:relative; white-space:nowrap; font-size:0; text-align:center; }
.swipe-initialized .swipe-cont { position:relative; }
.swipe-initialized:before { content:''; position:absolute; left:0; bottom:1px; top:0; width:70px; background: linear-gradient(to right,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); opacity:1; transition:all 0.3s; z-index:2; }
.swipe-initialized:after { content:''; position:absolute; right:0; bottom:1px; top:0; width:70px; background: linear-gradient(to left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); opacity:1; transition:all 0.3s; z-index:2; }
.bg.swipe-initialized:before { background: linear-gradient(to right,  rgba(249,248,246,1) 20%,rgba(249,248,246,0) 100%); }
.bg.swipe-initialized:after { background: linear-gradient(to left,  rgba(249,248,246,1) 20%,rgba(249,248,246,0) 100%); }
.swipe-initialized.swipe-first:before { width:0; opacity:0; }
.swipe-initialized.swipe-last:after { width:0; opacity:0; }

/****************************** SLIDE ******************************/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:30px; background:none; width:30px; height:30px; border-radius:30px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:30px; background:none; width:30px; height:30px; border-radius:30px; }
.swiper-button-prev::before, .swiper-button-next::before { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-1px 0 0 -9px; width:16px; height:2px; background:#000; }
.swiper-button-prev::after, .swiper-button-next::after { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-4px 0 0 -9px; width:6px; height:6px; border-left:solid 2px #000; border-bottom:solid 2px #000; -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.swiper-button-next::after { margin:-4px -9px 0 0; -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.swiper-pagination:not(.swiper-pagination-fraction) { font-size:0; }
.swiper-pagination-bullet { width:12px; height:12px; background:transparent !important; opacity:1; font-size:0; }
.swiper-pagination-bullet::before { content:''; display:inline-block; width:7px; height:7px; border-radius:7px; background:#fff; }
.swiper-pagination-bullet-active { opacity:1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px 0 4px; outline:none; }
.swiper-button-play { position:absolute; bottom:30px; right:0; z-index:10; width:52px; height:26px; background:rgba(17,17,17,.4); border-radius:26px; overflow:hidden; }
.swiper-button-play .in { position:absolute; left:0; top:0; width:26px; height:26px; white-space:nowrap; text-indent:-999px; overflow:hidden; background:#111; border-radius:26px; -webkit-transition:left 0.2s; transition:left 0.2s; }
.swiper-button-play.stop .in { left:26px; }
.swiper-button-play::after { content:''; position:absolute; left:11px; top:9px; z-index:2; width:0; height:0; border-style:solid; border-width:4px 0 4px 7px; border-color:transparent transparent transparent #666; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; }
.swiper-button-play::before { content:''; position:absolute; left:36px; top:9px; z-index:2; width:3px; height:8px; border-left:2px solid #666; border-right:2px solid #666; -webkit-transition:border-color 0.2s; transition:border-color 0.2s; }
.swiper-button-play:not(.stop)::after { border-left-color:#fff; }
.swiper-button-play.stop::before { border-color:#fff; }
.swiper-pagination-bullet { position:relative; width:auto; height:auto; min-width:15px; min-height:15px; }
.swiper-pagination-bullet::before { position:absolute; left:50%; top:50%; width:7px; height:7px; background:#888; border-radius:100%; box-sizing:border-box; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); -webkit-transition:background 0.3s ease; transition:background 0.3s ease; }
.swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:#ff5a2b; }
.swiper-pagination-bullet .circle { display:block; }
.swiper-pagination-bullet .circle {width:22px;height:22px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);box-sizing:border-box;}
.swiper-pagination-bullet .circle circle {opacity:0;stroke-dasharray:100;stroke-dashoffset:100;fill:rgba(255,255,255,0);stroke:#ff5a2b;}
.swiper-pagination-bullet.swiper-pagination-bullet-active .circle circle {opacity:1;-webkit-animation:circledraw 4000ms 100ms forwards; animation:circledraw 4000ms 100ms forwards;}
@-webkit-keyframes circledraw{0% {stroke-dashoffset:100;} 100% {stroke-dashoffset:0;}}
@keyframes circledraw{0% {stroke-dashoffset:100;} 100% {stroke-dashoffset:0;}}

/* familyPopup layerpop ST */
.h106{height: 106px;}

.familyPopup .align-items {align-items: center;}
.familyPopup .mb-6 {margin-bottom: 6px;}
.familyPopup .mt-4 {margin-top: 4px;}
.familyPopup .mt-6 {margin-top: 6px;}
.familyPopup .mt-8 {margin-top: 8px;}
.familyPopup .mt-10 {margin-top: 10px;}
.familyPopup .mt-20 {margin-top: 20px;}
.familyPopup .mt-30 {margin-top: 30px;}
.familyPopup .mt-35 {margin-top: 35px;}
.familyPopup .mt-40 {margin-top: 40px;}
.familyPopup .mt-45 {margin-top: 45px;}
.familyPopup .mt-46 {margin-top: 46px;}
.familyPopup .mt-50 {margin-top: 50px;}
.familyPopup .mt-52 {margin-top: 52px;}
.familyPopup .mb-8 {margin-bottom: 8px;}
.familyPopup .mb-10 {margin-bottom: 10px;}
.familyPopup .mb-20 {margin-bottom: 20px;}
.familyPopup .mb-30 {margin-bottom: 30px;}
.familyPopup .ml-3 {margin-left: 3px;}
.familyPopup .ml-5 {margin-left: 5px;}
.familyPopup .ml-10 {margin-left: 10px;}
.familyPopup .ml-20 {margin-left: 20px;}


.familyPopup .weight-1 {font-weight: 100;}
.familyPopup .weight-3 {font-weight: 300;}
.familyPopup .weight-4 {font-weight: 400;}
.familyPopup .weight-7 {font-weight: 700;}
.familyPopup .weight-9 {font-weight: 700;}

.familyPopup .pop-cont .block {display: block;}
.familyPopup .pop-cont .flex {-webkit-display: flex; display: flex;}
.familyPopup .pop-cont .align-center {align-items: center;}
.familyPopup .pop-cont .txt-dot {position: relative; padding-left: 8px;}
.familyPopup .pop-cont .txt-dot::before {content: ''; display: inline-block; width: 3px; height: 3px; background-color: #000; border-radius: 50%; position: absolute; top: 10px; left: 0;}
.familyPopup .pop-cont .size12 {font-size: 12px; line-height: 1.5;}
.familyPopup .pop-cont .size15 {font-size: 15px; line-height: 1.6;}
.familyPopup .pop-cont .size14 {font-size: 14px; line-height: 1.5;}
.familyPopup .pop-cont .gray {color: #888888;}
.familyPopup .pop-cont .nowrap {white-space: nowrap;}

.familyPopup .pop-btn-close-2 {top: -2px;}

.familyPopup {font-family:'Noto Sans KR', sans-serif;}
.familyPopup .layerpop {display: none; width: auto; margin: 0 30px; position: relative; outline: none; padding: 60px 0 60px;}
.familyPopup .pop-cont {max-height: 440px; height: 440px; overflow-x: hidden; overflow-y: auto; background: #fff; box-sizing: border-box; padding: 40px 29px 40px 29px; position: relative;}
.familyPopup .pop-cont .pop-header { padding-bottom: 30px; border-bottom: 2px solid #000;}
.familyPopup .pop-cont .pop-header img {width: 80px;}
.familyPopup .pop-cont .pop-header .tit {font-weight: 600; font-size: 24px; letter-spacing: -0.0125em;}
.familyPopup .pop-cont .pop-header .txt {font-size: 12.4px;}
.familyPopup .pop-cont .pop-contents {padding-top: 40px;}
.familyPopup .pop-cont .pop-contents .tit_inner{margin-bottom: 15px;}
.familyPopup .pop-cont .pop-contents .tit_inner:last-child {margin-bottom: 0;}
.familyPopup .pop-cont .pop-contents .tit{font-size: 16px; font-weight: 600;}
.familyPopup .pop-cont .pop-contents .txt{font-size: 15px;}
.familyPopup .pop-cont .bg-map {width: 124%; padding-bottom: 30%; margin-left: -30px; margin-top: 40px; background: url(/resource/m/en/image/sub/bg-map-pop.png) no-repeat; background-size: cover; background-position: center;}
.familyPopup .pop-cont .bg-map img {width: 90%; display: block; margin: 0 auto; padding-top: 40px;}
.familyPopup .pop-cont .info-inner {margin-top: 10px;}
.familyPopup .pop-cont .info-inner .arr-icon { display: block;}
.familyPopup .pop-cont .info-inner .arr-icon img {width: 10%; display: block; margin: 0 auto;}
.familyPopup .pop-cont .info-inner .item .tit {font-size: 20px; font-weight: 700;}
.familyPopup .pop-cont .info-inner .item .sub-tit {font-size: 16px; font-weight: 400;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon { -ms-display: flex; display: flex; border: 1px solid #f0f0f0; padding: 22px; box-sizing: border-box; align-items: center}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon img {width: 26%; margin-right: 15px;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon p {font-size: 14px;}

.familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner {padding: 30px 25px; border: 1px solid #dddddd; }
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner img {width: 100%; }
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner {text-align: left;}



@media screen and (min-width: 768px) {
    .familyPopup .pop-cont .bg-map {width: 114%; padding-top: 40%; padding-bottom: 40%;}
    .familyPopup .pop-cont .bg-map img {width: 60%;}
}
/* familyPopup layerpop ED */