@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* reset */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, tr, th, td, caption, form, fieldset, input, select, textarea, blockquote, address, button {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%; line-height:normal;}
button {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}
ul, ol, li {list-style:none}
a, a:hover, a:visited, a:focus{text-decoration:none;outline: none;}
body{
	font-family: 'Nanum Gothic', 'NanumGothic', sans-serif;
}
span.line-clear{
	display:block;
}
select{
	background:#fff;
}
pre{
	font-size:13px;
	font-family:"dotum","돋움","Apple Gothic";
	background:none;
	border:0;
}
#wrap{
	position:relative;
}
/* padding clear */
.row > div{
	padding:0;
}
/*상단 타이틀 영역*/
.top_tit_con {
  padding:8px;
}
/*상단 탑메뉴영역*/
.top_menu_con {
  background-color:#72a73c;
  padding:10px;
}

.top_menu_a {}
.top_menu_a .top_menu_item {
  font-size:20px;font-weight:600;
}

.top_menu_a .top_menu_item a {
  text-decoration:none;
  color:#ffffff;
}

.top_menu_a .top_menu_sc {
  font-size:20px;font-weight:600;
  background-color:#eea;
}

.amenu_a a {
  color:#555;
}
.trace_today_tit{
	display:inline-block;
	padding:4px;
	cursor:pointer;
	font-size:13px;
	background-color:#000;
	color:#c6ff00;
	width:250px;height:23px;
	background:url(http://bbkk.kr/img/view-product/convex.png) no-repeat;
}
/* click top */
.back-to-top{
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor:pointer;
    display: none;
    z-index:1001;
}

/* header */
/*
.main-event{
	width:430px;
	height:81px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-255px;
	z-index:999;
	background:url(/img/radio/ico_radio1_off.png) no-repeat 0 0;
}
.main-event-play{
	background:url(/img/radio/ico_radio1_on.png) no-repeat 0 0;
}
.main-event > div{
	position:absolute;
	top:49px;
	left:50%;
	margin-left:-30px;
	z-index:20;
}
.main-event > div > a{
	display:inline-block;
	font-size:11px;
	color:#585858;
	letter-spacing:-0.04em;
	padding:0 4px;
	text-align:center;
	border:1px solid #acacac;
	height:18px;
	line-height:18px;
	font-family:"dotum","돋움","Apple Gothic";
	background: #ffffff; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.main-event > div > a:first-child:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:6px;
	height:9px;
	background:url(/img/radio/play.png) no-repeat center center;
	margin:0 1px 0 2px;
}
.main-event > div > a.stopandplay:first-child:after{
	background:url(/img/radio/stop.png) no-repeat center right;
	margin:0 1px 1px 2px;
}
*/
.radio-tab{
	width:320px;
	-webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.5);
	position:absolute;
	left:50%;
	top:80px;
	z-index:20;
	margin-left:-160px;
	display:none;
}
.radio-on{
	display:block;
}
.radio-tab > dt{
	width:100%;
	height:43px;
	line-height:43px;
	font-size:18px;
	font-weight:600;
	color:#fff;
	background:#2b66b0;
	text-align:center;
	position:relative;
}
.radio-tab > dt > a{
	display:block;
	width:14px;
	height:14px;
	background:url(/img/radio/exit.png) no-repeat center center;
	position:absolute;
	right:16px;
	top:50%;
	margin-top:-7px;
}

.radio-tab > dd{
	padding:10px;
	background:#fff;
}
.radio-tab > dd > table{
	width:100%;
	font-family:"dotum","돋움","Apple Gothic";
}
.radio-tab > dd > table > thead > tr > th,
.radio-tab > dd > table > thead > tr > td,
.radio-tab > dd > table > tbody > tr > td{
	border:1px solid #d1d1d1;
	vertical-align:middle;
}
.radio-tab > dd > table > thead > tr > th{
	background:#4ca7d3;
	text-align:center;
	font-size:11px;
	font-weight:600;
	color:#fff;
	letter-spacing:-0.04em;
	padding:5px 0 3px 0;
}
.radio-tab > dd > table > thead > tr > td{
	background:#eaf8ff;
	text-align:center;
	font-size:11px;
	font-weight:600;
	color:#454545;
	padding:3px 0 1px 0;
}
.radio-tab > dd > table > tbody > tr > td{
	text-align:center;
	font-size:11px;
	font-weight:normal;
	color:#454545;
	padding:3px 0 1px 0;
}
.radio-tab > dd > table > tbody > tr > td.nope-cell{
	background:#f0f0f0;
}

