@import "reset.css";


/* common.css */

/* 기본 스타일 */
h1, h2 {
	font-size: 25px;
	color: #4a505a;
	margin-bottom: 0.45em;
}

/* Global Classes */
.clearfix:after, .clearfix:before {
	content: "";
	display: block;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	/*
	zoom: 1;
	*/
}
.ie6 .clearfix {
	height: 1px;
}
.ie7 .clearfix {
	min-height: 1px;
}
.blind {
	position: absolute;
	top: -10000px;
	width: 1px;
	height: 1px;
	visibility: hidden;
}
.clearboth {
	clear: both;
}
.rounded100 {
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.rounded {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.transition {
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.material-symbols-outlined {
	vertical-align: middle;
	color: red;
}
/* noto sans*/
@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:100;
	src:url('./../font/notokr-thin.eot');
	src:local(※),
		url('./../font/notokr-thin.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-thin.woff') format('woff');
		url('./../font/notokr-thin.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:300;
	src:url('./../font/notokr-light.eot');
	src:local(※),
		url('./../font/notokr-light.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-light.woff') format('woff');
		url('./../font/notokr-light.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:350;
	src:url('./../font/notokr-demilight.eot');
	src:local(※),
		url('./../font/notokr-demilight.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-demilight.woff') format('woff');
		url('./../font/notokr-demilight.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:400;
	src:url('./../font/notokr-regular.eot');
	src:local(※),
		url('./../font/notokr-regular.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-regular.woff') format('woff');
		url('./../font/notokr-regular.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:500;
	src:url('./../font/notokr-medium.eot');
	src:local(※),
		url('./../font/notokr-medium.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-medium.woff') format('woff');
		url('./../font/notokr-medium.ttf') format('truetype');
}

@font-face{
	font-family:"noto";
	font-style:normal;
	font-weight:800;
	src:url('./../font/notokr-bold.eot');
	src:local(※),
		url('./../font/notokr-bold.eot#iefix') format('embedded-opentype'),
		url('./../font/notokr-bold.woff') format('woff');
		url('./../font/notokr-bold.ttf') format('truetype');
}

/* 나눔스퀘어 */
@font-face{
	font-family:"nanumsq";
	font-style:normal;
	src:url('./../font/NanumSquareR.eot');
	src:local(※),
		url('./../font/NanumSquareR.eot#iefix') format('embedded-opentype'),
		url('./../font/NanumSquareR.woff') format('woff');
		url('./../font/NanumSquareR.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:300;
	src:url('./../font/NanumSquareL.eot');
	src:local(※),
		url('./../font/NanumSquareL.eot#iefix') format('embedded-opentype'),
		url('./../font/NanumSquareL.woff') format('woff');
		url('./../font/NanumSquareL.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:700;
	src:url('./../font/NanumSquareB.eot');
	src:local(※),
		url('./../font/NanumSquareB.eot#iefix') format('embedded-opentype'),
		url('./../font/NanumSquareB.woff') format('woff');
		url('./../font/NanumSquareB.ttf') format('truetype');
}

@font-face{
	font-family:"nanumsq";
	font-style:normal;
	font-weight:800;
	src:url('./../font/NanumSquareEB.eot');
	src:local(※),
		url('./../font/NanumSquareEB.eot#iefix') format('embedded-opentype'),
		url('./../font/NanumSquareEB.woff') format('woff');
		url('./../font/NanumSquareEB.ttf') format('truetype');
}

@font-face {
  font-family: 'RIDIBatang';
  src: url('./../font/RIDIBatang.woff');
}


/* general css 2022 */

h1 {
    margin-bottom: 0.45em;
}

ul > li, 
section.vod div.gcnVod > div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.boxSizing {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.bold {
	font-weight: bold;
}

header > div.headerWrap, 
div.navWrap, 
main div.mainWrap, 
section div.sectionWrap, 
footer div.footerWrap {
    position: relative;
    margin: 0 auto;
    width: 1219px;
}



/***************** popup  **********************/

#popup_wrap {
	display:none;
	position:fixed;
	margin:-250px 0 0 -250px;
	top:40%;
	left:50%;
	width:560px;
	height: auto;
	background:#fff;
	border: solid 1px #666;
	z-index:10000;
}
#mask {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7) repeat;
	z-index:999;
}
.popup-cont01 {
	margin: 0px auto;
	text-align: center;
}
/*.popup-cont01 button {
	margin-top: 20px;
	width: 138px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	border: none;
	background: #0099ff;
}*/
.popup-cont01 button {
    margin-top: 0px;
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: 75px;
	font-size: 40px;
    background: #0c588a;
    color: #fff;
    border: 0;
	cursor: pointer;
}
.popup-cont01 > .popup-header {
	margin-bottom: 25px;
	height: 75px;
	line-height: 75px;
    font-size: 26px;
    color: #fff;
    background: #0099ff;
}
.popup-cont01 > #myform {
	width: 80%;
    margin: 0 auto;
    text-align: left;
	font-size: 17px;
}
.popup-cont01 > #myform input, .popup-cont01 > #myform textarea, .popup-cont01 > #myform select {
	margin: 10px 0;
	padding: 15px;
	width: 100%;
    height: 35px;
	font-family: "noto", "Nanum Gothic", "맑은 고딕", Sans-Serief;
    font-size: 17px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.popup-cont01 > #myform select {
	height: unset;
	padding: 10px;
}
.popup-cont01 > #myform textarea {
    height: auto;
}
.popup-cont01 > #myform input[type="radio"] {
	width: 20px;
    height: 13px;
}
.popup-cont01 > #myform input#btnSend {
	height: 70px;
    font-weight: bold;
    font-size: 22px;
	color: #0099ff;
	background: #f2f4f9;
	border-color: #fff;
}
.popup-head {
	padding: 30px;
    width: 100%;
    font-size: 21px;
    background-color: #0099FF;
    color: #fff;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.popup-body {
	font-size: 17px;
    padding: 30px;
}
.popup-t1 {
	margin-bottom: 20px;
	font-size: 25px;
	color: #FD5799;
}
.popup-t2 {
	line-height: 35px;
	text-align: left;
}
.popup-t2 > ul {
	margin: 0 auto;
	width: 70%;
}
.popup-t2 li {
	list-style: disc;
}



/************** navigation ****************/

nav {
    position: relative;
	background: #fff;
	z-index: 41;
	/*
	border-bottom: 1px solid #e3e2e7;
	*/

}
nav div.logo > a {
	width: 203px;
    height: 28px;
    display: inline-block;
    background: url(/image/00_main/header_logo.png) center 0 no-repeat;
}
nav > div.navWrap {
	/*
	padding: 20px 0;
	*/
	z-index: 30;
}

nav div.logo {
	display: inline-block;
	float: left;
    margin-top: 20px;
	width: 22%;
    padding-top: 10px;
}
nav ul.mainMenu {
	display: inline-block;
	margin-left: -20px;
	margin-bottom: -5px;
}
nav ul.mainMenu > li {
    float: left;
    width: 78px;
    height: 94px;
    line-height: 95px;
    text-align: center;
    letter-spacing: 1px;
	cursor: pointer;
}
nav ul.mainMenu > li > h2 {
	margin-bottom: unset;
	font-size: 20px;
	color: #5e779f;
}
nav ul.mainMenu > li.active {
	/*
	color: #ff8502;
	border-bottom: 3px solid #2375eb;
	*/
}

nav ul.mainMenu > li.active > h2{
	color: #2375eb;
}
nav ul.mainMenu > li.active > h2:after {
	border-top: 3px solid #2375eb;
    width: 37px;
    content: "";
    margin: -2px 20px;
    display: block;
}
nav div.btnLive {
	float: right;
	margin-top: 31px;
    position: absolute;
    right: 48px;
    margin-top: 21px;
	z-index: 1;
}
nav div.btnLive a > img {
	margin-left: 10px;
}


nav div.btnLive a > img {
	margin-left: 25px;
}

@media (max-width: 1450px) {
	nav div.btnLive a > img {
		margin-left: 10px;
	}
	
}
/****************************** nav Submenu ******************************/

nav ul.subMenu {
	position: absolute;
	display: inline-block;
    width: 100%;
    color: #474646;
	background: #fff;
    opacity: 0;
	transition: 0.3s all;
	z-index: 50;
}
nav ul.subMenu.on {
	opacity: 1.0;
}
nav ul.subMenu a {
	/*
	color: #fff;
	*/
}
nav ul.subMenu div.mnSubWrap {
	position: relative;
    margin: 0 auto;
    width: 1219px;
	height: auto;
	background: #fff;
}
nav ul.subMenu > li {
	display: none;
	padding: 40px 0 50px;
	border-top: 1px solid #c5c0c0;
	border-bottom: 1px solid #c5c0c0;
}
nav ul.subMenu > li.on {
	display: block;
}
nav ul.subMenu > li > div.mnSubWrap > div {
	margin: 0 auto;
	width: 80%;
	/*
	height: 0px;
	*/
}
nav ul.subMenu > li.mn07 > div.mnSubWrap > div {
    width: 100%;
}
nav ul.subMenu ul.depth0 {					/* 서브메뉴 첫번째 ul */
	display: inline-block;
    width: 100%;
}
nav ul.subMenu ul.depth0 > li {
	float: left;
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
	width: 20%;
}
nav ul.subMenu ul.depth0 > li:before {
	position: absolute;
	content: url(/image/00_main/icn_bul1.png);
	left: -14px;
    top: 2px;
}

nav ul.subMenu > li.mn05 ul.depth0 div.depth1, nav ul.subMenu > li.mn06 ul.depth0 div.depth1 {
    height: 40px;
}

nav ul.subMenu > li.mn01 ul.depth0 > li {
	width: auto;
	margin: 0 40px 0 0;
}
nav ul.subMenu > li.mn02 ul.depth0 > li {
	margin-bottom: 0;
}
nav ul.subMenu > li.mn03 ul.depth0 > li {
	width: auto;
	margin: 0 135px 0 0;
}
nav ul.subMenu > li.mn04 ul.depth0 > li {
	width: auto;
	margin: 0 96px 0 0;
}
nav ul.subMenu > li.mn05 ul.depth0 > li {
	width: auto;
	margin: 0 72px 0 0;
}
nav ul.subMenu > li.mn06 ul.depth0 > li {
	width: 22%;
	margin-bottom: 10px;
}
nav ul.subMenu > li.mn07 ul.depth0 > li {
	width: auto;
	margin: 0 49px 0 0;
}




/****************************** 토탈메뉴 nav Submenu ******************************/



nav.totalMenu {
	/*
	padding: 30px;
	*/
}
nav.totalMenu > ul.subMenu {
	position: absolute;
	opacity: 1;
	width: 99.5%;
}
nav.totalMenu > ul.subMenu > li {
	display: block;
	padding: 30px 0 30px;
	border-top: none;
	border-bottom: 1px solid #e0e0e3;
}
nav.totalMenu ul.subMenu div.mnSubWrap {
    width: 975px;
}
nav.totalMenu ul.subMenu > li > div.mnSubWrap > div {
    margin: 0 45px;
	width: 94%;
}
nav > ul.subMenu h2 {
	display: none;
}
nav.totalMenu div.mnSubWrap h2 {
	display: block;
}
nav.totalMenu div.mnSubWrap h2 {
	color: #6766d0;
	margin: 0 0 30px 0;
}
nav.totalMenu ul.subMenu div.depth1 {
    font-size: 17px;
    height: 45px;
}
nav.totalMenu ul.subMenu ul.depth2 > li {
    height: 25px;
    font-size: 15px;
}



nav ul.subMenu div.depth1 {					/* 서브메뉴 depth1 */
	
	font-size: 19px;
	height: 57px;
}
nav ul.subMenu ul.depth2 {					/* 서브메뉴 depth2 */
	margin-top: -13px;
}
nav ul.subMenu ul.depth2 > li {
	height: 33px;
    font-size: 17px;
}
nav ul.subMenu ul.depth2 > li > a {
	color: #8a8787;
}
nav ul.subMenu ul.depth2.fltLeft {
	margin-top: -25px;
}
nav ul.subMenu ul.depth2.fltLeft > li {
	float: left;
	margin-right: 27px;
}






/****************************** vod icon code ******************************/

span.vodicn {
	display: inline-block;
    margin: 0 auto;
	width: 30px;
    height: 25px;
    background: url(/image/00_sub/btn_play.png) 0 0 no-repeat;
}
a > span.hd {
    background-position: 0px 0px;
}
span.hdOff {
    background-position: -217px 0px;
}
a > span.flash {
    background-position: -38px 0px;
}
span.flashOff {
    background-position: -256px 0px;
}
a > span.high {
    background-position: -77px 0px
}
span.highOff {
    background-position: -295px 0px;
}
a > span.audio {
    background-position: -116px 0px;
}
span.audioOff {
    background-position: -334px 0px;
}
a > span.text {
    background-position: -154px 0px;
}
a > span.offr {
    background-position: -41px 0px;
}
span.textOff {
    background-position: -372px 0px;
}
a > span.mp3 {
    background-position: -187px 0px;
}
span.mp3Off {
    background-position: -404px 0px;
}







/****************************** footer ******************************/
footer {
    clear: both;
    display: inline-block;
	margin-top: 250px;
    width: 100%;
	line-height: 25px;
    color: #a0c8ec;
	text-transform: uppercase;
    background-color: #33628d;
}
footer div.footerWrap {
    padding: 50px 0 50px;
}

footer ul {
    display: inline-block;
    width: 100%;
    height: auto;
}
footer ul > li {
    float: left;
}
footer ul > li.copy {
    width: 70%;
    padding-left: 75px;
}
footer div.link {
    margin-bottom: 10px;
	color: #fff;
}
footer a:link {
    color: #fff;
}
footer a:link, footer a:visited {
    color: #fff;
}



/****************************** sns 공유버튼 ******************************/

div.sns:after {
	clear: both;
}
div.sns > ul > li {
	float: left;
	display: inline-block;
	margin: 0px 8px 0px 0;
	width: 30px;
	height: 30px;
	background:url(/image/00_sub/icn_sns.png) -22px center no-repeat;
	background-color: #3A5393;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
div.sns > ul > li:hover {
	background-color: #283864;
}
div.sns > ul > li.tw {
	background-position: -61px center;
	background-color: #78CDF0;
}
div.sns > ul > li.tw:hover {
	background-color: #28799F;
}
div.sns > ul > li.kt {
	background-position: -100px center;
	background-color: #FAEB1D;
}
div.sns > ul > li.kt:hover {
	background-color: #D6C603;
}
div.sns > ul > li.bd {
	background-position: -140px center;
}
div.sns > ul > li.ks {
	background-position: -185px center;
	background-color: #FDC300;
}
div.sns > ul > li.ks:hover {
	background-color: #D6C603;
}
div.sns > ul > li.nv {
	background-position: -216px -6px;
	background-color: #00C63B;
}
div.sns > ul > li.nv:hover {
	background-color: #00AA33;
}
div.sns > ul > li.gp {
	background-position: -257px center;
	background-color: #DF4F3F;
}
div.sns > ul > li.gp:hover {
	background-color: #D03524;
}
div.sns > ul > li > a {
	display: inline-block;
	width: 40px;
	height: 40px;
}


div#category {
	margin: 60px 0 44px 0;
	text-align: center;
}
div#category > ul {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
div#category li {
	float: left;
	width: 20%;
	height: auto;
	line-height: 58px;
	font-size: 16px;
	color: #51688C;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
div#category li > a {
	display: inline-block;
	width: 100%;
    height: 100%;
	font-family: "nanumsq";
	font-weight: 600!important;
	font-size: 18px;
}
div#category li.on {
	background: #f49574;
}
div#category li.on a {
	color: #fff;
	font-size: 19px;
}



































#wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 1219px;
	/*
	background-color:#E4E9F1;
	*/
}
.wrapper, header .header-menu {
	position: relative;
	margin: 0 auto;
	/*
	max-width: 95%;
	outline: 1px solid #ccc;
	height: auto;
	*/	
	max-width: 1500px;
	min-width: 1500px;
}
::-ms-selection { /* http://www.w3schools.com/cssref/sel_selection.asp */
	background: #353434;
	color: #fff;
}
::-moz-selection {
	background: #353434;
	color: #fff;
}

/*
header nav ul li a, 
*/
a > span, 
.contents .main > .icon ul.list div, 
.contents .sub-content .btn-catWrap > ul.btn-cat > li, 
div#calendar > div#year > ul > li {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}



/*
.testimonials #t_navigation a,
header ul.social li a, 
.feature a, 
.cta a.cta_btn { 
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
*/

header .header-top ul > li, 
header .header-top .wrapper > ul, 
header .header-top ul li.icn_lang ul.select-list, 
header .header-top ul li.icn_lang ul.select-list li, 
header nav#nav_menu div#sitemap > ul > li, 
section#banner > a > img, 
.contents .main > div,
.contents .main > .icon ul.list li, 
.contents .article .vod, 
.contents .article .site, 
.contents .article .photo, 
.contents .article .banner, 
.contents .article .art div, 
.contents .article .art .gcn ul.vod li, 
.contents .article .art .prgm ul.list li, 
.content #article > ul.Navi > li, 
.contents ul.aside_menu li, 
.contents .news ul.news_list li, 
.contents .news_header, 
.select-itm, 
footer .footer ul.list li {	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/****************************** header ******************************/

header .header-top {
	display: block;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
	background-color:#E4E9F1;
}
header .liveGod, header .mobile {
	display: inline-block;
	position: static;
	width: 260px;
	height: 40px;
	border-left: 1px solid #C6D1DC;
	border-right: 1px solid #C6D1DC;	
	background: url(../image/00_main/icn_header.png) 17px center no-repeat;
	background-color: #fff;
}
header .mobile {
	margin-left: -6px;
	width: 127px;
	background: url(../image/00_main/icn_header.png) -651px center no-repeat;
	background-color: #fff;
}


header .header-top .wrapper > ul > li {
	display: inline-block;
	float: left;
	width: 150px;
	height: 40px;
	border-right: 1px solid #ccc;
	background: url(../image/00_main/icn_header.png) -252px center no-repeat;
}
header .header-top ul > li.icn_off {
	background-position: -395px center;
}
header .header-top ul > li.icn_reg {
	background-position: -518px center;
}
header .header-top .wrapper > ul > li > a, header .header-top .wrapper > div.liveGod > a, header .header-top .wrapper > div.mobile > a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
header .header-top .wrapper > ul > li:last-child {
	/*
	border-right: 0;
	*/
}

header .header-top .wrapper > ul {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 450px;
	height: 40px;
	/*
	border-left: 1px solid #C6D1DC;
	*/
}


header .header-logo {
	display: block;
	width: 100%;
	height: 110px;	
	border-bottom: 1px solid #C6D1DC;	
	background-color: #fff;
}
header .notice {
	margin-left: 30px;
}
header .notice {
	display: inline-block;
	width: 40%;
	text-align: center;
}
header .search {
	display: inline-block;
	position: absolute;
	top: 35px;
	right: 0px;
	width: 35%;
}
header .search .search-area {
	display: inline-block;
	position: absolute;
	width: 100%;
    text-align: right;
}
header .search .search-area input.txt {
	width: 250px;
	height: 42px;
	line-height: 42px;
    padding: 0 10px;
	    padding-right: 65px;
	font-size: 15px;
	border: 0;
	background: #eaf0f2;
	color: #7D7D7D;	
}
header .search .search-area a.btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 42px;
	border: 0;
	background: #478edc url(../image/00_main/icn_icon.png) -385px center no-repeat;
	font-size: 0;
    line-height: 0;
    text-indent: -1000%;
}
header .search .search-area ul.keyword {
	display: inline-block;
	padding-top: 3px;
	width: auto;
	overflow: hidden;
}
header .search .search-area ul.keyword li {
	float: left;
	padding: 0 8px;
	font-size: 11px;
	border-right: 1px solid #EBEFF3;	
}
header .search .search-area ul.keyword li:first-child {
	padding-left: 0;
}
header .search .search-area ul.keyword li:last-child {
	border-right: 0;
}
header .header-menu {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 61px;
	text-align: center;
	background-color: #fff;	
}
header .header-menu .wrapper {
	position: absolute;
	/*
	top: 172px;
	*/
	top: 0px;
	display: block;
	width: 100%;
	height: 61px;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #ecf0f4;
}
header .menu_icon {
	/* display: none; */
	display: block;
	float: right;
	margin-top: 23px;
	width: 35px;
	height: 35px;
	background: url(../image/menu_icon.png) no-repeat;
}
header nav#nav_menu {
	display: inline-block;
	float: left;
	position: relative;
	width: 100%;
	border-right: 1px solid #EBEFF3;
	/*
	z-index: 9999;
	overflow: hidden;
	*/
}
header nav#nav_menu > ul > li {
	float: left;	
	width: 125px;
	height: auto;
	line-height: 61px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 16px;
	/*
	font-weight: bold;
	*/
	color: #35496a;
	border-left: 1px solid #EBEFF3;
}
header nav#nav_menu > ul > li:last-child {
	float: right;
    width: auto;
    border-left: none;
}
header nav#nav_menu ul > li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
header nav#nav_menu ul.dept2 > li a {
	color: #a5a5a5;
}
header nav#nav_menu > ul > li h2 {
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-family: "nanumsq";
    font-weight: 800!important;
	font-size: 20px;
	color: #35496a;
	cursor: pointer;
}
header nav#nav_menu > ul > li:hover, header nav#nav_menu > ul > li.active {
	height: 58px;
	line-height: 57px;
	border-top: 2px solid #5788DA;	
}
header nav#nav_menu > ul > li:last-child:hover, header nav#nav_menu > ul > li:last-child.active {
	border-top: none;	
}
header nav#nav_menu > ul > li:hover h2, header nav#nav_menu > ul > li.active h2 {
	color: #5788DA;
}
header nav#nav_menu > ul > li > .gnb-sub-menu {
	
	display: none;
	/*
	
	display: block;
	*/
	position: absolute;
	top: 60px;
	left: 0;
	width: 1500px;
	height: auto;
	line-height: 10px;
	border: 1px solid #C6D1DC;
	border-left: 1px solid #5C8AC9;
	border-right: 1px solid #5C8AC9;
	border-bottom: 4px solid #5C8AC9;
	background: #fff;
	z-index: 9998;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content {
	display: inline-block;	
	position: relative;
	margin: 20px auto;
	margin-bottom: 45px;
	text-align: left;
	width: 98%;
	height: auto;
	min-height: 400px;
	/*
	background: #f4f4f4;
	*/
	
	border: 1px solid #EBEFF3;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps {
	display: inline-block;
	position: static;
	width: 50%;
	height: auto;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list {
	display: inline-block;
	position: static;
	width: 200px;
	height: auto;
	border-right: 1px solid #EBEFF3;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 {
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	border-bottom: 1px solid #EBEFF3;
	cursor: pointer;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li > .markWrap {
	display: none;
	position: relative;
    width: 1px;
    height: 1px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li > .markWrap > .mark {
	position: absolute;
	top: -30px;
	right: -182px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #5788da;
	border-right: 10px solid transparent;
	z-index: 1000;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li > .markWrap.active {
	display: block;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1:hover, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1:hover > a, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1.active, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1.active > a {
	height: 41px;
	background-color: #5788DA;
	color: #fff;
	border: 0;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1:last-child {
	/*
	border-bottom: none;
	*/
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps2-list, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps3-list, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps4-list, 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps5-list {
	display: none;
	position: absolute;
	left: 201px;
	width: 205px;
	height: 100%;
	top: 0;
	color: #7D7D7D;
	z-index: 999;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps3-list {
	left: 380px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps4-list {
	left: 560px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.deps5-list {
	left: 740px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul li.deps2 {
	padding-left: 30px;
	height: 35px;
	line-height: 35px;
	background-color: rgba(255, 255, 255, 0.7);
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul li.deps2 > a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .deps ul.deps1-list li.deps1 ul.active {
	display: inline-block;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	
    /*
	text-align: center;
	padding: 20px;
	padding-top: 30px;
    padding-left: 30px;
	*/
	border-left: 1px solid #EBEFF3;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	display: inline-block;
    margin: 100px 0 0 30px;
	width: 180px;
    height: 180px;
    border-radius: 50%;
	background: url(../image/00_main/icn_subimg.jpg) 0px center no-repeat;
}
header nav#nav_menu > ul > li.mn02 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -180px center;
}
header nav#nav_menu > ul > li.mn03 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -360px center;
}
header nav#nav_menu > ul > li.mn04 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -540px center;
}
header nav#nav_menu > ul > li.mn05 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -720px center;
}
header nav#nav_menu > ul > li.mn06 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -900px center;
}
header nav#nav_menu > ul > li.mn07 > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .img {
	background-position: -1080px center;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .text {
	display: inline-block;
	position: absolute;
	top: 100px;
    width: auto;
    height: auto;
    vertical-align: middle;
	margin: 0 20px 0 24px;
	overflow: hidden;
} 
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .tit {
	margin-bottom: 25px;
	font-size: 25px;
	font-weight: normal;
	color: #5788DA;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text .txt {
    line-height: 21px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text > ul {
	display: inline-block;
	width: 100%;
	height: auto;
	/*
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	*/
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text > ul > li {
	display: inline-block;
	float: left;
	width: 25%;
	height: auto;
	min-height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #EBEFF3;
	border-bottom: 1px solid #EBEFF3;
	
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text > ul > li:nth-child(4n) {
	border-right: none;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text > ul > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-content .gnb-sub-text img {
	margin-left: 40px;
}
header nav#nav_menu > ul > li > .gnb-sub-menu .gnb-sub-close {
	position: absolute;
	left: 47.9%;
	bottom: -73px;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	margin-right: 25px;
	cursor: pointer;
	background: url(../image/00_main/icn_icon.png) -346px 7px no-repeat;	
	background-color: #5C8AC9;
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
header nav#nav_menu > .aside_banner {
	position: absolute;
	right: -202px;
    top: 107px;
	width: 192px;
    height: auto;
}

/* hamberger 메뉴 */

header nav#nav_menu div#sitemap > ul > li {
	 display: inline-block;
	 width: 14%;
	 vertical-align: top;
	 font-size: 21px;
	 color: #5788da;
}
header nav#nav_menu div#sitemap > ul > li:last-child {
	 width: 13%;
}
header nav#nav_menu div#sitemap > ul > li > ul.dept1 {
	margin: 20px 0;
	font-size: 14px;
}
header nav#nav_menu div#sitemap > ul > li > ul.dept1 > li {
	margin: 10px 0;
}
header nav#nav_menu div#sitemap > ul > li > ul.dept1 > li > ul.dept2 {
	margin: 3px 0 0 0px;
	font-size: 12px;
    font-weight: normal;
}
header nav#nav_menu div#sitemap > ul > li > ul.dept1 > li > ul.dept2 > li {
	line-height: 17px;
}

header .header-siteicon {
	display: inline-block;
	float: right;
	width: 60px;
	height: 60px;
	border-left: 1px solid #EBEFF3;
	border-right: 1px solid #EBEFF3;
	background: url(../image/00_main/icn_site.png) no-repeat;
	background-position: center center;
	background-color: #F2F4F9;
	
}
header .header-today {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: -1px;
	background-color: #35496a;
	overflow: hidden;
}

header .header-today .icn_today {
	display: inline-block;
	width: 83px;
	height: 35px;
	font-weight: bold;
	padding-left: 42px;
	border-left: 1px solid #6B84A9;
	border-right: 1px solid #6B84A9;
	background: url(../image/00_main/icn_bible.png) 15px 10px no-repeat;
	color: #fff;
}
header .header-today .icn_today > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
}
header .header-today .bible, header .header-today .column {
	display: inline-block;
	width: auto;
	letter-spacing: -0.5px;
	padding-left: 5px;
	color: #A5B5CB;
}
header .header-today .column {
	float: right;
}
header .header-today .column > a {
	float: right;
	color: #A5B5CB;
}
header .header-today .column > a > span{
	display: inline-block;
    margin-right: 2px;
	padding: 5px 7px 6px 7px;
    line-height: 7px;
	/*
	font-weight: bold;
	*/
    color: #fff;
    background-color: #FD5799;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.headerbanner {
	position:relative;
	height: auto;
/*	max-height: 100px;  */
	max-height: 200px;  
/*	max-height: 310px; */
/*	background-color: #1e5aa3;	
	background-color: #71302c;	*/
	background-color: #35496a;
	/*
	background-color: #014a73;	
	background:url(/korean/assets/image/00_main/bg_top2.gif) 0 0 repeat;	
	background-size: cover;
	height: 100px;
	
	*/
	overflow:hidden;	
	z-index:1;
	border-bottom: 1px solid #ccc;
	
}
.headerbanner .top_banner {
	/*
	position:absolute;
	bottom:0;
	left:50%;
	width: 1000px;
	height: 108px;
	margin: 50px 0;
	*/	
	margin-bottom: -5px;	
	text-align: center;
}
.headerbanner .top_banner > ul img {
	max-width: 100%;
}



.headerbanner .btn_close {
/*
	display: none;
*/
	position: absolute;
	right: 41px;
	bottom: 10px;
}
.headerbanner .btn_close label {
	font-size:11px;
	color:#fff;
}
.headerbanner .btn_close button {
	margin:0;
	margin-left:20px;
	padding:0;
	background:none;
	border:0;
}

/****************************** contents ******************************/
.contents {
	/*
	display: block;
	width: 100%;
	margin: 10px 0;
	margin-bottom: 50px;
	*/
}

/* 칼럼, 뉴스에 쓰는 테그 */
.script span, .tit > span {
	display: inline-block;
	margin-right: 10px;
	padding: 5px;
	line-height: 7px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-color: #778aa9;

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.tit > span {
	padding: 8px;
	line-height: 7px;
	font-size: 17px;
	background-color: #5788da;
}







.contents figure.figure_frm {
	margin: 15px 0 0px;
	text-align: center;
}
.contents figure.figure_frm > div.article-img, .contents figure.figure_frm > div.article-imgRight, .contents figure.figure_frm > div.article-imgLeft {
	position: relative;
	display: inline-block;
    margin: 35px 0;
	width: auto;
}
.contents figure.figure_frm > div.article-imgRight {
	float: right;
	margin-left: 30px;
	margin-top: 5px;
	padding: 0px 0 0px 0px;
}
.contents figure.figure_frm > div.article-imgLeft {
	float: left;
	margin: 10px 30px 55px 0px;
	/*
	padding: 20px 30px 40px 0;
	*/
}
.contents figure.figure_frm figcaption.txt_caption {
	position: absolute;
	width: 100%;
	color: #6f8dbe;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.contents figure.figure_frm > div.article-img > img {
	max-width: 100%;
}
.contents font.s1Tit, .contents strong.s2Tit {
	/*
	display: inline-block;
	*/
	margin: 30px 0 0;
	padding: 10px 0px;
	font-family: "nanumsq";
	/*font-family: 'RIDIBatang'; */	/* 200115 리디폰트로 변경 */
	font-weight: 500!important;
	font-size: 24px;
	line-height: 43px;
	color: #88a9c5;
	border-bottom: 2px dotted #c5dbee;
}
.contents strong.s2Tit {
	font-size: 24px;
	color: #f04603;
	border-bottom: 2px dotted #ffb091;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
}

/****************************** VOD view code ******************************/

#sectionVidio {
	/*
	display:<%=Vodyn%>;
	*/
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 82px;
	margin-bottom: 20px;
}
#sectionVidio #my-video {
	visibility: visible;
	margin: 0 auto;
	width:100%;
	padding:0;
	font-size:0.9em;
	color: #FF6600;
}
#my-video #player {
	margin: 0 auto;
	width: 680px;
	height: 410px;
    border: 10px solid #eaf0f2;
}
#my-video #player img {
	padding: 0;
}

