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

:root {
  --color-main: #f04242;
  --color-sub: #f26746;
  --color-red:#fd4848;
  --color-orange:#ff6d33;
  --color-blue:#1e5eef;
  --color-dark-blue:#202838;
  --radius-basic: .35rem;
  --color-bg-main:#f5f7f9;
  --color-bg-light:#fcf5f5;
  --color-border:#f7a198;
  --color-border-blue:#d8dee8;
}


body {-webkit-text-size-adjust:none;}
body,div,p,a,b,i,li,strong,span,dt,dd,th,td,input,select,textarea,button,select,h1,h2,h3,h4,h5 {font-size:16px;line-height:1.4; letter-spacing:-.02em;color:#323232;font-weight:normal;font-style:normal; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; font-family:'Pretendard', 'malgun gothic', dotum, sans-serif; }
fieldset,img {border:0 none;vertical-align:middle;max-width:100%;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
.hide {position:absolute;left:-9999px;top:-9999px;width:0;height:0;text-indent:-9999px;font-size:0;line-height:0; }
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
li {list-style:none;padding:0;margin:0;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
strong {font-weight:700 !important; font-size:inherit; }
a,button {cursor:pointer; }




/* 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: #f9f9f9; }
::-webkit-scrollbar-thumb { background:var(--color-main); opacity:1 !important;   }
::-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: #333; } 
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:1rem; }
input::-webkit-input-placeholder {color:#a9a9a9;font-size:1rem; }
input::-moz-placeholder {color:#a9a9a9;font-size:1rem; }

textarea:-ms-input-placeholder {color:#a9a9a9;font-size:1rem; }
textarea::-webkit-input-placeholder {color:#a9a9a9;font-size:1rem; }
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; }

}



input[placeholder] {  color:#ccc; }
input::-webkit-input-placeholder {  color:#ccc;}
input::-moz-input-placeholder {  color:#ccc; opacity:1; }
input::-o-input-placeholder {  color:#ccc;  opacity:1; }
input::-ms-input-placeholder {  color:#ccc; opacity:1; }

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:#444;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(--color-main);background-color:var(--color-main);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--color-main);}
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(--color-main);box-shadow:0 3px 8px -3px var(--color-main);}

input[type=text]:read-only {border-color:#eee; background-color:#f6f6f6 ;}
input[type=text]:read-only:focus {border-color:#eee; background-color:#f6f6f6 ;}

input[type=password]:read-only {border-color:#eee; background-color:#f6f6f6 ;}
input[type=password]:read-only:focus {border-color:#eee; background-color:#f6f6f6 ;}

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;} 
button {cursor:pointer;}

select{ padding-right:25px; position:relative;cursor:pointer;
    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% - 12px)  ; 
    -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 var(--color-border-blue); background-color:#fff; color:#555;height:45px; line-height:45px; color:#222; font-size:0.95rem;  border:1px solid var(--color-border-blue); background-color:#fff; border-radius:5px;  transition: all 0.2s ease-in;}

select,
input,
textarea,
button { border-radius:6px;}


/*
input[type="text"]:focus,
select:focus,
textarea:focus,
button:focus {   background-color:#fff; border:0px solid var(--color-main) !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:#284ab8 !important; }
.fc_black {color:#000 !important; }
.fc_blue {color:var(--color-main) !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; }
.w110 {width:110px !important; }
.w120 {width:120px !important; }
.w130 {width:130px !important; }
.w140 {width:140px !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;}

.mt3 {margin-top:3px !important; }
.mt4 {margin-top:4px !important; }
.mt5 {margin-top:5px !important; }
.pt0 {padding-top:0 !important;}