@charset "UTF-8";

/****************************** FONT ******************************/
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: local('☺'), url('/resource/p/en/font/NotoSansKr-Regular.woff2') format('woff2'), url('/resource/p/en/font/NotoSansKr-Regular.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: local('☺'), url('/resource/p/en/font/NotoSansKr-Medium.woff2') format('woff2'), url('/resource/p/en/font/NotoSansKr-Medium.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: local('☺'), url('/resource/p/en/font/NotoSansKr-Bold.woff2') format('woff2'), url('/resource/p/en/font/NotoSansKr-Bold.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:800; src: local('☺'), url('/resource/p/en/font/NotoSansKr-Black.woff2') format('woff2'), url('/resource/p/en/font/NotoSansKr-Black.woff') format('woff'); }

/****************************** RESET ******************************/
html,body { height:100%; }
body { -webkit-text-size-adjust:none; }
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; box-sizing:border-box; }
body,input,select,textarea,button,table { font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif; font-size:16px; font-weight:400; color:#000; line-height:1.5; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.02em; }
h1,h2,h3,h4, h5,h6 { font-weight:inherit; font-size:inherit; }
iframe, 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; }
input,select,textarea,button { vertical-align:middle; }
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:transparent; border:none; }
/*button:focus, select:focus { outline:dashed 1px #888; outline-offset:-1px; }*/
button[disabled="disabled"] { cursor:default; }
sup { line-height:1; font-size:0.4em; }
table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption,legend { visibility:hidden; font-size:0; width:0; height:0; line-height:0; }
input[type='text']::-ms-clear, input[type='password']::-ms-reveal { display:none; }
input[disabled="disabled"], input[readonly="readonly"], select[disabled="disabled"], input.disabled, input.readonly { background-color:#f5f5f5; cursor:default; border-color:#ddd; }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:#888 !important; font-weight:normal; }
::-moz-placeholder { color:#888 !important; font-weight:normal; }
:-ms-input-placeholder { color:#888 !important; font-weight:normal !important; }
:-moz-placeholder { color:#888 !important; font-weight:normal; }
select.placeholder { color:#888 !important; font-weight:normal; }
th, td { text-indent:0; }

/****************************** 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; }
.g-date { margin:-2px 0 -3px; }
.g-date .month { display:block; font-size:14px; line-height:1; color:#888; font-weight:700; }
.g-date .day { display:block; -webkit-text-stroke:1px #888; font-size:50px; line-height:1; color:#fff; font-weight:700; margin-top:3px; }
.ie .g-date .day { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.vt { vertical-align:top !important; }
.iblock { display:inline-block; }

/****************************** ICON ******************************/
.ir, .ir-b:before, .ir-a:after, .participate-list .list li::after, .i-download::before, .i-download::after, .i-download-2::before, .i-download-2::after, .i-download-3::before, .i-download-3::after { display:inline-block; vertical-align:middle; background-image:url("/resource/p/en/image/common/sprite.png"); background-position:999px 999px; 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:0 -161px; width:149px; height:26px; }
.i-logo-2 { background-position:0 -221px; width:149px; height:26px; }
.header.normal .i-logo, .header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { background-position:0 -191px; }
.i-logo-4 { background-position:-330px -88px; width:120px; height:24px; }
.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-home { background-position:-102px -96px; width:12px; height:13px; }
.i-down { border-top:9px solid #0042ff; border-left:6px solid transparent; border-right:6px solid transparent; }
.i-up { border-bottom:9px solid #ff5a2b; border-left:6px solid transparent; border-right:6px solid transparent; }
.i-play { position:relative; display:block; width:80px; height:80px; background:#fff; border-radius:100%; }
.i-play:after { content:''; position:absolute; left:50%; top:50%; display:block; width:0; height:0; border-top:9px solid transparent; border-left: 14px solid #ff5a2b; border-bottom:9px solid transparent; margin:-9px 0 0 -6px; }
.i-sch { background-position:-137px -66px; width:24px; height:23px; }
.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:12px; height:2px; background:#fff; transform:rotate(-45deg); left:6px; }
.i-del::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:12px; height:2px; background:#fff; transform:rotate(45deg); left:6px; }
.i-download { position:relative; width:12px; height:13px; overflow:hidden; }
.i-download::before { content:''; display:block; background-position:-214px 0; width:12px; height:11px; top:0; transition:transform 0.3s ease; }
.i-download::after { content:''; position:absolute; display:block; background-position:-214px -11px; width:12px; height:2px; bottom:0; }
a:hover .i-download::before { background-position:-236px 0; }
a:hover .i-download::after { background-position:-236px -11px; }
.btn-c .i-download { margin:-3px 0 0 10px; }
.btn-c .i-download::before { background-position:-193px 0; }
.btn-c .i-download::after { background-position:-193px -11px; }
.btn-c:hover .i-download::before { background-position:-193px 0; }
.btn-c:hover .i-download::after { background-position:-193px -11px; }
a:hover .i-download::before { transform:translateY(2px); }
.i-attach { background-position:-217px -66px; width:12px; height:14px; }
.i-download-2 { position:relative; width:18px; height:20px; overflow:hidden; }
.i-download-2::before { content:''; display:block; background-position:-137px 0; width:18px; height:16px; top:0; transition:transform 0.3s ease; }
.i-download-2::after { content:''; position:absolute; display:block; background-position:-137px -18px; width:18px; height:2px; bottom:0; }
a:hover .i-download-2::before { background-position:-165px 0; }
a:hover .i-download-2::after { background-position:-165px -18px; }
a:hover .i-download-2::before { transform:translateY(4px); }
.i-required { margin:-12px 6px 0; width:4px; height:4px; border-radius:2px; background-color:#ff5a2b; }
.i-tel { background-position:-282px -106px; width:9px; height:15px; margin:-3px 6px 0 0; }
.i-tel-2 { background-position:-434px -124px; width:18px; height:20px; }
.i-fax { background-position:-457px -124px; width:18px; height:20px; }
.i-pin-2 { background-position:-282px -68px; width:10px; height:15px; margin:-2px 8px 0 0; }
a:hover .i-pin-2, .active .i-pin-2 { background-position:-282px -88px; }
.i-pin-4 { background-position:-362px -161px; width:32px; height:40px; }
.active .i-pin-4, .map-btn:hover .i-pin-4 { background-position:-404px -161px; }
.i-pin-5 { background-position:-411px -124px; width:18px; height:20px; }
.i-go { position:relative; display:inline-block; width:9px; height:17px; overflow:hidden; margin:-2px 0 2px 7px; } /*231025 | width값 수정*/
a:hover .i-go, a:focus .i-go, button:hover .i-go, button:focus .i-go { -webkit-animation:anigo 800ms; animation:anigo 800ms; }
/* .i-go::after { content:''; position:absolute; right:1px; top:8px; vertical-align:top; width:28px; height:2px; background:#000; } */ /*231025 | 주석처리*/
.i-go::before { content:''; position:absolute; right:3px; top:3px; margin:0; width:10px; height:10px; border-left:solid 2px #000; border-bottom:solid 2px #000; -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.i-go-2 { width:16px; height:16px; position:relative; border:solid 1px #000; border-radius:100%; box-sizing:border-box; }
.i-go-2::before { content:''; display:block; position:absolute; width:3px; height:3px; border-right:solid 2px #000;  border-bottom:solid 2px #000; transform:rotate(-45deg); transform-origin:left; left:50%; top:50%; margin:-1px 0 0 -2px; }
.i-view { position:relative; width:20px; height:20px; transition:all 0.3s ease; }
.i-view::before { content:''; position:absolute; display:block; background:#000; width:2px; height:20px; left:9px; }
.i-view::after { content:''; position:absolute; display:block; background:#000; width:20px; height:2px; top:9px; }
.active .i-view, a:hover .i-view { transform:rotate(45deg); }
.active .i-view::before, .active .i-view::after, a:hover .i-view::before, a:hover .i-view::after { background:#ff5a2b; }
.i-prev { width:7px; height:7px; border:solid 2px #000; border-width:2px 0 0 2px; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:right; }
.i-next { width:7px; height:7px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:left; }
.i-prev-2 { width:13px; height:13px; border:solid 2px #000; border-width:2px 0 0 2px; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:right; }
.i-next-2 { width:13px; height:13px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:left; }
.i-company { background-position:-366px -220px; width:32px; height:30px; }
.i-rnd { background-position:-408px -220px; width:32px; height:30px; }
.i-factory { background-position:-450px -220px; width:33px; height:30px; }
.i-view-3 { position:relative; width:11px; height:11px; }
.i-view-3::before { content:''; position:absolute; display:block; background:#fff; width:1px; height:11px; left:5px; transition:transform 0.2s; }
.i-view-3::after { content:''; position:absolute; display:block; background:#fff; width:11px; height:1px; top:5px; }
a:hover .i-view-3::before { transform:rotate(90deg); }

.i-window::after { background-position:-235px -66px; width:16px; height:16px; margin:0 0 4px 9px; }
.btn-c-3:hover .i-window::after { background-position:-235px -88px; }
.i-allmenu::before { width:22px; height:20px; background-position:0 -96px; margin:0 14px 4px 0; }
.i-allmenu-2::before { width:22px; height:20px; background-position:-32px -96px; margin:0 14px 4px 0; }
.i-allmenu-3::before { width:23px; height:20px; background-position:-64px -96px; margin:0 14px 4px 0; }
.i-sns-ig-2::before { background-position:-137px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-fb-2::before { background-position:-167px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-yt-2::before { background-position:-197px -36px; width:20px; height:20px; vertical-align:top; }
.i-sns-nr-2::before { background-position:-227px -36px; width:20px; height:20px; vertical-align:top; }
.i-list::before { width:22px; height:22px; background-position:-253px 0px; margin:-4px 10px 0 0; }
a:hover .i-list::before { background-position:-278px 0px; }
.i-num::before { background-position:-167px -66px; width:14px; height:14px; margin:-2px 7px 0 0; }
.i-hit::before { background-position:-191px -66px; width:16px; height:14px; margin:-1px 7px 0 0; }
.i-sch-3::before { background-position:-156px -96px; width:62px; height:62px; }
.i-sch-4::before { background-position:0 -161px; width:119px; height:120px; }
.i-sch-5::before { background-position:-129px -161px; width:115px; height:107px; }
.i-stock::before { background-position:-228px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-stock-2::before { background-position:-251px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-stock-3::before { background-position:-276px -124px; width:20px; height:20px; margin:-10px 8px 0 0; }
.i-exclamation::before { background-position:-310px -124px; width:18px; height:18px; margin:-3px 7px 0 0; }
.i-view-2::after { background-position:-257px -52px; width:14px; height:14px; margin:-2px 0 0 5px; }
.btn-area:hover .i-view-2::after { background-position:-257px -36px; }
a:hover .i-view-2::after { background-position:-257px -52px !important; }
.i-report::after { background-position:-310px 0; width:65px; height:76px; }
.i-report-2::after { background-position:-385px 0; width:65px; height:76px; }
.i-subway::before { background-position:-338px -124px; width:24px; height:26px; margin:-3px 14px 0 0; }
.i-bus::before { background-position:-370px -124px; width:28px; height:26px; margin:-3px 14px 0 0; }
.i-no-data::before { background-position:-254px -161px; width:70px; height:70px; }

.i-window-2::after { background-position:-235px -66px; width:16px; height:16px; margin:0 0 1px 7px; }
.i-window-2:hover::after { background-position:-305px -88px; }
.i-window-3::after { background-position:-460px 0; width:18px; height:18px; margin:0; }
.i-window-3:hover::after { background-position:-460px -28px; }
.i-window-4::after { background-position:-235px -88px; width:16px; height:16px; margin:0 0 4px 9px; }
.i-pin::after { background-position:-281px -36px; width:14px; height:14px; margin:-2px 0 0 5px; }
a:hover .i-pin::after { background-position:-281px -52px; }
.i-pin-3::after { background-position:-261px -68px; width:14px; height:16px; margin:0 0 4px 9px; }
a:hover .i-pin-3::after { background-position:-261px -88px; }
.i-pin-6::after { background-position:-261px -106px; width:13px; height:16px; margin:0 0 4px 9px; }
.i-store::after { width:28px; height:28px; background-position:-118px -124px; }

.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:51px; height:31px; font-size:14px; font-weight:700; color:#fff; background-color:#ff5a2b; text-align:center; line-height:30px; box-sizing:border-box; vertical-align:middle; }
.ico-txt-5 { display:inline-block; margin-right:11px; height:22px; font-size:12px; font-weight:400; color:#fff; background-color:#009d3e; text-align:center; line-height:22px; box-sizing:border-box; vertical-align:middle; padding:0 13px; }
.ico-txt-5.ty-2 { background-color:#bdb092; }

.deco-set { z-index:-1; }

/****************************** LAYOUT ******************************/
.top-banner { display:none; position:relative; z-index:99; height:100px; min-width:1200px; }
.top-banner .inner { text-align:center; }
.top-banner .inner > .item { display:block; width:1350px; margin:0 auto; }
.top-banner .inner img { height:100px; margin:0 -500px; }
.top-banner .foot { position:absolute; right:50%; top:30px; margin:0 -675px 0 0;  color:#fff; }
.top-banner .foot .fm-chk + .fm-chk-i { font-weight:400; }
.top-banner .foot .fm-chk + .fm-chk-i:before { border-color:#fff; }
.top-banner .foot .fm-chk + .fm-chk-i:after { background:transparent; width:4px; height:4px; }
.top-banner .foot .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.top-banner .foot .close { position:relative; width:40px; height:40px; margin-left:31px; background:#ff5a2b; border-radius:20px; }
.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:100px; }
.header a, .header button { display:inline-block; vertical-align:top; line-height:inherit; }
.header .header-inner { position:absolute; left:0; width:100%; min-width:1200px; color:#fff; font-size:14px; }
.header .header-inner::after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; border-bottom:1px solid #eee; opacity:0; }
.header.fixed .header-inner { position:fixed; top:0; }
body.down .header.is-active.fixed.min .header-inner { top:-80px; }
.header .gnb-logo { position:absolute; left:50%; top:36px; z-index:6; margin-left:-675px; }
.header .gnb-nav { max-width:1350px; margin:0 auto; text-align:center; font-size:16px; line-height:20px; border-bottom:1px solid rgba(255,255,255,.2); }
.header .gnb-nav .dep-1 { display:inline-block; padding-right:3px; }
.header .gnb-nav .dep-1 > a { position:relative; z-index:3; display:block; padding:29px 20px 30px; }
.header .gnb-nav .dep-1 > a::before { content:''; position:absolute; left:51%; right:51%; bottom:-11px; height:2px; background:#ff5a2a; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.header .gnb-nav .dep-1.active > a::before, .header .gnb-nav .dep-1.hover-active > a::before { left:34px; right:34px; }
.header .gnb-nav .dep-1:nth-of-type(2).active > a::before, .header .gnb-nav .dep-1:nth-of-type(2).hover-active > a::before {left: 20px; right: 20px;} /*231114 추가*/
.header .gnb-nav .sub { position:absolute; left:0; right:0; top:100%; z-index:2; height:0; opacity:0; overflow:hidden; background:#fff; color:#888; }
.header .gnb-nav .dep-1.hover-active .sub,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub { height:60px; opacity:1; }
.header .gnb-nav .dep-1.hover-active .sub::before,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub::before { background:#eee; }
.header .gnb-nav .dep-1:nth-child(5) .sub > li:nth-child(1) {margin-left: 310px;}
.header .gnb-nav .dep-1.hover-active .sub > li,
.header.min:not(.hover) .gnb-nav .dep-1.active .sub > li { -webkit-animation:fadeUp 200ms both; animation:fadeUp 200ms both; }
.header .gnb-nav .sub::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; }
.header .gnb-nav .sub li { display:inline-block; padding:20px 0; }
.header .gnb-nav .sub li+li { margin-left:66px; }
.header .gnb-nav .sub li:nth-child(1) { -webkit-animation-delay:0ms; animation-delay:0ms; }
.header .gnb-nav .sub li:nth-child(2) { -webkit-animation-delay:100ms; animation-delay:100ms; }
.header .gnb-nav .sub li:nth-child(3) { -webkit-animation-delay:200ms; animation-delay:200ms; }
.header .gnb-nav .sub li:nth-child(4) { -webkit-animation-delay:300ms; animation-delay:300ms; }
.header .gnb-nav .sub li:nth-child(5) { -webkit-animation-delay:400ms; animation-delay:400ms; }
.header .gnb-nav .sub li:nth-child(6) { -webkit-animation-delay:500ms; animation-delay:500ms; }
.header .gnb-nav .sub li:nth-child(7) { -webkit-animation-delay:600ms; animation-delay:600ms; }
.header .gnb-nav .sub li:nth-child(8) { -webkit-animation-delay:700ms; animation-delay:700ms; }
.header .gnb-nav .sub a { -webkit-transition:color 0.3s ease; transition:color 0.3s ease; }
.header .gnb-nav .sub a:hover, .header .gnb-nav .dep-2.active > a { color:#000; }
.header .gnb-util { position:absolute; right:50%; z-index:3; margin-right:-551px; line-height:20px; }
.header .gnb-util li { display:inline; }
.header .gnb-util li+li { margin-left:16px; }
.header .gnb-util a { -webkit-transition:color 0s ease; transition:color 0s ease; }
.header .gnb-util a:hover, .header .gnb-util a:focus { color:#ff5a2b; -webkit-transition-duration:0.3s; transition-duration:0.3s; }
.header .lang { position:absolute; right:50%; z-index:10; margin-right:-615px; }
.header .lang .choice { position:relative; display:block; padding-right:16px; line-height:20px; }
.header .lang .choice::after { content:''; position:absolute; right:0; top:4px; width:6px; height:6px; margin:0; border:0 solid #fff; 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 .lang .choice.active::after { margin-top:5px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.header .lang dd { position:absolute; left:-11px; right:-13px; top:100%; display:none; padding:9px 0 10px; margin-top:19px; border:1px solid #111; background:#fff; color:#888; }
.header .lang a { display:block; padding:8px 0; line-height:1; text-align:center; }
.header .lang a:hover { color:#000; }

.header .btn-all { position:absolute; right:50%; z-index:6; margin-right:-675px; width:29px; height:22px; }
.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(-11px); transform:translateY(-11px); }
.header .btn-all .bar::after { -webkit-transform:translateY(9px); transform:translateY(9px); }
.header .all-nav .all-inner { position:absolute; left:0; top:0; right:0; height:0; z-index:5; opacity:0; overflow:hidden; background:#fff; color:#222; box-sizing:border-box; -webkit-animation:allmenuClose 600ms both; animation:allmenuClose 600ms both; -webkit-transition:opacity 0s linear 600ms; transition:opacity 0s linear 600ms; }
.header .all-nav .all-inner::before { content:''; display:block; height:160px; }
.header.opend-all .all-nav .all-inner { opacity:1; -webkit-animation-name:allmenuOpen; animation-name:allmenuOpen; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main { position:relative; width:688px; margin:-6px auto 0; }
.header .all-inner .main .sub { position:absolute; left:0; top:0; height:0; opacity:0; overflow:hidden; background:#fff; box-sizing:border-box; -webkit-transition:opacity 0.3s ease, height 0s ease 0.3s; transition:opacity 0.3s ease, height 0s ease 0.5s;   }
.header .all-inner .main .opend-sub > .sub { height:415px; opacity:1; overflow:visible; z-index:5; -webkit-transition-delay:0s, 0s; transition-delay:0s, 0s; }
.header .all-inner .main .dep-1::before { content:''; position:absolute; left:50%; top:0; z-index:2; margin-left:255px; width:0; height:414px; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease 0.3s; }
.header .all-inner .main .dep-1::after { content:''; position:absolute; right:50%; top:408px; z-index:2; margin-right:495px; width:0; height:206px; background-repeat:no-repeat; background-position:0 0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease 0.3s; }
.header .all-inner .main .dep-1:nth-child(1)::before { background-image:url("/resource/p/en/image/common/menu-1-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(1)::after { background-image:url("/resource/p/en/image/common/menu-1-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::before { background-image:url("/resource/p/en/image/common/menu-2-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::after { background-image:url("/resource/p/en/image/common/menu-2-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::before { background-image:url("/resource/p/en/image/common/menu-3-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::after { background-image:url("/resource/p/en/image/common/menu-3-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::before { background-image:url("/resource/p/en/image/common/menu-4-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::after { background-image:url("/resource/p/en/image/common/menu-4-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::before { background-image:url("/resource/p/en/image/common/menu-5-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::after { background-image:url("/resource/p/en/image/common/menu-5-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(6)::before { background-image:url("/resource/p/en/image/common/menu-5-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(6)::after { background-image:url("/resource/p/en/image/common/menu-5-after.jpg"); }
.header .all-inner .main .dep-1.opend-sub::before { width:705px; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main .dep-1.opend-sub::after { width:304px; -webkit-transition-delay:0s; transition-delay:0s; }
.header .all-inner .main .dep-1 + .dep-1 { margin-top:20px; }
.header .all-inner .main .dep-1 > a { font-size:40px; color:#222; font-weight:500; line-height:1.35; }
.header .all-inner .main.opend-sub .dep-1 > a { color:#ccc; }
.header .all-inner .main.opend-sub .dep-1.opend-sub > a { color:#222; }
.header .all-inner .main .dep-1 > .sub { left:395px; padding-top:13px; }
.header .all-inner .main .dep-2 { font-size:16px; color:#222; }
.header .all-inner .main .dep-2 + .dep-2 { margin-top:24px; }
.header .all-inner .main .dep-2 > a { display:inline-block; position:relative; }
.header .all-inner .main .dep-2 > a::before { content:''; position:absolute; left:0; bottom:-7px; width:0; height:1px; background:#ff5b28; -webkit-transition:width 0.3s ease; transition:width 0.3s ease; }
.header .all-inner .main .dep-2.opend-sub > a, .header .all-inner .main .dep-2 > a:hover, .header .all-inner .main .dep-2 > a:focus { color:#ff5b28; }
.header .all-inner .main .dep-2.opend-sub > a::before, .header .all-inner .main .dep-2 > a:hover::before, .header .all-inner .main .dep-2 > a:focus::before { width:100%; }
.header .all-inner .main .dep-2 .sub { left:204px; padding-top:13px; }
.header .all-inner .main .dep-2.opend-sub > .sub { width:239px; }
.header .all-inner .main .dep-3 { color:#878787; }
.header .all-inner .main .dep-3 + .dep-3 { margin-top:24px; }
.header .all-inner .main .dep-3 > a:hover, .header .all-inner .main .dep-3 > a:focus { color:#222; }
.header .all-inner li > a { opacity:0; -webkit-transition:all 600ms ease; transition:all 600ms ease; white-space:nowrap; }
.header .all-inner li.dep-1:nth-child(1) > a { -webkit-transform:translateY(-100px); transform:translateY(-100px); -webkit-transition-delay:340ms; transition-delay:340ms; }
.header .all-inner li.dep-1:nth-child(2) > a { -webkit-transform:translateY(-120px); transform:translateY(-120px); -webkit-transition-delay:320ms; transition-delay:320ms; }
.header .all-inner li.dep-1:nth-child(3) > a { -webkit-transform:translateY(-140px); transform:translateY(-140px); -webkit-transition-delay:300ms; transition-delay:300ms; }
.header .all-inner li.dep-1:nth-child(4) > a { -webkit-transform:translateY(-160px); transform:translateY(-160px); -webkit-transition-delay:280ms; transition-delay:280ms; }
.header .all-inner li.dep-1:nth-child(5) > a { -webkit-transform:translateY(-180px); transform:translateY(-180px); -webkit-transition-delay:260ms; transition-delay:260ms; }
.header .all-inner li.dep-1:nth-child(6) > a { -webkit-transform:translateY(-200px); transform:translateY(-200px); -webkit-transition-delay:240ms; transition-delay:240ms; }
.header .all-inner .util li:nth-child(1) > a { -webkit-transform:translateY(-200px); transform:translateY(-200px); -webkit-transition-delay:240ms; transition-delay:240ms; }
.header .all-inner .util li:nth-child(2) > a { -webkit-transform:translateY(-220px); transform:translateY(-220px); -webkit-transition-delay:220ms; transition-delay:220ms; }
.header .all-inner .util li:nth-child(3) > a { -webkit-transform:translateY(-240px); transform:translateY(-240px); -webkit-transition-delay:200ms; transition-delay:200ms; }
.header .all-inner .sub li:nth-child(1) > a { -webkit-transform:translateX(100px); transform:translateX(100px); }
.header .all-inner .sub li:nth-child(2) > a { -webkit-transform:translateX(120px); transform:translateX(120px); }
.header .all-inner .sub li:nth-child(3) > a { -webkit-transform:translateX(140px); transform:translateX(140px); }
.header .all-inner .sub li:nth-child(4) > a { -webkit-transform:translateX(160px); transform:translateX(160px); }
.header .all-inner .sub li:nth-child(5) > a { -webkit-transform:translateX(180px); transform:translateX(180px); }
.header .all-inner .sub li:nth-child(6) > a { -webkit-transform:translateX(200px); transform:translateX(200px); }
.header .all-inner .sub li:nth-child(7) > a { -webkit-transform:translateX(220px); transform:translateX(220px); }
.header .all-inner .sub li:nth-child(8) > a { -webkit-transform:translateX(240px); transform:translateX(240px); }
.header.opend-all .all-inner .main .dep-1 > a,
.header.opend-all .all-inner .util li > a { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
.header.opend-all .all-inner .main .opend-sub > .sub > .dep-2 > a,
.header.opend-all .all-inner .main .opend-sub > .sub > .dep-3 > a { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); }
.header .all-inner .util { width:688px; margin:60px auto 0; font-size:16px; color:#222; }
.header .all-inner .util li + li { margin-top:30px; }
.header .all-inner .util a { display:inline-block; }
.header .all-inner .deco-set { opacity:0; -webkit-transition:all 600ms ease 400ms; transition:all 600ms ease 400ms; }
.header .all-inner .deco-set .deco-text { position:absolute; right:50%; top:460px; width:300px; margin-right:-680px; font-style:normal; color:#dfdfdf; font-size:20px; line-height:29px; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:right top; -ms-transform-origin:right top; transform-origin:right top; }
.header .all-inner .deco-set .deco-circle.ty { left:50%; top:459px; z-index:6; transform:scale(0); -webkit-transform:scale(0); background:#1e202c; margin-left:320px; border-radius:100%; -webkit-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms; }
.header .all-inner .deco-set .deco-circle.ty-2 { left:50%; top:701px; z-index:6; width:66px; height:66px; transform:scale(0); -webkit-transform:scale(0); background:#1e202c; margin-left:51px; border-radius:100%; -webkit-transition:all 300ms ease 400ms; transition:all 300ms ease 400ms; }
.header .all-inner .deco-set .deco-circle.ty-3 { left:50%; top:496px; z-index:6; transform:scale(0); -webkit-transform:scale(0); background:#ff5a2c; margin-left:366px; border-radius:100%; -webkit-transition:all 300ms ease 500ms; transition:all 300ms ease 500ms; }
.header.opend-all .all-inner .deco-set { opacity:1; }
.header.opend-all .all-inner .deco-set .deco-circle.ty { opacity:0.5; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInS 18600ms linear 300ms infinite both; animation:allmenuDecoInS 18600ms linear 300ms infinite both;}
.header.opend-all .all-inner .deco-set .deco-circle.ty-2 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInM 18600ms linear 400ms infinite both; animation:allmenuDecoInM 18600ms linear 400ms infinite both; }
.header.opend-all .all-inner .deco-set .deco-circle.ty-3 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -webkit-animation:allmenuDecoInL 18600ms linear 500ms infinite both; animation:allmenuDecoInL 18600ms linear 500ms infinite both; }
.header .gnb-nav { padding-top:10px; padding-bottom:10px; -webkit-transition:padding 0.3s linear; transition:padding 0.3s linear; }
.header .gnb-logo { top:36px; -webkit-transition:top 0.3s linear; transition:top 0.3s linear; }
.header .gnb-util, .header .btn-all, .header .lang { top:39px; -webkit-transition:top 0.3s linear; transition:top 0.3s linear; }
.header .btn-all .bar, .header .btn-all .bar::before, .header .btn-all .bar::after { -webkit-transition:background 0.3s linear 300ms; transition:background 0.3s linear 300ms; }
.header .i-logo { -webkit-transition:all 300ms ease 300ms; transition:all 300ms ease 300ms; }
.header .header-inner { -webkit-transition:top 300ms linear 300ms, color 300ms linear 300ms; transition:top 300ms linear 300ms, color 300ms linear 300ms; }
.header .header-inner::after { -webkit-transition:opacity 300ms linear 300ms; transition:opacity 300ms linear 300ms; }
.header .gnb-nav .sub { -webkit-transition:opacity 400ms linear, height 400ms linear; transition:opacity 400ms linear, height 400ms linear; }
.header.not-hover-ani .gnb-nav .sub { -webkit-transition-duration:0ms, 0ms; transition-duration:0ms, 0ms; }
.header.hover .header-inner { -webkit-transition-delay:0ms, 0ms; transition-delay:0ms, 0ms; }
.header.min .header-inner { -webkit-transition-delay:400ms, 0ms; transition-delay:400ms, 0ms; }
.header.hover .header-inner::after, .header.min .header-inner::after { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.hover .btn-all .bar, .header.hover .btn-all .bar::before, .header.hover .btn-all .bar::after,
.header.min .btn-all .bar, .header.min .btn-all .bar::before, .header.min .btn-all .bar::after,
.header.opend-all .btn-all .bar, .header.opend-all .btn-all .bar::before, .header.opend-all .btn-all .bar::after { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { -webkit-transition-delay:0ms; transition-delay:0ms; }
.header.min .gnb-nav { padding-top:0; padding-bottom:0; }
.header.min .gnb-nav .dep-1 > a::before { bottom:-1px; }
.header.min .gnb-nav .sub { margin-top:0; }
.header.min .gnb-logo { top:26px; }
.header.min .gnb-util, .header.min .btn-all, .header.min .lang { top:29px; }
.header.normal .header-inner::after, .header.hover .header-inner::after, .header.min .header-inner::after { opacity:1; }
.header.normal .header-inner, .header.hover .header-inner, .header.min .header-inner, .header.opend-all .lang { color:#000; }
.header.normal .btn-all .bar, .header.normal .btn-all .bar::before, .header.normal .btn-all .bar::after,
.header.hover .btn-all .bar, .header.hover .btn-all .bar::before, .header.hover .btn-all .bar::after,
.header.min .btn-all .bar, .header.min .btn-all .bar::before, .header.min .btn-all .bar::after,
.header.opend-all .btn-all .bar, .header.opend-all .btn-all .bar::before, .header.opend-all .btn-all .bar::after { background:#000; }
.header.normal .lang .choice::after, .header.hover .lang .choice::after, .header.min .lang .choice::after, .header.opend-all .lang .choice::after { border-color:#000; }
.header .btn-all .bar { -webkit-animation:allmenuM 800ms both; animation:allmenuM 800ms both; }
.header .btn-all .bar::before { -webkit-animation:allmenuT 800ms both; animation:allmenuT 800ms both; }
.header .btn-all .bar::after { -webkit-animation:allmenuB 800ms both; animation:allmenuB 800ms both; }
.header.opend-all .btn-all .bar { -webkit-animation-name:allmenuMx; animation-name:allmenuMx; }
.header.opend-all .btn-all .bar::before { -webkit-animation-name:allmenuTx; animation-name:allmenuTx; }
.header.opend-all .btn-all .bar::after { -webkit-animation-name:allmenuBx; animation-name:allmenuBx; }

body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .header-inner { -webkit-transition-delay:400ms, 400ms; transition-delay:400ms, 400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .header-inner::after { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar,
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar::before,
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .btn-all .bar::after { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .i-logo { -webkit-transition-delay:400ms; transition-delay:400ms; }
body.up .header.is-active:not(.min):not(.hover):not(.opend-all) .lang .choice::after { -webkit-transition-delay:400ms; transition-delay:400ms; }

.location { position:relative; margin:-60px 0 60px -330px; padding:19px 0 20px; color:#000; font-size:14px; }
.location::before { content:''; display:block; position:absolute; top:0; width:6000px; height:100%; min-width:1260px; background:#faf7f2; left:50%; margin-left:-3000px; z-index:-1; }
.location li { display:inline; }
.location .i-home { margin-bottom:4px; }
.location li + li::before { content:''; display:inline-block; width:7px; height:7px; margin:0 9px 2px 5px; border:0 solid rgba(0,0,0,.2); border-width:1px 1px 0 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

.footer { position:relative; width:1350px; margin:0 auto; padding:60px 0 49px 330px; font-size:14px; color:#888; font-weight:400; box-sizing:border-box; z-index:100; }
.footer::before { content:''; display:block; position:absolute; top:0; width:6000px; height:100%; min-width:1260px; background:#f6f2e9; left:50%; margin-left:-3000px; z-index:-1; }
.footer .location ~ .footer-logo, .footer .location ~ .familysite { margin-top:60px; }
.footer .footer-logo { position:absolute; left:0; top:61px; }
.footer .footer-menu { margin:0 0 102px; font-size:16px; color:#000; }
.footer .footer-menu li { display:inline; }
.footer .footer-menu li + li::before { content:''; display:inline-block; width:4px; height:4px; margin:0 20px 4px 16px; border-radius:2px; background:#c5c2ba; }
.footer .footer-menu a:hover, .footer .footer-menu a:focus { font-weight:bold; }
.footer .address dt, .footer .address dd { display:inline; }
.footer .address dt { margin:0 0.2em 0 0.45em; }
.footer .copyright { margin:13px 0 0; }
.footer .familysite { position:absolute; right:0; top:58px; width:210px; }
.footer .familysite dt { border-bottom:1px solid #c5c2ba; font-size:16px; }
.footer .familysite button { position:relative; width:100%; padding:2px 0 7px; text-align:left; color:#222; opacity:1; transform:none; -webkit-transform:none; transition:none; -webkit-transition:none; }
.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 { position:absolute; left:0; right:0; bottom:100%; display:none; padding:11px 0; border:1px solid #111; background:#fff; }
.footer .familysite a { display:block; padding:0 18px; line-height:30px; }
.footer .familysite a:hover { color:#000; }
.footer .btn-top { position:absolute; right:0; bottom:71px; width:40px; line-height:40px; text-transform:uppercase; color:#fff; background:#222; text-align:center; -webkit-transition:background 300ms ease; transition:background 300ms ease; }
.footer .btn-top:hover, .footer .btn-top:focus { background:#888; }
.footer .social { position:absolute; right:91px; bottom:71px; width:175px; text-align:right; }
.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:8px; }
.footer .social a:hover, .footer .social a:focus { opacity:0.4; }

.wrap { width:100%; min-height:100%; min-width:1200px; overflow:hidden; }
.container { box-sizing:border-box; }
.contents { width:1200px; margin:0 auto; padding:100px 15px 160px; }

/****************************** BUTTON ******************************/
.btn-wrap { text-align:center; margin-top:60px; }
.btn-wrap-2 { margin-top:20px; font-size:0; }
.btn-t, .btn-t-2, .btn-t-3, .btn-t-4 { display:inline-block; text-align:center; box-sizing:border-box; }
.btn-t { height:40px; font-size:14px; line-height:36px; font-weight:400; padding:0 20px; }
.btn-t-2 { height:60px; font-size:16px; line-height:56px; font-weight:700; padding:0 30px; margin:0 5px; }
.btn-t-2.btn-c { font-weight:400; }
.btn-c { color:#fff; background-color:#000; transition:background-color 0.3s; }
.btn-c:hover { background-color:#ff5a2b; }
.btn-c-2 { border:solid 1px #000; transition:background-color 0.3s; }
.btn-c-2:hover { border:solid 1px #000; color:#fff; background-color:#000; }
.btn-c-3 { border:solid 1px #ddd; transition:background-color 0.3s; }
.btn-c-3:hover { border:solid 1px #000; color:#fff; background-color:#000; }
.btn-more { position:relative; display:inline-block; font-size:14px; font-weight:700; line-height:1; padding-bottom:7px; }
.btn-more::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#000; }

/* .btn-more::before { -webkit-animation:anigoline-out 800ms both; animation:anigoline-out 800ms both; }
.btn-more:hover::before, .btn-more:focus::before { -webkit-animation-name:anigoline; animation-name:anigoline; } */

/****************************** FORM ******************************/
.fm-item { position:relative; }
.fm-sel { width:100%; height:60px; background:#fff url("/resource/p/en/image/common/fm-sel.png") right 0 center no-repeat; font-size:16px; padding:0 30px 0 0; border:none; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-sel.placeholder { color:#888 !important; font-weight:normal; }
.fm-sel-2 { width:auto; height:35px; background:#fff url("/resource/p/en/image/common/fm-sel-2.png") right 12px top 50% no-repeat; font-size:14px; line-height:28px; padding:0 34px 0 0; border:none; }
.fm-ipt { width:100%; height:60px; font-size:16px; padding:0 30px 0 0; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-ipt.ipt-sch { padding-right:90px; }
.fm-sch { position:absolute; top:16px; right:-3px; line-height:0; padding:3px; }
.fm-del, .fm-del-2 { position:absolute; right:35px; 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, .del-view .fm-del-2 { visibility:visible; opacity:1; }
.fm-del-2 { right:70px; width:30px; height:30px; }

.fm-chk, .fm-chk-3 { position:absolute; padding:0; margin:0; opacity:0; box-sizing:border-box; outline:none; }
.fm-rad-i:before, .fm-rad-i:after, .fm-chk-i:before, .fm-chk-i:after { content:''; position:absolute; }

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

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

.rad-group { line-height:0; }
.rad-group .fm-item + .fm-item { margin-left:56px; }
.fm-wrap .fm-item { display:inline-block; }
.fm-wrap .fm-item + .fm-item { margin-left:7px; }

/****************************** 팝업 ******************************/
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,.4); z-index:900; overflow:auto; -webkit-overflow-scrolling:touch; }
.uipop-container.full-trans.dim { background:rgba(0,0,0,.4); }
.uipop-container.dim .uipop-track { display:table-cell; width:100vw; height:100vh; vertical-align:middle; }
.pop-layer { display:none; position:relative; width:640px; margin:0 auto; box-shadow: 0 8px 57px -17px rgba(0,0,0,0.2); }
.pop-layer:focus, .pop-layer-2:focus { outline:none; }
.pop-layer .pop-cont { padding:40px 60px 0; overflow:hidden; background:#fff; box-sizing:border-box; }
.pop-layer .pop-btn-close .i-close { position:relative; width:26px; height:26px; }
.pop-layer .pop-btn-close .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:26px; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.pop-layer .pop-btn-close .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:26px; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.pop-layer .pop-btn-close:hover .i-close::before, .pop-btn-close:hover .i-close::after { transform:rotate(0); }
.pop-layer .pop-close .fm-chk + .fm-chk-i { font-size:16px; font-weight:400; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:before { border-color:#fff; }
.pop-layer .pop-close .fm-chk + .fm-chk-i:after { background:#1e202b; width:4px; height:4px; }
.pop-layer .pop-close .fm-chk:checked + .fm-chk-i:after { background:#fff; }
.pop-layer .pop-close { display:-ms-flexbox; display:flex;-ms-flex-align:center; align-items:center;  ms-flex-pack:justify; justify-content:space-between; height:60px; background:#1e202b; margin:76px -60px 0; padding:0 24px 0 30px; }
.pop-layer .pop-close .today { color:#fff; }
.pop-layer-2 { display:none; position:relative; width:500px; margin:0 auto; }
.pop-layer-2 .pop-cont { padding:40px 60px 0; overflow:hidden; background:#fff; box-sizing:border-box; }
.pop-btn-close-2 { position:absolute; right:20px; top:20px; z-index:10; width:60px; height:60px; background:#000; border-radius:30px; }
.pop-btn-close-2 .i-close { position:relative; width:26px; height:26px; }
.pop-btn-close-2 .i-close::before { content:''; display:block; position:absolute; top:50%; margin-top:-2px; width:100%; height:2px; background:#fff; transform:rotate(-45deg); transition:transform 0.2s; }
.pop-btn-close-2 .i-close::after { content:''; display:block; position:absolute; top:50%; margin-top:-2px; width:100%; height:2px; background:#fff; transform:rotate(45deg); transition:transform 0.2s; }
.pop-btn-close-2:hover .i-close::before, .pop-btn-close-2:hover .i-close::after { transform:rotate(0); }

/****************************** 메인 임시 팝업 ******************************/
.pop-layer .notice-title { font-size:24px; font-weight:700; }
.pop-layer .notice-title .notice-logo { display:block; margin:0 0 32px -26px; }
.pop-layer .notice-title .small { display:block; font-size:14px; font-weight:400; color:#888; }
.pop-layer .notice-txt { font-size:14px; font-weight:400; margin-top:12px; }
.pop-layer .notice-list { border-top:solid 1px #eee; padding-top:21px; margin-top:25px; }
.pop-layer .notice-list li + li { margin-top:6px; }
.pop-layer .notice-txt-2 { font-size:14px; font-weight:700; margin-top:54px; text-indent:-0.9em; margin-left:0.9em; }

/****************************** SLIDE ******************************/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-prev::before, .swiper-button-next::before { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-1px 0 0 -13px; width:27px; height:2px; background:#fff; }
.swiper-button-prev::after, .swiper-button-next::after { content:''; position:absolute; bottom:0; left:50%; top:50%; margin:-6px 0 0 -13px; width:10px; height:10px; border-left:solid 2px #fff; border-bottom:solid 2px #fff; -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.swiper-button-next::after { margin:-6px -13px 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:6px; height:6px; border-radius:6px; background:#fff; }
.swiper-pagination-bullet-active { opacity:1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 0 0 -1px; outline:none; }
.swiper-button-play { position:absolute; bottom:20px; 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:20px; height:20px; }
.swiper-pagination-bullet::before { position:absolute; left:50%; top:50%; width:6px; height:6px; background:#b2b2b2; 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 .circle { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }
.swiper-pagination-bullet .circle i { position:relative; float:left; width:50%; height:100%; overflow:hidden; }
.swiper-pagination-bullet .circle i::before { content:''; position:absolute; width:200%; right:0; top:0; bottom:0; border:1px solid #ff5a2b; border-radius:100%; box-sizing:border-box; clip: rect(0,20px,20px,10px); -webkit-transform:rotate(-180deg); transform:rotate(-180deg); }
.swiper-pagination-bullet .circle i:first-child::before { left:0; right:auto; clip: rect(0px,10px,20px,0px); }
.swiper-pagination-bullet.swiper-pagination-bullet-active::before { background:#ff5a2b; }
.swiper-pagination-bullet.swiper-pagination-bullet-active .circle i::before { -webkit-animation:circleR 3500ms linear both; animation:circleR 3500ms linear both; }
.swiper-pagination-bullet.swiper-pagination-bullet-active .circle i:first-child::before { -webkit-animation-name:circleL; animation-name:circleL; }
@-webkit-keyframes circleL{0%, 50%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@-webkit-keyframes circleR{0%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}50%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@keyframes circleL{0%, 50%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}
@keyframes circleR{0%{-webkit-transform:rotate(-180deg); transform:rotate(-180deg);}50%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}}

@media all and (max-width:1360px) {
    .top-banner .foot { margin-right:-600px; }
    .top-banner .inner > .item { width:1200px; }
    .header .gnb-nav { max-width:none; padding-right:52px; }
    .header .gnb-logo { margin-left:-600px; }
    .header .gnb-util { margin-right:-476px; }
    .header .lang { margin-right:-540px; }
    .header .btn-all { margin-right:-600px; }
    .header .all-inner .deco-set .deco-text { margin-right:-605px; }
    .header .gnb-nav .dep-1 > a { padding:29px 9px 30px; }
    .footer { width:1200px; padding-left:280px; }
    .footer .social { right:71px; }
    .footer .social a + a { margin-left:4px; }
    .location { margin-left:-280px; }
}

@-webkit-keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeUp{from{opacity:0;-webkit-transform:translateY(30%);transform:translateY(30%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes allmenuTx{
    0%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
}
@keyframes allmenuBx{
    0%{-webkit-transform:translateY(9px); transform:translateY(9px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
}
@keyframes allmenuMx{0%{ height:2px; } 50%, 100%{ height:0; }}
@-webkit-keyframes allmenuTx{
    0%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
}
@-webkit-keyframes allmenuBx{
    0%{-webkit-transform:translateY(9px); transform:translateY(9px);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
}
@-webkit-keyframes allmenuMx{0%{ height:2px; } 50%, 100%{ height:0; }}
@keyframes allmenuT{
    0%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
}
@keyframes allmenuB{
    0%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(9px); transform:translateY(9px);}
}
@keyframes allmenuM{0%, 50%{ height:0; } 100%{ height:2px; }}
@-webkit-keyframes allmenuT{
    0%{-webkit-transform:translateY(-50%) rotate(-45deg); transform:translateY(-50%) rotate(-45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(-11px); transform:translateY(-11px);}
}
@-webkit-keyframes allmenuB{
    0%{-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);}
    50%{-webkit-transform:translateY(-50%); transform:translateY(-50%);}
    100%{-webkit-transform:translateY(9px); transform:translateY(9px);}
}
@-webkit-keyframes allmenuM{0%, 50%{ height:0; } 100%{ height:2px; }}

@keyframes allmenuDecoInS{
    0%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
    33.3%{opacity:0.3; -webkit-transform:translate(118px,20px); transform:translate(118px,20px) scale(1);}
    66.6%{opacity:0.6; -webkit-transform:translate(90px,89px) scale(1); transform:translate(90px,89px) scale(1);}
    100%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
}
@keyframes allmenuDecoInM{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(50px,-155px); transform:translate(50px,-155px);}
    66.6%{opacity:0.7; -webkit-transform:translate(100px,-30px); transform:translate(100px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes allmenuDecoInL{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-40px,158px); transform:translate(-40px,158px);}
    66.6%{opacity:1; -webkit-transform:translate(-159px,34px); transform:translate(-159px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes allmenuDecoInS{
    0%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
    33.3%{opacity:0.3; -webkit-transform:translate(118px,20px); transform:translate(118px,20px) scale(1);}
    66.6%{opacity:0.6; -webkit-transform:translate(90px,89px) scale(1); transform:translate(90px,89px) scale(1);}
    100%{opacity:0.5; -webkit-transform:translate(0,0) scale(1); transform:translate(0,0) scale(1);}
}
@-webkit-keyframes allmenuDecoInM{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(50px,-155px); transform:translate(50px,-155px);}
    66.6%{opacity:0.7; -webkit-transform:translate(100px,-30px); transform:translate(100px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes allmenuDecoInL{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-40px,158px); transform:translate(-40px,158px);}
    66.6%{opacity:1; -webkit-transform:translate(-159px,34px); transform:translate(-159px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes allmenuOpen{0%{ height:0; } 100%{ height:100vh; }}
@-webkit-keyframes allmenuOpen{0%{ height:0; } 100%{ height:100vh; }}
@keyframes allmenuClose{0%{ height:100vh; } 100%{ height:0; }}
@-webkit-keyframes allmenuClose{0%{ height:100vh; } 100%{ height:0; }}

@keyframes ani-prev{ 100%{right:50%;} 50.1%{right:-100%;} 50%{right:110%;} }
@keyframes ani-next{ 100%{left:50%;} 50.1%{left:-100%;} 50%{left:110%;} }
/*@keyframes ani-prev-out{ 0%, 100%{left:50%;} 50%{left:110%;} 50.1%{left:-50%;} }
@keyframes ani-next-out{ 0%, 100%{left:50%;} 50%{left:-50%;} 50.1%{left:110%;} }
@-webkit-keyframes ani-prev-out{ 0%, 100%{left:50%;} 50%{left:110%;} 50.1%{left:-50%;} }
@-webkit-keyframes ani-next-out{ 0%, 100%{left:50%;} 50%{left:-50%;} 50.1%{left:110%;} }
*/
@keyframes anigo{ 0%, 100%{width:9px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:16px;} 50.1%{width:0; margin-right:9px; margin-left:7px;} } /*231025 | 수정*/
@-webkit-keyframes anigo{ 0%, 100%{width:9px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:16px;} 50.1%{width:0; margin-right:9px; margin-left:7px;} } /*231025 | 수정*/

@keyframes anidot-5{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-50px,-80px); transform:translate(-50px,-80px);}
    66.6%{opacity:0.7; -webkit-transform:translate(70px,-30px); transform:translate(70px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-5{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-50px,-80px); transform:translate(-50px,-80px);}
    66.6%{opacity:0.7; -webkit-transform:translate(70px,-30px); transform:translate(70px,-30px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-6{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(40px,-70px); transform:translate(40px,-70px);}
    66.6%{opacity:1; -webkit-transform:translate(-70px,34px); transform:translate(-70px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-6{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(40px,-70px); transform:translate(40px,-70px);}
    66.6%{opacity:1; -webkit-transform:translate(-70px,34px); transform:translate(-70px,34px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-7{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.3; -webkit-transform:translate(108px,-92px); transform:translate(108px,-92px);}
    66.6%{opacity:0.6; -webkit-transform:translate(266px,80px); transform:translate(266px,80px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-7{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.3; -webkit-transform:translate(108px,-92px); transform:translate(108px,-92px);}
    66.6%{opacity:0.6; -webkit-transform:translate(266px,80px); transform:translate(266px,80px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-8{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-190px,64px); transform:translate(-190px,64px);}
    66.6%{opacity:0.7; -webkit-transform:translate(-80px,198px); transform:translate(-80px,198px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-8{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(-190px,64px); transform:translate(-190px,64px);}
    66.6%{opacity:0.7; -webkit-transform:translate(-80px,198px); transform:translate(-80px,198px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes anidot-9{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(216px,-118px); transform:translate(216px,-118px);}
    66.6%{opacity:1; -webkit-transform:translate(-6px,-240px); transform:translate(-6px,-240px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes anidot-9{
    0%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
    33.3%{opacity:0.8; -webkit-transform:translate(216px,-118px); transform:translate(216px,-118px);}
    66.6%{opacity:1; -webkit-transform:translate(-6px,-240px); transform:translate(-6px,-240px);}
    100%{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
}


/* familyPopup layerpop ST */
.familyPopup .align-items {align-items: center;}
.familyPopup .mb-6 {margin-bottom: 6px;}
.familyPopup .mt-6 {margin-top: 6px;}
.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 .mt-86 {margin-top: 86px;}
.familyPopup .mb-8 {margin-bottom: 8px;}
.familyPopup .mb-10 {margin-bottom: 10px;}
.familyPopup .ml-10 {margin-left: 10px;}
.familyPopup .ml-20 {margin-left: 20px;}
.familyPopup .ml-34 {margin-left: 34px;}

.familyPopup .weight-5 {font-weight: 500;}
.familyPopup .weight-6 {font-weight: 600;}

.line-heigh2 {line-height: 2;}
.line-heigh25 {line-height: 2.5;}

.familyPopup .pop-cont .block {display: block;}
.familyPopup .pop-cont .txt-dot::before {content: ''; display: inline-block; width: 4px; height: 4px; background-color: #000; border-radius: 50%; position: absolute; top: 12px; left: -10px;}
.familyPopup .pop-cont .size15 {font-size: 15px; line-height: 1.6;}
.familyPopup .pop-cont .gray {color: #888888;}

.familyPopup .layerpop {display: none; width: 1090px; margin: 0 auto; position: relative; outline: none;}
.familyPopup .pop-cont {max-height: 593px; height: 593px; overflow-x: hidden; overflow-y: auto; background: #fff; box-sizing: border-box; padding: 74px 80px 80px 80px; position: relative;}
.familyPopup .pop-cont .pop-header {-ms-display: flex; display: flex; padding-bottom: 76px; border-bottom: 1px solid #000;}
.familyPopup .pop-cont .pop-header .tit_inner {margin-left: 60px;}
.familyPopup .pop-cont .pop-header .tit {font-weight: 600; font-size: 30px;}
.familyPopup .pop-cont .pop-header .txt {font-size: 16px;}
.familyPopup .pop-cont .pop-contents {padding-top: 80px;}
.familyPopup .pop-cont .pop-contents .tit_inner{-ms-display: flex; display: flex; margin-bottom: 30px;}
.familyPopup .pop-cont .pop-contents .tit_inner:last-child {margin-bottom: 0;}
.familyPopup .pop-cont .pop-contents .tit{width: 140px; font-size: 20px; font-weight: 600;}
.familyPopup .pop-cont .pop-contents .txt_inner {margin-left: 60px;}
.familyPopup .pop-cont .pop-contents .txt{position: relative; font-size: 16px;}
.familyPopup .pop-cont .bg-map {width: 120%; height: 623px; margin-left: -100px; margin-top: 80px; background: url(../image/sub/bg-map-pop.png) no-repeat; background-size: cover;}
.familyPopup .pop-cont .bg-map img {display: block; margin: 0 auto; padding-top: 80px;}
.familyPopup .pop-cont .bg-map .bg-map-flex {height: 200px; -ms-display:flex; display: flex; justify-content: center; align-items: center;}
.familyPopup .pop-cont .bg-map .bg-map-flex ul:nth-child(1) {margin-left: -50px;}
.familyPopup .pop-cont .bg-map .bg-map-flex ul:nth-child(2) {margin-left: 80px;}
.familyPopup .pop-cont .bg-map .bg-map-flex ul .list:first-child{margin-top: 0;}
.familyPopup .pop-cont .bg-map .bg-map-flex ul .list {font-size: 16px; margin-top: 5px;}
.familyPopup .pop-cont .bg-map .bg-map-flex ul .list::before { content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 10px; background-color: #000; border-radius: 50%;}
.familyPopup .pop-cont .info-inner {margin-top: 60px;}
.familyPopup .pop-cont .info-inner .item-inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .item {flex:1 1; text-align: center; border-top: 1px solid #000; padding: 70px 0 0 0;}
.familyPopup .pop-cont .info-inner .item.item-1 {margin-right: 30px;}
.familyPopup .pop-cont .info-inner .item.item-2 {margin-left: 30px;}
.familyPopup .pop-cont .info-inner .arr-icon { display: block; text-align: center; margin-bottom: 70px;}
.familyPopup .pop-cont .info-inner .item .tit {font-size: 30px; font-weight: 600;}
.familyPopup .pop-cont .info-inner .item .sub-tit {font-size: 20px; font-weight: 100;}
.familyPopup .pop-cont .info-inner .item .info-item-inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon {width: 33.33333%;}
.familyPopup .pop-cont .info-inner .item .info-item-inner .item-icon p {margin-top: 10px;}

.familyPopup .pop-cont .info-inner .AffyXell_inner {-ms-display: flex; display: flex;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner { padding: 133px 40px 0 0;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner {text-align: left;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner .txt {white-space: nowrap;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner .txt-flex {display: flex;}
.familyPopup .pop-cont .info-inner .AffyXell_inner .item.tit_inner .txt span {margin-right: 3px; font-weight: 600; position: relative;}

 /* IE10+ ST*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .familyPopup .pop-cont .info-inner .AffyXell_inner .item.img_inner {padding: 103px 40px 80px 0;}
}
/* IE10+ ED*/
/* familyPopup layerpop ED */