/****************************** footer ******************************/


footer .footer {
	text-align: center;
}
footer .footer .wrapper {
	display: block;
	width: 100%;
	height: auto;
}
footer .footer ul.list {
	display: inline-block;
	margin-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	height: auto;
}
footer .footer ul.list li {
	float: left;
	width: 15%;
	height: 100px;
	border-right: 1px solid #6B84A9;	
}
footer .footer ul.list li:last-child {
	border-right: 0;
}
footer .footer ul.list li.copy {
	width: 70%;
	padding-left: 50px;
	padding-right: 50px;
	text-align: left;
}
footer .footer ul.list li.copy span {
	display: block;
}
footer .footer ul.list li.copy span.link {
	font-weight: bold;
	padding-bottom: 20px;
}
footer .footer ul.list li.copy span.link > a {
	color: #C0CBDA;
}
footer .footer ul.list li.copy span.address {
	text-transform: uppercase;
}
footer .footer ul.list li.copy span.rights {
	font-size: 11px;
	text-transform: uppercase;
}
footer .footer ul.list li.logo, footer .footer ul.list li.qr {
	font-weight: bold;
	text-align: center;
}
footer .footer .rights a {
	text-decoration: none;
	font-family: "lato_bold", Arial;
	font-weight: bold;
	color: #3b3b3b;
}