@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
		font-family:'Nanum Gothic', 나눔고딕, "Malgun Gothic", "맑은 고딕", Tahoma, Geneva, sans-serif;		
		background-color:#eee;
		margin:0px;padding:0px 0 0 0;
		-webkit-text-size-adjust: none;	
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

html {overflow-y:scroll;}  /* img {display:block;border:0;}  */
ul,ol{list-style:none;}
img{border:none;}

::-moz-selection{background:#172a8a;color:#fff;text-shadow:none;}
::selection{background:#172a8a;color:#fff;text-shadow:none;}


/* UI Object */
#wrap					{width:100%;margin:0px;padding:0px;}
.wrap					{width:100%;margin:0px;padding:0px;}
.wrap 					{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.wrap:after				{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.wrap_tailer					{width:100%;margin:0px;padding:0px;margin-top:20px;background-color:#594f4e;min-height:200px;color:#eee;}
.wrap_tailer 					{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.wrap_tailer:after				{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	



.wrap_menu			{width:1200px;height:230px;margin:0px auto;}
.wrap_menu 			{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.wrap_menu:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.wrap_container			{width:1200px;margin:0px auto;}
.wrap_container 		{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.wrap_container:after	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.wrap_container .mhf_snb						{float:left;width:298px;}
.wrap_container #mhf_content					{float:right;width:870px;position:relative;margin-bottom:30px;}
.wrap_container #mhf_content .layer_left			{position:absolute;left:-10px;top:150px;z-index:5;width:100px;height:100px;background: url("../img/sub/ico_left.png") left top no-repeat;
opacity: 1; 
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wrap_container #mhf_content .layer_left a			{display:block;width:100px;height:100px;}
.wrap_container #mhf_content .layer_left a span		{display:none;}
.wrap_container #mhf_content .layer_left:hover	{opacity: 1; filter: alpha(opacity=100);}
.wrap_container #mhf_content .layer_right			{position:absolute;right:-10px;top:150px;z-index:5;width:100px;height:100px;background: url("../img/sub/ico_right.png") left top no-repeat;
opacity: 1; 
filter: alpha(opacity=100);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.wrap_container #mhf_content .layer_right a			{display:block;width:100px;height:100px;}
.wrap_container #mhf_content .layer_right a span	{display:none;}
.wrap_container #mhf_content .layer_right:hover	{opacity: 1; filter: alpha(opacity=100);}




.wrap_container #mhf_content .page_cata_b {text-align:right;width:870px;}
.wrap_container #mhf_content .page_cata_b img {width:870px;height:auto;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);box-shadow: 0px 1px 2px rgba(0,0,0,0.2);}

.wrap_container .mhf_snb .page_thumb {float:left; width:120px;min-height:200px;margin:0 10px 0 0;}
.wrap_container .mhf_snb .page_thumb img {

	width:120px;height:165px;border:1px solid #666;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.wrap_container .mhf_snb .page_thumb span {margin-top:8px;display:block;text-align:center;font-size:8pt;font-family:tahoma;}


.wrap_container .mhf_tlogo	{float:left;width:330px;min-height:70px;margin-top:30px;;background: url("../img/global/tail_logo.png") left top no-repeat;}
.wrap_container .mhf_tdetail {float:left;width:700px;margin-top:30px;line-height:1.8;color:#eee;}
.wrap_container .mhf_tdetail span {color:#938584;font-size:9px;}

.wrap_container .mhf_ttop {float:right;width:50px;margin-top:20px;}
.wrap_container .mhf_ttop a {display:block;width:50px;height:40px;background: url("../img/global/ico_toptail.png") 17px 15px no-repeat;}
.wrap_container .mhf_ttop a span {display:none;}


.head_bg01				{height:76px;background:#322c58 url("../img/global/bg_head01.png") left top repeat-x; }
.head_bg02				{height:230px;background:#322c58 url("../img/global/bg_menu02.png") left top repeat-x; }





#wrap_infor			{width:100%;min-height:110px;margin:0px;padding:0px;background-color:#601518;}

/*#header{width:100%;margin:0px;height:76px;overflow:hidden;position:relative;}*/
#header					{width:1200px;height:76px;margin:0px auto;position:relative;}
#header 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#header:after			{content: ".";display: block;height: 0px;clear: both;visibility: hidden;}	


#header h1 {text-align:center; }
#header h1 a {
display:block;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	color:#fff;
	font-weight:300;
	font-size:30px;padding:20px 0 20px 0;text-align:center;
	text-decoration:none;
	letter-spacing:-0.05em;
	
	
}
#header h1 a strong {font-weight:700;}

#header h1 a:hover {text-decoration:none;}

/*
#header h1				{width:600px;height:76px;margin:0px auto;} 
#header h1 a			{margin:0px;display: block;text-indent: 100%; white-space: nowrap; overflow: hidden;width:600px;height:76px;background: url("../img/global/worldcup2018.png") left top no-repeat; } 
*/


#tailer				{width:100%;margin:0px;padding:10px 0 0 0;;color:#aaa;min-height:160px;background: url(./images/global/bg_tail.png) center bottom no-repeat;}


#tailer ul,#tailer li,#tailer a,#tailer img,#tailer em,#tailer address,#tailer span{margin:0px;padding:0px;color:#aaa;font-size:12px;line-height:normal;list-style:none;font-style:normal}
#tailer strong		{color:#666;font-size:12px;line-height:normal;font-weight:bold;text-decoration:none;}
#tailer a			{color:#aaa;text-decoration:none;}
#tailer a:visited	{color:#aaa;text-decoration:none}
#tailer a:hover		{text-decoration:none}
#tailer .info			{margin:0 0 11px;color:#eee;font-size:12px;line-height:1.5;letter-spacing:-1px;}
#tailer .info2			{margin:0px 0 18px;font-size:12px;line-height:1.6;color:#666;}
#tailer .info2 span			{display:inline-block;margin-left:7px;margin-right:3px;padding-left:12px;background:url(./images/bu_bar.png) 1px 50% no-repeat;_background-position:left 10%;color:#aaa;letter-spacing:-1px;}
#tailer .info2 span.none	{display:inline-block;margin-left:0px;padding-left:0px;color:#aaa;background:none;}

#tailer address			{font-family:Verdana;font-size:10px;line-height:14px;color:#aaa;}
#tailer address img		{vertical-align:middle}
#tailer address a		{color:#666 !important;font-family:Verdana;font-size:11px;font-weight:bold;}
#tailer address a:hover	{color:#fff;}
#tailer address span	{padding-left:2px;font-family:Verdana;font-size:10px;line-height:14px}
#tailer address em		{font-family:Verdana;font-size:10px;}


#tailer .left		{float:left;margin:18px 0 0 10px;width:700px;font-size:12px;line-height:1.5;}
#tailer .right		{float:right;margin:18px 10px 0 0;width:130px;height:50px;background:url(./images/global/tail_logo.png) right top no-repeat;}
#tailer .right span {display:none;}



#container					{width:990px;margin:0 auto;min-height:700px;position:relative;}
#container					{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#container:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	



.main_visual_fix				{background-repeat: no-repeat;background-position: center 62px;}


/*#container div.rotate		{float:left;margin-left:-20px;width:490px;height:696px;overflow:hidden;}
#container div.contents		{float:right;width:450px;margin:15px 0 10px 0;}
*/
 /*
#container{width:100%;display:inline-block;}
#container:after{display:block;clear:both;content:'';}
*/
.snb					{width:300px;float:left; }
.snb ul					{list-style:none;margin:0px;padding:0px}
.snb ul	li				{margin:0px;padding:0px;}
.snb ul	li:hover		{margin:0px;padding:0px;}
.snb ul	li a			{padding:11px 0 10px 0;display:inline-block;color:#666;text-decoration:none;font-size:13px;letter-spacing:-1px;border-bottom:1px solid #eee;}
.snb ul	li a:hover		{border-bottom:1px solid #dedede;background: url(./images/bg_page_right_off.gif) 12px 15px no-repeat;}
.snb ul	li a span		{padding:0px 0 0 25px;}
.snb ul	li a.on			{font-weight:bold;color:#a6171d;background: url(./images/bg_page_right_on.gif) 12px 15px no-repeat;border-bottom:1px solid #dedede;}
.snb .subt {padding:0 0 20px 25px;margin-bottom:0px;border-bottom:2px solid #dedede;font-size:16px;letter-spacing:-1px;color:#aaa;}

.snb .ban01			{background-color:#a00;margin:0 0 30px 0;
							-webkit-transition: all 0.3s ease;
							-moz-transition: all 0.3s ease;
							-o-transition: all 0.3s ease;
							transition: all 0.3s ease;

}






/*#header,#container{width:auto;}*/








.intro_search {float:right;margin:30px 10px 0 10px;}
.head_navi {margin:10px;font-family: 'Noto Serif', serif;font-weight:400;font-size:11px;line-height:1.6;color:#7d7d7d;}



/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }





.fleft {float:left;margin-left:10px;}
.fright {float:right;margin-right:10px;}


a.btn_exm		{margin-top:6px;display:block;padding:5px 10px;border:1px solid #8d8d8d;border-radius:3px;background-color:#322c58;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	text-decoration:none;

}
a.btn_exm:hover		{border:1px solid #dedede;background-color:#555;border-radius:3px;	text-decoration:none;}
a.btn_exm span	{color:#eee;font-size:9pt;font-weight:normal;letter-spacing:-0.025em;}
a.btn_exm:hover span	{color:#f6f6f6;font-weight:bold;}



a.btn_count		{margin-top:6px;margin-right:5px;display:inline-block;padding:5px 10px;border:1px solid #8d8d8d;border-radius:3px;
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	text-decoration:none;

}
a.btn_count:hover		{border:1px solid #dedede;background-color:#555;border-radius:3px;	text-decoration:none;}
a.btn_count span	{color:#eee;font-size:9pt;font-weight:normal;font-family:tahoma;}
a.btn_count:hover span	{color:#f6f6f6;}




/* 기타 설정 */

#bo_sch select,.tbl_frm01 select {height:22px;}