*{box-sizing: border-box;}
body{

	font-family: 'notokr-regular';
}
#wrapW {background: url(/gaok/images/common/mainBgx2.png) 0 0 repeat-x; background-position-y:-8.5%;background:none;}
button{border: none;background-color: transparent;}
#wrap{max-width: 1400px;margin: 0 auto;position: relative;}
#header{height: 79px; }
.logo{padding-top: 0px;position: absolute;left: 2%;top: 0;}
.logo img{width: 100%;/*max-width: 220px;*/}
.tsh{width: 400px;margin: 0 auto;border: 1px solid #003964;border-radius: 3px;top: 22px;position: relative; right:70px; }
.tsh *{vertical-align: top;}
.tsh input[type=text]{border: none;width: calc(100% - 40px);height: 33px;text-indent: 10px;}
.tsh input[type=image]{width: 32px;padding: 6px }
.tsh a{display:none}
.global{position: absolute;right: 8%;top: 30px;}
.global img{margin-top:-8px;}
.global ul{float: right;margin: 0;}
.global ul li{float: left;}
.global ul li a{display: block;padding: 2px 5px;font-size: 12px;color: #000;font-weight: bold;}
.loginM{display:none}
#eventPageOpen{display:none;position: absolute;right: -40px;top:0;}
#gnb{}

.gnbBg{background-color: #fff;opacity: 0;
	position: absolute;
	left: 0;
	top: 47px;
	width: 100%;
	height: 260px;
	animation: fadeOutFromNone 0.5s ease-out;
	display: none;
	z-index: 1;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.18);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */


}
/*@keyframes fadeInFromNone {
    0% {display: none; opacity: 0; }
    1% {display: block; opacity: 0; }
    100% {display: block; opacity: 1; }
}
@keyframes fadeOutFromNone {
    0% {display: block; opacity: 1; }
    99% {display: block; opacity: 0; }
    100% {display: none; opacity: 0; }
}*/
#gnb{position:relative;z-index:150;padding:20px 0;height: 100px;margin-bottom: 7px;background:#011131;}
#gnb a{text-decoration: none;display:inline-block;}
#gnb>ul{position: relative;z-index: 100;padding-left:350px;}
#gnb>ul>li{float: left;position: relative; width:15%!important; height:100px;}
#gnb>ul>li.end{padding-right:0}
#gnb>ul>li.end a{padding-right:0}
#gnb>ul>li>a{color: #fff;font-size: 16px;padding: 15px 0;font-weight:600;display: block;white-space: nowrap;display: block;line-height: 1;text-align: center}
#gnb>ul>li.on>a, #gnb>ul>li.hover>a{color: #fed5a1;}
#gnb>ul>li.on>a:after, #gnb>ul>li.hover>a:after{content: '';display: block;position: absolute; background: url(../images/sub/navArr.png) 0 0 no-repeat; width: 14px;height: 11px; left: 45%; top: 41px; display:none;}
#gnb>ul>li>ul{
	background-color:#fff;
	padding:20px 50px;
	position: absolute;left:10px;top:80px;
	padding-top: 18px;display: none;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.18);
}
#gnb .log-in{
	color:#fff;
	margin-top:14px;
	margin-left:30px;
	
}
#gnb .log-out{color:#fff;margin-top:14px; margin-left:20px;}
#gnb .my-page{color:#fff;margin-top:14px;}
#gnb .sitemap{color:#fff;margin-top:14px;margin-right:10px;}
#gnb .language{padding-left:10px;position:relative; color:#fff;}
#gnb .language img{width:25px;}
#gnb .lang-box{position:absolute;right:9%;top:50px;background:#fff; padding:10px;display:none;box-shadow: 2px 2px 2px #444;}
#gnb.viewAll>ul>li>ul{display: block;}
#gnb>ul>li>ul>li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#gnb>ul>li>ul>li.i6{position: absolute;top: 18px;left: 128px;}
#gnb>ul>li>ul>li.i7{position: absolute;top: 40px;left: 128px;}
#gnb>ul>li>ul>li.i8{position: absolute;top: 62px;left: 128px;}
#gnb>ul>li>ul>li>a{font-size: 14.5px;padding: 1px 0;color: #000;}
#gnb>ul>li>ul>li>ul{padding-bottom: 10px;}
#gnb>ul>li>ul>li>ul li{}
#gnb>ul>li>ul>li>ul li a{font-size: 13px;color: #757575;padding: 2px 10px;}
#gnb>ul>li>ul.view{display:block;overflow:visible;}
#gnb .navOpen{position: absolute;right: 75px;top: 11px;font-weight: 600;background: url(../images/common/navOpen-pc.png) right 0 no-repeat;padding-right: 36px;color: #93dbff;height: 26px;font-size: 16px;display:none!important;}
#gnb .navClose{display:none;position: absolute;right: 75px;top: 11px;font-weight: 600;background: url(../images/common/navOpen-pc.png) right 0 no-repeat;padding-right: 36px;color: #93dbff;height: 26px;font-size: 16px;display:none;}

