@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:none;box-sizing:border-box;}
body {font-family:'Pretendard', sans-serif, Helvetica, Arial;font-size:15px;letter-spacing:-0.2px;color:#222;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
table {width:100%;word-break:break-all;border-spacing:0px;border-collapse:collapse;table-layout:fixed;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

/* base.css*/
html {overflow-y:scroll;overflow-x:auto;}
a {text-decoration:none;color:#222;}
input[type=text],
input[type=password],
input[type=search] {font-family:'Pretendard';font-size:15px;color:#222;display:inline-block;width:100%;height:35px;padding:11px 11px 11px;border:1px solid #ccc;box-sizing:border-box;
	vertical-align:middle;border-radius:5px;-webkit-appearance:none;}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
textarea::placeholder {color:#767676;}
input[type=text]:disabled {background:#eff2f5;border:1px solid #ddd;color:#999;}

.radiobox, .checkbox {position:relative;}
.radiobox input[type=radio],
.checkbox input[type=checkbox] {width:0;height:0;position:absolute;top:0px;left:0px;overflow:hidden;z-index:-1;}
.radiobox input[type=radio]+label,
.checkbox input[type=checkbox]+label {position:relative;padding-left:23px;display:inline-block;}
.radiobox input[type=radio]+label:before,
.checkbox input[type=checkbox]+label:before {display:inline-block;content:'';width:17px;height:17px;border-radius:17px;background:#fff;border:1px solid #bbb;vertical-align:top;
	overflow:hidden;box-sizing:border-box;position:absolute;left:0;top:0;}
.radiobox input[type=radio]:checked+label:before {background:#fff;border: 5px solid #5b68c4;box-sizing:border-box;}
.checkbox input[type=checkbox]:checked+label:before {position:absolute;left:0;top:0px;font-size:12px;font-family:"remixicon";content:"\eb7a";background:#5b68c4;border-color:#5b68c4;font-weight:bold;
	display:inline-block;color:#fff;line-height:15px;text-align:center;}
.checkbox input[type=checkbox]+label:before {border-radius:3px;}
input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {outline:1px dotted #111 !important;}

input[type=checkbox]:disabled+label:before {background:#eff2f5;border:1px solid #ddd;color:#999;}
input[type=checkbox]:disabled:checked+label:before {background:#bbb;border-color:#bbb;}
input[type=radio]:disabled+label:before {background:#eff2f5;border:1px solid #ccc;color:#999;}
input[type=radio]:disabled:checked+label:before {border-color:#bbb;}

.checkbox input[type=checkbox], 
.radiobox input[type=radio] {outline:none;}

table .radiobox input[type=radio]+label:before,
table.radiobox input[type=radio]+label:before,
.radiobox table input[type=radio]+label:before,
table .checkbox input[type=checkbox]+label:before,
table,.checkbox input[type=checkbox]+label:before,
.checkbox table input[type=checkbox]+label:before {top:3px !important;}

.select {position:relative;display:inline-block;width:100%;}
.select:after {content:'';position:absolute;top:15px;right:13px;width:0;height:0;pointer-events:none;border-style:solid;border-width:6px 5px 0 5px;border-color:#999 transparent transparent transparent;}
select {display:inline-block;font-family:'Pretendard';font-size:15px;width:100%;height:35px;color:#222;border:1px solid #ccc;padding:0 30px 0 11px;border-radius:5px;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;vertical-align:middle;cursor:pointer;}
select::-ms-expand {display:none;}

::-webkit-input-placeholder {color:#767676 !important;font-weight:normal !important;}
:-moz-placeholder {color:#767676 !important;opacity:1;font-weight:normal !important;}
::-moz-placeholder {color:#767676 !important;opacity:1;font-weight:normal !important;}
:-ms-input-placeholder {color:#767676 !important;font-weight:normal !important;}
:placeholder-shown {color:#767676 !important;font-weight:normal !important;}

textarea,button {color:#222;}
button {border:none;background:none;font-family:inherit;font-size:inherit;appearance:none;-webkit-appearance:none;}
textarea {display:inline-block;font-family:'Pretendard';font-size:15px;color:#222;resize:none;width:100%;height:100px;line-height:1.6;border:1px solid #ccc;padding:5px 10px;
	box-sizing:border-box;border-radius:5px;vertical-align:middle;}
hr {display:none;}
legend,caption {width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px;overflow:hidden;}
button,label {cursor:pointer;}
img,th {vertical-align:middle;}
td {vertical-align:baseline;}
span,em,i,strong,sup {font-size:inherit;vertical-align:baseline;}
address,em {font-style:normal}
sup {position:relative;top:-5px;}
strong {font-weight:bold !important;}
textarea:focus, button:focus, input:focus {outline:2px solid #5b68c4;outline-offset:1px;}


/* global class */
.pad_none{padding:0!important;}
.mar_none{margin:0!important;}
.bor_none{border:0 none!important;}
.let_none {letter-spacing:0 !important;}
.bold {font-weight:bold !important;}
.normal {font-weight:normal !important;}

.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt7 {margin-top:7px !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;}
.mt35 {margin-top:35px !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;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt120 {margin-top:120px !important;}

.mlm9 {margin-left:-9px !important;}
.ml0 {margin-left:0px !important;}
.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml27 {margin-left:27px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml100 {margin-left:100px !important;}

.mr0{margin-right:0px !important;}
.mr2 {margin-right:2px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !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;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr0{padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w170 {width:170px !important;}
.w200 {width:200px !important;}
.w220 {width:220px !important;}
.w250 {width:250px !important;}
.w270 {width:270px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w410 {width:410px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w800 {width:800px !important;}

.wf5 {width:5% !important;}
.wf6 {width:6% !important;}
.wf7 {width:7% !important;}
.wf8 {width:8% !important;}
.wf9 {width:9% !important;}
.wf10 {width:10% !important;}
.wf11 {width:11% !important;}
.wf13 {width:13% !important;}
.wf14 {width:14% !important;}
.wf15 {width:15% !important;}
.wf16 {width:16% !important;}
.wf18 {width:18% !important;}
.wf20 {width:20% !important;}
.wf23 {width:23% !important;}
.wf25 {width:25% !important;}
.wf30 {width:30% !important;}
.wf33 {width:33% !important;}
.wf34 {width:34% !important;}
.wf35 {width:35% !important;}
.wf38 {width:38% !important;}
.wf40 {width:40% !important;}
.wf45 {width:45% !important;}
.wf48 {width:48% !important;}
.wf50 {width:50% !important;}
.wf60 {width:60% !important;}
.wf65 {width:65% !important;}
.wf70 {width:70% !important;}
.wf75 {width:75% !important;}
.wf80 {width:80% !important;}
.wf85 {width:85% !important;}
.wf90 {width:90% !important;}
.wf95 {width:95% !important;}
.wf100 {width:100% !important;}

.lineH40 {line-height:40px;}

/* align */
.positionR {position:relative !important;}
.alL {text-align:left!important;}
.alC {text-align:center!important;}
.alR {text-align:right!important;}
.alT {vertical-align:top !important;}
.alM {vertical-align:middle !important;}
.alB {vertical-align:bottom !important;}
.inlineB {display:inline-block !important;}

/* float */
.floatL {float:left!important;}
.floatR {float:right!important;}
.clear {clear:both!important;}

/* text */
.undL {text-decoration:underline !important;}
IN {font-style:italic;color:#999 !important; }
IN:before {content:"*";vertical-align:super;font-size:13px;font-style:normal;}

/* color */
.red {color:#ee3a49!important;}
.blue {color:#396eb3 !important;}
.blue2{color:#5b68c4 !important;}
.black1 {color:#222 !important;}
.black6 {color:#666 !important;}
.black9 {color:#999 !important;}
.blacka {color:#aaa !important;}
.navy {color:#292f38 !important;}
.fonts13 {font-size:13px !important;}
.fonts14 {font-size:14px !important;}

.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}

.blind {position:absolute;top:-999px;width:1px;height:1px;text-indent:-999em;font-size:0;line-height:0;overflow:hidden;}

