@charset "utf-8";
::-webkit-scrollbar-track {background:transparent}
*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box; }

:root {
	--column-padd: 0rem;
	--color-black: #333;
	--color-red: #f72e41;
	--color-violet: #533df7;
	--color-dark-grey: #222;
	--color-grey: #666;
	--color-light-grey: #999;
	--color-orange:#fc6500;
	--color-main:#00bdff;
	--color-sub:#0b101d;
	--color-blue:#1f68cb;
	--color-grey-blue:#5e616a;
    --color-grey-blue2:#383a40;
	--color-dark-blue:#163898;
	--color-sky-blue:#58b1fc;

	--hei-header:70px;

	--radius-round:20rem; 
	--radius-big:2rem;
	--radius-default: .65rem;
}

@media screen and (max-width:1200px){
 :root {
	--radius-big:0;
}

}

@media screen and (max-width:1024px){
	 :root {  --hei-header:60px;     }
}
.skiptranslate {display:none !important;}
body {top:0 !important;}

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,label{margin:0; padding:0;line-height:1.3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
                       font-family:'Roboto','pretendard', 'sans-serif', 'xeicon', 'Malgun Gothic' ,'맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; }
body, html {font-size:1rem;line-height:1.5;-webkit-text-size-adjust:none; }
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:15px;}
select:focus {box-shadow:none;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; background-color:transparent}
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;}

/* 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: #e5eaf4; }
::-webkit-scrollbar-thumb { background:var(--color-main); opacity:1 !important;   }
::-webkit-scrollbar-button { display: none; }

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

input[type="text"], input[type="password"], select, textarea {border:1px solid #dedede;border-radius:.25rem; background-color:#fff; color:#555;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color:var(--color-sub) !important; box-shadow:3px 3px 8px rgba(0,0,0,0.1)}


fieldset {position:relative;padding:0;border:0;}
input[type="text"], input[type="password"] {padding-left:.5rem; padding-right:.5rem; width:100%;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;}
textarea {width:100%;resize:none;padding:.5rem;border:1px solid #d0d3da; background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#222;font-size:1rem;line-height:1.1rem ;}
select {position:relative;-webkit-appearance:none;appearance:none;height:2.8rem;padding:0 1.5rem 0 .5rem;border:1px solid #d0d3da; 
       background-image:url('/images/arrow_down.svg'); background-size:auto .65rem;background-repeat:no-repeat;background-position:calc(100% - .65rem) center;
         background-color:#fff;font-size:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
select::-ms-expand{display: none;}
select[disabled] {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[placeholder] {  color:#ccc; font-size:.9rem; font-weight:400; }
input::placeholder {color:#ccc;font-size:.9rem;font-weight:400; }
input:-ms-input-placeholder {color:#ccc;font-size:.9rem; font-weight:400;}
input::-webkit-input-placeholder {color:#ccc;font-size:.9rem; font-weight:400;}
input::-moz-placeholder {color:#ccc;font-size:.9rem; }

textarea:-ms-input-placeholder {color:#accc; font-weight:400;}
textarea::-webkit-input-placeholder {color:#ccc;font-weight:400;}
textarea::-moz-placeholder {color:#ccc;font-weight:400;}
textarea::placeholder {color:#ccc;font-weight:400;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} /* HTML5 display-role reset for older browsers */
h1, h2, h3, h4, h5, h6, input, textarea, button, select, table {font-size:15px;}
h1, h2, h3, h4, h5, h6,b,strong {font-weight:600;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
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;}
input, select, textarea, button {outline: 0;display: inline-block;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;}

@media screen and (max-width:767px){
	input, select, textarea, button {font-size:14px; }
}


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;min-height:1rem;margin:0;padding:0 1rem 0 1.375rem;box-sizing:border-box;background:none;border:0;line-height:1.3em;color:#333;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:1px;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ccc;border-radius:3px; 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:2px;left:.35rem;width:.4rem;height:.7rem; 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); 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; font-size:.9rem; font-weight:500; line-height:28px;color:#333;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;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);}


button[disabled] {opacity:.3;background-color:rgba(0,0,0,.2) !important;color:#fff !important;border:0 !important;}
button[disabled]:hover {background-color:#ccc !important;color:#fff !important;}

input[type="text"], input[type="password"], select, textarea {border-radius:5px; border:1px solid #dfe3e8; font-size:1rem; color:var(--color-sub)  }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color:var(--color-sub)}

#skipNavigation a{display:block;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;overflow:hidden;}
#skipNavigation a:focus{width:100%;height:auto;margin:0;padding:5px 0;text-indent:10px;line-height:1;font-weight:bold;font-size:.875rem;color:#333;}



.pd0 {padding:0 !important}
.pt0 {padding-top: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; }