@charset "UTF-8";

/****************************** FONT ******************************/
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:350; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-DemiLight.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-DemiLight.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Regular.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Regular.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Medium.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Medium.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Bold.woff2') format('woff2'), url('/resource/p/kr/font/NotoSansKr-Bold.woff') format('woff'); }
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:800; src: local('☺'), url('/resource/p/kr/font/NotoSansKr-Black.woff2') format('woff2'), url('/resource/p/kr/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; }.article-layout .table:nth-child(5) .table-cell .ps-box
::-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; }
.editor table { table-layout: auto; width: auto; border:solid 1px #666; border-collapse:collapse; }
.editor td, .editor th { border:solid 1px #666; }

/****************************** 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/kr/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 0; width:127px; height:26px; }
.i-logo-2 { background-position:0 -60px; width:127px; height:26px; }
.header.normal .i-logo, .header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { background-position:0 -30px; }
.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-sns-np { background-position:-463px -59px; width:14px; 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-required.ma{margin: -32px 1px 0;}
.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:29px; height:17px; overflow:hidden; margin:-2px 0 2px 7px; }
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; }
.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; }
.i-mall::after { background-position: -130px -120px; width: 20px; height: 20px; margin: -2px 0 0 5px; background-size: 250px 143px;}
a:hover .i-mall::after { background-position:-147px -119px;}
.i-mall-2::after { background-position:-130px -120px; width: 20px; height: 20px; margin:0 0 4px 9px; background-size: 250px 143px;}
a:hover .i-mall-2::after { background-position:-147px -119px;}

.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-3 { position:relative; display:inline-block; width:46px; height:30px; padding-top:5px; background:#ff5a2b; color:#fff; text-align:center; font-size:14px; font-weight:700; box-sizing:border-box; }
.ico-txt-3:after { content:''; position:absolute; left:0; bottom:-10px; width:0; height:0; border-bottom:10px solid transparent; border-left:23px solid #ff5a2b; border-right:23px solid #ff5a2b; }
.ico-txt-3.ty-2 { background:#000; }
.ico-txt-3.ty-2:after { border-left:23px solid #000; border-right:23px solid #000; }
.ico-txt-4 { display:inline-block; height:30px; font-size:14px; color:#000; font-weight:bold; background-color:#eee; text-align:center; line-height:30px; box-sizing:border-box; vertical-align:middle; padding:0 12px 0 0; }
.ico-txt-4::before { content:'';  display:inline-block; width:8px; 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: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; }
.deco-circle { display:block; position:absolute; border-radius:100%; width:34px; height:34px; background:#d2d2d5; }
.deco-circle.ty { width:34px; height:34px; background:#d2d2d5; }
.deco-circle.ty-2 { width:51px; height:51px; background:#1e202b; }
.deco-circle.ty-3 { width:132px; height:132px; background:#ff5a2b; }

/****************************** 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 34px 30px 34px; }
.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 .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.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/kr/image/common/menu-1-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(1)::after { background-image:url("/resource/p/kr/image/common/menu-1-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::before { background-image:url("/resource/p/kr/image/common/menu-2-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(2)::after { background-image:url("/resource/p/kr/image/common/menu-2-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::before { background-image:url("/resource/p/kr/image/common/menu-3-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(3)::after { background-image:url("/resource/p/kr/image/common/menu-3-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::before { background-image:url("/resource/p/kr/image/common/menu-4-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(4)::after { background-image:url("/resource/p/kr/image/common/menu-4-after.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::before { background-image:url("/resource/p/kr/image/common/menu-5-before.jpg"); }
.header .all-inner .main .dep-1:nth-child(5)::after { background-image:url("/resource/p/kr/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:31px; }
.header .all-inner .main .dep-1 > a { font-size:40px; color:#222; font-weight:500; }
.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:279px; 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:183px; 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 .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:96px 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 74px; 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 { line-height:24px; }
.footer .address dt, .footer .address dd { display:inline; }
.footer .address dt { margin:0 0.2em 0 0.45em; }
.footer .address dt:first-child { margin-left:0; }
.footer .address .cs { color:#000; }
.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:60px; bottom:71px; width:216px; 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-t-3 { height:60px; font-size:14px; line-height:58px; font-weight:700; padding:0 30px; margin:0 5px; }
.btn-t-4 { height:54px; font-size:16px; line-height:54px; font-weight:400; padding:0 30px; }
.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-w { width:196px; }
.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-txt { display:inline-block;font-size:14px; font-weight:700; margin-right:17px; line-height:16px; }
.btn-txt .i-go-2 { margin:-3px 0 0 5px; }

/* .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/kr/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/kr/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-sel-3 { width:100%; height:48px; background:url("/resource/p/kr/image/common/fm-sel-2.png") right 0 center no-repeat; font-size:16px; font-weight:400; padding:0 30px 0 0; border:solid 2px #000; border-width:0 0 2px 0; }
.fm-sel-3.placeholder { font-size:14px; color:#888;  }
.fm-sel-4 { width:100%; height:48px; background:url("/resource/p/kr/image/common/fm-sel-3.png") calc(100% - 15px) center no-repeat; font-size:16px; font-weight:400; padding:0 40px 0 20px; border:solid 1px #ddd; }
.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-ipt-2 { width:100%; height:64px; font-size:16px; padding:0 30px 0 30px; font-weight:400; border:solid 2px #000; }
.fm-ipt-2.ipt-sch { padding-right:115px; }
.fm-sch-2 { position:absolute; right:28px; top:12px; padding:5px; }
.fm-ipt-2::-webkit-input-placeholder, .fm-ipt-3::-webkit-input-placeholder { font-size:14px !important; }
.fm-ipt-2::-moz-placeholder, .fm-ipt-3::-moz-placeholder { font-size:14px !important; }
.fm-ipt-2:-ms-input-placeholder, .fm-ipt-3:-ms-input-placeholder { font-size:14px !important; font-weight:400 !important; }
.fm-ipt-2:-moz-placeholder, .fm-ipt-3:-moz-placeholder { font-size:14px !important; }
.fm-ipt-3 { width:100%; height:54px; font-size:16px; padding:0 30px 0 30px; font-weight:400; border:solid 2px #000; }
.fm-ipt-4 { width:100%; height:48px; font-size:16px; padding:0 20px 0 20px; border:solid 1px #ddd; }
.fm-ipt-4+img {width: 28px; position: absolute; top:14px; right: 20px; cursor: pointer;}
.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:68px; width:30px; height:30px; }
.fm-ta { width:100%; height:240px; font-size:16px; padding:20px 30px; border:solid 1px #ddd; }
.fm-txt, .fm-txt-2 { display:inline-block;  font-weight:400; }
.fm-txt { font-size:14px; color:#888; margin-left:16px;  }
.fm-txt-2 { font-size:16px; color:#000; margin:0 10px 0 9px; }
.fm-ipt-4:focus, .fm-sel-4:focus { border-color:#000; }

.fm-rad, .fm-chk, .fm-chk-2, .fm-chk-3 { 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:15px; line-height:15px; cursor:pointer; color:#000; padding-left:25px; font-size:16px; font-weight:400; }
.fm-rad + .fm-rad-i:before { top:0; left:0; width:15px; height:15px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:1px; }
.fm-rad + .fm-rad-i:after { top:0; left:0; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.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:5px; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }
.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-2 + .fm-chk-i { display:inline-block; position:relative; width:auto; min-height:15px; line-height:15px; cursor:pointer; color:#000; padding-left:25px; font-size:16px; font-weight:400; }
.fm-chk-2 + .fm-chk-i:before { top:0; left:0; width:15px; height:15px; background:#fff; border:solid 1px #e0e0e0; border-radius:100%; box-sizing:border-box; margin-top:1px; }
.fm-chk-2 + .fm-chk-i:after { top:0; left:0; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.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:5px; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }

.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; }
.terms-box { overflow-y:scroll; height:260px; padding:36px 40px; font-size:15px; border:1px solid #eee; font-size:14px; }
.terms-box .terms-title { margin:32px 0 23px; font-size:16px; }
.terms-box .terms-title:first-child { margin-top:0; }
.terms-box .terms-list { margin:10px 0 0; font-size:14px; line-height:1.73; }
.fm-agree { position:relative; margin:26px 0 -5px; font-size:16px; }
.fm-agree .fm-item { position:absolute; top:-3px; right:0; }

/****************************** 팝업 ******************************/
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:82px; }
	.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; }
	.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:29px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:36px;} 50.1%{width:0; margin-right:29px; margin-left:7px;} }
