@charset "utf-8";

/* CSS reset */
* {margin:0;padding:0;letter-spacing:-0.5px;word-break:keep-all;}
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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-text-size-adjust:none; text-size-adjust:none;}
table {width:100%;border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; font-style:normal;font-weight:400;}
fieldset,img { border:0; padding:0; margin:0; vertical-align:top; max-width: 100%;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul,li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before,q:after { content:''; content: none; }
abbr,acronym { border:0; }

input,textarea,select{font-family:inherit; vertical-align:middle;}
html {font-size:10px; }
body{
    font-family: 'Pretendard', sans-serif !important;  color:#333; line-height:1; position:relative; width:100%; height:auto; margin:0; text-size-adjust:none;}
a { text-decoration:none; color:#272727;}
button {font-family: 'Pretendard', sans-serif;}
.cl { clear:both; }
.cf:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
strong {font-weight:700;}


textarea {border:1px solid #e5e5e5; font-size:1.4rem; line-height:30px; border-radius:6px; width:100%; height:200px; padding: 1.2rem 1.4rem; color:#111;box-sizing: border-box;}
textarea::-webkit-input-placeholder{font-weight:400;color:#a6a6a6;}
textarea:-moz-placeholder{font-weight:400;color:#a6a6a6;}
textarea::-moz-placeholder{font-weight:400;color:#a6a6a6;}
textarea:-ms-input-placeholder{font-weight:400;color:#a6a6a6;}

body.scroll {height:100%; overflow:hidden;}
.wrap { position:relative;}
.blind{position: absolute;overflow: hidden;margin: -1px;border: 0;padding: 0;width: 1px;height: 1px;clip: rect(0 0 0 0);}


/* basic-alink */
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-o-appearance:none;}
select::-ms-expand{display:none;}


/* input select */
input[type*="text"],
input[type*="password"],
input[type*="number"]{box-sizing:border-box;width:100%;height:42px;padding:0 10px;color:#111 !important;border:1px solid #e5e5e5;text-indent:5px;font-size:14px;border-radius:7px;}

input[type*="text"]:disabled,
input[type*="password"]:disabled,
input[type*="number"]:disabled{background-color:#f6f6f6;}
input[value]{color:#111;}

.popup_div input[type*="text"],
.popup_div input[type*="password"],
.popup_div input[type*="number"]{height:34px;}

input::-webkit-input-placeholder{color:#a6a6a6;}
input::-moz-placeholder{color:#a6a6a6;}
input:-ms-input-placeholder{color:#a6a6a6;}
input:-moz-placeholder{color:#a6a6a6;}
input.gray{background-color:#f6f6f6;}
select.gray{background-color:#f6f6f6;}

/* select */
select{box-sizing:border-box;width:100%;height:42px;padding:5px 5px 5px 10px;border:1px solid #e5e5e5;color:#111;font-size:14px;line-height:20px;background:url('../img/select_btn.png') no-repeat 95% 50%;background-size:10px auto;}
.search_area{width:206px;}
.search_area select{cursor:pointer;padding:unset;padding-left:10px;font-size:15px;border-radius:7px;}


/*--------------------- input_area ---------------------*/
/* search_input */
/* .input_area.search_input{position:relative;}
.input_area.search_input a{display:block;overflow:hidden;width:38px;position:absolute;right:0px;top:0px;bottom:0px;color:#fff;background:url("../img/ico_search_input.png") no-repeat center center;text-indent:-9999px;}
.input_area.search_input a.btn_search{float:left;display:block;box-sizing:border-box;padding:9px 12px;height:36px;min-width:123px;color:#fff;font-size:15px;text-align:center;margin-left:5px;position:relative;color:#fff;text-indent:0;} */

/* file_input */
.input_area.file_input{position:relative;}
.input_area.file_input input[type*="text"]{padding-right:138px;}
.input_area.file_input input[type*="file"]{display:block;width:128px;height:36px;position:absolute;right:0px;top:0px;bottom:0px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.input_area.file_input a{display:block;width:128px;position:absolute;right:0px;top:0px;bottom:0px;color:#fff;background-color:#b1b1b1;text-align:center;}
.input_area.file_input a span{display:inline-block;line-height:36px;}

/* input_array */
.input_array{display:inline-block;vertical-align:middle;font-size:0;width:100%;}
.input_array .search_area{display:inline-block;vertical-align:middle;}
.input_array:after{clear:both;display:block;content:'';}
.input_array .input_area{display:inline-block;width:206px;vertical-align:middle;}
.input_array .dash{display:inline-block;padding:0 5px;min-width:20px;font-size:16px;line-height:40px;text-align:center;vertical-align:middle;box-sizing:border-box;}
.input_array .input_area + .search_area{margin-left:10px;}

.input_array.email_area .dash{min-width:30px;}
.input_array.title_wrap .input_area,
.input_array.text_wrap .input_area {width:95%;}

/* input_search_area */
.input_search_area{font-size:0;}
.input_search_area .input_area{display:inline-block;vertical-align:middle;}
.input_search_area .btn_search{display:inline-block;margin-left:6px;padding:0 5px;height:40px;line-height:40px;min-width:123px;color:#fff;font-size:15px;text-align:center;box-sizing:border-box;background-color:#aaa;vertical-align:middle;}

/* text_area */
.text_area {width: 100%;}
.text_area .text {display:inline-block;vertical-align:middle;font-size:16px;color:#333;line-height: 26px;}
.text_area .text + .text {margin-top: 20px;}


/*--------------------- etc ---------------------*/
/* radio */
input[type*="radio"]{cursor:pointer;width:14px;height:14px;}
.input_radio label{cursor:pointer;position:relative;padding-left:25px; font-size:1.5rem; font-weight:600;color:#111;}
.input_radio input[type*="radio"]{display:none;}
.input_radio label:after{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;position:absolute;left:0;top:0;background:url("../img/input_radio_off.png") no-repeat center center;background-size:100% auto;}
.input_radio input[type*="radio"]:checked + label:after{background-image:url("../img/input_radio_on.png");}
.input_radio_area{padding:1rem 0;}
.input_radio_area .input_radio{display:inline-block;vertical-align:top;margin-right:4rem;}


/* checkbox */
.input_checkbox_area{}
.input_checkbox_area .input_check{display:inline-block;vertical-align:top;margin-right:40px;margin-bottom:5px;}
.input_check{position:relative;}
.input_check input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.input_check input[type="checkbox"]+label{display:block;position:relative;padding-left:25px;cursor:pointer;font-size:14px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
}
.input_check input[type="checkbox"]+label:before{content:'';position:absolute;left:0;top:5px;width:20px;height:20px;line-height:20px;text-align:center;box-sizing:border-box;border:1px solid #c0c0c0;background:url(../img/checkbox_gray.png) no-repeat center;background-size:14px auto;}
.input_check input[type="checkbox"]:checked+label:before{border-color:#ff6b00;background-color:#ff6b00;background-image:url(../img/checkbox_gray_on.png);}


/* slick */
.slick-slider{width:100%;overflow:hidden;}
.slick-list{width:100%;}
.slick-track{position:relative;}
.slick-track:after{content:"";clear:both;display:block;}

.slick-dots{text-align:center;}
.slick-dots li{display:inline-block;margin:0 4px;width:11px;height:11px;}
.slick-dots li button{display:block;width:100%;height:100%;font-size:0;line-height:0;border:1px solid #111;border-radius:50%;background-color:#fff;}
.slick-dots li.slick-active button{background-color:#111;}




/* class css */
.blind{position:absolute;overflow:hidden;margin:-1px;border:0;padding:0;width:1px;height:1px;clip:rect(0 0 0 0);}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.fl{float:left !important;}
.fr{float:right !important;}
.vt{vertical-align:top !important;}
.vm{vertical-align:middle !important;}
.vb{vertical-align:bottom !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}
.fw900{font-weight:900 !important;}
.bold{font-weight:700 !important;color:#111 !important;}

.bt0{border-top:none !important;}
.br0{border-right:none !important;}
.bb0{border-bottom:none !important;}
.bl0{border-left:none !important;}
.btt {border-top: 1px solid transparent !important;}
.brt {border-right: 1px solid transparent !important;}
.bbt {border-bottom: 1px solid transparent !important;}
.blt {border-left: 1px solid transparent !important;}

.mg0{margin:0px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.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;}
.mt50{margin-top:50px !important;}
.mt120{margin-top: 120px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.pd0{padding:0 !important;}
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}

.pc {display: block;}
.mo {display: none;}


@media only screen and (max-width:768px){
    .pc {display: none;}
    .mo {display: block;}

    /* class css */
    .m_vt{vertical-align:top !important;}
    .m_vm{vertical-align:middle !important;}
    .m_vb{vertical-align:bottom !important;}

    .mt5{margin-top:0.5rem !important;}
    .mt10{margin-top:1.0rem !important;}
    .mt15{margin-top:1.5rem !important;}
    .mt20{margin-top:2.0rem !important;}
    .mt25{margin-top:2.5rem !important;}
    .mt30{margin-top:3.0rem !important;}
    .mt50{margin-top:5.0rem !important;}
    .mt120{margin-top:12.0rem !important;}
    .mb5{margin-bottom:0.5rem !important;}
    .mb10{margin-bottom:1.0rem !important;}
    .mb15{margin-bottom:1.5rem !important;}
    .mb20{margin-bottom:2.0rem !important;}
    .mb25{margin-bottom:2.5rem !important;}
    .mb30{margin-bottom:3.0rem !important;}
    .mb50{margin-bottom:5.0rem !important;}
    .mr5{margin-right:0.5rem !important;}
    .mr10{margin-right:1.0rem !important;}
    .mr15{margin-right:1.5rem !important;}
    .mr20{margin-right:2.0rem !important;}
    .mr25{margin-right:2.5rem !important;}
    .mr30{margin-right:3.0rem !important;}
    .ml5{margin-left:0.5rem !important;}
    .ml10{margin-left:1.0rem !important;}
    .ml15{margin-left:1.5rem !important;}
    .ml20{margin-left:2.0rem !important;}
    .ml25{margin-left:2.5rem !important;}
    .ml30{margin-left:3.0rem !important;}
    .pt5{padding-top:0.5rem !important;}
    .pt10{padding-top:1.0rem !important;}
    .pt15{padding-top:1.5rem !important;}
    .pt20{padding-top:2.0rem !important;}
    .pt25{padding-top:2.5rem !important;}
    .pt30{padding-top:3.0rem !important;}
    .pb5{padding-bottom:0.5rem !important;}
    .pb10{padding-bottom:1.0rem !important;}
    .pb15{padding-bottom:1.5rem !important;}
    .pb20{padding-bottom:2.0rem !important;}
    .pb25{padding-bottom:2.5rem !important;}
    .pb30{padding-bottom:3.0rem !important;}
    .pr5{padding-right:0.5rem !important;}
    .pr10{padding-right:1.0rem !important;}
    .pr15{padding-right:1.5rem !important;}
    .pr20{padding-right:2.0rem !important;}
    .pr25{padding-right:2.5rem !important;}
    .pr30{padding-right:3.0rem !important;}
    .pl5{padding-left:0.5rem !important;}
    .pl10{padding-left:1.0rem !important;}
    .pl15{padding-left:1.5rem !important;}
    .pl20{padding-left:2.0rem !important;}
    .pl25{padding-left:2.5rem !important;}
    .pl30{padding-left:3.0rem !important;}

    .plr10{padding-left:1rem !important;padding-right:1rem !important;}
    .plr20{padding-left:2rem !important;padding-right:2rem !important;}



    @media screen and (max-width:768px){
        html{font-size:10px;}
    }
    @media screen and (max-width:280px){
        html{font-size:9px;}
    }

    body{font-size:1.4rem;line-height: 1.5rem !important;min-width: 320px;}
    body.over{overflow:hidden;height:100%;}

    textarea{padding:1rem;font-size:1.4rem;line-height:2.4rem;}
    input[type*="text"],
    input[type*="password"],
    input[type*="number"]{box-sizing:border-box;width:100%;height:4.2rem; line-height:4.2rem; padding:0 1.4rem;color:#111 !important;border:1px solid #E5E5E5;font-size:1.4rem; border-radius:6px;}

    .popup_div input[type*="text"],
    .popup_div input[type*="password"],
    .popup_div input[type*="number"]{height:4rem;}

    /* select */
    select{padding:0 1.5rem 0 1rem;height:4rem;line-height:4rem;font-size:1.4rem;border-radius:0;background-size:1rem auto;background-position-x:95%;}
    .search_area{width:100%;}
    .search_area select{padding:0 1.5rem 0 1rem;height:4rem;font-size:1.4rem;line-height:3.3rem;}
}