#radio_ad_ctr{
	display:none;
}
#wrap > div > .heaer-bg{
	padding-top:12px;
}
.row > .logo{
	padding-top:18px;
}
.logo > h1 > a,
.logo > h1 > a > img{
	display:inline-block;
	vertical-align:baseline;
}
.logo > h1 > a > img:first-child{
	margin-right:12px;
}
.header-menu{
	margin-bottom:10px;
}
.header-menu > ul{
	margin-bottom:10px;
	float:right;
	text-align:right;
}
.header-menu > ul > li{
	display:inline-block;
}
.header-menu > ul > li > a{
	font-size:12px;
	color:#4f4f4f;
	font-family:"dotum","돋움","Apple Gothic";
}
.header-menu > div{
	clear:both;
	float:right;
}
.header-menu > div > input{
	width:216px;
	height:32px;
	border:1px solid #ccc;
	background:url(../img/main/icon-search.gif) no-repeat 12px center;
	font-size:12px;
	color:#4f4f4f;
	padding-left:32px;
	vertical-align:middle;
}
.header-menu > div > a{
	display:inline-block;
	width:53px;
	height:32px;
	line-height:32px;
	background:#5c5c5c;
	font-size:13px;
	font-weight:600;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	
}
/* GNB */
.gnb > div{
	background:#76b02a;
}
.gnb > div > a{
	display:block;
	height:46px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	border-right:1px solid #649821;
	border-left:1px solid #9bd254;
}
.gnb > div{
	width:25%; /*16.6666666666666%;*/
	float:left;
}
.gnb > div > a:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-10px;
	display:inline-block;
	height:20px;
	background:url(../img/main/text.png) no-repeat;
}
.gnb > div > a.gnb-menu-1:before{
	width:55px;
	margin-left:-27.5px;
	background-position:0 0;
}
.gnb > div > a.gnb-menu-2:before{
	width:128px;
	margin-left:-64px;
	background-position:-55px 0;
}
.gnb > div > a.gnb-menu-3:before{
	width:109px;
	margin-left:-54.5px;
	background-position:-183px 0;
}
.gnb > div > a.gnb-menu-4:before{
	width:144px;
	margin-left:-72.5px;
	background-position:-292px 0;
}
.gnb > div > a.gnb-menu-5:before{
	width:71px;
	margin-left:-35.5px;
	background-position:-436px 0;
}
.gnb > div > a.gnb-menu-6:before{
	width:71px;
	margin-left:-35.5px;
	background-position:-507px 0;
}
.gnb > div > a.gnb-menu-1:hover:before,
.gnb > div.on > a.gnb-menu-1:before{
	background-position:0 -22px;
}
.gnb > div > a.gnb-menu-2:hover:before,
.gnb > div.on > a.gnb-menu-2:before{
	background-position:-55px -22px;
}
.gnb > div > a.gnb-menu-3:hover:before,
.gnb > div.on > a.gnb-menu-3:before{
	background-position:-183px -22px;
}
.gnb > div > a.gnb-menu-4:hover:before,
.gnb > div.on > a.gnb-menu-4:before{
	background-position:-292px -22px;
}
.gnb > div > a.gnb-menu-5:hover:before,
.gnb > div.on > a.gnb-menu-5:before{
	background-position:-436px -22px;
}
.gnb > div > a.gnb-menu-6:hover:before,
.gnb > div.on > a.gnb-menu-6:before{
	background-position:-507px -22px;
}
/* footer */
.sitemap{
	margin-top:65px;
	background:#494a4d;
	padding:13px 0;
	line-height:1;
}
.sitemap > div{
	padding:0;
}
.sitemap > div > div > a{
	display:inline-block;
	font-size:12px;
	color:#b3b4b5;
}
.sitemap > div > div > a.blue-text{
	color:#9cacbb;
}
#footer{
	background:#3a3b3e;
	padding:18px 0 23px 0;
}
#footer address{
	display:inline-block;
}
#footer > div > div,
#footer > div > div a{
	font-size:12px;
	color:#888;
	line-height:160%;
}
#footer > div > div > button{
	border:1px solid #5a5b5d;
	font-size:12px;
	color:#888;
	background:#3a3b3e;
	padding:3px 6px;
	margin-left:8px;
}
#footer > div > div > span{
	display:inline-block;
	font-size:10px;
	color:#b3b4b5;
	margin:0 5px;
}
.sitemap > div > div > a:before,
.header-menu > ul > li:before{
	margin:0 6px;
	content:'|';
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	color:#b3b4b5;
	padding-bottom:2px;
}
.sitemap > div > div > a:first-child:before,
.header-menu > ul > li:first-child:before{
	content:'';
	margin:0 6px 0 0;
}
.family_con{
	padding:0;
}
/* scroll top */
.scrolltop{
	display:none;
	position:fixed;
	bottom:40px;
	right:60px;
}