@-webkit-keyframes anigo{ 0%, 100%{width:29px; margin-right:0; margin-left:7px;} 50%{width:0; margin-right:0; margin-left:36px;} 50.1%{width:0; margin-right:29px; margin-left:7px;} }

@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);}
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}



/* 공통영역 10점 이상 200608 ST*/
.clearfix::after {content:''; display:block; clear:both;}

.position-relative	{position: relative; display: inline-block;}

.txt-xxxs    		{font-size:14px; line-height: 1.57; font-weight: 600;}
.txt-xxs   			{font-size:14px; line-height: 1.57;}
.txt-xs    		 	{font-size:16px; line-height: 1.75;}
.txt-sm     		{font-size:16px; line-height: 1.75; font-weight: 600;}
.txt-xl-sm     		{font-size:18px; line-height: 1.7; font-weight: 400;}
.txt-xx-md  		{font-size:20px; line-height: 1.6; font-weight: 600;}
.txt-x-md   		{font-size:20px; line-height: 1.6;}
.txt-md     		{font-size:24px; line-height: 1.7; font-weight: 600;}
.txt-xl-md     		{font-size:28px; line-height: 1.7; font-weight: 500;}
.txt-lg     		{font-size:30px; line-height: 1.5; font-weight: 600;}
.weight-regular		{font-weight: 400;}

