@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* { box-sizing:  border-box; }
html,body, div,p,h1,h2,h3,h4,h5,h6,input,button,textarea,select,table,ul,ol,li,dl,dt,dd,label,a,strong{margin:0;padding:0; font-weight: normal; line-height: inherit;}
html { font-size:18px; }
/*font*/
@media (max-width: 767px){
    html { font-size:16px}
}
body, div,p,h1,h2,h3,h4,h5,h6,input,button,textarea,select,table,ul,ol,li,dl,dt,dd,label,a,strong { font-size:1rem; -webkit-text-size-adjust:none; }
body, a, input, button, select, p,h1,h2,h3,h4,h5,h6,textarea,select{ font-family: 'Noto Sans KR', sans-serif, 'Malgun Gothic', '맑은 고딕', 'NanumSquare', '나눔고딕','NanumGothicWeb', 'Dotum', '돋움', sans-serif; -webkit-text-size-adjust:none; }
ol, ul, li { list-style: none; }
input[readonly] {background:#f2f2f2}
/*
@media (max-width: 996px){ html {font-size:17px; -webkit-text-size-adjust:none; } }
@media (max-width: 800px){ html {font-size:14px; -webkit-text-size-adjust:none; } }
@media (max-width: 600px){ html {font-size:12px; -webkit-text-size-adjust:none; } }
*/

/*html5shiv*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}



table{width:100%;table-layout:fixed;border-collapse: collapse; border-spacing: 0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
address,em{font-style:normal}
img,fieldset,iframe{border:0;padding:0;margin:0}
img,input,select,button,textarea{vertical-align:middle; box-shadow: none; }
label,button,input[type="button"],input[type="submit"]{cursor:pointer;border:0;outline:0;}
input{display:inline-block; *display:inline; }
input[type~="text"],
input[type~="tel"],
input[type~="email"],
input[type~="number"],
input[type~="password"],
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:solid 1px #ccc; }
button{display:inline-block;*display:inline; padding:0;margin:0;border:0;cursor:pointer;vertical-align:middle;overflow:visible;background:transparent;outline: none;}
button::-moz-focus-inner,input::-moz-focus-inner, button:active{}
select, button{ box-sizing:border-box }
hr{display:none;}

a{text-decoration:none;color:#666666;vertical-align:middle}
a:hover{ text-decoration:none; color:#555}
a:selected, a:visited {outline: none}
a:active, a:focus {}

select { box-shadow: none; background:#fff; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:25px !important; }
select::-ms-expand { display: none; }
.select_wrapper {position:relative; display:inline-block; width: 100%; }
.select_wrapper select {display: inherit; width: 100%;  border-radius: 1vw; border: 0; padding: 0.5vw 1vw; font-size: 1vw; color:#2c6d96; box-shadow: 5px 5px 5px rgba(0,0,0,0.1)}
.select_wrapper:before { content: ''; font-family: 'FontAwesome'; color: #000; display: inline-block; position: absolute; right:1vw; top: 50%; pointer-events: none; width: 0.5vw; height: 0.5vw; border-right: solid 1px #2c6d96; border-bottom:solid 1px #2c6d96;
    transform:rotate(45deg) translate(-50%, -50%); }
@media (max-width: 1024px) and (orientation: portrait) {
    .select_wrapper select { border-radius:2vw; padding: 1vw 2vw; font-size: 2vw; }
    .select_wrapper:before {width: 1.5vw; height: 1.5vw; right: 2.5vw;}
}
@media (min-width: 1400px) {
    .select_wrapper select {border-radius:1rem; padding: 0.5rem 1rem; font-size: 1rem; padding-right: 2rem !important;}
    .select_wrapper:before {right:1rem; width: 0.5rem; height: 0.5rem; }
}
/* skipToContent */
	#skipToContent {position:absolute;top:0;height:0px;width:100%;z-index:1000;}
	#skipToContent a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;}
	#skipToContent a:focus, #skipToContent a:active {display:block;top:0;width:100%;height:30px;line-height:30px;background:#555;color:#eee;}

/*hidden text*/
.hide_txt,
.hide_text,
.hidden_txt,
.hidden_text,
.hidden { display:block; width:0; height:0; overflow:hidden;}

.align_left { text-align:left !important; }
.align_right { text-align:right !important; }
.align_center { text-align: center !important; }

.text_color_red { color:red;}
.text_color_blue { color:blue;}
.text_color_black { color:black;}
.text_deco_underline { text-decoration: underline; }
*:before,
*:after {box-sizing: border-box; }