/* community */
#essay-submenu{
	position:relative;
	background:#eeeeee;
	border-bottom:1px solid #dfdfdf;
}
#essay-submenu:before{
	content:'';
	display:block;
	clear:both;
	position:absolute;
	right:25%;
	top:-6px;
	border-bottom:6px solid #eee;
	border-left:3px solid transparent;
	border-right:3px solid transparent;
}
#essay-submenu > ul{
	float:right;
	margin-right:50px;
}
#essay-submenu > ul > li{
	float:left;
}
#essay-submenu > ul > li > a{
	font-size:13px;
	font-weight:600;
	color:#565656;
	line-height:37px;
	margin-left:32px;
	padding-bottom:2px;
}
#essay-submenu > ul > li > a:hover,
#essay-submenu > ul > li > a.active{
	color:#5a9e00;
	border-bottom:1px solid #5a9e00;
}
.pagination > li > a{
	border:1px solid #acacac !important;
	background:#fff !important;
	color:#919191;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0 2px;
}
.pagination > li.active > a{
	border:1px solid #505050 !important;
	background:#505050 !important;
	color:#fff;
}

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	
	#radio_ad_ctr{
		display:block;
	}
	#radio_ad_ctr > audio{
		width:100%;
	}
	.main-event > a.radio-on{
		background:url(/img/radio/ico_radio2_on.jpg) no-repeat 0 0;
		background-size:100% 100%;
	}
}

@media (max-width: 800px) {
	.gnb > div:nth-child(1),
	.gnb > div:nth-child(2),
	.gnb > div:nth-child(3){
		width:33.3333333333333%;
		border-bottom:1px solid #649821;
	}
	.gnb > div:nth-child(4),
	.gnb > div:nth-child(5),
	.gnb > div:nth-child(6){
		width:33.3333333333333%;
		border-top:1px solid #9bd254;
	}
.gnb > div > a.gnb-menu-6{
		cursor:default;
		display:block;
	}
}
@media (max-width: 597px) {
	.logo img:first-child{
		width:100%;
	}
	.logo img:last-child{
		width:80%;
	}
	#wrap{
		padding:0 10px;
	}
	#wrap{
		padding:0 10px;
	}
	.sitemap{
		padding:13px 10px;
	}
	#footer{
		padding:18px 10px;
	}
	.scrolltop{
		bottom: 20px;
		right: 20px;
	}
}
@media (max-width: 500px) {
	.gnb > div{
		width:50% !important;
	}
	.gnb > div:nth-child(3){
		border-top:1px solid #9bd254;
	}
	.gnb > div:nth-child(4){
		border-bottom:1px solid #649821;
	}
}
@media (max-width: 460px) {
	.header-menu > div > input{
		background:none;
		padding-left:8px;
		width:180px;
	}
}
@media (max-width: 392px) {
	.header-menu > div > input{
		width:130px;
		float:left;
		content:'';
	}
	.header-menu > div > a{
		float:left;
	}
}