.txt-color-black   {color: #000;}
.txt-color-gray    {color: #888;}
.txt-color-orange  {color:#ff5a2b}

.input-text 	   {display: inline-block; font-size: 14px; height: 47px; line-height:47px; vertical-align: middle; border: 1px solid #ddd; box-sizing: border-box; color: #000; outline: none;resize: none;}
.input-text-sub    {display: inline-block; font-size: 14px; height: 36px; line-height:36px; vertical-align: middle; border: 1px solid #ddd; box-sizing: border-box; color: #000; outline: none;resize: none;}
.input-text-sm     { width: 64px; padding: 0 14px;}
.input-text-md     { width: 75px; padding: 0 16px;}
.input-text-x-md   { width: 200px; padding: 0 16px;}
.input-text-lg     { width: 260px; padding: 0 18px;}
.input-text-x-lg   { width: 280px; padding: 0 18px;}
.input-text-block  { width: 100%; display: block; padding: 0 20px; }
.textarea-sm       { width: 850px; height: 110px; padding: 20px; line-height: normal;}
.textarea-block	   { width: 100%; height: 240px; padding: 20px; line-height: normal;}
.input-text:focus, .input-text-sub:focus  { border: 1px solid #000; border-radius: 5px; }

.radio-check {
	position: absolute;
    padding: 0;
    margin: 0;
    opacity: 0;
    box-sizing: border-box;
    outline: none;
}
.radio-check + label {
	position: relative;
	display: inline-block;
    width: auto;
    min-height: 15px;
    line-height: 15px;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.radio-check + label::before{ content: ''; display: inline-block;  vertical-align: inherit;  margin-right: 10px; width: 15px; height: 15px; background: #fff; border: solid 1px #e0e0e0; border-radius: 100%; box-sizing: border-box;}
.radio-check + label:after { content: ''; position: absolute; left: 0; top: 0; display: inline-block; vertical-align: inherit; margin-right: 10px; width:15px; height:15px; background:#fff; border-radius:100%; opacity:0; margin-top:1px; }
.radio-check:checked + label:before { background:#000; border-color:#000; transition:all 0.3s ease; box-sizing:border-box; }
.radio-check:checked + label:after { position: absolute; top:28%; left:5px; width:5px; height:5px; opacity:1; transition:border 0.3s ease; }

.select-box{ display: inline-block; position: relative;}

.btn { display: inline-block; box-sizing: border-box; vertical-align: middle; font-size: 14px; border: 1px solid transparent; background-color: transparent; color: #000; cursor: pointer; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn-sm {width: 196px; height: 60px; line-height:60px; padding: 0 14px;}
.btn-color { background-color: #000; color: #fff;}
.btn-color:hover {background-color: #ff5a2b}
.btn-border {border:1px solid #dddddd;}
.btn-hover-black:hover {background-color: #000; color: #fff;}
.icon-1 {width:16px; height: 16px; display: inline-block; background: url(/resource/p/kr/image/abnormalCase/icon/icon1.png); vertical-align: middle; margin: 0 0 0 10px;}
.icon-2 {width:17px; height: 17px; display: inline-block; background: url(/resource/p/kr/image/abnormalCase/icon/icon2.png); vertical-align: middle; margin: 0 0 0 5px;}

.required-input {float: right; color:#ff5a2b; font-weight: 600; }
.terms_box { display: block; height: 260px; overflow: auto; font-size: 16px; line-height: 1.7; border: 1px solid #ddd; padding: 40px; box-sizing: border-box; color: #000; outline: none;resize: none; }
.terms_box .inner {margin: 32px 0 42px 0;}
.terms_box .inner:nth-of-type(2) > div {width: 102%; padding-left: 30px; white-space: nowrap; overflow: hidden;}
.terms_box .inner:nth-of-type(2) ul li:nth-of-type(1)::before {top:10px;}
.terms_box .inner:last-child {margin: 0;}
.terms_box .inner h4{display: inline-block; margin-bottom: 7px;}
.terms_box .inner ul li{color: #888888; padding-left:10px; position: relative; font-weight: 300;}
/* .terms_box .inner ul li::before{content:''; display: inline-block; width: 3px; height: 3px; position: absolute; top:45%; left:0; border-radius: 50%; background-color: #888888; } */
.personal_inner {margin-top: 32px;}

.table {width:100%; display:table; border-bottom: 1px solid #eee;}
article {border-top: 1px solid #000;}
.table-cell {display:table-cell; vertical-align: middle; padding: 28px 0 28px 42px;}
.table-50 {width:50%; height: 45px; line-height: 50px; display:table; float: left; border-bottom: 1px solid #eee;}
.inline-block {display: inline-block;}

.mnone {margin-bottom: 10px;}
.unique-number {float: right;}

.wrap-inner{padding: 28px 0 0 0;}
.wrap-inner ul li {color: #888; position: relative; padding-left:10px;}
.wrap-inner ul li::before{content:''; display:block; width: 3px; height: 1px; background-color: #888; margin-right:10px; position:absolute;top:10px;left:0;}

.wrap-list:nth-child(odd) {width:240px; height: 100px; vertical-align: middle; padding: 0 25px; box-sizing: border-box; background-color: #f9f8f6;}
/* .wrap-list:nth-of-type(2n) {width:932px; height: 100px; vertical-align: middle; padding: 28px 0 28px 42px; box-sizing: border-box;} */
.wrap-list:nth-of-type(2n) ul {margin-top:24px;}
.wrap-list:nth-of-type(2n) ul li {color: #888; position: relative; padding-left:10px;}
.wrap-list:nth-of-type(2n) ul li:nth-child(1){color: #ff5a2b;}
.wrap-list:nth-of-type(2n) ul li:nth-child(1)::before{ background-color: #ff5a2b;}
.wrap-list:nth-of-type(2n) ul li::before {content:''; display:block; width: 3px; height: 1px; background-color: #888; margin-right:10px; position:absolute;top:10px;left:0;}
.wrap-list:nth-of-type(2) span { display: inline-block; margin: 0 5px;}

.dot-before {position: relative;display: inline-block;}
.dot-before::before {content:''; display: inline-block; width: 4px; height: 4px; position: absolute; top:4px; left:-7px; border-radius: 50%; background-color: #ff5a2b;}
.dot-after {position: relative;display: inline-block;}
.dot-after::after {content:''; display:inline-block; width:4px; height:4px; position: absolute; top:7px; right:-8px; border-radius:50%; background-color: #ff5a2b;}
.dot-after-top8::after {top:8px;}
.dot-after-top10::after {top:10px;}

.article-layout {}
.article-layout .table-50 .table-cell div {display: inline-block; margin: 0 50px 0 0;}
.article-layout .table .Birthbox .ps-box span{margin: 0 8px;}
.article-layout .table .Birthbox .ps-box:nth-child(4) {margin: 0 60px;}
.article-layout .table .Birthbox .ps-box:nth-child(4) span {}
.article-layout .select-box .radio-check {margin-right: 10px;}
.article-layout .table:nth-child(5) .table-cell .ps-box{margin: 0 60px 0 0;}
.article-layout .table:nth-child(6) .table-cell .ps-box{margin: 0 60px 0 0;}
/* 공통영역 10점 이상 200608 ED*/

/* popup 200608 ST */
.popup_bgAnomaly {position: fixed; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none;}
.popup_bgCounsel {position: fixed; bottom: 0; left: 0; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none;}
.popup_card {width: 640px; background-color: #fff; box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.4); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup_card .popup_card-img {float: right; margin: 20px 20px 0 0; cursor: pointer;}
.popup_card .popup_card-text { width: 100%; text-align: center; padding: 50px;}
.popup_card .popup_card-text h4 {width: auto; margin: 0 auto 20px auto; padding-bottom: 20px; border-bottom:1px solid #eee;}
.popup_card .popup_card-text p {margin-bottom: 45px;}
.popup_bg .inner {width: 260px; position: absolute; top: 50%; left: 50%; margin-top: -120px; margin-left: -130px; text-align: center;}
.popup_bg .inner .loaders {border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #ff5a2b; width: 120px; height: 120px; margin: 0 auto;  -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.popup_bg .inner .txt{margin-top: 50px; font-size: 18px; line-height: 1.7; font-weight: 400;}
/* popup 200608 ED */

/* main1 페이지 200608 ST */
.abnormal-main1 .contents > .inner:nth-child(1){ padding-bottom: 30px; border-bottom: 1px solid #000;}
.abnormal-main1 .contents > .inner:nth-child(2) > div{margin: 45px 0;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:nth-child(3) ul{padding-top: 15px;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:nth-child(3) ul li::before{content:''; width: 4px; height: 4px; display: inline-block; vertical-align: middle; border-radius: 50%; background-color: #888; margin: 0 10px 0 0;}
.abnormal-main1 .contents > .inner:nth-child(2) > div:last-child {margin: 0; padding-bottom: 45px; border-bottom: 1px solid #eee;}
.abnormal-main1 .btn_wrap {text-align: center; margin-top: 82px;}
.abnormal-main1 .btn_wrap button {margin: 0 10px 0 0}
.abnormal-main1 .btn_wrap button:last-child {margin:0;}

.personal_wrap {margin:90px 0;}
.personal_wrap h2 {margin-bottom: 20px;}
.personal_wrap h3 {margin-bottom: 20px;}

.agreement_wrap {margin:90px 0;}
.agreement_wrap h3 {margin-bottom: 20px;}

.info_wrap {}
.info_wrap h3{margin-bottom: 20px;}
/* main1 페이지 200608 ED */


/* abnormal-step1 페이지 200608 ST */
.abnormal-step1 .contents {padding: 100px 15px 120px;}

.abnormal-step1 .inner:nth-child(3){}
.abnormal-step1 .inner:nth-child(3) h1{margin-bottom: 60px;}
.abnormal-step1 .inner:nth-child(3) h2{margin-bottom: 20px;}
.abnormal-step1 .inner:nth-child(3) .radio_wrap > div{display: inline-block; margin-right: 40px;}
.abnormal-step1 .inner:nth-child(3) .radio_wrap > div:last-child {margin: 0;}

.abnormal-step1 .contents .article-layout .inner:last-child .Birthbox .ps-box {margin-right: 40px;}

.abnormal-step1 .section {margin: 40px 0;}
.abnormal-step1 .section:last-child {margin: 0;}
.abnormal-step1 .section:last-child h3 {margin-bottom: 30px;}
.abnormal-step1 .bg {width:100%; background-color: #f9f8f6;}
.abnormal-step1 .bg .contents h1 {margin-bottom: 50px;}
.abnormal-step1 .bg .contents > div:nth-child(3) h2 {margin-bottom: 25px;}
.abnormal-step1 .bg .contents > div:nth-child(4) {margin: 50px 0;}
.abnormal-step1 .bg .contents > div:nth-child(4) h2 {margin-bottom: 25px;}
.abnormal-step1 .bg .contents > div:nth-child(4) span span {margin: 0 10px;}
.abnormal-step1 .bg .contents > div:nth-child(4) span:last-child span {margin: 0 0 0 10px;}
.abnormal-step1 .bg .contents > div:nth-child(5) {margin: 50px 0;}
.abnormal-step1 .bg .contents > div:nth-child(5) h2{margin-bottom: 25px;}
.abnormal-step1 .bg .contents > div:nth-child(5) > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > div:nth-child(5) > div:nth-child(2){margin-bottom: 0;}
.abnormal-step1 .bg .contents > div:nth-child(5) > div:nth-child(3){margin-top: 0;}
.abnormal-step1 .bg .contents > div:nth-child(5) > div span {margin: 0 10px;}
.abnormal-step1 .bg .contents > div:nth-child(5) > div span:last-child {margin: 0;}
.abnormal-step1 .bg .contents > div:nth-child(6) h2{margin-bottom: 25px; display: inline-block;}
.abnormal-step1 .bg .contents > div:nth-child(6) > div:first-child {margin: 0;}
.abnormal-step1 .bg .contents > div:nth-child(6) > div:nth-child(2) {margin-top: 0;}
.abnormal-step1 .bg .contents > div:nth-child(6) > div {margin: 10px 0;}
.abnormal-step1 .bg .contents > div:nth-child(6) > div:last-child {margin: 0;}
.abnormal-step1 .bg span.txt-xs {margin: 0 0 0 20px;}
.abnormal-step1 .contents {padding: 100px 15px 80px;}
.abnormal-step1 .contents h1 {margin-bottom: 50px;}
.abnormal-step1 .contents .required-input.dot-before {margin: 0;}
.abnormal-step1 .contents > div:not(:first-child) {margin: 40px 0 45px 0;}
.abnormal-step1 .contents > div:not(:first-child) h2 {margin-bottom: 25px;}
.abnormal-step1 .contents > div:not(:first-child) span:nth-child(5) {margin: 0 10px 0 0;}
.abnormal-step1 .contents > div:not(:first-child) span:nth-child(9) {margin: 0 0 0 60px;}
.abnormal-step1 .contents > div:not(:first-child) span span {margin: 0 10px;}
.abnormal-step1 .contents > div:not(:first-child):last-child {margin: 0;}
.abnormal-step1 .btn_wrap {text-align: center; margin-bottom: 160px;}
.abnormal-step1 .btn_wrap button {margin-right: 10px;}
.abnormal-step1 .btn_wrap button:last-child {margin: 0;}
/* abnormal-step1 페이지 200608 ED */

/* abnormal-step2 페이지 200608 ST */
.abnormal-step2 .contents{padding: 100px 15px 120px;}
.abnormal-step2 .Individual01 article {border-top: 1px solid #000;}
.abnormal-step2 .Individual01 article .inner02 .ps-box:nth-child(2){margin: 0 60px;}
.abnormal-step2 .Individual01 article .table:last-child .wrap-list {vertical-align: top; padding: 30px 42px;}
.abnormal-step2 .Individual01 article .table:last-child .wrap-list:first-child {padding: 30px 30px;}
.abnormal-step2 .Individual01 > div:nth-child(2):first {margin: 0;}
.abnormal-step2 .Individual01 > div:not(:nth-child(1)){ margin-top: 66px;}
.abnormal-step2 .Individual01 > div:nth-child(3) {margin-top: 122px;}
.abnormal-step2 .bg{width:100%; background-color: #f9f8f6;}
.abnormal-step2 .Individual02{}
.abnormal-step2 .Individual02 h1 {margin-bottom: 60px;}
.abnormal-step2 .Individual02 h3 span:nth-child(2) {margin-left: 15px;}
.abnormal-step2 .Individual02 > div > div:nth-child(n+3){margin: 55px 0;}
.abnormal-step2 .Individual02 > div > div:last-child {margin: 0;}
.abnormal-step2 .Individual02 > div > div:nth-child(3) div div {margin: 8px 0;}
.abnormal-step2 .Individual02 > div > div:nth-child(3) div div:nth-child(1) {margin-bottom: 0;}
.abnormal-step2 .Individual02 > div > div:nth-child(3) div div:nth-child(2){margin-top: 0;}
/* .abnormal-step2 .Individual02 > div > div:nth-child(4) div div {display: inline-block; margin-right: 60px;} */
.abnormal-step2 .Individual02 > div > div:nth-child(4) div div:nth-child(-n+2) {display: inline-block; margin-bottom: 20px; margin-right: 60px;}
.abnormal-step2 .Individual02 > div > div:nth-child(4) div div:last-child{ margin-right: 0; display: block;}
.abnormal-step2 .Individual02 > div > div:nth-child(4) div div:last-child textarea{width: 100%; font-size: 14px; box-sizing: border-box; border: 1px solid #ddd; padding: 5px; resize: none;}
.abnormal-step2 .Individual02 > div > div:nth-child(5) div div{margin: 8px 0;}
.abnormal-step2 .Individual02 > div > div:nth-child(6) div .ps-box span{margin-left: 5px;}
.abnormal-step2 .Individual02 > div > div:nth-child(6) div .ps-box:nth-child(n+2):nth-child(-n+3){margin-left: 20px;}
.abnormal-step2 .Individual02 > div > div:nth-child(6) div .ps-box:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > div:nth-child(7) div .ps-box span{margin-left: 5px;}
.abnormal-step2 .Individual02 > div > div:nth-child(7) div .ps-box:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > div:nth-child(7) div .ps-box:last-child span:last-child {margin-left: 60px;}
.abnormal-step2 .Individual02 > div > div:nth-child(7) div .ps-box:last-child span{margin: 0;}
.abnormal-step2 .Individual02 > div > div:nth-child(7) div .ps-box:nth-child(n+2):nth-child(-n+3){margin-left: 20px;}
.abnormal-step2 .Individual02 > div > div h3 {margin-bottom: 20px;}

.abnormal-step2 .Individual03 .info_inner > div{margin: 65px 0;}
.abnormal-step2 .Individual03 .info_inner > div:last-child{margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div h2 {margin-bottom: 20px;}
.abnormal-step2 .Individual03 .info_inner > div > div > div {margin: 10px 0;}
.abnormal-step2 .Individual03 .info_inner > div > div > div:first-child {margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div > div > div:last-child {margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(3) div div:first-child{margin: 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(3) div div{margin: 8px 0;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div div span:nth-child(4){margin-right: 10px; display: inline-block;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+1):nth-child(-n+3) {margin-right: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+1):nth-child(-n+3) span {margin-left: 5px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+5):nth-child(-n+7) {margin-right: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:nth-child(n+5):nth-child(-n+7) span {margin-left: 5px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:last-child {margin-left: 40px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(4) div .ps-box:last-child span:nth-of-type(1) {margin-right: 60px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > div {margin: 0 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > span:nth-of-type(1) {margin-left: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(9) > span:nth-of-type(2) {margin-left: 60px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(10) span:nth-of-type(1) {margin-left: 10px;}
.abnormal-step2 .Individual03 .info_inner > div:nth-child(10) span:nth-of-type(2) {margin-left: 60px;}

.abnormal-step2 .btn_wrap{text-align: center; margin-top: 80px;}
/* abnormal-step2 페이지 200608 ED */

/* abnormal-step3 페이지 200608 ST*/
.abnormal-step3 .contents{padding: 100px 15px 120px;}
.abnormal-step3 .Individual01 .section:first-child {margin: 0;}
.abnormal-step3 .Individual01 .section{margin: 120px 0;}
.abnormal-step3 .Individual01 .section .txt-lg {margin-bottom: 65px;}
.abnormal-step3 .Individual01 .section:last-child {margin: 0;}
.abnormal-step3 .Individual01 .table_wrap01 .Birthbox .ps-box{margin-right: 10px;}
.abnormal-step3 .Individual01 .table_wrap01 .Birthbox .ps-box span {margin-left: 5px;}
.abnormal-step3 .Individual01 .table_wrap02 .Birthbox .ps-box{margin-right: 60px;}
.abnormal-step3 .Individual01 .table_wrap02 .Birthbox .ps-box:last-child {margin: 0;}
.abnormal-step3 .Individual01 .article-layout .table-50 .table-cell div { margin-right: 60px;}
.abnormal-step3 .Individual01 .article-layout .table-50 .table-cell div:last-child { margin-right: 0;}
.abnormal-step3 .Individual01 .table_wrap02 .inner01 .wrap-list {padding:30px 0 30px 27px;}
.abnormal-step3 .bg{width:100%; background-color: #f9f8f6;}

.abnormal-step3 .Individual02 .section:first-child {margin: 0;}
.abnormal-step3 .Individual02 .section {margin: 55px 0;}
.abnormal-step3 .Individual02 .section h3 {margin-bottom: 20px;}
.abnormal-step3 .Individual02 .section h3 span + span{margin-left: 16px;}
.abnormal-step3 .Individual02 .section div div:first-child{margin: 0;}
.abnormal-step3 .Individual02 .section div div:first-child span {margin: 0 10px 0 5px;}
.abnormal-step3 .Individual02 .section div div:first-child span:nth-child(1) {margin: 0 5px 0 0;}
.abnormal-step3 .Individual02 .section div div {margin:8px 0;}
.abnormal-step3 .Individual02 .section div div:last-child{margin: 0;}
.abnormal-step3 .Individual02 .section div span.ps-box {margin: 0 7px 0 0;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child {margin-left:60px;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child span {margin: 0;}
.abnormal-step3 .Individual02 .section div span.ps-box:last-child span:nth-child(2) {margin-left: 60px;}
.abnormal-step3 .Individual02 .section div span.ps-box span {margin: 0 0 0 7px;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div{margin-bottom: 7px;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div:nth-child(-n+2){display: inline-block; margin-bottom: 20px; margin-right: 60px;}
.abnormal-step3 .Individual02 .section:nth-child(3) div > div:last-child {width: 100%;}
.abnormal-step3 .Individual02 .section:nth-child(3) div > div:last-child textarea{width: 100%; font-size: 14px; box-sizing: border-box; border: 1px solid #ddd; padding: 5px;  resize: none;}
.abnormal-step3 .Individual02 .section:nth-child(3) div div:last-child{margin-bottom: 0;}
.abnormal-step3 .Individual02 .section:last-child {margin: 0;}
.abnormal-step3 .Individual02 .section .txt-lg{margin-bottom: 65px;}

.abnormal-step3 .Individual03 .section:first-child {margin: 0;}
.abnormal-step3 .Individual03 .clearfix{margin-bottom:65px;}
.abnormal-step3 .Individual03 .section {margin: 55px 0;}
.abnormal-step3 .Individual03 .section h2 {margin-bottom: 30px;}
.abnormal-step3 .Individual03 .section div div:first-child {margin: 0;}
.abnormal-step3 .Individual03 .section div div {margin: 7px 0;}
.abnormal-step3 .Individual03 .section div div:last-child {margin: 0;}
.abnormal-step3 .Individual03 .section:last-child {margin: 0;}
.abnormal-step3 .Individual03 .section:last-child span {display: inline-block; margin-left: 5px;}
.abnormal-step3 .Individual03 .section:nth-last-child(3) span:nth-last-child(2){margin-left: 7px;}
.abnormal-step3 .Individual03 .section div div span.ps-box {margin-right:10px;}
.abnormal-step3 .Individual03 .section div div span:nth-of-type(4){margin-right: 10px;}
.abnormal-step3 .Individual03 .section div div span.ps-box span {margin-left: 5px;}
.abnormal-step3 .Individual03 .section div div span.ps-box:last-child {margin-left: 60px;}
.abnormal-step3 .Individual03 .section div div span.ps-box:last-child span:nth-child(1) {margin-right: 60px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(9) > div {margin: 0 10px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(9) span:last-child {margin-left: 60px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(10) > span:nth-child(2) {margin-left: 10px;}
.abnormal-step3 .Individual03 .info_inner .section:nth-child(10) > span:nth-child(3) {margin-left: 60px;}

.abnormal-step3 .btn_wrap{text-align: center; margin-top: 80px;}
/* abnormal-step3 페이지 200608 ED*/

/* abnormal-check-history 페이지 200608 ST */
.abnormal-check-history {}
.abnormal-check-history h3 {margin: 70px 0 22px;}
.abnormal-check-history .tb-list td.tb-subj {text-align: center;}
.abnormal-check-history .btn_wrap{text-align: center;}
.abnormal-check-history .btn_wrap button {margin: 55px 0;}
.abnormal-check-history .wrap-inner ul {margin-top: 0;}
.abnormal-check-history .wrap-list:nth-of-type(2n) ul li:nth-child(1) {color: #888;}
.abnormal-check-history .wrap-list:nth-of-type(2n) ul li:nth-child(1)::before {    background-color: #888;}
.abnormal-check-history .btn_wrap .txt_inner p{display: inline-block;}
.abnormal-check-history .btn_wrap .txt_inner p:last-child {margin-left: 30px;}
/* abnormal-check-history 페이지 200608 ED */

/* counseling 페이지 PC ST*/
.counseling .tb-data {margin-top: 100px;}
.counseling .wrap-list {padding: 0;}
.counseling .inner-txt {padding: 10px 0 0 0;}
.counseling .btn-inner {}
.counseling .btn-inner .btn-c {padding: 0; margin: 0 18px;}
.counseling .btn-inner .btn-c label{padding: 24px 18px; line-height: 0; cursor: pointer; display: inline-block; background-color: #000;}
.counseling .btn-inner .plus{width: 23px; height: 23px; display: inline-block; border: 1px solid #c3c3c3; position: relative; cursor: pointer; vertical-align: middle;}
.counseling .btn-inner .plus::before{content: '';display: inline-block; width: 1px; height: 10px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.counseling .btn-inner .plus::after{content: '';display: inline-block; width: 10px; height: 1px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.counseling .btn-inner .minus{width: 23px; height: 23px; display: inline-block; border: 1px solid #c3c3c3;position: relative; cursor: pointer; vertical-align: middle;}
.counseling .btn-inner .minus::before{content: '';display: inline-block; width: 10px; height: 1px; background-color: #c3c3c3; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}

.counseling .counseling-list li{width: 20%; float: left; text-align: center; position: relative;}

.counseling .step-icon::after {content: ''; display: inline-block; width: 10px; height: 20px; background: url(/resource/p/kr/image/counseling-icon/step-icon.png) no-repeat; position: absolute; top: 30%; right: 0;}
.counseling .step-icon:nth-child(2)::after {top: 24%;}
.counseling span.title-2 {display: block;}
 /* 파일 필드 숨기기 */
 input[type="file"] {  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
 /* counseling 페이지 PC ED*/
 /* listjoin 페이지  ST*/
 .re {float: right;}
 /* listjoin 페이지  ED*/


/* support-1 페이지 ST */
.support-1 {}
.support-1 .support-inner:nth-child(1) {border-top: 2px solid #000; padding: 72px 0 100px 0; box-sizing: border-box;}
.support-1 .support-inner:nth-child(1) {text-align: center;}
.support-1 .support-inner:nth-child(1) p {margin: 30px 0;}

.support-1 .support-inner:nth-child(2) .support-sub{width: 45%; float: left; border-top: 2px solid #000; border-bottom: 1px solid #eee; padding: 50px 0; box-sizing: border-box;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) .img-inner {margin-top: 50px;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) .txt-inner {margin: 30px 0 70px 0;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(1) a:last-child{margin-left: 14px;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) {float: right; text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) h3 {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) p {width: 413px; line-height: 1.75; margin: 37px auto 37px auto; text-align: left;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) a {text-align: center;}
.support-1 .support-inner:nth-child(2) .support-sub:nth-child(2) a:last-child{margin-left: 14px;}
/* support-1 페이지 ED */

/* 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 .mb-8 {margin-bottom: 8px;}
.familyPopup .mb-10 {margin-bottom: 10px;}
.familyPopup .ml-20 {margin-left: 20px;}

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

.familyPopup .pop-cont .block {display: block;}
.familyPopup .pop-cont .txt-dot::before {content: ''; display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-right: 10px; background-color: #000; border-radius: 50%;}
.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: 130px; font-size: 20px; font-weight: 600;}
.familyPopup .pop-cont .pop-contents .txt_inner {margin-left: 60px;}
.familyPopup .pop-cont .pop-contents .txt{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 .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: 103px 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;}

 /* 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 */