@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/Pretendard-Medium.otf);
    src: url(../fonts/Pretendard-Medium.otf?#iefix) format("embedded-opentype"),
    url(../fonts/Pretendard-Medium.otf) format("truetype");
    src: url(../fonts/Pretendard-Medium.woff2) format("woff2"), url(../fonts/Pretendard-Medium.woff) format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/Pretendard-Regular.otf);
    src: url(../fonts/Pretendard-Regular.otf?#iefix) format("embedded-opentype"), url(../fonts/Pretendard-Regular.otf) format("truetype");
    src: url(../fonts/Pretendard-Regular.woff2) format("woff2"), url(../fonts/Pretendard-Regular.woff) format("woff");
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/Pretendard-Light.otf);
    src: url(../fonts/Pretendard-Light.otf?#iefix) format("embedded-opentype"), url(../fonts/Pretendard-Light.otf) format("truetype");
    src: url(../fonts/Pretendard-Light.woff2) format("woff2"), url(../fonts/Pretendard-Light.woff) format("woff");
}

/* reset css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; }
/* h1, h2, h3, h4, h5, h6{transform: rotate(-0.0000000001deg);text-shadow: 0 0 1px rgba(0,0,0,.3); -webkit-text-size-adjust: antialiased;-moz-osx-font-smoothing: grayscale;} */
/* html5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, main, section { display:block; }
/* default font */
body, input, textarea, select, button, table { font-family:Roboto,'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',Roboto,AppleGothic,sans-serif; color:#222; font-size:12px; }
/* break word */
body {line-height:1.4; }
/* img */
img, fieldset, iframe { border:0; }
img { vertical-align:top; max-width:100% }
/* list type */
ul, ol { list-style:none; }
em, address { font-style:normal; }
caption, legend, .blind { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; text-align:left; line-height:0; }
/* form type */
input, select{max-width:100% !important;}
input[type='text'], input[type='password'], textarea, input { margin:0; border:solid 1px #dadada;font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:12px; color:#222; }
input[type='radio'] { width:13px; height:13px; margin:0; padding:0; cursor:default; }
input[type='radio']:disabled { cursor:default; }
input[type='checkbox'] { width:13px; height:13px; margin:0;padding:0; }
input[type=text]::-ms-clear { display:none; }
input[type='password'] { font-size:10px; }
input { vertical-align:middle; -webkit-appearance: none;-webkit-border-radius: 0;box-sizing: border-box;}
button {margin:0; padding:0; border:0; background:none;  font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:12px; vertical-align:middle; cursor:pointer; appearance:none; moz-appearance:none; }
select {margin:0; border:solid 1px #ddd;  font-family:'Noto Sans KR',Nanum Gothic,'나눔고딕','Malgun Gothic','맑은고딕',dotum,'돋움',AppleGothic,sans-serif; font-size:12px; vertical-align:middle;  -webkit-appearance: none;-webkit-border-radius: 0;}
textarea { padding:12px;-webkit-appearance: none;-webkit-border-radius: 0;}
select {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand {display: none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {margin:0; -webkit-appearance:none; }

/*input:focus,
select:focus,
button:focus {outline:none;}*/

/* anchor */
a { text-decoration:none; color:inherit}
a:active, a:focus { text-decoration:none; }
a:hover { text-decoration:none; }
/* table */
table { border-collapse:collapse; table-layout:fixed;word-break: normal;word-wrap: break-word;}
th { font-weight:bold; }
/* hidden text */
caption { display:none; position:static; left:-9999px; height:0; font-size:0; text-indent:-9999px; line-height:0; }
.ui-hidden, legend { display:block; overflow:hidden; position:absolute; top:-1000em; left:0; }
.blind { position:absolute; left:-9999px; height:0; font-size:0; text-indent:-9999px; line-height:0; }
.ir { display:inline-block; overflow:hidden; margin:0; padding:0; font-size:0; color:transparent; letter-spacing:-100px; text-indent:0; vertical-align:middle; white-space:nowrap; line-height:200px; }
h1,h2,h3,h4,h5,h6{font-size:inherit;}
/* none */
hr { display:none; }

.v-hidden { overflow:hidden; position:absolute !important; width:1px; height:1px; clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); }
.v-hidden a:focus,
.v-hidden input:focus,
.v-hidden button:focus { position:static; width:auto; height:auto; }

/* scrollbar */
html { scrollbar-3dLight-Color:#efefef; scrollbar-arrow-color:#dfdfdf; scrollbar-base-color:#efefef; scrollbar-Face-Color:#dfdfdf; scrollbar-Track-Color:#efefef; scrollbar-DarkShadow-Color:#efefef; scrollbar-Highlight-Color:#efefef; scrollbar-Shadow-Color:#efefef; }
/* Chrome, Safari scrollbar */
.header__inner::-webkit-scrollbar {width: 1px;height: 1px;}
.header__inner::-webkit-scrollbar-button {width: 0px;height: 0px;}
.header__inner::-webkit-scrollbar-thumb {background: #e1e1e1;border: 0px none #ffffff;border-radius: 50px;}
.header__inner::-webkit-scrollbar-thumb:hover {background: #ffffff;}
.header__inner::-webkit-scrollbar-thumb:active {background: #000000;}
.header__inner::-webkit-scrollbar-track {background: #f0f0ee;border: 0px none #ffffff;border-radius: 50px;}
.header__inner::-webkit-scrollbar-track:hover {background: #f0f0ee;}
.header__inner::-webkit-scrollbar-track:active {background: #dddddd;}
.header__inner::-webkit-scrollbar-corner {background: transparent;}

/* site */
.wrap{min-width:1200px;text-align: center;}
.cr001 .spot{background: #d8f3f3;}
.cr002 .spot{background: #f05014;}
.cr003 .spot{background: #ffeae2;}
.cr004 .spot{background: #f05014;}
.spot{position: relative; margin-bottom: 140px;}
.btn-top{position: absolute;bottom:-62px;left:50%;margin-left: -392px;}
.banner-center{margin: 0 auto;background: #f8f9fd;} 

.cont1{margin: 80px 0 90px;}
.cont2{background: #f8f9fd;}
.btn-bottom{background: #f05014;}
.info{background:#35393c; text-align: left}
.info .inner{ width: 720px; margin:0 auto; padding:40px 18px}
.info .title{color: #C4C4C4; font-family: 'Pretendard'; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
.info .list_info{}
.info .list_info li{list-style-position: inside; text-indent: -20px;padding-left: 20px; margin-top:10px; color: #C4C4C4;font-family: 'Pretendard'; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; /* 142.857% */ letter-spacing: -0.28px;}
.info .list_info li::before{content: '·'; width:10px; height: 10px; color: #fff; padding:0 7px}

.layer-carrot{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 70px 20px 90px;background: rgba(0, 0, 0, 0.40);overflow: hidden;overscroll-behavior: contain;touch-action: none;}
.layer-carrot__inner{position: relative;min-width: 0;max-width: 100%;max-height: 100%;box-shadow: 0 0 10px 5px rgba(0,0,0,.3);}
.layer-carrot__inner img{display: block;width: 100%;max-height: calc(100vh - 160px);object-fit: contain;}
.carrot__go-event{display: inline-block; position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 90%;}
.layer-carrot__close {position: absolute;top: 12px;right: 12px; width: 34px;height: 34px;opacity:1;}
.layer-carrot__close:before, .layer-carrot__close:after {position: absolute;top: 3px;right: 16px;content: ' ';height: 30px;width: 3px;background-color:#777;}
.layer-carrot__close:before {transform: rotate(45deg);}
.layer-carrot__close:after {transform: rotate(-45deg);}

/* footer */
.footer{background: #e1e1e1;text-align: left;color:#000;font-size:14px;font-family: "Malgun Gothic","맑은고딕",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.footer-inner{width:760px;margin:0 auto;padding:35px 0 35px 18px;box-sizing:border-box;}
.footer-info{line-height: 24px;}
.footer-copyr{margin-top: 10px;}
.footer-privacy{display: inline-block;height:22px;padding:0 5px;background: #666;line-height:22px;color:#fff}

a[ng-click]{cursor: pointer;}
