@charset "UTF-8";

/********** font **********/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@import url('http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/********** Common **********/ 
html,body{min-height:100%; scroll-behavior:smooth;}
html {box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
body {
    -webkit-text-size-adjust: none;
    min-width: 320px;
	overflow-x:hidden;
	overflow-y:visible;
}

input,button,img{vertical-align:middle;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; text-decoration:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none; font-size:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none; color:#454545}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: 400;font-style: normal;}
q:before,q:after{content:'';}
abbr,acronym {border: 0;}

table {border-collapse: collapse;}
colgroup {display: table-column-group;}
caption,
legend {
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
td,
th {
    color: #666666;
    word-break: break-all;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

mark,
var {
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    font-style: normal;
    background: none;
}
img {
    vertical-align: middle;
    border: none;
}
hr {display: none;}
button {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    line-height: 1.5;
}

body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family:'Nanum Gothic';color:#7d7d7d;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
.clfix {zoom:1;} /*for IE 5.5-7*/

.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}


/* no style */
.hidden {display:none;}
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:400 !important;}
.bg_no {background:none !important;}
.line_no {border:none !important;}
.line_no_top {border-top:none !important;}
.line_no_left {border-left:none !important;}
.line_no_right {border-right:none !important;}
.line_no_bottom {border-bottom:none !important;}

/* align */
.align_c{text-align:center !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right !important;}

/* float */
.float_l{float:left !important;}
.float_r{float:right !important;}
.float_clear{clear:both !important;}

/*form*/
input{vertical-align:middle;}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}

input[type="text"], 
input[type="password"],
textarea{  
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;
}

input[type="text"] {width:100%; border:1px solid #dcdcdc; height:50px; padding:0 10px; color:#5a5858; font-weight: 400; font-size:17px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
input[type="text"]::-webkit-input-placeholder {color:#c9c9c9;}
input[type="text"]:-input-placeholder {color:#c9c9c9;}
input[type="text"]:-ms-input-placeholder {color:#c9c9c9;}
input[type="text"]::-moz-input-placeholder {color:#c9c9c9;}

input[type="password"] {width:100%; border:1px solid #dcdcdc; height:50px; padding:0 10px; color:#5a5858; font-weight: 400; font-size:17px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
input[type="password"]::-webkit-input-placeholder {color:#c9c9c9;}
input[type="password"]:-input-placeholder {color:#c9c9c9;}
input[type="password"]:-ms-input-placeholder {color:#c9c9c9;}
input[type="password"]::-moz-input-placeholder {color:#c9c9c9;}

select {width:100%; height:50px; padding:0 10px; color:#555; font-weight: 400;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; 
    background:#f5f5f5 url('../image/arrow.png') no-repeat 99% 50%; border:1px solid #ddd; 
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    appearance:none;}
select::-ms-expand{display: none;}


textarea {width:100%; border:1px solid #dcdcdc; padding:10px; color:#5a5858; font-weight: 400; resize:none;/*Å©±âÁ¶Àý¾ÈµÇ°Ô*/
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    
}
textarea::-webkit-input-placeholder {color:#c9c9c9;}
textarea:-input-placeholder {color:#c9c9c9;}
textarea:-ms-input-placeholder {color:#c9c9c9;}
textarea::-moz-input-placeholder {color:#c9c9c9;}

.form_w0 {width:auto !important;}
.form_w5 {width:5% !important;}
.form_w10 {width:10% !important;}
.form_w15 {width:15% !important;}
.form_w20 {width:20% !important;}
.form_w25 {width:25% !important;}
.form_w30 {width:30% !important;}
.form_w35 {width:35% !important;}
.form_w40 {width:40% !important;}
.form_w45 {width:45% !important;}
.form_w50 {width:50% !important;}
.form_w55 {width:55% !important;}
.form_w60 {width:60% !important;}
.form_w65 {width:65% !important;}
.form_w70 {width:70% !important;}
.form_w75 {width:75% !important;}
.form_w80 {width:80% !important;}
.form_w85 {width:85% !important;}
.form_w90 {width:90% !important;}
.form_w95 {width:95% !important;}
.form_w100 {width:100% !important;}

/* margin */
.mt1{margin-top:1px; !important;}
.md2{margin-left:2px; !important;}
.md1{margin-left:1px; !important;}
.md4{margin-left:4px; !important;}
.md5{margin-left:5px; !important;}
.md6{margin-left:6px; !important;}
.md7{margin-left:7px; !important;}
.md8{margin-left:8px; !important;}
.md9{margin-left:9px; !important;}
.md10{margin-left:10px; !important;}
.md11{margin-left:11px; !important;}
.md12{margin-left:12px; !important;}
.mt3 {margin-top:3px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt22 {margin-top:22px !important;}
.mt34{margin-top:90px; !important;}
.mt23{margin-top:23px; !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt105 {margin-top:105px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt180 {margin-top:180px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr11 {margin-right:11px !important;}
.mr13 {margin-right:13px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr34 {margin-right:34px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.md3 {margin-left:3px !important;}
.md8 {margin-left:8px !important;}
.md12 {margin-left:12px !important;}
.md10 {margin-left:10px !important;}
.md13 {margin-left:13px !important;}
.md17 {margin-left:17px !important;}
.md20 {margin-left:20px !important;}
.md15 {margin-left:15px !important;}
.md18 {margin-left:18px !important;}
.md29 {margin-left:29px !important;}
.md27 {margin-left:27px !important;}
.md30 {margin-left:30px !important;}
.md34 {margin-left:34px !important;}
.md35 {margin-left:35px !important;}
.md40 {margin-left:40px !important;}
.md50 {margin-left:50px !important;}
.md65 {margin-left:65px !important;}
.md70 {margin-left:70px !important;}
.md100 {margin-left:100px !important;}
.md115 {margin-left:115px !important;}

.pd0 {padding:0px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt17 {padding-top:17px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt180 {padding-top:180px !important;}
.pt183 {padding-top:183px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb58 {padding-bottom:58px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pr6 {padding-right:6px !important;}
.pr5 {padding-right:5px !important;}
.pr2 {padding-right:2px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr66 {padding-right:66px !important;}
.pr266 {padding-right:266px !important;}
.pl24 {padding-left:24px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl15 {padding-left:15px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl75 {padding-left:75px !important;}
.pl90 {padding-left:90px !important;}