@charset "utf-8";
@import url('iconfont/intaefont/style.css');
@import url('iconfont/newfont/style.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');


html,h1,h2,h3,h4,h5,h6,form,fieldset,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-size:1em;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
#hd ul,nav ul,#ft ul{margin:0;padding:0;list-style:none}
legend{position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label,input,button,select,img{vertical-align:middle;}
input,button{margin:0;padding:0;font-size:1em}
button{cursor:pointer}
input[type=text],input[type=password],input[type=submit],input[type=image],button{border:0;-webkit-appearance:none}
textarea,select{font-size:1em;}
textarea{-webkit-appearance:none;-webkit-overflow-scrolling:touch;width:100%;}
select{margin:0}
p{margin:0;padding:0;word-break:break-all}
hr{width:100%;height:1px;background-color:rgba(0,0,0,0.12);border:none;}
pre{overflow-x:scroll;font-size:1.1em}
img{max-width:100%;}
ul,li{margin:0;padding:0;list-style:none;}
table,tr,th,td{border-collapse:collapse;border-spacing:0;}
body{/*-webkit-user-select:none;*/-webkit-tap-highlight-color:rgba(0,0,0,0)}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;/*피봇시 글자커짐 방지 */-webkit-overflow-scrolling:touch;}
*:before{font-weight:normal;}
a{color:#090909;color:inherit;}
a:link,a:visited{text-decoration:none}
a:focus, textarea:focus, select:focus, input:focus, button:focus{outline:0;}
a:hover,a:focus,a:active{text-decoration:none}
sub{vertical-align:middle;}
a.underline{text-decoration:underline !important;}

::-webkit-scrollbar{width:6px;height:6px;border-radius:2px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:#c5c5c5;border-radius:2px;}
::selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}
-webkit-::selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}
::-moz-selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}


[class^="noto"], [class*="noto"]{font-family:'Noto Sans KR', sans-serif;}
.noto100{font-weight:100 !important;} .noto200{font-weight:200 !important;} .noto300{font-weight:300 !important;} .noto400{font-weight:400;} .noto500{font-weight:500 !important;}
.noto600{font-weight:600 !important;} .noto700{font-weight:700 !important;}
.fw100{font-weight:100 !important}
.fw200{font-weight:200 !important}
.fw300{font-weight:300 !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}


