@charset "utf-8";

body {
	background-color:#fff;
	margin:0px;padding:0px;
	font-size:0.75em;
	/*font-family: 'Noto Sans KR', sans-serif;*/
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	-webkit-text-size-adjust: none;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	background: url('../img/global/bg_top3_.jpg') center top repeat-x;


}
*		{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* FONT SMOOTHING */
body	{-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}



@-moz-document url-prefix() {
 #flexible-content{
      flex: 1;
    }
}


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

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


/* youtube responsive transition: 0.3s; */
.video-container		{position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;width: 100%;} 
.video-container iframe {position:absolute;width: 100%;height: 100%;}

 
/*body					{background:#fff url('/e/theme/marie/img/main/bg_main.png') no-repeat center top;background-size: 100%;}*/
body					{}

#wrap					{width:100%;height:100%;margin:0px;padding:0px;}

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

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


#header					{width:100%;min-height:220px;margin:0px auto;position:relative;
	background: url('../img/global/bg_top4.jpg') center top no-repeat;
}
#header 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#header:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

#header h1				{display:block;margin:0px auto 47px auto;width:228px;height:48px;padding:0px 0 0 0;} 
#header h1 a			{display:block;text-indent: 100%; white-space: nowrap; overflow: hidden;width:228px;height:48px;
	background: url("../img/global/logo_hnntv02.png") center top no-repeat;
	background-size: cover;
	transition: 0.3s;
} 
#header h1 a span		{display:none;}
#header .blank01		{width:1px;height:30px;clear:both;overflow:hidden;margin:0px;padding:0px;}

#header .youtube_hnntv		{display:block;position:absolute;left:50%;top:69px;width:40px;height:40px;z-index:9;margin-left:130px;}
#header .youtube_hnntv a	 {width:100%;height:auto;}
#header .youtube_hnntv a img {width:100%;height:auto;}
#header .h_date				{position:absolute;left:50%;top:80px;width:140px;height:20px;z-index:9;margin-left:-270px;text-align:right;color:#cbdcff;text-shadow: 0 1px 1px rgba(0,0,0,0.8);}

.fl {float:left;}
.fr {float:right;}

.contents				{float:left;width:640px;min-height:500px;position:relative;padding-top:20px;}
.contents 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.contents:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
.snb					{float:right;width:300px;min-height:500px;padding-top: 20px;}

.contents_ex			{width:100%;min-height:100px;position:relative;padding-top:20px;}
.contents_ex 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.contents_ex:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.l_hnn01 {clear:both;width:1px;height:55px;overflow:hidden;}
.l_hnn02 {background: url("../img/global/ico_c02.png") 660px top repeat-y;}

.header_info {position:absolute;right:0px;top:10px;width:980px;float:right;margin:0px 0 0 0px;}

