@charset "utf-8";

html,body { height:100%; }
body { -webkit-text-size-adjust:none; overflow-x:hidden;}
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:'Metropolis-Regular','Noto Sans KR','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo','돋움',dotum, sans-serif; font-size:16px; font-weight:400; color:#000; line-height:1.5; word-break:keep-all; word-wrap:break-word; letter-spacing:-0.02em; }
h1,h2,h3,h4, h5,h6 { font-weight:inherit; font-size:inherit; }
iframe, fieldset { border:0; }
img { border:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl,ul,ol,menu,li { list-style:none; }
em,address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover,a:active,a:focus { text-decoration:none; }
input,select,textarea,button { vertical-align:middle; }
button { cursor:pointer; width:auto; overflow:visible; color:inherit; font-size:inherit; vertical-align:middle; background:transparent; border:none; }
/*button:focus, select:focus { outline:dashed 1px #888; outline-offset:-1px; }*/
button[disabled="disabled"] { cursor:default; }
sup { line-height:1; font-size:0.4em; }
table { border-collapse:separate; border-spacing:0; table-layout:fixed; width:100%; empty-cells:show; }
caption,legend { visibility:hidden; font-size:0; width:0; height:0; line-height:0; }
input[type='text']::-ms-clear, input[type='password']::-ms-reveal { display:none; }
input[disabled="disabled"], input[readonly="readonly"], select[disabled="disabled"], input.disabled, input.readonly { background-color:#f5f5f5; cursor:default; border-color:#ddd; }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:#888 !important; font-weight:normal; }
::-moz-placeholder { color:#888 !important; font-weight:normal; }
:-ms-input-placeholder { color:#888 !important; font-weight:normal !important; }
:-moz-placeholder { color:#888 !important; font-weight:normal; }
select.placeholder { color:#888 !important; font-weight:normal; }
th, td { text-indent:0; }


*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-sizing:border-box;
  -o-sizing:border-box;
  box-sizing: border-box;
}


a {color:inherit; text-decoration:inherit; vertical-align: top; outline:0;}
a:link, a:visited {color:inherit; outline:0;}
a:hover, a:focus, a:active, li a:hover, li:hover {text-decoration:inherit; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
button, select {outline:0;}

.motion {transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.clearfix {clear:both;}

/****************************** 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(/image/icons.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-image:url(/image/logo_all.png); background-position:0 0; width:193px; height:55px; }
.i-logo-2 {background-image:url(/image/logo_all.png); background-position:0 -55px; width:193px; height:55px; }
.header.normal .i-logo, .header.min .i-logo, .header.hover .i-logo, .header.opend-all .i-logo { background-position:0 -55px; }
.i-logo-4 { background-position:-330px -88px; width:120px; height:24px; }
.i-sns-fb { background-position:0 -128px; width:13px; height:23px; }
.i-sns-ig { background-position:-23px -128px; width:18px; height:23px; }
.i-sns-yt { background-position:-51px -128px; width:24px; height:23px; }
.i-sns-dw { background-position:-85px -128px; width:23px; height:23px; }
.i-home { background-position:-102px -96px; width:12px; height:13px; }
.i-down { border-top:9px solid #0042ff; border-left:6px solid transparent; border-right:6px solid transparent; }
.i-up { border-bottom:9px solid #ff5a2b; border-left:6px solid transparent; border-right:6px solid transparent;	}
.i-play { position:relative; display:block; width:80px; height:80px; background:#fff; border-radius:100%; }
.i-play:after { content:''; position:absolute; left:50%; top:50%; display:block; width:0; height:0; border-top:9px solid transparent; border-left: 14px solid #ff5a2b; border-bottom:9px solid transparent; margin:-9px 0 0 -6px; }
.i-sch { background-position:-137px -66px; width:24px; height:23px; }
.i-del { position:relative; width:24px; height:24px; background:#ddd; border-radius:100%; }
.i-del::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:12px; height:2px; background:#fff; transform:rotate(-45deg); left:6px; }
.i-del::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:12px; height:2px; background:#fff; transform:rotate(45deg); left:6px; }
.i-download { position:relative; width:12px; height:13px; overflow:hidden; }
.i-download::before { content:''; display:block; background-position:-214px 0; width:12px; height:11px; top:0; transition:transform 0.3s ease; }
.i-download::after { content:''; position:absolute; display:block; background-position:-214px -11px; width:12px; height:2px; bottom:0; }
a:hover .i-download::before { background-position:-236px 0; }
a:hover .i-download::after { background-position:-236px -11px; }
.btn-c .i-download { margin:-3px 0 0 10px; }
.btn-c .i-download::before { background-position:-193px 0; }
.btn-c .i-download::after { background-position:-193px -11px; }
.btn-c:hover .i-download::before { background-position:-193px 0; }
.btn-c:hover .i-download::after { background-position:-193px -11px; }
a:hover .i-download::before { transform:translateY(2px); }
.i-attach { background-position:-217px -66px; width:12px; height:14px; }
.i-download-2 { position:relative; width:18px; height:20px; overflow:hidden; }
.i-download-2::before { content:''; display:block; background-position:-137px 0; width:18px; height:16px; top:0; transition:transform 0.3s ease; }
.i-download-2::after { content:''; position:absolute; display:block; background-position:-137px -18px; width:18px; height:2px; bottom:0; }
a:hover .i-download-2::before { background-position:-165px 0; }
a:hover .i-download-2::after { background-position:-165px -18px; }
a:hover .i-download-2::before { transform:translateY(4px); }
.i-required { margin:-12px 6px 0; width:4px; height:4px; border-radius:2px; background-color:#ff5a2b; }
.i-tel { background-position:-282px -106px; width:9px; height:15px; margin:-3px 6px 0 0; }
.i-tel-2 { background-position:-434px -124px; width:18px; height:20px; }
.i-fax { background-position:-457px -124px; width:18px; height:20px; }
.i-pin-2 { background-position:-282px -68px; width:10px; height:15px; margin:-2px 8px 0 0; }
a:hover .i-pin-2, .active .i-pin-2 { background-position:-282px -88px; }
.i-pin-4 { background-position:-362px -161px; width:32px; height:40px; }
.active .i-pin-4, .map-btn:hover .i-pin-4 { background-position:-404px -161px; }
.i-pin-5 { background-position:-411px -124px; width:18px; height:20px; }
.i-go { position:relative; display:inline-block; width: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; }

.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-4.ty-6::before { background-color:#f8a5c2; }
.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; }