
:root {
	--column-padd: 0rem;

    --color-white: #fff;
	--color-black: #000;
	--color-red: #f40f0f;
	--color-dark-gray: #222;
	--color-gray: #666;
	--color-main:#1f2292; 
	--color-sub:#077cf5; 
	--color-brown:#67625d;
	--color-light-blue:#3a6ce9;
	--color-blue:#1568f3;
	--color-dark-blue:#0a266f;
	--color-yellow:#ffea00;

}

*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

body,div,p,a,dt,dd,th,td,input,select,textarea,button,select {font-family:'pretendard', 'sans-serif', 'xeicon', 'Malgun Gothic' ,'¸¼Àº °íµñ', 'µ¸¿ò', Dotum, '±¼¸²', Gulim, Sans-serif; font-size:14px;line-height:1.3;color:#555;font-weight:normal;font-style:normal;}
body.popup {min-width:auto;}
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,strong,span,button {margin:0;padding:0;}
fieldset,img {border:0 none;vertical-align:middle;}
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;}
dl, dt, dd {font-family:inherit;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
a {color:#333;text-decoration:none; transition:300ms ease-out 0ms;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
select::-ms-expand {display: none;} 
dl,dt,dd {color:inherit; font-family:inherit; letter-spacing:inherit; }
ul,li {list-style:none;}
input[type=text], input[type=password], input[type=number]	{ border-radius:5px;  background:#fff; border:1px solid #d9dbdc; font-size:14px; height:35px; padding:0 10px; line-height:35px;vertical-align:middle;box-sizing:border-box;}
input[type=file]	{ background:#fff; border:1px solid #d9dbdc; font-size:12px; padding:3px; height:35px; font-size:12px;vertical-align:middle;box-sizing:border-box;}
textarea	{ border-radius:5px; background:#fff; border:1px solid #d9dbdc; font-size:16px; padding:3px; margin:0 0 3px 0;font-size:16px;box-sizing:border-box;}
select	{  border-radius:5px;  height:35px; min-width:100px;border:1px solid #d9dbdc;  appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 30px 0 10px; background: url('/images/inc/arrow.png') right center no-repeat #fff; 
          background-size:auto 18px; background-position:calc(100% - 10px); font-size:14px;color:#555555;vertical-align:middle;box-sizing:border-box;}

@media \0screen {
    select {background:#fff !important;padding:0 0 0 10px !important;}
}

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[type=checkbox], input[type=radio] {position:absolute;opacity:0;-webkit-opacity:0;-moz-opacity:0;z-index:0;}
input[type=checkbox] + label {    display: inline-block;    padding: 0 10px 0 20px;    min-height: 20px;    background-image: url('/images/icon_check.png');    background-position: 0 -33px;    background-repeat: no-repeat;    background-size: 16px auto;    box-sizing: border-box;    border: 1px solid rgba(255, 255, 255, 0);    letter-spacing: -1px;    color: #222;    font-size: 14px;    line-height: 20px;  }
input[type=checkbox]:checked + label {background-position:0 3px;color:#111;}

input[type=radio] + label {    display: inline-block;    padding: 0 10px 0 25px;    min-height: 20px;    background-image: url('/images/icon_radio.png');    background-position: 0 2px;    background-repeat: no-repeat;    background-size: 20px auto;    box-sizing: border-box;    border: 1px solid rgba(255, 255, 255, 0);    letter-spacing: -1px;    color: #222;    font-size: 14px;    line-height: 20px;  }
input[type=radio]:checked + label {background-position:0 -38px;color:#111;}

*/


/* ///////////////////////////////////////////////////////// */
/*         checkbox radio common
/* ///////////////////////////////////////////////////////// */
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.35rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:13px;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 #a9b4c0;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 #a9b4c0;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);}


.root_daum_roughmap .cont {display:none !important;}

@media \0screen {
    input[type=checkbox], input[type=radio] {margin-top:10px;}
	input[type=radio] + label {background:none !important;}
	input[type=checkbox] + label {background:none !important;}
}

.input100pc {width:100%;}
.center {text-align:center !important;}

.color-red {color:#e90505; }
.color-main {color:var(--color-main) !important}
.color-yellow {color:#f5f805 !important}

.bg_red { background:#d62d22; }
.bg_blue {background:#262666; }

.bold {font-weight:bold !important; }
.al_left {text-align:left !important;}
.al_right {text-align:right;}
.fl_left {float:left !important; }
.fl_right {float:right !important; }

.pt0 {padding-top:0 !important;}

.column { width:1200px; margin:0 auto; position:relative;  }
.column:after {content:''; clear:both; display:block; }

@media screen and ( max-width:1200px ) {
  .column { width:100%; }
  .img img {min-width:90%;}

}


/* ½ºÅ©·Ñ¹Ù */
::-webkit-scrollbar { width: 6px;height:6px;}
::-webkit-scrollbar-track { background-color: #fcfcfc; }
::-webkit-scrollbar-thumb { background: var(--color-main);  opacity:1 !important;  border-radius:6px; }
::-webkit-scrollbar-button { display: none; }