.menu_info					{list-style:none;margin:0 10px 0 0;padding:0px;}
.menu_info 					{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.menu_info:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
.menu_info li				{float:left;padding:0px;margin:0px;} /* background: url("./img/global/bg_div02.png") left 60% no-repeat; */
.menu_info > li:first-child		{background-image:none;}
.menu_info > li:first-child a	{padding:5px 8px 5px 0px;}
.menu_info > li:last-child a	{padding:5px 0px 5px 8px;}

.menu_info li	a			{display:block;padding:5px 8px 5px 8px;font-size:12px;line-height:1.6;color:#cbdcff;letter-spacing:-0.0325em;text-align:left;text-decoration:none;transition: 0.3s;text-shadow: 0 1px 1px rgba(0,0,0,0.8);}
.menu_info li	a:hover		{color:#eee;}
.menu_info li	a span		{padding-left:5px}



#central					{position:relative;width:100%;display:block;background-color:#eee;border-top:1px solid #eee;border-left:1px solid #eee;border-right:none;border-bottom:1px solid #dedede;}

.menu_ext					{float:right;margin-top:-1px;margin-bottom:-1px;}
.menu_hnntv					{list-style:none;margin:0px;padding:0px;text-align:center;}
.menu_hnntv 				{*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.menu_hnntv:after			{content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
.menu_hnntv li				{float:left;padding:0px;margin:0px;border-right:1px solid #dedede;position:relative}


/*
.menu_hnntv > li:last-child {border-right:none;}

.menu_hnntv > li:first-child a	{padding:22px 30px 15px 10px;}
.menu_hnntv > li:last-child a	{padding:22px 10px 15px 30px;}
*/
.menu_hnntv > li:first-child	a	{padding:15px 30px 15px 30px;}
.menu_hnntv li	a			{
	display:block;padding:15px 15px 15px 15px;margin-bottom:-1px;
	font-size:16px;line-height:1.0;color:#666;font-weight:500;letter-spacing:-0.03125em;text-align:center;
	text-decoration:none;border-bottom:1px solid #dedede;background-color:#eee;transition: 0.7s;text-shadow: 0 1px 1px rgba(255,255,255,.8);
}
.menu_hnntv li	a:hover		{color:#4452c4;background-color:#fff;border-bottom:1px solid #fff;}
.menu_hnntv li	a span		{}
.menu_hnntv li	a.on 		{color:#333;background-color:#fff;border-bottom:1px solid #fff;}


.gnb_2dul {display:none;position:absolute;top:45px;left:0px;min-width:160px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}


.gnb_2dul .gnb_2dul_box {border:0;padding:0;box-shadow:none;border-bottom:2px solid #dedede;}



.gnb_2dul_box li {float:none;border:none !important;width:160px;}
.gnb_2dul_box > li a.gnb_2da		{white-space:nowrap;}
.gnb_2dul_box > li:first-child a.gnb_2da		{padding:20px 20px 7px 25px !important;}
.gnb_2dul_box > li:last-child a.gnb_2da			{padding:7px 20px 20px 25px !important;}

.gnb_2dli a.gnb_2da {font-size:14px;line-height:1.0;color:#666;font-weight:400;letter-spacing:-0.0325em;background-color:#fff;border:none !important;padding:7px 20px 7px 25px;text-align:left;}


#central .gnb_menu_btn {background:#aaa;color:#fff;width:50px;height:48px;border:0;vertical-align:top;font-size:18px}
#central .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:38px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#central .gnb_mnal {float:right;padding:0}
#gnb_all h2 {font-size:14px;padding:10px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:15px;letter-spacing:-0.0325em;display:block;position:relative;margin-bottom:10px;font-weight:400;color:#333}


.menu_fixed {
		position: fixed !important;
		background-color:#014099;
		width:100%;
		top: 0px;
		height:135px !important;
		opacity:1;
		z-index:99px !important;
		-moz-box-shadow: 0px 1px 30px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,0.1);box-shadow: 0px 1px 30px rgba(0,0,0,0.1);

}




.container				{transition: 0.3s;
						position: relative;width: 100%;height: 100%;min-height: 500px;padding:0px;



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




.latest_title {font-size:16px;margin:0px 0 12px 0;font-weight:700;letter-spacing:-0.05em;font-family: 'Noto Sans KR', sans-serif;border-bottom:1px solid #eee;}
.latest_title span {padding:5px 0px 12px 0px;display:block;line-height:20px;color:#121f74}


#tailer				{width:100%;margin:0px;padding:20px 20px 50px 20px ;color:#aaa;min-height:240px;border-top:1px solid #eee;background-color:#f6f6f6;text-align:center }
/*
#tailer a			{color:#aaa;text-decoration:none;}
#tailer a:visited	{color:#aaa;text-decoration:none}
#tailer a:hover		{text-decoration:none}
*/



#tailer ul,#tailer li,#tailer a,#tailer strong,#tailer img,#tailer em,#tailer address,#tailer span{margin:0;padding:0;color:#333;font-size:10pt;line-height:normal;list-style:none;font-style:normal}
#tailer a{color:#444;text-decoration:none;letter-spacing:-0.0325em;}
#tailer a:visited{color:#666;text-decoration:none}
#tailer a:hover{text-decoration:none}
#tailer ul{margin:0 0 10px}
#tailer ul li	{display:inline;position:relative;padding:0 10px 0 10px;background:url('../img/bu_bar.gif') 0 50% no-repeat;_background-position:left 10%;font-size:12px;white-space:nowrap;letter-spacing:-1px;}
#tailer ul li a:hover,#tailer ul li a:hover strong{color:#3f6994;}
#tailer ul li.frst{padding:0 10px 0 0;background:none}



#tailer .info{margin:0 0 11px;color:#7e7e7e;font-size:8pt;line-height:1.6;letter-spacing:-1px;}
#tailer .info2{margin:0px 0 13px;font-size:8pt;line-height:18px;color:#666;}
#tailer .info2 span{display:inline-block;margin-left:2px;padding-left:7px;background:url('../img/bu_bar.gif') 1px 50% no-repeat;_background-position:left 10%;font-size:8pt;line-height:18px;color:#666;}


#tailer address{ font-family: Verdana, Geneva, sans-serif;font-size:8pt;line-height:14px;color:#aaa;}
#tailer address img{vertical-align:middle}
#tailer address a{color:#444; font-family: Verdana, Geneva, sans-serif;font-size:8pt;font-weight:bold}
#tailer address a:hover{color:#ef391b}
#tailer address span{padding-left:2px; font-family: Verdana, Geneva, sans-serif;font-size:8pt;line-height:14px}
#tailer address em{padding-left:0px; font-family: Verdana, Geneva, sans-serif;font-size:8pt}



.menu_all			{display:none;position:absolute;left:10px;top:10px;margin:0px;padding:0px;z-index:9;}
.menu_all 			{padding:0px;margin:0px;}
.menu_all 	a		{
	display:block;padding:22px 15px 15px 15px;
	font-size:15px;line-height:1.0;color:#666;font-weight:bold;letter-spacing:-0.0725em;text-align:left;text-decoration:none;transition: 0.3s;
}
.menu_all 	a span	{display:none;}


/* 광고 */

.adv_l {float:left;width:660px;height:260px;margin:0px 0 0px 0px;background-color:#fff;color:#aaa;padding:0px;}
.adv_r {float:right;width:320px;height:260px;margin:0px 0 0px 0px;background-color:#fff;color:#aaa;padding:0px;}
.adv_r1 {width:320px;height:auto;margin:20px 0 0px -20px;background-color:#fff;color:#aaa;padding:0px;}
.adv_r2 {width:320px;height:auto;margin:0px 0 20px -20px;background-color:#fff;color:#aaa;padding:0px;}
.adv_c1 {width:100%;margin-top:20px;height:auto;background-color:#fff;margin-bottom:0px;color:#aaa;padding:0px;}

.adv_rightex {width:320px;height:auto;margin:20px 0 20px -20px;background-color:#fff;color:#aaa;padding:0px;}

.adv_l img,
.adv_r img,
.adv_r1 img,
.adv_r2 img,
.adv_rightex img,
.adv_c1 img {width:100%;height:auto;}

.adv_l a,
.adv_r a,
.adv_r1 a,
.adv_r2 a,
.adv_rightex a,
.adv_c1 a {display:block;color:#eee;word-break:break-all}



.group_respon {width:100%;padding:0px;margin:0px;}



/* Mobile Device */
/*@media screen and (max-width : 768px) {*/
@media all and (max-width: 768px) {

	.wrap9					{width:100%;margin:0px;padding:0px;position:relative;}

	.contents				{float:normal;width:100%;min-height:500px;position:relative;padding:20px;}
	.contents_ex			{float:normal;width:100%;min-height:100px;position:relative;padding:20px;}
	.snb					{float:normal;width:100%;min-height:500px;padding: 20px;}

	#header .youtube_hnntv		{display:none;}
	#header .h_date				{position:absolute;left:50%;top:110px;width:100px;height:20px;z-index:9;margin-left:-50px;text-align:center;color:#cbdcff;text-shadow: 0 1px 1px rgba(0,0,0,0.8);}

	.menu_ext					{float:right;margin-top:-1px;margin-bottom:-1px;}
	.menu_hnntv					{display:none;}


	.menu_hnntv > li:first-child	a	{padding:15px 10px 15px 20px;}
	.menu_hnntv li	a			{
		display:block;padding:15px 10px 15px 10px;margin-bottom:-1px;
		font-size:14px;line-height:1.0;color:#666;font-weight:500;letter-spacing:-0.05em;text-align:center;
		text-decoration:none;border-bottom:1px solid #dedede;background-color:#eee;transition: 0.7s;text-shadow: 0 1px 1px rgba(255,255,255,.8);
	}
	#central .gnb_menu_btn {background:#aaa;color:#fff;width:50px;height:46px;border:0;vertical-align:top;font-size:18px}
	.group_respon {width:100%;padding:0px 20px;margin:0px;}


	.adv_l {float:normal;width:100%;height:auto;margin:0px 0 0px 0px;background-color:#666;color:#aaa;padding:0px;}
	.adv_r {float:normal;width:100%;height:auto;margin:0px auto 0px auto;background-color:#f6f6f6;color:#aaa;padding:0px;text-align:center;}
	.adv_r1 {width:100%;height:auto;margin:20px auto 20px auto;background-color:#f6f6f6;color:#aaa;padding:0px;text-align:center;}
	.adv_r2 {width:100%;height:auto;margin:20px auto 20px auto;background-color:#f6f6f6;color:#aaa;padding:0px;text-align:center;}
	.adv_c1 {width:100%;margin-top:20px;height:auto;background-color:#000;margin-bottom:0px;color:#aaa;padding:0px;}

.adv_rightex {width:100%;height:auto;margin:20px auto 20px auto;background-color:#f6f6f6;color:#aaa;padding:0px;text-align:center;}

.adv_r img,
.adv_r1 img,
.adv_rightex img,
.adv_r2 img	{width:50%;height:auto;}



	#gnb_all .gnb_al_li {float:normal;width:100%;min-height:30px;padding:20px;border-left:none;}

}