@charset "UTF-8";
@font-face{
font-family:ng;
src:url('./font/NanumGothic.eot');
src:url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		url('./font/NanumGothic.woff') format('woff'),
		url('./font/NanumGothic.ttf') format('truetype');
src:local(※), url('./font/NanumGothic.woff') format('woff');
}

/* reset */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin: 0; padding: 0; vertical-align: baseline; font-size: 1em;}
body {font-family: NanumGothic, '나눔고딕', ng, sans-serif; line-height: 100%; -webkit-text-size-adjust: none; overflow-x: hidden;}
input,textarea,select,button,table {font-family:Dotum, '돋움', AppleGothic, sans-serif;}
img,fieldset {border: 0;}
img, iframe {max-width: 100%;}
ul,ol {list-style: none;}
address {font-style: normal;}
a {color: #747474; text-decoration: none;}
a:hover,a:active,a:focus {text-decoration: none;}
table {border-spacing: 0; border-collapse: collapse;}
textarea {resize:none;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* common */
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* HEADER */
#header_wrap {width: 100%; background: #2d2d2d;}
#header {margin: 0 auto; height: 40px; max-width: 962px;}
#header #topmenu .menu-btn {float: right; margin: 7px 7px 0 0; border: 0; cursor: pointer;}
#header #topmenu h1 {float: left; text-indent: -9999px;}
#header #topmenu h1 a {display: block; margin-left: 1em; width: 124px; height: 40px; background: url("../img/mobile/common/logo.jpg") 0 0 no-repeat;}
#gnbwrap {border-bottom: 3px solid #005097; display: none;}
#gnb {max-width: 962px; background: #fff; position: relative; z-index: 100; overflow: hidden; padding: 1em; margin: 0 auto;}
#gnb .one-depth {float: left; width: 19.8%; height: 120px; border-right: 1px solid #ededed;}
#gnb .two-depth {text-align: left; margin-top: .7em;}
#gnb .depth-bold {font-weight: bold; padding-left: 1.5em; margin-bottom: .7em; display: inline-block;}
#gnb .depth-pd {padding-left: 2em;}
#gnb .depth-bold a, #gnb .depth-link-color a {color: #1c4e89;}

/* CONTAINER */
#container {margin: 0 auto; background: #f3f2f2 url("../img/main/contents_bg.jpg") 0 0 repeat-x;}
#menuWrap {max-width: 980px; height: 904px; margin: 0 auto; position: relative;}
.m_date {position: absolute; right: 0; top: 40px;}
#rolling {position: relative; width: 476px; height: 380px; box-shadow: 4px 5px 5px #444;}
#rolling .slide li {width: 476px; /*height: 380px;*/ overflow: hidden;}
#rolling .slide li p.slide-text {position: absolute; left: 32px; top: 95px; color: #1e4f8d; font-size: 20px; font-weight: bold; line-height: 25px;}
#rolling .slide li p.slide-text-sub {position: absolute; left: 32px; top: 158px; color: #666666; font-size: 14px;}
#rolling .slide li h2 {color: #2e2e2e; font-size: 34px; position: absolute; left: 30px; top: 38px;}
.item1 {position: absolute; right: 0; top: 190px;}
.item2 {position: absolute; top: 60px; box-shadow: 4px 5px 5px #444; height: 250px;}
.item3 {position: absolute; top: 320px; box-shadow: 4px 5px 5px #444; height: 120px;}
.item4 {position: absolute; left: 252px; top: 320px; box-shadow: 4px 5px 5px #444; height: 250px;}
.item5 {position: absolute; left: 0; top: 450px; box-shadow: 4px 5px 5px #444; height: 245px;}
.item6 {position: absolute; left: 252px; top: 580px; box-shadow: 4px 5px 5px #444; height: 115px;}
.item7 {position: absolute; left: 252px; top: 705px; box-shadow: 4px 5px 5px #444; height: 120px;}
.item8 {position: absolute; left: 379px; top: 705px; box-shadow: 4px 5px 5px #444; height: 120px;}
.item9 {position: relative; left: 378px; top: -940px; box-shadow: 4px 5px 5px #444; height: 120px;}
.item2 h2,.item3 h2, .item4 h2, .item5 h2, .item6 h2 {position: absolute; left: 20px; top: 21px; font-size: 1.5em; color: #fff;}
.item2 p, .item3 p, .item4 p, .item5 p, .item6 p {position: absolute; left: 20px; top: 64px; font-size: 0.812em; color: #fff;}
.item4 h2 {position: absolute; left: 20px; top: 19px; font-size: 1.5em; color: #2c2c2c;}
.item7 h2 {position: absolute; left: 0px; top: 12px; font-size: 18px; color: #fff; width: 100%; text-align: center;}
.item8 h2 {position: absolute; left: 20px; top: 19px; font-size: 1em; color: #2d2d2d;}
.item4 p {position: absolute; left: 20px; top: 57px; font-size: 0.812em; color: #555555;}
.item8 p {position: absolute; left: 20px; top: 49px; font-size: 0.812em; color: #555555;}
.item9 p {position: absolute; left: 65px; top: 90px; font-size: 0.812em; color: #fff; font-weight: bold;}
.m_rolling {position: relative; overflow: hidden; width: 100%;}
.m_rolling li a {display: block;}
.m_rolling li {-webkit-backface-visibility: hidden; left: 0; top: 0; width: 100%; display: none; position: relative;}
.m_rolling li:first-child {position: relative; display: block; float: left;}
.m_rolling .rolling_tit {font-weight: bold; position: absolute; left: 30px; top: 28px; font-size: 1.1em; color: #2e2e2e;}
.m_rolling .rolling_text {font-weight: bold; position: absolute; left: 30px; font-size: .9em; top: 4em; color: #1e4f8d; line-height: 15px;}
.m_rolling .rolling-sub-text {position: absolute; left: 30px; font-size: .8em; top: 8em; color: #666; line-height: 15px;}
.m_rolling img {display: block; height: auto; float: left; width: 100%;}
.m_item1 .prev {position: absolute; left: 0; top:0; z-index: 100; margin-top: 20%; background: url('../img/common/prev.png') no-repeat 50% 50%; box-shadow: none;}
.m_item1 .next {position: absolute; right: 0; top:0; z-index: 100; margin-top: 20%; background: url('../img/common/next.png') no-repeat 50% 50%; box-shadow: none;}
.prev, .next {text-indent: -9999px; width: 35px; height: 35px; line-height: 35px; background-color: #21589a; display: inline-block; color: #fff;font-weight: bold; text-align: center; font-size: 0.75em; opacity: 0.6;}
.m_item1 {position: relative; margin-bottom: 4px;}
.m_item2 {position: relative; margin-bottom: 4px; height: 160px; background: #1e4f8d url('../img/mobile/main/m_item_2.jpg') 100% 0 no-repeat;}
.m_item3 {position: relative; margin-bottom: 4px; height: 160px; background: #24b3e6 url('../img/mobile/main/m_item_3.jpg') 100% 0 no-repeat;}
.m_item4 {position: relative; margin-bottom: 4px; height: 160px; background: #f0c137 url('../img/mobile/main/m_item_4.jpg') 100% 0 no-repeat;}
.m_item5 {position: relative; margin-bottom: 4px; height: 300px;}
.m_item5_1, .m_item5_2 {position: relative; float: left; width: 49.5%; height: 300px;}
.m_item5_1 {background: #5ac35f url('../img/mobile/main/m_item_5_1.jpg') center 100% no-repeat; margin-right: 0.5%; background-size: 70%;}
.m_item5_2 {background: #8562d1 url('../img/mobile/main/m_item_5_2.jpg') center 100% no-repeat; margin-left: 0.5%; background-size: contain;}
.m_item6 {position: relative; margin-bottom: 7px; height: 160px;}
.m_item6_1,.m_item6_2 {position: relative; width: 49.5%; height: 160px;}
.m_item6_1 {margin-right: 0.5%; float: left; background: #ff709d url('../img/mobile/main/m_item_6_1.jpg') 50% 80% no-repeat; border: 1px solid #6dc071;}
.m_item6_2 {margin-left: 0.5%; float: right; background: #fff url('../img/mobile/main/m_item_6_2.jpg') 95% 80% no-repeat; border: 1px solid #c6c6c6;}
.m_item2 h2, .m_item3 h2 {text-shadow: 0 2px 3px #666; position: absolute; left: 1em; top: 1.5em; font-size: 1.1em; color: #fff; text-decoration: underline;}
.m_item4 h2 {position: absolute; left: 1em; top: 1.5em; font-size: 1.1em; color: #2d2d2d; text-decoration: underline;}
.m_item5_1 h2, .m_item5_2 h2, .m_item6_1 h2 {text-shadow: 0 2px 3px #666; position: absolute; left: .5em; top: 1.5em; font-size: 1.1em; color: #fff; text-decoration: underline;}
.m_item2 p, .m_item3 p {text-shadow: 0 2px 1px #666; position: absolute; left: 1.2em; top: 4.5em; font-size: 1em; color: #fff; line-height: 140%;}
.m_item4 p {position: absolute; left: 1.2em; top: 4.5em; font-size: 1em; color: #333; line-height: 140%;}
.m_item5_1 p, .m_item5_2 p {text-shadow: 0 2px 1px #666; position: absolute; left: .5em; top: 4.5em; font-size: 1em; color: #fff;}
.m_item6_2 p {position: absolute; left: .5em; top: 4.5em; font-size: 1em; color: #666;}
.m_item6_2 h2 {position: absolute; left: .5em; top: 1.5em; font-size: 1.1em; color: #2d2d2d; text-decoration: underline;}
.slide_thumb_tabs {display: none;}

/* FOOTER */
#footer_wrap {width: 100%; background-color: #e9e9e9; border-top: 1px solid #c6c6c6; font-family: Dotum, '돋움', AppleGothic, sans-serif; position: relative;}
#footer {overflow: hidden; height: 100%;}
#footer #f_logo {margin: 0 auto; padding-top: 20px; width: 64px;}
#footer #ft_wrap {float: left; margin: 18px 0 0 20px; *width: 90%;}
#footer #ft_wrap address {color: #8f8f8f; font-size: 0.688em;}
#footer #ft_wrap #copyright {color: #8d8d8d; font-size: 0.625em;}

/* SCROLLTOP */
#scrolltop {display: none;}
#scrolltop a {display: none;}

/* LOGIN */
.mobile_login {width: 100%; z-index: 21000; display: none; position: fixed; top: 0;}
.login {width: 100%; background: #fff; clear:both;}
.login input {-webkit-border-radius:1px; -webkit-appearance:none;}
.login .login_text {padding: 25px 0 0 1.375em; border-bottom: 1px solid #d5d5d5;}
.login .login_text h2 {font-size: 1.125em; font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif; padding-bottom: 0.688em;}
.login .login_text p {font-size: 0.7em; font-family: Dotum, '돋움', AppleGothic, sans-serif; margin-bottom: 1.5em;}
.login .login_form {padding: 1.375em 0 1em 1em;}
.login .login_form .fl {float: left; width: 65%;}
.login .login_form label {font-size: 0.75em; font-family: Dotum, '돋움', AppleGothic, sans-serif; font-weight: bold; color: #6f6f6f; margin-right: 1.062em; *display: inline-block; *margin-top: -30px;}
.login .login_form input {width: 75%; height: 24px; margin-bottom: 10px; border: 1px solid #d5d5d5; line-height: 24px; font-size: 0.875em; text-align: center;}
.login .login_form .login_submit {text-align: center; line-height: 63px; width: 80px; height: 63px;  background: #005097; float: left; cursor: pointer;  font-family: Malgun Gothic, '맑은 고딕', NanumGothic, '나눔고딕', ng, sans-serif; font-weight: bold;}
.login .login_form .login_submit a {color: #fff; display: block;}
.login .login_form p {font-size: 0.7em; font-family: Dotum, '돋움', AppleGothic, sans-serif; margin: 14px 1em 0 0;}

#select {float: right; margin-top: 6px; font-size: 0.750em;}
#select select{width: 101px;}

/* Mobile ModalWindow */
#glayLayer {display:none; position:fixed; left:0; top:0; height:100%; width:100%; background:#000; filter:alpha(opacity=75); opacity:0.75; z-index: 20000;}
*html #glayLayer {position:absolute;}

/* 문화의달 배너 */
.movie_banner {float: right; margin-top: 10px; width: 207px; height: 53px; *margin-top: -35px;}

@media only screen and (max-width : 640px) {
	#gnb {padding: .5em 1em 1em 1em; overflow: inherit;}
	#gnb .one-depth {float: none; width: auto; height: auto; border-bottom: 1px solid #aaa; border-right: none; padding: .5em 0;}
	#gnb .one-depth:after {content:''; clear: both; display: table;}
	#gnb .depth-bold {margin-top: 7px; display: block; padding-left: 0;}
	#gnb .two-depth {width: 50%; float: left; margin-bottom: 7px; padding-left: 0em;}
	.one-depth.padding-b {padding-bottom: 7px;}
	.news-line {border-bottom: 3px solid #005097;}
	#header #topmenu .menu-btn-text {display: none;}
	#gnb .depth-pd {padding-left: 0em;}
}/*mediaquery*/

@media only screen and (min-width : 641px) and (max-width : 971px) {
	#select {margin-right: 1em;}
	#container {max-width: 100%;}
	.slide_thumb_tabs{left: 31px;}
	#contents {max-width: 100%;}

	/* SCROLLTOP */
	#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 41px; background: url('../img/common/top.png') 0 0 no-repeat; z-index: 10000;}
	#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

	/* 문화의달 배너 */
	.movie_banner {display: none;}

	/* GKL 이벤트*/
	.gkl_event{width: 100%; background: url('../img/event/event1.jpg') 0 0 no-repeat;}
}/*mediaquery*/

@media only screen and (min-width : 300px) and (max-width : 640px) {
	#select {margin-right: 0em; text-align: center; margin: 10px 0; float: none;}
}/*mediaquery*/

@media only screen and (min-width : 480px) and (max-width : 640px) {
	#container {margin: 0 auto; width: 100%; height: 100%; background: none;}
	#footer_wrap {height: 100%;}
	#footer #ft_wrap {float: none; margin: 14px auto; text-align: center; *width: 90%;}
	#footer #ft_wrap #copyright {display: inline-block; width: 380px;}

	/* SCROLLTOP */
	#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 41px; background: url('../img/common/top.png') 0 0 no-repeat; z-index: 10000;}
	#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

	/* 문화의달 배너 */
	.movie_banner {display: none;}
}/*mediaquery*/

@media only screen and (min-width : 641px) and (max-width : 835px) {
	#gnb .depth-pd, #gnb .depth-bold {padding-left: 1em;}
	#gnb .two-depth {font-size: 14px;}
}/*mediaquery*/

@media only screen and (max-width : 320px) {
	.m_item6_1 h2, .m_item6_2 h2 {font-size: 1em;}
}/*mediaquery*/

@media only screen and (max-width : 360px) {
	.m_item6_2 p {font-size: .8em;}
}/*mediaquery*/

@media only screen and (max-width : 479px) {
	.m_item5 {height: 250px;}
	.m_item5_1, .m_item5_2 {height: 250px;}
}/*mediaquery*/

@media only screen and (min-width : 480px) {
	#header #topmenu h1 a {width: 270px; height: 40px; background: url("../img/main/logo.jpg") 0 0 no-repeat;}
	.m_rolling .rolling_tit {left: 35px; top: 30px; font-size: 30px;}
	.m_rolling .rolling_text {left: 35px; top: 70px; font-size: 20px; line-height: 25px;}
	.m_rolling .rolling-sub-text {left: 35px; top: 145px; font-size: 17px; line-height: 20px;}
}/*mediaquery*/

@media only screen and (min-width : 640px) {
	.m_rolling .rolling_tit {left: 40px; top: 35px; font-size: 45px;}
	.m_rolling .rolling_text {left: 40px; top: 96px; font-size: 26px; line-height: 28px;}
	.m_rolling .rolling-sub-text {left: 40px; top: 174px; font-size: 18px; line-height: 23px;}
	.slide_thumb_tabs {display: block; position: absolute; z-index: 100; top: 249px; left: 40px;}
	.slide_thumb_tabs li {display: inline; margin-right: 4px; cursor: pointer; text-indent: -9999px;}
	.slide_thumb_tabs li.slide_thumb2_s1 a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb1.jpg') 0 0 no-repeat;}
	.slide_thumb_tabs li.slide_thumb2_s1.slide_thumb_here a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb1_over.jpg') 0 0 no-repeat;}
	.slide_thumb_tabs li.slide_thumb2_s2 a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb2.jpg') 0 0 no-repeat;}
	.slide_thumb_tabs li.slide_thumb2_s2.slide_thumb_here a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb2_over.jpg') 0 0 no-repeat;}
	.slide_thumb_tabs li.slide_thumb2_s3 a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb3.jpg') 0 0 no-repeat;}
	.slide_thumb_tabs li.slide_thumb2_s3.slide_thumb_here a {width: 75px; display: inline-block; height: 75px; background: url('../img/main/slide_thumb3_over.jpg') 0 0 no-repeat;}
}/*mediaquery*/

@media only screen and (min-width : 100px) and (max-width : 479px) {
	#container {margin: 0 auto; width: 100%; height: 100%; background: none;}
	#contents {position: relative;}
	#footer_wrap {height: 100%;}
	#footer #ft_wrap {float: none; margin: 14px auto; text-align: center;}
	#footer #ft_wrap #copyright {display: inline-block;}

	/* SCROLLTOP */
	#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 41px; background: url('../img/common/top.png') 0 0 no-repeat; z-index: 10000;}
	#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

	/* 문화의달 배너 */
	.movie_banner {display: none;}
}/*mediaquery*/


/* 메인리뉴얼 14.5.27 Webright BDH */
@media only screen and (max-width : 1007px) {
	#container {background: none;}
	#menuWrap {display: none;}
	.m_date {float: none; display: none;}
	.item1 {display: none;}
	.item2 {display: none;}
	.item3 {display: none;}
	.item4 {display: none;}
	.item5 {display: none;}
	.item6 {display: none;}
	.item7 {display: none;}
	.item8 {display: none;}
	.item9 {display: none;}
}/*/mediaquery*/

@media only screen and (min-width : 1008px) {
	#header #topmenu h1 a {margin-left: 0;}
	#header #topmenu .menu-btn { margin: 7px 0 0 0;}
	.m_item1 {display: none;}
	.m_item2 {display: none;}
	.m_item3 {display: none;}
	.m_item4 {display: none;}
	.m_item5 {display: none;}
	.m_item6 {display: none;}
	.prev {position: absolute; right: 0; top:-58px; box-shadow: 4px 5px 5px #444; background: url('../img/main/top.png') 50% 50% no-repeat;}
	.next {position: absolute; right: 0; bottom: -58px; box-shadow: 4px 5px 5px #444; background: url('../img/main/topdown.png') 50% 50% no-repeat;}
	.prev, .next {text-indent: -9999px; width: 48px; height: 48px; line-height: 48px; background-color: #21589a; display: inline-block; color: #fff;font-weight: bold; text-align: center; font-size: 0.75em; opacity: 1;}
	.prev:hover {background: #5a5a5a url('../img/main/top.png') 50% 50% no-repeat;}
	.next:hover {background: #5a5a5a url('../img/main/topdown.png') 50% 50% no-repeat;}
	#footer {margin: 0 auto; max-width: 962px;}
	#footer_wrap {height: 76px;}
	#footer #f_logo {float: left; margin-top: 15px; padding-top: 0;}
	#select {margin-top: 13px;}
}/*/mediaquery*/