@charset "utf-8";

/* Reset */
@font-face{font-family:douzone;src:local("DOUZONEText10"),url(../fonts/douzone/DOUZONEText10.woff2) format("woff2"),url(/fonts/douzone/DOUZONEText10.woff) format("woff");font-weight:400;font-display:fallback}
@font-face{font-family:douzone;src:local("DOUZONEText30"),url(../fonts/douzone/DOUZONEText30.woff2) format("woff2"),url(/fonts/douzone/DOUZONEText30.woff) format("woff");font-weight:700;font-display:fallback}
html,body{width:100%;height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,img,button,select{margin:0;padding:0;}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,button{font-size:14px;font-family:'douzone','돋움',Dotum,Helvetica,'Apple SD Gothic Neo',sans-serif;}
body{-webkit-text-size-adjust:none;}
img,fieldset{border:0;vertical-align:top;}
a{color:#1a1a1a;}
a, input, button{outline:none;}
em,address{font-style:normal;}
ul,ol,li{list-style:none;}
label,button{cursor:pointer;}
svg{display:inline-block;width:24px;height:24px;user-select:none;vertical-align:top;}
.svgreset svg{width:auto;height:auto} /* svg 리셋 */
input::-ms-clear{display:none;}
.blind{position:absolute !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-1px !important;overflow:hidden !important;}
.clearbx:after,.clearfix:after{display:table;clear:both;content:'';}
.ellipsis{overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis;}
.no_ellipsis{white-space:normal !important;}
.us_none{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;}
.mw_auto {min-width:auto;}
input:disabled{-webkit-text-fill-color:#8d8d8d;opacity:1;}
iframe{overflow:hidden;margin:0;padding:0;border:0;}
.dzt_font,
.dzt_font *{font-family:douzonetitle,"Microsoft YaHei","PingFang SC","MS PGothic","Hiragino Kaku Gothic ProN","굴림",gulim,"Apple SD Gothic Neo",sans-serif}

/* Slick.css */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: none}
.slick-list.dragging {cursor: pointer}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:before,
.slick-track:after {display: table;content: ''}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir='rtl'] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}

/* Microsoft Edge(엣지) IE 모드 설정 방법 */
.ieMode {padding: 80px 0 100px;}
.ieMode__content {margin: 0 auto;width: 640px;}
.ieMode .heading {margin-bottom: 30px;text-align: center;}
.ieMode .heading--level1 {font-size: 28px;font-weight: 900;line-height: 35px;color: #0040a7;}
.ieMode .guidebox {padding: 20px 24px;border: 1px solid rgba(0,64,167,.2);background: #f8fbff;border-radius: 4px;font-size: 13px;line-height: 24px;letter-spacing: -.26px;color: #222;}
.ieMode .guidebox .amp {color: #0040a7;}
.ieMode .descText {font-size: 13px;line-height: 22px;letter-spacing: -.26px;color: #555;}
.ieMode .descText strong {font-weight: 900;}
.ieMode .guidebox + .descText {margin-top: 17px;}
.ieMode .guideSlider {margin-top: 50px;}
.ieMode .slideItem__title {display: block;margin-bottom: 14px;font-size: 16px;line-height: 26px;font-weight: 900;color: #222;}
.ieMode .slideItem__num {display: inline-block;vertical-align: top;margin-right: 8px;width: 24px;height: 24px;background: #199dff;border-radius: 50%;text-align: center;font-size: 12px;font-weight: 500;line-height: 26px;color: #fff;}
.ieMode .icon__moreBtn {display: inline-block;margin: 1px 4px 0;}
.ieMode .slideItem__imgBox {margin-top: 20px;}
.ieMode .slick-dots {position: absolute;top: 625px;left: 50%;transform: translateX(-50%);}
.ieMode .slick-dots:after {content: '';display: block;clear: both;}
.ieMode .slick-dots li {float: left;}
.ieMode .slick-dots li button {position: relative;margin: 0 2px;vertical-align: top;width: 9px;height: 14px;border: 0;background: none;font-size: 0;color: transparent;overflow: hidden;}
.ieMode .slick-dots li button:before {content: '';position: absolute;top: 50%;left: 50%;margin-top: -3px;margin-left: -3px;width: 6px;height: 6px;background: #dbdbdb;border-radius: 50%;}
.ieMode .slick-dots li.slick-active button {width: 14px;}
.ieMode .slick-dots li.slick-active button:before {margin-left: -7px;width: 14px;height: 6px;background: #b4b4b4;border-radius: 10px;}
.ieMode .slick-arrow {position: absolute;top: 50%;margin-top: -10px;width: 40px;height: 40px;border: 0;background: rgba(255,255,255,.7);border-radius: 50%;box-shadow: 0 4px 8px 0 rgba(0,0,0,.3);font-size: 0;color: transparent;overflow: hidden;}
.ieMode .slick-arrow:before {content: '';position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: -6px;width: 8px;height: 8px;border-top: 1px solid #4a4a4a;border-right: 1px solid #4a4a4a;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.ieMode .slick-disabled {opacity: .4;}
.ieMode .slick-next {right: -60px;}
.ieMode .slick-prev {left: -60px;}
.ieMode .slick-prev:before {margin-left: -3px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.ieMode .label__round {display: inline-block;vertical-align: top;padding: 0 8px;box-sizing: border-box;height: 24px;border: 1px solid #555;border-radius: 15px;font-size: 12px;font-weight: 700;line-height: 25px;color: #555;}
.ieMode .label__round--blue {border-color: #199dff;color: #199dff;}