@charset "utf-8";

@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 300;
	font-display: swap;
	src: local('AppleSDGothicNeo Light'), 
        url('../font/AppleSDGothicNeoL.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 400;
	font-display: swap;
	src: local('AppleSDGothicNeo Regular'), 
        url('../font/AppleSDGothicNeoR.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 500;
	font-display: swap;
	src: local('AppleSDGothicNeo Medium'), 
        url('../font/AppleSDGothicNeoM.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 500;
	font-display: swap;
	src: local('AppleSDGothicNeo SemiBold'), 
        url('../font/AppleSDGothicNeoSB.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 700;
	font-display: swap;
	src: local('AppleSDGothicNeo Bold'), 
        url('../font/AppleSDGothicNeoB.woff') format('woff');
}
@font-face {
	font-family: 'AppleSDGothicNeo';
	font-weight: 800;
	font-display: swap;
	src: local('AppleSDGothicNeo ExtraBold'), 
        url('../font/AppleSDGothicNeoEB.woff') format('woff');
}

/* 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:'AppleSDGothicNeo','AppleGothic', 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;}

.f15 {font-size:15px;}
.f-basic {font-size:15px;line-height:20px;}

/* 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;}
.mT60 {margin-top:60px !important;}
.mT70 {margin-top:70px !important;}
.mT80 {margin-top:80px !important;}
.mT90 {margin-top:90px !important;}
.mT100 {margin-top:100px !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:50px;right:50px;width:65px;height:65px;background-color:transparent;border-radius:50%;z-index:10;}
.popupWrap .btn_popClose:before,
.popupWrap .btn_popClose:after {content: "";position: absolute;top: 50%;left: 50%;width:30px;height:4px;background-color:#818387;}
.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 .btn_popClose.dark:before,
.popupWrap .btn_popClose.dark:after {background-color:#494949;}

/* slider */
.slideWrap {position:relative;z-index:10;}
.slideWrap .slideOuter {width:100%;overflow:hidden;}
.slideWrap .slideOuter ul li {position:relative;float:left;height:auto;}
.slideWrap .moveButton {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
.slideWrap .moveButton .btn {position:absolute;width:0.65rem;height:1rem;background:url("../images/slide_arrow.svg") no-repeat 0 0 / auto 1rem;}
.slideWrap .moveButton .btn.left {left:0;}
.slideWrap .moveButton .btn.right {right:0;transform:rotate(180deg);}
.slideWrap .moveButton .btn:disabled {cursor:default;opacity:0.3;}
.slideWrap .moveButton .btn:hover {background-image:url("../images/slide_arrow_hover.svg");}
.slideWrap .scrollbar {width:1385px;margin-top:30px;height:3px;width:100%;background-color:#d9d9d9;line-height:0;}
.slideWrap .scrollbar .handle {position:relative;top:0;height:3px;background-color:#0059FF;cursor:pointer;}
.slideWrap .scrollbar .handle .mousearea {position:absolute;top:-9px;left:0;width:100%;height:20px;}
.slideWrap .pages {display:flex;margin-top:0;justify-content:center;}
.slideWrap .pages li {width:10px;height:10px;border-radius:50%;text-indent:-9999px;cursor:pointer;border:solid 1px #000;}
.slideWrap .pages li.active {background-color:#000;cursor:default;}
.slideWrap .pages li+li {margin-left:10px;}
.slideWrap .pageCount {margin:1.25rem 0 0 5.4rem;font-size:1.3rem;font-family:"acumin-pro";font-weight:700;}
.slideWrap .pageCount strong {color:#0059FF;}
.slideWrap .pageCount strong:before {content:"0";}
.slideWrap.fullSlide .slideOuter ul li {width:100vw;}
.slideWrap.fullSlide .slideOuter ul li:not(:last-child) {margin-right:0;}

.swiper .moveButton {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
.swiper .moveButton .btn {position:absolute;width:0.65rem;height:1rem;background:url("../images/slide_arrow.svg") no-repeat 0 0 / auto 1rem;}
.swiper .moveButton .btn.left {left:0;}
.swiper .moveButton .btn.right {right:0;transform:rotate(180deg);}
.swiper .moveButton .btn:disabled {cursor:default;opacity:0.3;}
.swiper .moveButton .btn:hover {background-image:url("../images/slide_arrow_hover.svg");}

/* tab */
ul[class*="TabUI"] {position:relative;}
ul[class*="TabUI"] {display:flex;}
ul[class*="TabUI"] li {display:inline-flex;height:65px;border:solid 1px #242424;font-size:24px;color:#111;} 
ul[class*="TabUI"] li a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
ul[class*="TabUI"] li.active {background-color:#242424;color:#fff;}
div[class*="TabContainer"] {margin-top:50px;}

/* list */
/* .bulList {} */
.bulList li {position:relative;padding-left:8px;font-size:16px;line-height:26px;}
.bulList li:before {content:"";position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#000;}

/* 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 dl dd {position:relative;display:none;padding:20px 20px 20px 35px;background:#f0f1f2 url("../images/icon_reply.png") left 12px top 20px no-repeat;font-size:15px;line-height:20px;} */
.accordionList li.active dl dd {display:block;}

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


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