/*──────────────── flex ────────────────*/
.flex{display:flex !important;align-items:flex-start;}
.inline-flex{display:inline-flex !important;}
.flex.column, .inline-flex.column{flex-direction:column !important;}
.flex-top{align-items:flex-start !important;}
.flex-middle{align-items:center !important;}
.flex-bottom{align-items:flex-end !important;}
.flex-left{justify-content:flex-start !important;}
.flex-center{justify-content:center !important;}
.flex-right{justify-content:flex-end !important;}
.flex-stretch{align-items:stretch !important;}
.flex-wrap{flex-wrap:wrap !important;}
.flex1{flex:1;}
.flex > .left{margin-right:auto;}.flex > .right{margin-left:auto;}
.item-top{align-self:start}.item-middle{align-self:center;}.item-bottom{align-self:end}.item-stretch{align-self:stretch}.item-left{margin-right:auto;}.item-right{margin-left:auto;}
.flexCenter{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.flex.column > div{width:100%;}
.flex{gap:10px;}
.gap0{gap:0 !important;}.gap1{gap:1px !important;}.gap2{gap:2px !important;}.gap3{gap:3px !important;}.gap4{gap:4px !important;}.gap5{gap:5px !important;}
.gap6{gap:6px !important;}.gap7{gap:7px !important;}.gap8{gap:8px !important;}.gap9{gap:9px !important;}.gap10{gap:10px !important;}
.gap15{gap:15px !important;}.gap20{gap:20px !important;}.gap25{gap:25px !important;}.gap30{gap:30px !important;}.gap35{gap:35px !important;}
.gap40{gap:40px !important;}.gap45{gap:45px !important;}.gap50{gap:50px !important;}.gap55{gap:55px !important;}.gap60{gap:60px !important;}
.gap65{gap:65px !important;}.gap70{gap:70px !important;}.gap75{gap:75px !important;}.gap80{gap:80px !important;}.gap85{gap:85px !important;}
.gap90{gap:90px !important;}.gap95{gap:95px !important;}.gap100{gap:100px !important;}
.flex.line{align-items:stretch;gap:45px;}
.flex.line > *:not(:first-child){padding-left:45px;border-left:1px solid rgba(0,0,0,0.1);}
.flex.line.gap5 > *:not(:first-child){padding-left:5px;}.flex.line.gap10 > *:not(:first-child){padding-left:10px;}.flex.line.gap15 > *:not(:first-child){padding-left:15px;}.flex.line.gap20 > *:not(:first-child){padding-left:20px;}
.flex.line.gap25 > *:not(:first-child){padding-left:25px;}.flex.line.gap30 > *:not(:first-child){padding-left:30px;}.flex.line.gap35 > *:not(:first-child){padding-left:35px;}.flex.line.gap40 > *:not(:first-child){padding-left:40px;}
.flex.line.gap45 > *:not(:first-child){padding-left:45px;}.flex.line.gap50 > *:not(:first-child){padding-left:50px;}.flex.line.gap55 > *:not(:first-child){padding-left:55px;}.flex.line.gap60 > *:not(:first-child){padding-left:60px;}
.flex.line.gap65 > *:not(:first-child){padding-left:65px;}.flex.line.gap70 > *:not(:first-child){padding-left:70px;}.flex.line.gap75 > *:not(:first-child){padding-left:75px;}.flex.line.gap80 > *:not(:first-child){padding-left:80px;}
.flex.line.gap85 > *:not(:first-child){padding-left:85px;}.flex.line.gap90 > *:not(:first-child){padding-left:90px;}.flex.line.gap95 > *:not(:first-child){padding-left:95px;}.flex.line.gap100 > *:not(:first-child){padding-left:100px;}
.flex.line.gap110 > *:not(:first-child){padding-left:110px;}.flex.line.gap120 > *:not(:first-child){padding-left:120px;}.flex.line.gap130 > *:not(:first-child){padding-left:130px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flex:after{display:block;visibility:hidden;clear:both;content:""}
	.flex > .right{float:right}
}


/*──────────────── common ────────────────*/
.tcenter{text-align:center !important;}
.tleft{text-align:left !important;}
.tright{text-align:right !important;}
.center{margin-left:auto;margin-right:auto}
.none{display:none}
.bored{border:1px solid red;}
.bold{font-weight:700;}
.keep-all{word-break:keep-all;}
.relative{position:relative;}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out;cursor:pointer;}
.color-red{color:#E81547 !important}
.color-blue{color:#3469ff !important}
.color-gray{color:#7B7B7B !important}
html.scrollDisable{height:100%;min-height:100%;overflow:hidden !important;touch-action:none;}


input:-moz-placeholder, textarea:-moz-placeholder{color:#828482;font-weight:300;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#828482;font-weight:300;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#828482;font-weight:300;}
input::-moz-focus-inner,
button::-moz-focus-inner{border:0;padding:0;}



/*─────────────────────────────────────────────────────*/
/*												SETTING												 */
/*─────────────────────────────────────────────────────*/
[class*="span"], [class="span"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;}


/*──────────────── line-height ────────────────*/
.line-height80{line-height:0.8em !important;}.line-height85{line-height:0.85em !important;}.line-height90{line-height:0.9em !important;}.line-height95{line-height:0.95em !important;}
.line-height100{line-height:1em !important;}.line-height110{line-height:1.1em !important;}.line-height120{line-height:1.2em !important;}.line-height130{line-height:1.3em !important;}
.line-height140{line-height:1.4em !important;}.line-height150{line-height:1.5em !important;}.line-height160{line-height:1.6em !important;}.line-height170{line-height:1.7em !important;}
.line-height180{line-height:1.8em !important;}.line-height190{line-height:1.9em !important;}.line-height200{line-height:2em !important;}.line-height115{line-height:1.15em !important;}
.line-height125{line-height:1.25em !important;}.line-height135{line-height:1.35em !important;}.line-height145{line-height:1.45em !important;}.line-height155{line-height:1.55em !important;}
.line-height165{line-height:1.65em !important;}.line-height175{line-height:1.75em !important;}.line-height185{line-height:1.85em !important;}.line-height195{line-height:1.95em !important;}









/*─────────────────────────────────────────────────────*/
/*												공통 (btn)												 */
/*─────────────────────────────────────────────────────*/
.btn{height:32px;padding:0 15px;font-size:14px;border-radius:3px;display:inline-flex !important;align-items:center;justify-content:center;}
.btnRound{height:32px;padding:0 15px;font-size:14px;border-radius:40px;display:inline-flex !important;align-items:center;justify-content:center;}
[class*='btn'].span{display:flex !important;width:100%;}
[class*='btn'].middle{font-size:16px;height:50px;padding:0 20px;}
[class*='btn'].large{font-size:16px;height:68px;padding:0 20px;}
[class*='btn'].red{background:#E81547;color:#fff;}
[class*='btn'].light{background:#fff;border:1px solid #CCCCCC;}
.btn.gray{background:#F5F4F3;border:1px solid #CCCCCC}
.btn.black{background:#111111;color:#fff;}





/*──────────────── Radio & Checkbox ────────────────*/
.checkbox-wrap input[type="checkbox"] {display:none;}
.radio-wrap input[type="radio"] {display:none;}

.checkbox-wrap{display:inline-flex;align-items:center;column-gap:10px;}
.checkbox-wrap span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:4px;cursor:pointer;text-align:center;color:rgba(0,0,0,0.4);transition:all .2s ease-in-out;}
.checkbox-wrap span:before{content:'\e912';font-family:'intaefont';font-size:10px;font-weight:bold;margin-top:1px;transform:scale(0.85);}
.checkbox-wrap:hover span{color:rgba(255,255,255,1);background:#cacaca !important;}
.checkbox-wrap input[type="checkbox"]:checked + span{color:rgba(255,255,255,1);background:#3469ff !important;}

.radio-wrap{display:inline-flex;align-items:center;column-gap:10px}
.radio-wrap span{position:relative;display:inline-block;vertical-align:middle;width:18px;height:18px;background:#cacaca;border-radius:50%;cursor:pointer;text-align:center;}
.radio-wrap span:before{content:'';display:inline-block;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px;width:6px;height:6px;background:rgba(255,255,255,0);border-radius:50%;}
.radio-wrap:hover span{background:#c2c2c2;}
.radio-wrap:hover span:before{background:rgba(255,255,255,0.75);}
.radio-wrap input[type="radio"]:checked + span, .radio-wrap:hover input[type="radio"]:checked + span{background:#E81547;}
.radio-wrap input[type="radio"]:checked + span:before, .radio-wrap:hover input[type="radio"]:checked + span:before{background:rgba(255,255,255,0.9);}