#gnb.subOpen ul>li>ul{display: block;
	animation: fadeInFromNone 0.5s ease-out;
}

#gnb.subOpen .gnbBg, #gnb.viewAll .gnbBg{display: block;opacity: 1;
	animation: fadeInFromNone 0.5s ease-out;
	-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;
}


#gnb.subClose .gnbBg{display: none;}
#gnb.subOpen .navClose{display: none;}
#gnb.viewAll .gnbBg, #gnb.viewAll.subClose .gnbBg{display: block;}

#gnb .mobileGnb{display:none}
#gnb .pcweb{display:block}
/*#gnb .navClose{position: absolute; right: 27px; top: 293px; background: url(../images/common/allNavClose.png) right 0 no-repeat; width: 20px;height: 20px; z-index: 1000; display: none; }*/
/*
#gnb.subClose>ul>li>ul{display: block;animation: fadeOutFromNone 0.5s ease-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#gnb.subClose .gnbBg{display: block;animation: fadeOutFromNone 0.5s ease-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
*/

/* gnb 수정내용 */
#gnb .pcweb{width:100%;}
#gnb .pcweb .biggnb{width:calc(100% / 5);}
#gnb .pcweb #gnb1ul{
	display:none;
}
#gnb .pcweb #gnb1ul.active{
	display:block;
}
#gnb .pcweb #gnb2ul{
	display:none;
}
#gnb .pcweb #gnb2ul.active{
	display:block;
}
#gnb .pcweb #gnb3ul{
	display:none;
}
#gnb .pcweb #gnb3ul.active{
	display:block;
}
#gnb .pcweb #gnb4ul{
	display:none;
}
#gnb .pcweb #gnb4ul.active{
	display:block;
	left:0px;
	padding:10px 50px;
}
#gnb .pcweb #gnb5ul{
	display:none;
}
#gnb .pcweb #gnb5ul.active{
	display:block;
}
#gnb .pcweb #gn6ul{
	display:none;
}
#gnb .pcweb #gnb6ul.active{
	display:block;
}
#gnb .pcweb #gnb4 .inner-flex{
	display:block;
	/* display:flex;
	justify-content:space-between; */
}
#gnb .pcweb #gnb4 .inner-flex div>li{
	padding:5px 0;
	min-width:220px;
}
#gnb .pcweb #gnb4 .inner-flex div>li a{
	font-size: 14.5px;padding: 1px 0;color: #000;
}
#gnb .pcweb #gnb4 .inner-flex div>li>ul>li a{font-size: 13px;color: #757575;padding: 2px 10px;}


/*sns추가 */

#snsWrap{ display: none;position: absolute; top: -20px;  right: 30px;width: 335px; height: 53px;  border: 1px solid #ddd; background: #fff; border-radius: 7px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15); padding: 0 0 0 10px  ; }
#snsWrap button{width: 40px; height: 40px; background: url(../images/common/sns_icon.gif) no-repeat;  border-radius: 50%; margin: 5px;border: 1px solid #fff; vertical-align: top;}
#snsWrap button.kakao{ background-position:0px 0  ;}
#snsWrap button.face{ background-position:-40px 0  ;}
#snsWrap button.naver{ background-position:-80px 0  ;}
#snsWrap button.instar{ background-position:0 -40px  ;}
#snsWrap button.twitter{ background-position:-40px -40px  ;}
#snsWrap button.story{ background-position: -80px -40px  ;}
#snsWrap button.link{ background-position: -120px 0px  ; }



.boxshadow{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/*FF 3.5+*/
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); IE 5.5-7*/
}


