#header{height: auto;}
#lnb{border-bottom: 0; top: 160px;}
#lnb:after{background-color: #323b50;}
#lnb .menu > li > a{color: #fff;}
.header_fake{height: 124px;}
#header2.share{margin-top: -124px;}

/*.area_search_top2{display: none;}*/
.wrap-content2 .bg{background-color: #4b252e;}
.v_251 .wrap-content2 .bg{background-color: #0866b4;}
.v_252 .wrap-content2 .bg{background-color: #4b252e;}
.v_253 .wrap-content2 .bg{background-color: #c5c7b6;}
.v_250 .wrap-content2 .bg{background-color: #314c3d;}

#area_allmenu.allOpen .btn_all{background-color: #587f2c;}
.bg_dep2{top: 192px;}
.area-thumb1 .cont .h1{font-size: 18px;}
.area-thumb1 .cont .t1{font-size: 26px; margin-top: 3px;}
/*.bg_dep2{background-color: #636363 !important;}*/
.bg_dep2{background-color:rgba(0, 0, 0, 0.4) !important;}
#container.sub{border-bottom: 0;}
.wrap-ebook.main-page .vol{margin-top: 50px;}

.wrap-ebook.main-page .lst-owl{/*width: 100%; margin-left: 0; margin-right: 0; padding-top: 10px;*/}
.wrap-ebook.main-page .lst-owl .lst{width: 100%;}
.wrap-ebook.main-page .lst-owl .lst .box-prd1 .thumb{background-color: #ddd;}
.wrap-ebook.main-page .lst-owl .out_cover:hover .cover:after{ left: 5px; top: 5px; bottom: 5px; right: 5px; }

.wrap-news1 .item{position: relative;}
.box-thumb1 .thumb{}
.box-thumb1 .cont{}
.box-thumb1 .cont .h1 #tags{position: absolute; left: 2%; top: 3%; width: 90%; color: #fff; font-size: 20px; z-index: 6;}

@media screen and (max-width: 840px) {
  .box-thumb1 .cont .h1 #tags {
    font-size: 32px;
    font-size: 3.80952381vw;
    line-height: 34px;
    line-height: 4.04761905vw;
    height: 35px;
    height: 4.16666667vw;
  }
  .box-thumb2 .cont .h1{line-height: 40px; line-height: 4.76vw; max-height: 82px; max-height: 9.76vw; height: auto; /* max-height:inherit; */margin-bottom: 15px; margin-bottom: 1.79vw; }
}

@media screen and (max-width: 840px) {

  #lnb{top: 0;}
  #header2 #lnb2 .menu > li.on a, #header2 #lnb2 .depth2{background-color: #636363 !important;}
  .wrap-content2 .area_item > li.w1.n3{ width: 100%; }
	#header2 #lnb2 .depth2{opacity: 1 !important;}

.wrap-content2 .area_item > li.mainCnTy1-list{width: 100%;}
.wrap-content2 .area_item > li.mainCnTy1-list.vol{display: none;}
.wrap-content2 .area_item > li.mainCnTy1-list .area-thumb1 .img {
    height: 440px;
    height: 52.38vw;
  }
  .wrap-content2 .area_item > li.mainCnTy1-list .area-thumb1 .cont.t{top: 40px; left: 40px;}
  .wrap-content2 .area_item > li.mainCnTy1-list .area-thumb1 .cont .h1{font-size: 30px; font-size: 3.57vw;}
  .wrap-content2 .area_item > li.mainCnTy1-list .area-thumb1 .cont .t1{font-size: 50px; font-size: 5.95vw; margin-top: 0;}


}



body {padding-top: 0;}
#header2{padding-top: 30px;padding-bottom: 40px;}
#header2 .h a {display: inline-block;}

#container {z-index: 0;}
#spot.sub {z-index: 0;}

.font-bold1 {font-weight: 700; color: #eb6413;}
.font-bold2 {border-top: 1px solid #3c3c3c; border-bottom: 1px solid #3c3c3c; padding: 70px 0; margin-top: 20px; width: 235px;}


.container_inner {text-align: justify;}
.util2.mb0 {margin-bottom: 0;}
.util2 .path2{position: relative; display: inline-block; vertical-align: middle;}
.util2 .path2 span{margin-right: 30px; display: inline-block; line-height: 39px;}
.util2 .option{position: relative; display: inline-block; vertical-align: middle;}
.util2 .option .lst_sns  > ul > li{position: relative; float: left; margin-left: 10px;}
.area_search_top {right: 50px; top: -5px;}
.area_search_top input.inp {vertical-align: top;}

#container.sub{font-family: 'Nanum Square';}
#container.sub .inr-c4 .inr-c {width: 1000px;}
#imgSlide0 img {width: 100%;}
.allmenu_fot,
#footer{background-color: #000;}

#container.sub{padding-bottom: 0;}

@media screen and (min-width: 840px) {


#header2 #lnb2 .depth2 {left: 50%; padding-left: 0; padding-right: 0;}
#header2 #lnb2 .depth2 li {padding-left: 0; padding-right: 0;}
#header2 #lnb2 .menu > li.n1 .depth2 {margin-left: -41px;}
#header2 #lnb2 .menu > li.n2 .depth2 {margin-left: -45px;}
#header2 #lnb2 .menu > li.n3 .depth2 {margin-left: -42.5px;}
#header2 #lnb2 .menu > li.n4 .depth2 {margin-left: -62.5px;}

#spot.sub .thumb .img {height: 300px;}

}

@media screen and (min-width: 1025px) {
#header2 #lnb2 .menu > li.n1 .depth2 {margin-left: -38px;}
#header2 #lnb2 .menu > li.n2 .depth2 {margin-left: -53px;}
#header2 #lnb2 .menu > li.n3 .depth2 {margin-left: -53px;}
#header2 #lnb2 .menu > li.n4 .depth2 {margin-left: -77px;}
}


@media screen and (max-width: 840px) {
#container.sub {padding-bottom: 60px;}
#container, #container.sub {z-index: 0;}

#header2 #lnb2 .menu.n3 > li{width: 50%;}
.bxMain2 .lst img {width: 100%;}
.wrap-news1 {margin-bottom: 0;}

 body {font-size: 32px; font-size: 3.80952381vw; color: #434343; }
.font-bold2 {width: 100%; text-align: center; padding: 2em 0; margin-bottom: 2em;}
#header2{padding-top: 15px;padding-top: 1.79vw;padding-bottom: 34px;padding-bottom: 4.05vw;}
#header2 .left{top: 46px; top: 5.48vw;}
#header2 .left a {display: block;}
.header_fake {height: 130px; height: 15.48vw;}
#header2.share{margin-top: -130px; margin-top: -15.58vw;}
#header2 .h img {height: 80px; height: 9.52vw;}
#header2 .h .view-m{margin-left: -50px; margin-left: -5.95vw;}
#header2 #lnb2 .top h1 img {display: none;}
#header2 #lnb2 .menu > li.on a,
#header2 #lnb2 .depth2 {background-color: #6a3233;}
#header2 #lnb2 .depth2 li {margin-bottom: 0;}
#header2 #lnb2 .menu > li > a span {font-size: 28px; font-size: 3.33333333vw;}
#header2 #lnb2 .menu > li > a span b {padding-bottom: 0;}
#header2 #lnb2 .depth2 a {font-size: 28px; font-size: 3.33333333vw;}

.util2 .path2 {font-size: 22px; font-size: 2.61904762vw;}
.util2 .path2 span{margin-right: 5px; line-height: 1.2; }
.util2 .option .lst_sns  > ul > li{margin-left: 10px;}

.inr-c4.img {margin: 0; }
.inr-c4.img > div {margin-left: -3.5vw; width: 90.5vw;}

#container.sub .inr-c4 .inr-c {width: auto; margin: 0;}
.area_search_top {right:7vw; top: 0;}


}


.box-thumb1 .cont .h1{height: 54px;}
.box-thumb1 .cont .t1{height: 84px;}
@media screen and (max-width: 840px) {
	.box-thumb1 .cont .h1{height: auto; max-height: 70px; max-height: 8.33%;}
}


