@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(/font/NanumGothic-Regular.eot);
  src: url(/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Regular.woff2) format('woff2'),
       url(/font/NanumGothic-Regular.woff) format('woff'),
       /*url(./NanumGothic-Regular.ttf) format('truetype');*/
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: bold;
  src: url(/font/NanumGothic-Bold.eot);
  src: url(/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumGothic-Bold.woff2) format('woff2'),
       url(/font/NanumGothic-Bold.woff) format('woff'),
       /*url(./NanumGothic-Bold.ttf) format('truetype');*/
}


/* 
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
li img {vertical-align:top;}


/* CSS Document */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* default style line-height:140%;  font-family:¸¼Àº°íµñ, Dotum, Arial, Verdana, sans-serif; */

html { overflow:scroll; overflow-x:auto; height:100%;}
body { height:100%; margin:0; padding:0; color:#666; font-size:14px; letter-spacing: -0.04em; 
font-family: '³ª´®°íµñ','Nanum Gothic','±¼¸²','µ¸¿ò',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif;}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0;  }
p{margin:0; padding:0;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal; line-height:100%;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/

fieldset{margin:0; padding:0; border:0;}
img{border:0; vertical-align:top; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left; height:0; font-size:0; }
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 
.none { display:none;}

/*.skip a{width:1px; height:1px; margin:-1px 0 0 -1px; line-height:0; font-size:0;}
.skip a:hover,
.skip a:active,
.skip a:focus{width:200px; height:50px; margin:0; line-height:1.2em; font-size:75%;}*/

.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.left_text { text-align:left;}
.right_text { text-align:right;}
.center_text { text-align:center;}

.font_nanum_b {font-family: 'NanumGothicBold';}
.font_dotum {font-family: 'DotumChe','µ¸¿ò'; }

input, textarea, button { font-family:"Nanum Gothic","³ª´®°íµñ","µ¸¿ò","±¼¸²", Arial, sans-serif;}

.color0 { color:#000;}
.color1 { color:#1168bc;}
.color2 { color:#ffe400;}
.color3 { color:#fe6700;}
.color4 { color:#20209a;}

.fs_22 { font-size:22px;}

.gall_img_size_box img { width:180px; max-width:180px;}
.gall_img_size_view img { max-width:800px;}

/* ------------------------°øÅë¸Þ´º-------------------------- */

#wrap { width:100%; min-width:1122px;}
#header {width:100%; background:#f0f0f0; min-width:1122px;}
#header h1 { float:left; z-index:9999; padding:14px 0 0 0; }
#header .header_top { width:1122px; margin:0 auto; height:74px; position:relative;}
#header .header_top .gnb { overflow:hidden; position:absolute; right:0; top:32px; font-size:13px; font-weight:700;}
.gnb a {display:inline-block; padding:0 10px 5px 9px; color:#6f6f6f; }
.gnb a:hover { color:#000;}

.gnb .pbc_story { padding:4px 10px 5px 10px; color:#fff; background:#919191; border-radius: 4px;}
.gnb .pbc_story:hover { color:#fff; background:#20409a;}


#nav_gnb .gnb li {float:left; background:url('../images/common/gnb_line.gif') no-repeat right 3px;}
#nav_gnb .gnb li a {display:block; padding:0 10px 5px 9px; color:#4b4b4b; }
#nav_gnb .gnb .last-child { background:none;}
#nav_gnb .bookmark {float:left;}
#nav_gnb .bookmark a {display:block; padding:8px 16px 2px 30px; background:url('../images/common/bg_bookmark.png') no-repeat 8px 5px; color:#fff; }

#tnb { position:relative; width:100%; min-width:1122px; z-index:9000; background:url('../images/common/bg_nav.gif') repeat-x 0 bottom #20409a;}

.menu { width:1122px; margin:0 auto; min-height:54px; }
.menu li { position:relative; float:left; display:block; background:url('../images/common/line_01.gif') no-repeat left 18px; }
.menu li.first-child { background:none; padding-left:2px;}
.menu li .jq_tm a { display:block; padding:18px 32px 14px; min-width:82px; font-size:18px; color:#fff; letter-spacing:-0.02em; font-weight:600; text-align:center;}
.menu li.hovermark03 .jq_tm a{ color:#FF0; padding:18px 30px 14px}
.menu li.hovermark03 .jq_tm a strong{ color:#ff5400; background:#f2f351; display:inline-block; padding:1px 2px; border-radius:4px; font-size:15px;}
#tnb ul.menu li:hover .jq_tm a { color:#20409a; font-weight:600; background-color:#fff; border-top:2px solid #20409a; border-bottom:2px solid #fff; }

#tnb ul.menu li div.jq_sm {
	position: absolute;
	left: 0; 
	top: 54px;
	display: none;
	z-index:100;
	overflow:hidden;
	background:#fff;
	padding:10px 8px 20px 8px;

	border:2px solid #20409a;
	border-top:0;
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}

#tnb ul.menu li div.smst01 { width:630px; left:0;}
#tnb ul.menu li div.smst02 { width:660px; left:-2px;}
#tnb ul.menu li div.smst03 { width:680px; left:-2px; }
#tnb ul.menu li div.smst04 { width:400px; left:-2px;}
#tnb ul.menu li div.smst05 { width:400px; left:-48px;}

.jq_sm .hd_title { float:left; min-width:160px; font-size:18px; color:#000; font-weight:600; text-align:center;}
.smst01 .hd_title { background:url('../images/common/hd_title01.png') no-repeat center 4px; padding:130px 10px 4px 10px;}
.smst02 .hd_title { background:url('../images/common/hd_title02.png') no-repeat center 36px; padding:140px 10px 4px 10px;}
.smst03 .hd_title { background:url('../images/common/hd_title03.png') no-repeat center 0; padding:140px 10px 4px 10px;}
.smst04 .hd_title { background:url('../images/common/hd_title04.png') no-repeat center 0; padding:100px 10px 4px 10px;}
.smst05 .hd_title { background:url('../images/common/hd_title05.png') no-repeat center 0; padding:130px 10px 4px 10px;}


div.jq_sm ul { float:left; min-width:160px; min-height:120px; padding:0 18px; margin-top:18px;}
#tnb div.smst02 ul { margin-top:10px;}

#tnb div.jq_sm ul li {
float:none;
	display:block; cursor:pointer;
	background:url('../images/common/bl_s_nav.gif') no-repeat 4px 15px;
	border-bottom:1px solid #e6e6e6;
}

#tnb  div.jq_sm li.last_child {
border:none;
}

#tnb div.jq_sm li a {
	display:block; padding:10px 14px 12px 14px; color:#464646; font-size:15px; 
}
#tnb div.jq_sm li a:hover { color:#3e68dc;}



/*
.jq_sm { display:none; padding:10px 0 0; height:150px;}
.jq_sm .ul_wrap {overflow:hidden; width:1020px; margin:0 auto; padding-left:80px; }
.jq_sm .ul_wrap ul { float:left; height:130px; padding:4px 0;}
.jq_sm .ul_wrap ul li { text-align:center;}
.jq_sm .ul_wrap ul li a { display:block; font-size:16px; line-height:24px;}
.jq_sm .ul_wrap .sm01 { width:224px;}
.jq_sm .ul_wrap .sm02 { width:187px;}
.jq_sm .ul_wrap .sm03 { width:170px;}
.jq_sm .ul_wrap .sm04 { width:210px;}
.jq_sm .ul_wrap .sm05 { width:170px;}


*/

.top_fm { padding:10px 0; text-align:center; background:#fff;} 
.top_spc { padding-bottom:10px; text-align:center; background:#fff;}
.top_spc ul { width:1122px; margin:0 auto; background: url('../images/common/top_spc.gif') no-repeat center 0 #8fe7d5; overflow:hidden;}
.top_spc ul li { float:left; text-align:left; }
.top_spc ul li.st01 { background:url('../images/common/bg_top_spc01.png') no-repeat 10px 4px; width:258px; margin-left:15px; }
.top_spc ul li.st02 { background:url('../images/common/bg_top_spc02.png') no-repeat 18px 48%; width:295px;}
.top_spc ul li.st03 { background:url('../images/common/bg_top_spc03.png') no-repeat 15px 60%; width:315px;}
.top_spc ul li.st04 { background:url('../images/common/bg_top_spc04.png') no-repeat 20px 60%; }
.top_spc ul li.st05 { background:url('../images/common/live01.png') no-repeat 20px 35%; width:258px; margin-left:13px; }
.top_spc ul li.st06 { background:url('../images/common/live02.png') no-repeat 20px 60%;  width:258px; margin-left:13px; }
.top_spc ul li.st05 div { position:relative; height:51px; margin:20px 0 15px 0; padding-left:95px; border-left:0; font-weight:700; line-height:1.2;} 
.top_spc ul li.st05 .ap { position:absolute; right:38px; bottom:3px;}
.top_spc ul li.st06 div { position:relative; height:51px; margin:20px 0 15px 0; padding-left:95px; border-left:0; font-weight:700; line-height:1.2;} 
.top_spc ul li.st06 .ap { position:absolute; right:38px; bottom:3px;}

.top_spc ul li .s_txt { font-size:13px; color:#41665f; margin: 3px 0;}
.top_spc ul li div { position:relative; height:47px; margin:20px 0 10px 0; padding-left:84px; border-left:1px solid #82d0c0; font-weight:700; line-height:1.2;} 
.top_spc ul li.st01 div { border:none; padding-left:100px;} 
.top_spc ul li.st02 div {padding-left:90px;}
.top_spc ul li.st04 div { padding-left:100px;}
.top_spc ul li.st05 div { padding-left:107px;}
.top_spc ul li.st06 div { padding-left:107px;}

.top_spc ul li div a { padding:2px 0 0 0; display:block;}
.top_spc ul li.st01 div .s_txt{ padding:6px 0 0 0;}
.top_spc ul li.st01 div a .onair_t { font-size:0; width:92px; height:20px; background:url('../images/common/onair.png') no-repeat 0 0;}
.top_spc ul li.st01 div a:hover .onair_t { background:url('../images/common/onair_on.png') no-repeat 0 0;}
.top_spc ul li.st01 div a .ap { right:10px; font-size:0; width:30px; height:30px; background:url('../images/common/btn_arr.png') no-repeat 0 0;}
.top_spc ul li.st01 div a:hover .ap { background:url('../images/common/btn_arr_on.png') no-repeat 0 0;}

.top_spc ul li.st05 div .s_txt1 { font-size:13px; color:#41665f; padding: 0px 0 0 2px; font-size: 14px; line-height: 0.9;}
.top_spc ul li.st06 div .s_txt1 { font-size:13px; color:#41665f; padding: 0px 0 0 2px; font-size: 15px; line-height: 0.9;}

.top_spc ul li div .ap { position:absolute; right:15px; bottom:3px;}
.top_spc ul li.st02 div .ap a { 
display:block;
padding:5px 40px 7px 24px;
font-size:13px;
background: url(../images/common/arr.gif) no-repeat 80% 50% #ffec00;
-moz-border-radius: 4px; /*¸ðÁú¶ó*/
-webkit-border-radius: 4px; /*À¥Å¶*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 4px;
}

.top_spc ul li.st05 div .ap a { 
display:block;
padding:5px 40px 7px 24px;
font-size:13px;
background: url(../images/common/arr.gif) no-repeat 80% 50% #ff2832;
-moz-border-radius: 4px; /*¸ðÁú¶ó*/
-webkit-border-radius: 4px; /*À¥Å¶*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 4px;
color: #fff;
}
.top_spc ul li.st06 div .ap a { 
display:block;
padding:5px 40px 7px 24px;
font-size:13px;
background: url(../images/common/arr.gif) no-repeat 80% 50% #ff2832;
-moz-border-radius: 4px; /*¸ðÁú¶ó*/
-webkit-border-radius: 4px; /*À¥Å¶*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 4px;
color: #fff;
}
.top_spc ul li.st02 div .ap a:hover {background: url('../images/common/arr.gif') no-repeat 80% 50% #ffec00;}
.top_spc ul li.st05 div .ap a:hover {background: url('../images/common/arr.gif') no-repeat 80% 50% #ff2832; color:#ffec00;}
.top_spc ul li.st06 div .ap a:hover {background: url('../images/common/arr.gif') no-repeat 80% 50% #ff2832; color:#ffec00;}

.top_spc ul li div .fs_22 { letter-spacing:1px;}
.top_spc ul li.st04 div .color3 { padding:12px 0 0 0; font-size:19px; font-weight:600; }


.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px;}

.btn_type { text-align:center; padding:10px 0 0 0;}
.btn_type .btn_round {
display:inline-block;
margin:2px 1px;
padding:7px 30px;

font-weight:600;
line-height:100%;
text-align:center;
vertical-align:middle;

-moz-border-radius: 20px; /*¢¬¸ðÁú¶ó*/
-webkit-border-radius: 20px; /*A¡ÍA¢Ò*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 20px;
}
.btn_type .st01 {color:#000; background: url('../images/common/arr.gif') no-repeat 86% 50% #fff; min-width:160px; }
.btn_type .st01:hover {background: url('../images/common/arr.gif') no-repeat 86% 50% #ffec00; }
.btn_type .st02 {color:#fff; background:#ff7800; border:1px solid #ff7800;}
.btn_type .st03 {color:#fff; background:#6a6a6a; border:1px solid #6a6a6a;}


.input_box { padding:5px 0; overflow:hidden;}
.input_box SELECT { background:#606060; height:26px; border:none; padding:0 0 0 5px; line-height:140%; color:#afafaf;}
.input_st01 { width:36px; height:26px; background:#606060; border:none; padding:2px 10px; color:#afafaf;}


/* footer */
#footer_wrap { position:relative; width:100%; min-width:1122px; clear:both; padding:0; background:#081929; }
.f_banner {}
.f_btn { width:1122px; height:76px; margin: 0 auto; }
.f_btn ul { overflow:hidden; width:100%; text-align:center; }
.f_btn ul li { float:left; width:20%; display:inline-block; }
.f_btn ul li a { display:block; padding:10px 0; color:#fff;}

.footer { position:relative; overflow:hidden; width:1122px; height:95px; margin:0 auto; padding:30px 0; color:#989899;}
.logo_footer { float:left; display:block; padding:3px 7px 0 0; }
.address_wrap { float:left; display:block; position:relative; font-size:13px; padding-top:7px;}
.address_wrap address{ font-style:normal; line-height:140%; letter-spacing:-1px; }
.address_wrap address span { margin-left:16px;}

.fnb_box { position:absolute; right:0; top:28px; width:500px;}
.fnb_box01 { float:left; width:204px; height:92px; padding:0 5px; font-weight:600; text-align:center; border-left:1px solid #333f4b; }
.fnb_box01 .ad_call { font-size:23px; color:#fff; padding:10px 0 8px 0;}

.fnb_box02 { float:left; height:92px; padding:0 0 0 12px; text-align:center; border-left:1px solid #333f4b; }
.fnb_box02 .fnb_tt { color:#fff35f; font-size:15px; line-height:21px; font-weight:600; padding-bottom:10px; }
.fnb_box02 a { display: inline-block; width:130px; height:26px; font-size:13px; line-height:26px; margin:0 0 4px 0; background:#040c14; color:#fff; }
.fnb_box02 a span { color:#32bc8d;}
.fnb_box02 a:hover { background:#152b64;}