@charset "utf-8";

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

:lang(ko) {
   font-family: Noto Sans KR, sans-serif; 
}


/* basic */
*, html, body { margin: 0; padding: 0; font-size:15px; font-family: Noto Sans KR, dotum, "돋움", sans-serif; color:#07294d;}
div, p, table, th, td, form, fieldset, ul, ol, li, dl, dt, dd, img { margin: 0; padding: 0; border: 0;}
table, th, td { border-collapse: collapse;table-layout:fixed}
caption, legend { margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0; text-indent: -50000px;}
ul, ol, li { list-style: none;}
button { overflow: visible; margin: 0; padding: 0; border: 0; cursor: pointer;background-color:transparent}
button span { visibility: hidden; display: block; margin: 0; padding: 0; border: 0; font-size: 0;}
input, select, textarea, button, img { vertical-align: top;}
label {cursor:pointer}
a { text-decoration: none;}
a:hover {text-decoration: none;}
select option{font-size:14px;font-weight:300}

#skipToContent{position: absolute;top: 0;left: 0;width:100%}
#skipToContent a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-50px;left:0; z-index:999}
#skipToContent a:hover,#skipToContent a:focus,#skipToContent a:active{position: absolute; top: 0;left:0; padding: 5px 0; font-weight:500; color:#fff; background:#181;width:100%}


input[type="text"], input[type="password"], input[type="number"]{padding:0 5px;border:1px solid #d9d9d9;height:32px;box-sizing:border-box}
input[type="submit"] {cursor:pointer;}
input[type="image"] {border:0}
input[type="radio"], input[type="checkbox"] {vertical-align:middle;}
textarea {padding:10px;font-size:13px;border:1px solid #d9d9d9;resize:none;box-sizing:border-box}
select {min-width:104px;height:34px;padding-left:10px;border:1px solid #cdcdcd;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/images/common/icon-search-arrow.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%}
select::-ms-expand{display:none}

/* skip to content */
.skip {display:block;overflow:hidden;position:absolute;top:-1000em; left:0; text-indent:-999em;}

::-webkit-input-placeholder {font-size:14px;font-weight:300;color:#999}
::-moz-placeholder {font-size:14px;font-weight:300;color:#999}
:-ms-input-placeholder {font-size:14px;font-weight:300;color:#999}
:-moz-placeholder {font-size:14px;font-weight:300;color:#999}
input[type=text]:-ms-input-placeholder{font-size:14px;font-weight:300;color:#999}
.blind{position:absolute;left:-1000%;width:0;height:0;line-height:0;font-size:0;color:transparent}


/* 20200415 */ 
@media screen and (max-width: 850px){
	*, html, body {font-size:13px;}
	select option {font-size:13px;}

	::-webkit-input-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder,
	:-moz-placeholder,
	input[type=text]:-ms-input-placeholder{font-size:13px;}
}

/* border */
.b_none {border:none !important;}

/* float */
.oh { *zoom: 1;}
.oh:after { display: block; clear: both; content: "";}
.fl { float: left !important;}
.fr { float: right !important;}
.f_blue {color:#3269ac !important}

/* margin */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt27 { margin-top: 27px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}

.mb0 { margin-bottom:0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb28 { margin-bottom: 28px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb33 { margin-bottom: 33px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

/* padding */
.p0 { padding: 0 !important;}
.pt0 { padding-top: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.pt20 { padding-top: 20px !important;}
.p20 { padding: 20px !important;}

/* align */
.al { text-align: left !important;}
.ac { text-align: center !important;}
.ar { text-align: right !important;}
.am { vertical-align: middle !important;}

/* text */
.unline {text-decoration:underline !important}
.500 {font-weight:500 !important;}

.br{display:block}
.ie{letter-spacing:-.08em}

/* clear:both */
.clfix {clear:both; height:0; line-height:0; font-size:0; border:none;background:none;}