@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css);

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/*****************************     common     *****************************/
* { margin: 0; padding: 0; 
	-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;
	font-family:'Pretendard-Regular','Noto Sans KR','Malgun Gothic', dotum, sans-serif;
	font-size:1em;
	
	font-weight:400;
	text-decoration: none;
	
	}

html {overflow-y:scroll}
//body {background:#f5f5f5;}
body {background:#eff2f9;}


html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}

hr {display:none}
pre {overflow-x:scroll;}
a {color:#000;text-decoration:none}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

.text_reader { position: absolute;font-size: 0;line-height: 0;overflow: hidden; }

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:80px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/*****************************     Layout     *****************************/
body { width:100%; min-width: 1280px;  }
#daegari { position: relative; width: 100%; height: 560px; line-height: 40px;z-index: 1000; background: #444; color:#fff;}
#daegari a { color:#fff;}
#daegari a:hover { color:#333;}
#daegari .btn{ width:40px; float: left;}
#daegari .menu{ width:1160px; float: left;}

.logo_text { font-weight: 900; padding-left: 10px; letter-spacing:1px; }
.menub{ display: inline-block; font-weight: bold; padding: 0 15px;}

#hd_sch #sch_stx{float:left;width:90%;height:40px;border-radius:20px 0 0 20px;border:none; padding-left:40px; font-size:18px; }
#hd_sch #sch_submit{float:left;width:10%;height:40px;border-radius:0 20px 20px 0;border:none}

#search_all {display:none;position:fixed;top:0;width:100%;padding-top:40px;height:100%;background:rgba(0,0,0,0.9);z-index:1000;color:#fff;}
#search_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
.search_close_btn {float:right;width:40px;height:40px;background:none;color:#fff; border-radius:20px; border:2px solid #fff;vertical-align:top;font-size:18px}

#wrapper {z-index:5;position:relative;width:100%;margin:30px 0 80px 0;}
#container_title {margin:0 auto;}
#container_title span {height:30px;font-size:28px;font-weight:bold;display:block;line-height:30px;text-transform:uppercase;}
#container_title .copy{height:20px;}


#ggori	{ width: 100%; padding:80px 0; background:#111; color:#777;}
#ggori	a{color:#ccc;}
#ggori	a:hover{color:#fff;}
#ggori	span{display:inline-block; padding-right:10px;}
#ggori	.sm{font-size:0.88em;}


.jool { width: 100%; height: 40px;}
.jool2 { position: relative; width: 100%; height: 80px; line-height: 80px;}
.nerb { width: 1240px; margin: 0 auto;}

.just_input input { width: 100%; height: 40px; padding: 0 10%; }
.just_input caption { position: absolute; left: 0; }
.just_input in_btn { position: absolute; right: 0; }

.kaan90 { width: 90%; float: left;}
.kaan80 { width: 80%; float: left;}
.kaan70 { width: 70%; float: left;}
.kaan50 { width: 50%; float: left;}
.kaan30 { width: 30%; float: left;}
.kaan25 { width: 25%; float: left;}
.kaan10 { width:10%; float: left;}
.kaan5 { width:5%; float: left;}

.kaan50:after {clear:both;}//왜 안되





/*****************************     Direction     *****************************/

.afl { float: left }
.afr { float: right }
.afl:after, afr:after {display:block;visibility:hidden;clear:both;content:""}

.ast { position: absolute; top: 0 }
.asb { position: absolute; bottom: 0 }
.ast:after, asb:after {clear:both;content:""}

.atl { text-align: left; }
.atc { text-align: center; }
.atr { text-align: right; }


/*****************************     Border     *****************************/

.bdt_sm { border-top: 1px solid #333; }
.bdt_md { border-top: 2px solid #333; }

.bdb_sm { border-bottom: 1px solid #333; }
.bdb_md { border-bottom: 2px solid #333; }

.bdb_dash { border-bottom: 1px dashed #333; }


/*****************************     Button     *****************************/

.btn_bar { height: 40px; font-size:1em; }
.btn_search { height: 40px; font-size:1em; }

#top_btn {position:fixed;bottom:50%;right:40px;width:40px;height:40px;line-height:36px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);border-radius:20px;}
#top_btn:hover {background:#333;color:#fff}



.btn_sm { height: 20px; padding:0 10px; border: 1px solid #ccc; line-height: 20px; }
.btn_md_r { height: 30px; line-height: 28px; padding:0 15px; border: 1px solid #ccc; border-radius: 15px; }

.bookmark { height: 40px; line-height: 38px; padding:0 10px; margin-right: 10px; border: 1px solid #ccc; border-radius:20px;color:#333 !important; }
.bookmark:hover{ background:#333; color:#fff !important; }
/*****************************     Font     *****************************/

.ft_ssm { font-size:10px; }
.ft_sm { font-size:12px; }
.ft_md { font-size:0.88em; }
.ft_lg { font-size:16px; }
.ft_xlg { font-size:20px; }
.ft_2xlg { font-size:30px; }

.fb { font-weight:bold; }

.lh40 {line-height:40px;}
/*****************************     Padding     *****************************/

.pd { padding: 40px; }
.pdv { padding: 40px 0; }
.pdv_h { padding: 20px 0; }
.pdv_q { padding: 10px 0; }

.pdh { padding: 0 40px; }
.pdh_h { padding: 0 20px; }
.pdh_q { padding: 0 10px; }

.pdl { padding-left: 40px; }
.pdl_h { padding-left: 20px; }
.pdl_q { padding-left: 10px; }

.pdr { padding-right: 40px; }
.pdr_h { padding-right: 20px; }
.pdr_q { padding-right: 10px; }