*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box; }
:root {
	--column-padd: 0rem;

	--txt-black: #000;
	--txt-red: #f72e41;
	--txt-violet: #533df7;
	--txt-dark-grey: #222;
	--txt-grey: #666;
	--txt-light-grey: #999;
	--txt-orange:#fc6500;
	--txt-default:#005aff;
	--txt-light-blue:#3a6ce9;
	--txt-sky-blue:#58b1fc;

}


body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; letter-spacing:-.02em;  }
body,input,textarea,button,select,pre{font-family:'NotoSans',  'Spoqa Han Sans', 'sans-serif', 'Nanum Gothic', '³ª´®°íµñ', 'xeicon', 'Malgun Gothic' ,'¸¼Àº °íµñ', 'Nanum Gothic', '³ª´®°íµñ', '¸¼Àº °íµñ', 'µ¸¿ò', Dotum, '±¼¸²', Gulim, Sans-serif; color:#444;}
body{font-size:14px;word-break:keep-all; overflow-x:hidden; line-height:1.3em; }
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:15px;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; }
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;table-layout:fixed;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
strong {font-weight:bold;}
.clear {clear:both; }
@media all and (max-width:677px) {
   body,input,textarea,button,select,pre,div,ul,li,button{font-family: 'xeicon', 'Spoqa Han Sans',!important }

}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* ¸µÅ© ±âº»°ª */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

a {transition: all 0.2s ease-in;}
/* ¸®½ºÆ® ½ºÅ¸ÀÏ Á¦°Å */
ul,ol,li{list-style:none;}
i {font-style:normal}

/* ½ºÅ©·Ñ¹Ù */
::-webkit-scrollbar { background: transparent;width: 6px;height:6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background:#999; opacity:1 !important;  border-radius:9px; }
::-webkit-scrollbar-button { display: none; }

::selection { background: #4c94ff; color: #fff; text-shadow: none; }

input,select,textarea,button {outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-width:0;vertical-align:middle;}
input[type=text], input[type=number], input[type=password] {width:100%;height:40px;padding:0 10px;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;color:#222;font-size:16px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;}
textarea {width:100%;resize:none;padding:10px;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#222;font-size:16px;line-height:18px ;}
select {-webkit-appearance:none;appearance:none;height:40px;padding:0 0 0 10px;border:1px solid #e2e2e2;border-radius:0;background-color:#fff;background:url(/images/icon_select.png) no-repeat right center #FFF;color:#222;font-size:16px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select::-ms-expand{display: none;}
input::placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}

input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

input:-ms-input-placeholder {color:#a9a9a9; font-size:16px; }
input::-webkit-input-placeholder {color:#a9a9a9;font-size:16px; }
input::-moz-placeholder {color:#a9a9a9;font-size:16px; }

textarea:-ms-input-placeholder {color:#a9a9a9;font-size:15px; }
textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:15px; }
textarea::-moz-placeholder {color:#a9a9a9;font-size:15px; }

@media screen and (max-width:767px){
input:-ms-input-placeholder {color:#a9a9a9; font-size:14px; }
input::-webkit-input-placeholder {color:#a9a9a9;font-size:14px; }
input::-moz-placeholder {color:#a9a9a9;font-size:14px; }

textarea:-ms-input-placeholder {color:#a9a9a9;font-size:14px; }
textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:14px; }
textarea::-moz-placeholder {color:#a9a9a9;font-size:14px; }

}

.mypage input:-ms-input-placeholder {font-size:0.85rem; }
.mypage input::-webkit-input-placeholder {font-size:0.85rem;}
.mypage input::-moz-placeholder {font-size:0.85rem;}


input[placeholder] {  color:#ccc;  font-weight:500 !important}
input::-webkit-input-placeholder {  color:#ccc;  font-weight:500 !important}
input::-moz-input-placeholder {  color:#ccc; opacity:1;  font-weight:500 !important}
input::-o-input-placeholder {  color:#ccc;  opacity:1;  font-weight:500 !important}
input::-ms-input-placeholder {  color:#ccc; opacity:1; font-weight:500 !important }

input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.375rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:14px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #ccc;border-radius:3px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:7px;height:11px;margin:-7.5px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid var(--txt-default);background-color:var(--txt-default);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--txt-default);}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #ced5e0;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid var(--txt-default);box-shadow:0 3px 8px -3px var(--txt-default);}


input, select, textarea, button {   display: inline-block;   outline: 0;   vertical-align: middle;    appearance: none; outline-width: 0; vertical-align: middle;transition: all 0.2s ease-in;background-color:transparent; border:0; 
   -webkit-appearance: none;   
   -moz-appearance: none;
}
select {  word-wrap: normal; appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;} 


select{ padding-right:25px; position:relative;cursor:pointer;
    border:1px solid #d0d3da; color: #333;font-size: 13px; height:28px; line-height: 28px; padding-left:10px; letter-spacing: 0;appearance: none;box-sizing: border-box;
	background-image:url('/images/icon_select.png'); background-size:15px 15px; background-repeat:no-repeat; background-position:calc(100% - 10px)  ; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}


input[type="text"],
input[type="password"],
select,
textarea {border:1px solid #dedede; background-color:#fff; color:#555; transition: all 0.2s ease-in;}
/*
input[type="text"]:focus,
select:focus,
textarea:focus,
button:focus {   background-color:#fff; border:0px solid var(--txt-default) !important }
*/
input[type="text"],
input[type="password"] {padding-left:10px; padding-right:10px;}

.fl-left {float:left !important;}
.fl-right {float:right !important;}

.text-center {text-align:center }
.text-left{text-align:left !important }
.text-right{text-align:right !important }
.fc_red { color:#f71d00 !important; }
.fc_org { color:#ff5a00 !important; }
.fc_w{ color:#fff !important; }
.fc_default {color:var(--txt-default) !important; }
.fc_black {color:#000 !important; }
.fc_blue {color:#3871a6 !important; }

.pd0 {padding:0 !important}

.w100pc {width:100% !important; }
.w70pc {width:70% !important; }
.w60pc {width:60% !important; }
.w50pc {width:50% !important; }
.w45pc {width:45% !important; }
.w40pc {width:40% !important; }
.w35pc {width:35% !important; }
.w33pc {width:33.3% !important; }
.w30pc {width:30% !important; }
.w35pc {width:35% !important; }
.w25pc {width:25% !important; }
.w20pc {width:20% !important; }

.w50 {width:50px !important; }
.w60 {width:60px !important; }
.w70 {width:70px !important; }
.w80 {width:80px !important; }
.w90 {width:90px !important; }
.w100 {width:100px !important; }
.w150 {width:150px !important; }
.w200 {width:200px !important; }
.w250 {width:250px !important; }
.w300 {width:300px !important; }


.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}