@charset "utf-8";


/* reset */
html, body, div, span, iframe, object, embed, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, a, abbr, address, b, bdo, blockquote, cite, code, del, dfn, p, pre, em, i, ins, kbd, q, s, samp, strong, sub, sup, u, var, img, map, area, form, fieldset, legend, input, textarea, select, button, label, keygen, table, caption, thead, tbody, tfoot, tr, th, td, article, aside, audio, bdi, canvas, datalist, details, dialog, figcaption, figure, footer, header, main, mark, menu, menuitem, meter, nav, output, progress, section, rp, rt, ruby, summary, time, video, wbr {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}
html, body{
    width: 100%;
    -webkit-overflow-scrolling : touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    touch-action: manipulation;
}
body {
	overflow-x: hidden;
	font-family:'SUIT', Helvetica, Arial, Sans-Serif;
    font-size: 0;
    line-height: 1;
    word-break: keep-all;
}
h1, h2, h3, h4, h5, pre, input, button, select, textarea {
    font-family: inherit;
}
input, button, textarea, select {
    line-height: 1;
    color:inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    outline: none;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
  cursor: pointer;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner, 
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

input::-ms-clear, select::-ms-expand {
    display: none;
}
input::placeholder, textarea::placeholder {
    color: #ccc;
}
::-webkit-file-upload-button {
    cursor: pointer;
}
textarea {
    padding:15px !important;
    overflow: auto;
    resize:none;
}
label{
    display:inline-block;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
 }
label img {
    pointer-events: none;
    -moz-user-select: -moz-none;
}
*:focus {
    outline:none;
}

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
b, strong {
  font-weight: 700;
}
a {
    color: inherit;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
img {
    max-width: 100%;
	border: 0;
    border-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

figure img {display:block;}

:lang(ko) {word-break:keep-all;}

.btn {
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

/* text ellipsis */
.txt_ellipsis {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.txt_ellipsis-multi {
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
	-webkit-box-orient: vertical;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .txt_ellipsis-multi {
        display: block;
    }
}

/* flex */
.flex {
    display:flex;
    flex-flow:row wrap;
}
.flex-just-between {
    display:flex;
    justify-content:space-between;
}
.flex-just-center {
    display:flex;
    justify-content:center;
}
.flex-just-start {
    display:flex;
    justify-content:flex-start !important;
}
.flex-just-end {
    display:flex;
    justify-content:flex-end;
}
.flex-align-center {
    display:flex;
    align-items:center;
}
.flex-center {
    display:flex;
    justify-content:center;
    align-items:center;
}


/* text, font */
.text-underline {text-decoration:underline;}

/* padding,margin */
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}
.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}
.mT50 {margin-top:50px !important;}
.mr-1 {margin-right:10px !important;}
.ml-1 {margin-left:10px !important;}

/* badge */
.badge {height:15px;padding:0 5px;background-color:#000;border-radius:3px;font-size:10px;line-height:15px;color:#fff;font-style:normal;font-weight:400;}

/* popup */
.popupWrap {width:50rem;overflow-y:auto;overflow-x:hidden;background-color:#fff;z-index:2000;}
.popupWrap .btn_popClose {position:absolute;top:0;right:0;width:40px;height:40px;background-color:transparent;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top: 50%;left: 50%;width:20px;height: 2px;background-color:#fff;}
.popupWrap .btn_popClose:before {transform: translate(-50%, -50%) rotate(-45deg);}
.popupWrap .btn_popClose:after {transform: translate(-50%, -50%) rotate(45deg);}
.popupWrap .btn_popClose.light:before,
.popupWrap .btn_popClose.light:after {background-color:#fff;}
.popupWrap .popHeader {padding:1.25rem 0;background-color:#FDE9D1;}

/* tab */
[class*="TabUI"] {position:relative;}
[class*="TabUI"] {display:flex;justify-content:space-between;}
[class*="TabUI"] li {display:inline-flex;color:#666;} 
[class*="TabUI"] li a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
/* ul[class*="TabUI"] li.active {} */

/* list */
/* .bulList {} */
/* .bulList li {position:relative;padding-left:0.8rem;font-size:1rem;line-height:4rem;}
.bulList li:before {content:"";position:absolute;top:0.8rem;left:0;width:6px;height:6px;background-color:#05141F;}
.bulList.light li:before {background-color:#fff;} */

/* accordion style */
.accordionList li {border-bottom:solid 1px #e3e4e9;}
.accordionList li dl dt {position:relative;padding:20px 0;}
.accordionList li dl dt .title {line-height:20px;font-weight:700;color:#000;}
.accordionList li dl dt span {font-size:13px;}
.accordionList li.active dl dd {display:block;}

/* slider */
.slideWrap {position:relative;z-index:10;}
.slideWrap .slideOuter {width:100%;overflow:hidden;}
/* .slideWrap .slideOuter ul {width:3908px;} */
.slideWrap .slideOuter ul li {position:relative;float:left;}
.slideWrap .slideOuter ul li a {display:flex;height:100%;justify-content:center;align-items:center;}
/* .slideWrap .slideOuter ul li img {width:398px;border-radius:10px;box-shadow:4px 4px 20px rgba(0, 0, 0, 0.25);} */
/* .slideWrap .slideOuter ul li:not(:last-child) {margin-right:20px;} */
/* .slideWrap .slideOuter ul li.active {opacity:1;} */
/* .slideWrap .slideOuter ul li.active img {} */
.slideWrap .moveButton {position:absolute;top:63px;width:100%;}
/* .slideWrap .moveButton .btn {position:absolute;top:0;width:22px;height:36px;background:url("../images/slide_arrow.svg") no-repeat 0 0 / auto 36px;text-indent:-9999px;} */
.slideWrap .moveButton .btn.left {left:-80px;transform:rotate(-180deg);}
.slideWrap .moveButton .btn.right {right:-80px;}
.slideWrap .moveButton .btn:disabled {cursor:default;}
.slideWrap .moveButton .btn.left:disabled,
.slideWrap .moveButton .btn.right:disabled {opacity:0.3;}
.slideWrap .scrollbar {margin-top:3rem;height:4px;width:100%;background-color:#D9D9D9;line-height:0;border-radius:2px;}
.slideWrap .scrollbar .handle {position:relative;top:0;height:4px;background-color:#BB3333;cursor:pointer;border-radius:2px;}
.slideWrap .scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px;}
.slideWrap .scrollbar+.moveButton {position:relative;top:auto;margin-top:1rem;text-align:right;}
.slideWrap .scrollbar+.moveButton .btn {position:relative;width:1.6rem;height:1.6rem;background-size:auto 1.6rem;}
.slideWrap .scrollbar+.moveButton .btn.left {left:auto;margin-right:5px;}
.slideWrap .scrollbar+.moveButton .btn.right {right:auto;}
/* .slideWrap .scrollbar+.moveButton .btn.disabled {background-image:url("../images/slide_arrow_dis.svg");opacity:1 !important;} */
.slideWrap .pages {display:flex;margin-top:60px;justify-content:center;}
.slideWrap .pages li {width:14px;height:14px;border-radius:10px;background-color:#D9D9D9;text-indent:-9999px;cursor:pointer;}
.slideWrap .pages li.active {background-color:#001CA7;cursor:default;}
.slideWrap .pages li+li {margin-left:25px;}
.slideWrap.fullSlide .slideOuter ul li {width:100vw;}
.slideWrap.fullSlide .slideOuter ul li:not(:last-child) {margin-right:0;}

/* 영상 */
.movieBig {position:relative;width:100%;padding-bottom:56.25%;}
.movieBig iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.movieBig.shorts {padding-bottom:177.777%;}

/* 카운트 */
.countingBox {position:absolute;top:0;right:0;width:408px;height:145px;z-index:100;}
.countingBox p {height:30px;font-size:18px;font-weight:700;color:#fff;}
.countingBox .count {color:#fff;font-size:52px;font-weight:700;display:flex;justify-content:center;text-align:center;}
.countingBox .count span {position:relative;display:inline-block;width:87px;height:82px;line-height:75px;text-align:center;mix-blend-mode:overlay;}
.countingBox .count span+span {margin-left:22px;}
/* .linkWrap .countingBox .count span:after {content:"일";display:block;position:absolute;font-size:15px;color:#fff;text-align:center;font-weight:500;} */
.countingBox .count span:after {content:"Day";display:block;position:absolute;bottom:10px;left:0;width:100%;height:14px;font-size:10px;color:rgba(255,255,255,0.3);font-weight:300;text-align:center;}
.countingBox .count span:nth-of-type(2):after {content:"Hour";}
.countingBox .count span:nth-of-type(3):after {content:"Min";}
.countingBox .count span:nth-of-type(4):after {content:"Sec";}
.countingBox .count em {font-style:normal;vertical-align:top;line-height:100px;}

/* mediaquery */
@media screen and (max-width: 1140.98px) {
    
}
@media screen and (max-width: 768.98px) {
    
}
@media screen and (max-width: 576.98px) {
    
}