@charset "utf-8";

html {
    height:100%; font-size:14px; font-family:'NaverBD-B',sans-serif; font-weight:800;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin:0; padding:0; font-size:14px; height:100%; font-family:'NaverBD-B',sans-serif; font-weight:800;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
label, input, button, select, img {vertical-align:middle}

::selection {background-color: #685FF4; color: #fff;}

button {cursor:pointer;transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
textarea, select {font-size:14px;}
a {color:#000;text-decoration:none; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
ul,li,dl,dt,dd{padding:0;margin:0;list-style:none;}
b,strong{font-family:'NaverBD-EB',sans-serif; font-weight:700;}

input:focus {outline: none !important;}
textarea:focus {outline: none !important;}
button:focus {outline: none !important;}

.font-t {font-family:'NotoSansKR Thin',sans-serif;}
.font-l {font-family:'NotoSansKR Light',sans-serif;}
.font-d {font-family:'NotoSansKR DemiLight',sans-serif;}
.font-r {font-family:'NotoSansKR Regular',sans-serif;}
.font-m {font-family:'NotoSansKR Medium',sans-serif;}
.font-b {font-family:'NotoSansKR Bold',sans-serif;}
.font-bb {font-family:'NotoSansKR Black',sans-serif;}

.font-naver-L {font-family:'NaverBD-L',sans-serif; font-weight:300;}
.font-naver-R {font-family:'NaverBD-R',sans-serif; font-weight:400;}
.font-naver-B {font-family:'NaverBD-B',sans-serif; font-weight:700;}
.font-naver-EB {font-family:'NaverBD-EB',sans-serif; font-weight:800;}
.font-naver-H {font-family:'NaverBD-H',sans-serif; font-weight:900;}

.font-roboto-100 {font-family:'Roboto',sans-serif; font-weight:100;}
.font-roboto-300 {font-family:'Roboto',sans-serif; font-weight:300;}
.font-roboto-400 {font-family:'Roboto',sans-serif; font-weight:400;}
.font-roboto-900 {font-family:'Roboto',sans-serif; font-weight:900;}

.font-omni-100 {font-family:'OmniGothic 010',sans-serif; font-weight: normal}
.font-omni-200 {font-family:'OmniGothic 020',sans-serif; font-weight: normal}
.font-omni-300 {font-family:'OmniGothic 030',sans-serif; font-weight: normal}
.font-omni-400 {font-family:'OmniGothic 040',sans-serif; font-weight: normal}
.font-omni-500 {font-family:'OmniGothic 050',sans-serif; font-weight: normal}

.font-8 {font-size:8px;}
.font-9 {font-size:9px;}
.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-22 {font-size:22px;}
.font-24 {font-size:24px;}
.font-26 {font-size:26px;}
.font-28 {font-size:28px;}
.font-30 {font-size:30px;}
.font-36 {font-size:36px;}
.font-40 {font-size:40px;}
.font-45 {font-size:45px;}
.font-50 {font-size:50px;}

.bold {font-weight:bold;}
.cb {clear:both;}
.fl {float:left;}
.fr {float:right;}
.dn {display:none;}

.color-fff {color:#fff}
.color-ddd {color:#ddd}
.color-eee {color:#eee}
.color-000 {color:#000}
.color-999 {color:#999}
.color-888 {color:#888}
.color-777 {color:#777}
.color-666 {color:#666}
.color-555 {color:#555}
.color-444 {color:#444}
.color-333 {color:#333}
.color-222 {color:#222}
.color-111 {color:#111}

.h1 {height:1px;}
.h2 {height:2px;}
.h3 {height:3px;}
.h4 {height:4px;}
.h5 {height:5px;}
.h6 {height:6px;}
.h7 {height:7px;}
.h8 {height:8px;}
.h9 {height:9px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}

.mt-0 {margin-top: 0px !important;}
.mt-3 {margin-top: 3px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-12 {margin-top: 12px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}

.mb-3 {margin-bottom: 3px;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}

.pt-3 {padding-top: 3px;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-25 {padding-top: 25px;}
.pt-30 {padding-top: 30px;}
.pt-35 {padding-top: 35px;}
.pt-40 {padding-top: 40px;}
.pt-45 {padding-top: 45px;}
.pt-50 {padding-top: 50px;}

.pb-3 {padding-bottom: 3px;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pb-25 {padding-bottom: 25px;}
.pb-30 {padding-bottom: 30px;}
.pb-35 {padding-bottom: 35px;}
.pb-40 {padding-bottom: 40px;}
.pb-45 {padding-bottom: 45px;}
.pb-50 {padding-bottom: 50px;}

.letter-05 {letter-spacing: -0.5px;}
.letter-1 {letter-spacing: -1px;}
.letter-2 {letter-spacing: -2px;}
.letter-3 {letter-spacing: -3px;}
.letter-4 {letter-spacing: -4px;}
.letter-5 {letter-spacing: -5px;}

.w0 {width: 0%}
.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}

.main_color {color:#685FF4 !important;}

.select {
    width: auto;
    padding-left: 15px;
    padding-right: 40px;
    border: 1px solid #eee;
    background: url(../image/chevron-down.svg) no-repeat right 10px center;
    font-family:'NaverBD-B',sans-serif;
    background-size: 20px;
    background-color: #fff;
    border-radius: 0px;
    height:40px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 13px;
    color: #666;
    margin-top: 0px;
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.select:focus {outline: none; border-color: #685FF4; color:#000;}
    
.select_tiny {
    width: auto;
    padding-left: 10px;
    padding-right: 30px;
    border: 1px solid #eee;
    background: url(../image/chevron-down.svg) no-repeat right 5px center;
    font-family:'NaverBD-B',sans-serif;
    background-size: 20px;
    background-color: #fff;
    border-radius: 0px;
    height:30px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    color: #666;
    margin-top: 0px;
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.select_tiny:focus {outline: none; border-color: #685FF4; color:#000;}

.select_inp {width: auto; padding-left: 15px; padding-right: 15px; border:1px solid #eee; box-sizing: border-box; color:#000; height: 40px; border-radius: 0px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.select_inp:focus {outline: none; border-color: #685FF4; color:#000;}

.select_file {width: auto; padding-left: 15px; padding-right: 15px; border:1px solid #eee; box-sizing: border-box; color:#000; height: 40px; border-radius: 0px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); padding-top: 7px;}
.select_file:focus {outline: none; border-color: #685FF4; color:#000;}

.select_inp_tiny {width: auto; padding-left: 10px; padding-right: 10px; border:1px solid #eee; box-sizing: border-box; color:#000; height: 30px; border-radius: 0px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 12px;}
.select_inp_tiny:focus {outline: none; border-color: #685FF4; color:#000;}


.select_area {width: 50%; padding: 15px; border:1px solid #eee; box-sizing: border-box; color:#000; height: 45px; border-radius: 0px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1); height:100px; resize: none;}
.select_area:focus {outline: none; border-color: #685FF4; color:#000;}

.select_btn {background-color: transparent; color:#000; height:40px; border:0px; padding-left: 15px !important; padding-right: 15px !important;}
.select_btn2 {background-color: #f9f9f9; color:#000 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 12px; padding-bottom: 12px; font-size: 12px; border:0px; height:40px;}
.select_btn3 {background-color: #fff; color:#000 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 12px; padding-bottom: 12px; font-size: 12px; border:0px; height:40px;}
.select_btn4 {background-color: #685FF4; color:#fff; height:40px; border:0px; padding-left: 15px !important; padding-right: 15px !important;}
.cut {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 90%;
    display: block;
}

.cut90 {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 90%;
    display: block;
}

.cut80 {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 80%;
    display: block;
}



.cut50 {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 50%;
    display: block;
}

.middle_y {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.middle_x {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

body.sLightBox{}
#d_sLightBox_win{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:999}
#d_sLightBox_win .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7)/*ie9+*/}
#d_sLightBox_win .inner{position:relative;width:1200px;margin:0 auto;top:20%; height: 60%; box-shadow: 30px 30px 70px rgba(0,0,0,0.2);}
#d_sLightBox_win .inner .iframe{width:100%;height:100%;border:0; border-radius: 0px; background-color: #fff;}
#d_sLightBox_win .inner .popup{display:none}
#d_sLightBox_win .inner .close{position:absolute;right:-50px;top:-5px;width:30px;height:30px;cursor:pointer; color:#fff;}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-container_cont {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
}

.swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-slide img {
    width:100%; border-radius: 10px;
}

.swiper-pagination-bullet-active {
    background: #000 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0px !important;
}