.footer200144{background-color: #e9e9e9;clear: both; max-width:1000px; margin:0 auto;}
.footer200144 .footerNav200144:after{content: '';clear: both;height: 0;display: block;}
.footer200144 .footerNav200144 li{float: left;}
.footer200144 .footerNav200144 li a{display: block;padding: 13px;color: #000;font-size: 12px;}
.footer200144 .footerNav200144 li.sns {float:right;margin-right:20px;}
.footer200144 .footerNav200144 li.sns a {display: inline-block;padding:6px 2px;}
.footer200144 .footerNav200144 li.policy a{color: #0083ca;}
.footer200144 .footerNav200144 li.newsletter{float: right;}
.footer200144 .footerNav200144 li.newsletter a{padding-left: 22px;padding-right: 21px;background: url(../images/common/icoNewsletter.png) 0 center no-repeat;}

.footer{background-color: #e9e9e9;clear: both;}
.footer .footerNav{}
.footer .footerNav:after{content: '';clear: both;height: 0;display: block;}
.footer .footerNav li{float: left;}
.footer .footerNav li a{display: block;padding: 13px;color: #000;font-size: 12px;}
.footer .footerNav li.sns {float:right;margin-right:20px;}
.footer .footerNav li.sns a {display: inline-block;padding:6px 2px;}
.footer .footerNav li.policy a{color: #0083ca;}
.footer .footerNav li.newsletter{float: right;}
.footer .footerNav li.newsletter a{padding-left: 22px;padding-right: 21px;background: url(../images/common/icoNewsletter.png) 0 center no-repeat;}
.copyright200144{max-width: 1000px;margin: 0 auto;}
.copyright{font-size: 12px;padding: 20px 10px;line-height: 1.5;float:left;width:93%}
.copyright address{font-style: normal;margin-bottom:2px;}
.copyright p{margin: 0;}
.mark{float:right;width:7%;background:#fff !important;padding-top:15px}


@media screen and (max-width:800px) {
	.global ul li a{padding: 2px 5px;}
	#gnb{padding-left: 20px;}
	#gnb .navOpen, #gnb .navClose{right: 10px;}
}


#gnb{margin-bottom: 28px;}
#lnb{float: left;width: 22%;}
#lnb a{text-decoration: none;}
#lnb>h1{font-size: 26px;line-height: 1;color: #4c4c4c;padding: 0 0 22px;text-align: center;margin:0;}
#lnb>ul{border-bottom: 2px solid #d7d7d7;margin-bottom:50px}
#lnb>ul>li{border-top: 1px solid #d7d7d7;}
#lnb>ul>li>a{display: block;padding: 8px 19px;font-size: 14px;color: #000;text-decoration: none}
#lnb>ul>li.hasSub{padding-bottom:12px;}
/*#lnb>ul>li.hasSub>a{background: url(../images/sub/lnbArr.png) right center no-repeat;}*/
#lnb>ul>li.on>a{color: #fff;background: url(../images/common/quickBg.png) 0 0 repeat;}
#lnb>ul>li>ul{}
#lnb>ul>li>ul>li{}
#lnb>ul>li>ul>li>a{color: #4c4c4c;padding: 6px 0 6px 29px;font-size: 12px;}
#lnb>ul>li>ul>li.on>a{color:#003964;}



#contents{width: 100%;margin-bottom: 45px;min-height:500px;font-family:"�룍��","Dotum";font-size:0.85em;margin:0 auto;}
#contents.sitemap{

	width:100%;
}
.contents.sitemap{
	float:none;
	padding-left:0px;
	width:100%;
}
.hgroup{border-bottom: 2px solid #003964;margin-bottom: 32px;font-family:"notokr-regular";font-size:13px;position:relative;}
.hgroup.mapsite{border-bottom:none;margin-bottom: 32px;font-family:"notokr-regular";font-size:13px;position:relative;}
#contentsArea .logo-box{text-align:center;padding:100px 0 50px 0;}
.hgroup h1{color: #003964;font-size: 24px;font-weight: 600;line-height: 1;padding: 6px 0 18px;float:left;margin:0;font-family:"notokr-regular";}
.hgroup.mobile{margin-bottom:10px;}
.location{color: #151515;font-size: 12px;line-height: 1;padding-top:15px;}
.location.mapsite{color: #151515;font-size: 12px;line-height: 1;padding-top:0px;text-align:center;}
.location .pcweb.mapsite{float: none;}
.location:after{content: '';display: block;height: 0;clear: both;}
/*.location ol{float: right;margin-right:30px}*/
.location ol {float: right;margin-right: 60px;}

.location ol li{float: left;padding: 2px 8px 2px 19px;
	background: url(../images/sub/locationArr.png) 0 center no-repeat;
}
.location ol li.home{height: 16px;padding-right: 0;
	background: url(../images/sub/locationHome.png) 0 center no-repeat;
}
.location .downL{position:absolute;top:8px;right:0}
#contentP{font-family:'dotum';font-size:12px;}

.book {width:100%; margin-bottom:100px}
.book::after{content:""; display:block; clear:both;}
.book li{width:50%;text-align:center; float:left}
.book li img{border:1px solid #ddd; box-shadow:3px 3px 3px rgba(0,0,0,0.2)}

@media screen and (max-width:767px){
	#contents{font-size:12px}
	#header{box-shadow: 0px 3px 3px rgba(0,0,0,0.18);height:105px}
	#gnb{margin-bottom: 15px;}
	/*#gnb>ul>li>ul>li>a:hover{border:1px solid #dde;}*/
	#lnb{display: none;}
	#contents{float: none;width: 100%;padding: 0 0 20px;margin: 0;font-size:0.85em}
	#contents:after{content: '';display: block;clear: both;}
	.footer{padding-top: 15px;}
	.hgroup{position: relative;margin-bottom:10px;border:0;}
	.hgroup h1{float:none;clear:both;background:#d8ecff;text-align:center;padding:10px;margin-top:10px;font-size:20px;}
	.location ol{margin:0 10px 0 30px;float:none;overflow:visible;margin-right:0}
	.location ol li.home {margin-left:-20px;}
	.location .downL #print{display:none}
	#contentsArea{padding:0 10px;}

	#snsWrap{  top: 25px;  right: 5px;}
	.book li{width:100%;text-align:center; float:left}
	.book li img{width:80%; margin-bottom:30px}

}
@media screen and (max-width:360px){



}
.mobileGnb{display:none}
/* *{transition: all 0.5}*/


/* 동영상 게시판 추가 */
/* .movie_list{width: 100%; margin-top: 20px;}
.movie_list::after{content: ""; display: block; clear: both;}
.movie_list li{width: 33.33%; float: left; padding: 0; margin: 0 0 20px;  }
.movie_list li a{border: 1px solid #ddd; display: block;}
.movie_list li:nth-child(3n+1){padding-right: 16px;}
.movie_list li:nth-child(3n+2){padding:0 8px;}
.movie_list li:nth-child(3n+3){padding-left: 16px;}
.movie_list li img{ width: 100%;  height: 150px;}
.movie_list li p.title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:10px 10px 0; margin: 0; border-top: 1px solid #ddd;  }
.movie_list li p.data{color: #666;  padding:0  10px; margin: 5px 0 5px }
.movie_list li p.data span{float: right;} */
/* 월간지방시대 */
.movie_list.type2{
	display: grid;
	grid-template-columns:repeat(5,1fr);
	grid-template-rows: repeat(2,1fr);
	gap: 30px;
	width:80%;
	margin:0 auto;
}
.movie_list.type2 li{
	width:100%;
}
.movie_list.type2 li a{
	display:block;
	width:100%;
}
.movie_list.type2 li a img{
	width:100%;
	/*height:230px;*/
}
.movie_list.type2.gallerylist {
	display: grid;
	grid-template-columns:repeat(3,1fr);
	grid-template-rows: repeat(3,1fr);
	gap:90px;
	position:relative;
	width:90%;
	margin:0 auto;
	margin-bottom:20px;
}
.movie_list.type2.gallerylist li{
	width:100%;
}
.movie_list.type2.gallerylist li a{
	display:block;
	overflow:hidden;
	border:1px solid #aaa;
	height: 380px;
}
.movie_list.type2.gallerylist li a img{
	width:100%;
	height: 250px;
	transition: 0.2s;
}
.movie_list.type2.gallerylist li a img:hover{
	transition: 0.2s;
	transform: scaleX(1.04);
}
.movie_list.type2.gallerylist li a .date{
	display:block;
	color:#888;
	font-weight:bold;
	padding:10px 10px;
}
.movie_list.type2.gallerylist li a .title{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 30px 10px;
}
/* .movie_list.type2 li{width:100%; padding: 0;margin-right:0px;}
.movie_list.type2 li:nth-child(3n+1){padding-right: 0px;}
.movie_list.type2 li:nth-child(3n+2){padding:0 0px;}
.movie_list.type2 li:nth-child(3n+3){padding-left: 0px;}
.movie_list.type2 li:nth-child(5n){margin-right:0;}
.movie_list.type2 li:nth-child(8){margin-right:0;}
.movie_list.type2 li:nth-child(8){margin-right:0;} */

.thumbnail{display:flex;padding:20px;justify-content:center; width:80%;margin:0 auto; margin-bottom:20px;}
.thumbnail .img-box{width:300px;height:400px; overflow:hidden;border:5px solid #ddd;}
.thumbnail .img-box.research{width:380px;height:240px; overflow:hidden;border:5px solid #ddd;}
.thumbnail .img-box img{width:100%;}
.thumbnail .text-box{margin-left: 20px;position: relative;width: 35%;padding-left: 20px;border-left: 1px dotted #ddd;}
.thumbnail .text-box .title-area{}
.thumbnail .text-box .title-area h3{font-size:24px; color: #0886c3; font-weight:600;}
.thumbnail .text-box .button-area{padding:10px 0 20px 0;}
.thumbnail .text-box .button-area a{text-align:center;}
.thumbnail .text-box .button-area .dw{display:block; padding:10px;border:1px solid #0886c3; margin-bottom:5px;background-color:#0886c3; color:#fff;border-radius: 5px;font-weight:600; width:50%;}
.thumbnail .text-box .button-area .webjean{display:block;padding:10px;border:2px solid #0886c3;border-radius: 20px;font-weight:600;width:50%;}
.thumbnail .text-box .detail{border-top:1px solid #d8d8d8; padding:20px 0 20px 0;}
.thumbnail .text-box .detail p{font-weight:600;}
.thumbnail .text-box .detail p .gray{letter-spacing: 5px; margin-right:20px; color: #757575;}
.thumbnail .text-box .detail p .gray.lsn{letter-spacing: 0px;}
.thumbnail .text-box .detail .apply{display:block;padding:10px;border:2px solid #0886c3;border-radius: 20px;font-weight:600;position:absolute;bottom:0;}

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 20px;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ad-pop{
	width: 500px; height: 300px; display: block; position:absolute; z-index:1000; background:#fff;
	right:300px;
	top:100px;
}

  @media screen and (max-width:767px){
	.thumbnail{
		width:100%;
	}
	.thumbnail .img-box{
		width:50%;
		height:400px;
	}
	.thumbnail .text-box{
		display:flex;
		justify-content:space-between;
	}
	.thumbnail .text-box .button-area .dw{display:block; padding:10px;border:1px solid #0886c3; margin-bottom:5px;background-color:#0886c3; color:#fff;border-radius: 5px;font-weight:600; width:80%;}
	.thumbnail .text-box .button-area .webjean{display:block;padding:10px;border:1px solid #0886c3;border-radius: 5px;font-weight:600;width:80%;}
	.thumbnail .text-box .detail .apply{display:block;padding:10px;border:1px solid #0886c3;border-radius: 5px;font-weight:600;}

	/* .movie_list li{width: 50%;}
	.movie_list.type2 li{width: 50%; margin-right:0;}
	.movie_list li:nth-child(3n+1){padding-right: 0;}
	.movie_list li:nth-child(3n+2){padding:0;}
	.movie_list li:nth-child(3n+3){padding-left: 0;}
	.movie_list li:nth-child(2n+1){padding-right: 10px;}
	.movie_list li:nth-child(2n+2){padding-left:10px;}
	.movie_list li:nth-child(2n+1){padding-right: 10px;}
	.movie_list.type2 li:nth-child(2n+1){padding-right: 0px;}
	.movie_list.type2 li:nth-child(2n+2){padding-left:0px;}
	.movie_list li img{  height: 180px;}*/

	.ad-pop{
		width: 450px; height: 300px; display: block; position:absolute; z-index:1000; background:#fff;
		right:0px;
		top:100px;
	}
	.movie_list.type2.gallerylist {
		display: grid;
		grid-template-columns:repeat(2,1fr);
		grid-template-rows: repeat(3,1fr);
		gap:50px;
		position:relative;
		width:90%;
		margin:0 auto;
		margin-bottom:20px;
	}
}

@media screen and (max-width:480px){

	.thumbnail .text-box{
		display:block;
	}
	.thumbnail .text-box .detail .apply{display:block;padding:10px;border:1px solid #0886c3;border-radius: 5px;font-weight:600;position:relative;}
	/* .movie_list li{width: 100%;}
	.movie_list li:nth-child(2n+1){padding-right: 0px;}
	.movie_list li:nth-child(2n+2){padding-left:0px;}
	.movie_list li img{  height: 200px;}  */
	.movie_list.type2{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1,1fr);
		gap: 18px;
	}
	.movie_list.type2.gallerylist{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1,1fr);
		gap: 18px;
	}
	.ad-pop{
		width: 350px; height: 300px; display: block; position:absolute; z-index:1000; background:#fff;
		right:5px;
		top:100px;
	}
}