@charset "euc-kr";


/* Visual */
.visual{position:relative;}
.visual .visualImg{display:block;width:100%;height:436px;}
.visual .txt{z-index:10;display:block;position:absolute;width:100%;top:42%;font-size:20px;color:#fff;text-align:center;}
.visual .txt strong{display:block;margin-bottom:10px;font-family:Scala;font-size:30px;}
.visual .mNone2 .txt img{width:auto;}
.visual .mBlock2 .txt{left:auto;top:40%;width:100%;font-size:14px;text-align:center;}
.visual .mBlock2 .txt strong{font-size:26px;}
.visual .flexslider{position:inherit;height:436px;}
.visual .flexslider img{height:436px;}
.visual .flexslider .slides{overflow:hidden;}
.visual .flex-direction-nav{display:none;}
.visual .flex-control-nav{position:absolute;bottom:10px;width:100%;text-align:center;}
.visual .flex-control-nav li a{display:inline-block;width:15px;height:15px;text-indent:-999em;background:url(../img/about/btn_about2web.png) 0 0 no-repeat;}
.visual .flex-control-nav li a.flex-active{background:url(../img/about/btn_about1web_on.png) 0 0 no-repeat;}

.gallery{ display:block }
.gallery ul{  width:540px; height:504px;}
.gallery ul li{ float:left; margin:0 9px 9px 0; width:172px; height:264px; overflow:hidden;}
.gallery ul li.img3{margin:0 0 9px 0}
.gallery ul li.img5{ margin-top:-35px;}
.gallery ul li.img4{ clear:both}
.gallery ul li.img6{margin:0 0 9px 0}
.gallery>ul>li>ul{ display:none}
.galleryM{ display:none}

.flex-direction-nav{display:none;}
.flexslider{position:relative;}
.flex-control-nav li{display:inline-block;margin-left:4px;}
.flex-control-nav li a{display:inline-block;width:9px;height:9px;text-indent:-999em;}

.boxArea1{float:right;width:900px;}
.boxArea2{float:left;width:300px;}

.boxWrap{position:relative;padding:25px 33px;}
.boxWrap h2{font-size:17px;font-weight:bold;margin-bottom:20px;}
.boxWrap .flex-control-nav{position:absolute;right:0;top:-20px;}
.boxWrap .box{position:relative;display:inline-block;width:240px;}
.boxWrap .box .txt h3{margin:15px 0;font-size:14px;font-weight:bold;color:#393f43;line-height:1.6;}
.boxWrap .box .txt div{overflow:hidden;height:48px;font-size:13px;line-height:16px;color:#888d91;}

.boxWrap1{float:left;width:534px;background:#fff }
.boxWrap1 h2{color:#5c5c5c;}
.boxWrap1 h2 img{width:100px;height:20px;}
.boxWrap1 li .box{margin-bottom:40px;}
.boxWrap1 li .box.last{display:inline-block;margin-left:40px;}
.boxWrap1 .flexslider img,
.boxWrap2 .flexslider img{display:block;height:119px;}
.boxWrap1 .flex-control-nav li a{background:url(../img/main/btn_rolling1.jpg) 0 0 no-repeat;background-size:9px 9px;}
.boxWrap1 .flex-control-nav li a.flex-active{background:url(../img/main/btn_rolling1_on.jpg) 0 0 no-repeat;}
.boxWrap2{float:left;width:250px;height:547px;padding:25px;background:#a59585;}
.boxWrap2 h2{color:#fff;}
.boxWrap2 h2.mNone2{margin-bottom:13px;}
.boxWrap2 li .box.last{display:none;}
.boxWrap2 .box{overflow:hidden;height:235px;margin-bottom:16px;}
.boxWrap2 .box .txt h3{margin:12px 0 0;color:#fff;}
.boxWrap2 .box .txt .date{display:block;margin:3px 0 12px;font-size:13px;color:#fff;}
.boxWrap2 .box .txt div{font-size:13px;color:#d7c7b6;}
.boxWrap2 .flex-control-nav li a{background:url(../img/main/btn_rolling2.jpg) 0 0 no-repeat;background-size:9px 9px;}
.boxWrap2 .flex-control-nav li a.flex-active{background:url(../img/main/btn_rolling2_on.jpg) 0 0 no-repeat;}
.boxWrap1 li .box.last+.box,
.boxWrap1 li .box.last,
.boxWrap2 li .box.last+.box,
.boxWrap2 li .box.last{display:inline-block;}
.boxWrap3{height:232px;padding:33px 40px;background:#263745;}
.boxWrap3 h2{color:#fff;}
.boxWrap3 h2 img{width:104px;height:15px;}
.boxWrap3 div{overflow:hidden;width:100%;margin-bottom:9px;}
.boxWrap3 .search{position:relative;}
.boxWrap3 .search input[type=text],
.boxWrap3 .search input[type=text]{padding:7px 0 8px 5%;background:#344655 url(../img/main/bg_search.png) 100% 1px no-repeat;background-size:40px 32px;border:none;color:#fff;font-size:14px;}
.boxWrap3 label{float:left;}
.boxWrap3 label.selectBox:before{top:-3px;}
.boxWrap3 label select{padding:7px 0 8px 5%;font-size:14px;color:#fff;background:#344655;border:none;}
.boxWrap3 label+label{float:right;}
.boxWrap3 select+select{float:right;}
.boxWrap3 .btn{display:block;width:100%;margin-top:12px;padding:7px 0;background:#192834;font-size:12px;font-weight:bold;text-align:center;color:#fff;text-decoration:none;}
.boxWrap4{position:relative;height:254px;background:url(../img/main/bg_info.jpg) 0 0 no-repeat;background-size:100% 100%;}
.boxWrap4 h2{margin-bottom:27px;color:#fff;}
.boxWrap4 h2 img{width:100px;height:14px;}
.boxWrap4 dl dt{margin-bottom:7px;font-size:12px;font-weight:bold;color:#fff;}
.boxWrap4 dl dd{margin-bottom:22px;font-size:12px;color:#d3d3d3;line-height:1.6;}
.boxWrap4 .link{position:absolute;right:82px;bottom:56px;}
.boxWrap4 .link img{width:22px;height:32px;}
.boxWrap4 .mapLayer{position:absolute;left:0;top:0;width:100%;height:100%;}
.boxWrap4 .mapLayer #map_canvas{height:100%;}
.boxWrap4 .mapLayer .btnClose{position:absolute;right:0;top:0;}

.boxWrap2 dl dt{margin-bottom:7px;font-size:12px;font-weight:bold;color:#fff;}
.boxWrap2 dl dd{margin-bottom:22px;font-size:12px;color:#e5e3df;line-height:1.6;}

/* popup */
.mainPop{position:relative;max-width:520px;}
.mainPop img{width:100%;}
.mainPop a{position:absolute;right:18px;top:15px;}
.mainPop label{display:block;padding:5px 0;background:#7e6956;color:#fff;}

@media all and (max-width:1024px){
	.flexslider img{width:100%;height:auto;}
	.visual .visualImg{height:260px;}
	.visual .txt{width:auto;top:50px;font-size:16px;color:#fff;text-align:center;}
	.visual .txt strong{font-size:20px;}
	.visual .visualImg{height:260px;}
	.visual .flex-control-nav li a{width:18px;height:18px;background:url(../img/about/btn_about1.png) 0 0 no-repeat;}
	.visual .flex-control-nav li a.flex-active{background:url(../img/about/btn_about1_on.png) 0 0 no-repeat;}
	.boxWrap{position:relative;padding:25px 33px;}
	.boxWrap h2{margin-bottom:12px;}
	.boxWrap .box{display:block;width:auto;}
	.boxWrap .box .txt h3{margin:12px 0 10px;font-size:15px;}
	.boxWrap .box .txt div{overflow:hidden;height:auto;font-size:13px;line-height:16px;color:#555;}
	.boxWrap1{float:none;width:auto;}
	.boxWrap1 h2 img{width:117px;height:12px;}
	.boxWrap1 li .box.last+.box,
	.boxWrap1 li .box.last{display:none;}
	.boxWrap2{float:none;width:auto;padding:auto;}
	.boxWrap2 h2.mNone2{margin-bottom:auto;}
	.boxWrap2 .box{overflow:auto;height:auto;margin-bottom:auto;}
	.boxWrap2 .box .txt div{color:#5c4c3d;}
	.boxWrap1 li .box.last+.box,
	.boxWrap1 li .box.last,
	.boxWrap2 li .box.last+.box,
	.boxWrap2 li .box.last{display:auto;}
	.boxWrap3{height:auto;}
	.boxWrap3 h2 img{width:95px;height:12px;}
	.boxWrap3 .btn{padding:12px 0;font-size:14px;}
	.boxWrap3 .search input[type=text] {padding:11px 6px 10px 10px;}
	.boxWrap3 label select{padding:2px 6px 2px 10px;}
	.boxWrap3 label.selectBox:before{top:0;}
	.boxWrap4{height:auto;}
	.boxWrap4 h2{margin-bottom:30px;color:#fff;}
	.boxWrap4 h2 img{width:92px;height:12px;}
	.boxWrap4 dl dt{font-size:16px;}
	.boxWrap4 dl dd{font-size:14px;color:#fff;}
	.boxWrap4 .link{position:absolute;right:30%;bottom:21%;}

	.boxWrap5{position:relative;height:auto;background:#a59585;clear:both;}
	.boxWrap5 dl dt{margin-bottom:7px;font-size:16px;font-weight:bold;color:#fff;}
	.boxWrap5 dl dd{margin-bottom:22px;font-size:14px;color:#fff;line-height:1.6;}

	.boxWrap2 dl dt{font-size:16px;}
	.boxWrap2 dl dd{font-size:14px;color:#fff;}
	.gallery{display:none}
	.gallery>ul>li>ul{display:none}
	.galleryM{display:block;}
	.galleryM>ul{ overflow:hidden; width:100%; height:162px;}
	.galleryM>ul>li>ul{display:none}
	.galleryM>ul li{ float:left; margin:0 2% 9px 0; width:48%;}
	.galleryM>ul li img{ width:100%; height:auto; }
	.galleryM>ul li.img3{margin:0 0 9px 0}
	.galleryM>ul li.img5{ margin-top:-35px;}
}

@media all and (max-width:767px){
	.boxArea1{float:none;width:auto;}
	.boxArea2{float:none;width:auto;}
	.boxWrap1 {height:220px;}
	.boxWrap1 .mBlock2{color:#333}
	.boxWrap2{height:auto;}
	.boxWrap2 .flexslider img{height:auto;}
	.boxWrap2 li .box.last{display:none;}
	.galleryM>ul{height:175px;}
	.galleryM .img2 {height:175px;overflow:hidden;}
	.galleryM .img2 img {height:100%;}
}

@media all and (min-width:768px) and (max-width:1024px){	
	.visual .txt{left:16px;top:80px;}
	.visual .mBlock2 .txt{left:auto;top:40%;width:100%;font-size:16px;text-align:center;}
	.visual .mBlock2 .txt strong{margin-bottom:30px;font-size:46px;}
	.visual .flex-control-nav li a.flex-active{background:url(../img/about/btn_about1web_on.png) 0 0 no-repeat;}
	.visual .flex-control-nav li a{width:15px;height:15px;background:url(../img/about/btn_about2web.png) 0 0 no-repeat;}
	.boxArea1{position:relative;float:left;width:60%;}
	.boxWrap1 h2{color:#5c5c5c;font-weight:normal;}
	.boxArea1 .boxWrap .box{float:left;width:48%;margin-left:4%;}
	.boxArea1 .boxWrap .box:first-child{margin-left:0;}
	.boxArea2{float:left;width:40%;}
	.boxWrap h2{font-size:16px;font-weight:normal;}
	.boxWrap .box .txt div{overflow:hidden;height:31px;line-height:1.2;color:#888d91;}
	.boxWrap .box .txt h3{font-size:14px;}
	.boxWrap1{position:relative;top:251px;background:#ffffff;height:201px;}
	.boxWrap1 .mBlock2{color:#333} 
	.boxWrap2 {position:absolute;top:0px;}
	.boxWrap1 .flexslider img,
	.boxWrap2 .flexslider img{height:119px;}
	.boxWrap1 li .box.last,
	.boxWrap2 li .box.last{display:block;}
	.boxWrap1 li .box:nth-child(1),
	.boxWrap1 li .box:nth-child(2),
	.boxWrap2 li .box:nth-child(1),
	.boxWrap2 li .box:nth-child(2){display:block;}
	.boxWrap1 li .box:nth-child(3),
	.boxWrap1 li .box:nth-child(4),
	.boxWrap2 li .box:nth-child(3),
	.boxWrap2 li .box:nth-child(4){display:none;}
	.boxWrap2{height:201px;}
	.boxWrap2 .box .txt h3{margin:12px 0 5px;}
	.boxWrap2 .box .txt div{display:none;color:#d7c7b6;}
	.boxWrap2 .box .txt .date{color:#dacfc4;}
	.boxWrap3{height:201px;}
	.boxWrap3 .search input[type=text],
	.boxWrap3 label select{float:left;padding:7px 0 7px 5%;background:#2e404f;border:none;font-size:12px;color:#fff;}
	.boxWrap3 .search input[type=text]{background:#2e404f url(../img/main/bg_search.png) 100% -1px no-repeat;background-size:40px 32px;}
	.boxWrap3 .btn{padding:4px 0;font-size:12px;}
	.boxWrap4{height:201px;}
	.boxWrap4 h2{margin-bottom:20px;}
	.boxWrap4 dl dt{margin-bottom:3px;font-size:12px;}
	.boxWrap4 dl dd{margin-bottom:10px;font-size:12px;color:#d3d3d3;}
	.boxWrap4 .link{position:absolute;right:28%;bottom:20%;}
	.boxWrap4 .link img{width:18px;height:28px;}
	.galleryM ul{overflow:hidden; width:394px; height:162px;}
	.galleryM ul li{float:left; margin:0 14px 9px 0; width:122px; }
	.galleryM ul li img{width:122px; height:auto; }
	.galleryM ul li.img3{margin:0 0 9px 0}
	.galleryM ul li.img5{margin-top:-35px;}
	.galleryM ul li.img2{height:228px;}
}

/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
.grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter: gray;}
.grayscale.grayscale-fade {transition: filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.grayscale.grayscale-fade {-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {-webkit-filter:grayscale(0);filter:grayscale(0);}
.grayscale.grayscale-replaced {-webkit-filter:none;filter:none;}
.grayscale.grayscale-replaced > svg {-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity: 1;}
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {opacity:0;}