@charset "utf-8";
/* ----------
css
---------- */

@import url("./font.css");	/*  웹폰트 사용시 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Playball);
/* layout */

/* ===================================
	공통클래스
 =================================== */

button{cursor:pointer; padding:0; margin:0px;}
input[type="button"]{cursor:pointer;}
#wrap {overflow:hidden; width:100%; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area{ width:1200px; margin:0px auto; } /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area_section{ width:1600px; margin:0px auto; } /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.font-nanum{font-family:"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-nanumbarun{font-family:NanumBarunGothic,"Nanum Barun Gothic","나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
table {width:100%;}
.material-icons{vertical-align:middle;}

section#visual {
    background-size: 150% !important;
}

.top2{
	background:url(/m_new/images/sub_visual_01.jpg) no-repeat 50% 0%;
}

/*news*/
.content {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}
.content:after {
    content: '';
    display: block;
    clear: both;}

	.content .container05 {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
	display:inline-block;
    text-align:center;
}
.content:after {
    content: '';
    display: block;
    clear: both;}

#mainInvestCon{
    margin: 0;
    width: 800px;
    left: 50%;
    position: relative;
    margin-left: -740px;
}

.container03 h2{background: url(../images/main/titleBar04.png) no-repeat center 60px;
color: #454545;padding-top:0;  /*padding:20px 0;*/ font-size:22px;}
.main_subimg {
    padding-bottom: 42px;
}
.container03  p { color:#303030; opacity:0.7; filter:alpha(opacity=70); }
.container03 ul > li{/*width: 50%;*/position:relative;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  display:inline-block; text-align:center; }
.container03 ul > li a{ display:block; width:100%; height:100%; position:relative; z-index:2; }
.container03 ul > li .over_bg {opacity:0; filter:alpha(opacity=0); /*background:#d01c24;*/ width:100%; height:100%; position:absolute; left:0px; top:0; transition:all .5s;  -moz-transition:all .5s}
.container03 ul > li:hover .over_bg{opacity:0.7; filter:alpha(opacity=70); }
.container03 .bg01 {  float:left; -webkit-background-size:cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}
.container03 .bg02 {  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .bg03 {float:left; -webkit-background-size:cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;}
.container03 .bg04 {  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.container03 .bg05 {  -webkit-background-size:cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}

.container03 .box_line{ display:inline-block; vertical-align:middle; }
.container03 .bg01 a:before { width:1px; /*height:100%;*/ content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg02 a:before { width:1px; /*height:100%;*/ content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg03 a:before { width:1px; /*height:100%;*/ content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg04 a:before { width:1px; /*height:100%;*/ content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }
.container03 .bg05 a:before { width:1px; /*height:100%;*/ content:' '; vertical-align:middle; margin-left:-1px; display:inline-block; }


.container05 ul > li a{ display:block;   position:relative; z-index:2; }

@media (max-width: 768px)
.container03 ul > li{width: 100%;position:relative;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:449px; display:inline-block; text-align:center; }
.container03 ul > li a{ display:block; width:100%;  position:relative; z-index:2; }

.container05 ul > li{position:relative;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; 
background-size: cover;  display:inline-block; text-align:center; }
.container05 ul > li a{ display:block; width:100%;  position:relative; z-index:2; }


}



TR,TD,SELECT,form,TEXTAREA,center,option,pre,blockquote { font-size:9pt; font-family:Verdana, 굴림; color:#646464; letter-spacing:-1pt; }

/* -------- MODAL LAYER -------- */
.modal-pop-bg{position:fixed; width:100%; height:100%; top:0px; left:0px;  background:#000; background:rgba(0,0,0,0.8); display:none; ; z-index:9999}
.modal-fixed-pop-wrapper{position:fixed; display:none; top:0px; left:0px; width:100%; height:100%; z-index:9999;}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-close-box{width:100%; max-width:1200px; margin:0px auto; text-align:right;}
.modal-close-btn{display:none; margin:0 0 14px 0;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.5);
  border-radius: 50%;
  border-top-color: #0060a1;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* ========
	서브레이아웃
 ======== */
#visual{overflow:hidden; position:relative; display:table; width:100%; height:385px;}
#visual > div{/* position:relative; */ display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
#visual > div .visual-tit{display:inline-block; font-size:40px; letter-spacing:-0.75px; font-weight:400; padding:55px 0 26px; position:relative; z-index:1;}
#visual > div .visual-txt{font-size:13px; opacity:0.73;filter:Alpha(opacity=73); font-weight:300; position:relative; z-index:1;}
#visual > div .visual-btns{position:absolute; top:50%; left:50%;width:630px; height:14px; margin-left:-315px;  }
#visual > div .visual-btns a{display:block; position:absolute; top:0px;}
#visual > div .visual-btns .prev-page-btn{left:0px;}
#visual > div .visual-btns .next-page-btn{right:0px;}
#visualBottomCon{position:absolute; bottom:0px; left:0px; width:100%; background-color:rgba(0,0,0,0.3); border-top:1px solid rgba(255,255,255,0.3)}
#visualBottomCon .left-controls{float:left; margin-left:6%; }
#visualBottomCon .right-controls{float:right; margin-right:6%; height:100%;}
#visualBottomCon a{display:inline-block; width:160px; text-align:center; line-height:42px; color:#fff; height:42px; margin-right:2px; background-color:#6b5d54; font-size:16px; letter-spacing:-0.25px;}
#visualBottomCon a.sub-visual-btn2{background-color:#969696;}
#visualBottomCon a.sub-visual-btn3{background-color:#0060a1;}
#visualBottomCon a.sub-visual-btn4{background-color:#00a19e;}
/* Sub Layout :: Location */
#contentLocation{position:relative; width:100%; height:50px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#dadada;}
.location-inner{position:absolute; left:50%; height:100%; width:100%; background-color:#f0f0f0;margin-left:-273px;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:210px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(/images/layout/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li.home{width:auto; font-size:13px; font-weight:300; background:#dadada url(/images/layout/location_bg1.jpg) no-repeat 100% 0; padding-right:40px; }
.location-inner > ul > li.home img{margin-right:15px;}
.location-inner > ul > li > a{display:block;  font-size:15.5px; background:url(/images/location_arrow.jpg) no-repeat 95% 50%}
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:50px; left:-18px;width:228px; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11}
.location-inner > ul > li.location1 .location-2dep{width:229px;}
.location-inner > ul > li .location-2dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:40px; color:#414141; font-size:15px; font-weight:300; letter-spacing:-0.75px;}
.location-inner > ul > li .location-2dep li a:hover{background:#f0f0f0 url(/images/icon/location_arrow2.jpg) no-repeat 95% 50%}
#contentInfo{position:relative; border-bottom:1px solid #d6d6d6; text-align:center;}
#contentInfo h3{display:inline-block; position:relative; top:1px; height:31px; padding:0 35px 42px 35px; border-bottom:2px solid #0060a1; color:#151515; font-size:32px; font-weight:400; letter-spacing:-0.75px;}
#contentInfo a{display:inline-block; position:absolute; top:0px; padding:15px 0px 42px 0; border-bottom:1px solid #151515; }
#contentInfo .sub-prev-btn{ padding-right:5px;  left:0px;}
#contentInfo .sub-next-btn{ padding-left:5px; right:0px;}
#content{/* min-height:500px; */}
#content img{max-width:100%;}

@media all and (max-width:1400px){
	/* -------- 헤더 -------- */
	#headerInner .logo a{width:200px; background-size:100%; margin-top:35px;}
	#utilMenu > div{display:block;}
	#utilMenu > div.user-menu-list{position:absolute; top:5px; right:0px; width:150px;}
	#utilMenu > div.user-menu-list a{font-size:11px;}
}
@media all and (max-width:1220px){
	.area{width:100%;}
	/* -------- 헤더 -------- */
	#headerInner{padding:60px 0 0 0;}
	#headerInner .logo{position:static; margin-left:2%;}
	#headerInner .logo a{margin:0;}
	#utilMenu{top:0px; right:auto; overflow:hidden; width:96%; height:30px; left:0px; background-color:#000; padding:10px 2%;}
	#utilMenu > div.user-menu-list{float:left; position:static; width:auto;}
	#utilMenu > div.user-menu-list a{font-size:18px; line-height:30px; }
	#utilMenu > div.user-menu-list a:first-child{display:none;}
	#utilMenu > div.user-lang-select{float:right;}
	#gnb{display:none;}
	.gnb-open-btn{visibility:visible; opacity:1;filter:Alpha(opacity=100); margin-top:2px; transform:translateX(0); -moz-transform:translateX(0);}
	.gnb-open-btn i{font-size:48px; color:#fff;}
	/* FIXED STYLE */
	#header.fixed{top:-50px;}
	#header.fixed .gnb-open-btn i{color:#2c2c2c;}
	/* -------- 푸터 -------- */
	.familysite-box{float:none; margin:0px auto;}
	#footerInner .foot-logo{display:none;}
	#footerInner .footer-address,#footerInner .footer-address dl{float:none; width:96%; margin:0 auto; text-align:center; font-size:11px; line-height:18px;}
	#footerInner .footer-address{margin:20px auto;}
	#footerInner .footer-address dd{margin-right:0;}
	#footerInner address{margin-top:15px;}
	.bottom-to-top-btn{position:static; margin:0px auto;}
	.index .bottom-to-top-btn{display:block;}
	/* -------- 사이트맵 -------- */
	/* MODAL LAYER */
	.modal-close-box{width:96%; }
	.modal-close-btn{margin:0; margin-top:2%;}
	.modal-close-btn img{width:32px;}
	.modal-inner-content{padding:2% 0;}
	/* -------- SUB 레이아웃 -------- */
	#visualBottomCon{bottom:-60px; opacity:0;filter:Alpha(opacity=0);}

}

@media all and (max-width:768px){
	/* -------- 사이트맵 -------- */
	#sideTitCon{
		position:static; width:90%; height:auto; padding:10px 5%; background:none; background-color:#0060a1; font-size:24px; line-height:20px;
	}
	.side-tit-con strong{display:block; font-size:20px; font-weight:600; letter-spacing:-0.8px; color:#fff; opacity:0.6;filter:Alpha(opacity=60);}
	.side-tit-con span{color:#fff; font-size:12px; letter-spacing:-0.5px; font-weight:300;}
	#sitemapList{width:100%; height:auto ; box-shadow:none;}
	#sitemapList > ul{margin:0; padding:20px 5%;}
	#sitemapList > ul > li{width:33.33%;}
	#sitemapList > ul > li > a{font-size:20px; margin-bottom:20px;}
	#sitemapList > ul > li .sitemap-2dep {height:150px; padding-left:5%;}
	#sitemapList > ul > li .sitemap-2dep a{padding:5px 2%; font-size:12px; }

	/* -------- SUB 레이아웃 -------- */
	#visual{height:325px}
	#visual > div .visual-tit{padding-top:0; font-size:32px}
	#visual > div .visual-btns{left:2%; top:55%; margin-left:0; width:96%;}
	#middleArea{padding:30px 0;}
	#contentInfo{width:96%; margin:0px auto;}
	#contentInfo h3{font-size:24px; padding:0 3% 20px 3%;}
	#contentInfo a{padding-bottom:20px;}
}
	
@media all and (max-width:640px){
	/* -------- 헤더 -------- */
	#headerInner{padding:52px 0 10px 0}
	#headerInner .logo a{width:170px; height:36px}
	#utilMenu{height:22px;}
	#utilMenu > div a{font-size:12px !important;}
	#utilMenu > div.user-menu-list a{line-height:22px}
	.user-lang-select a{border-bottom-width:1px}
	.gnb-open-btn i{font-size:38px}
	/* FIXED STYLE */
	#header.fixed{top:-42px;}
	/* -------- SUB 레이아웃 -------- */
	#visual{height:260px}
	#visual > div .visual-tit{padding-top:0}
	#visual > div .visual-txt{display:none}
	#visual > div .visual-btns{top:60%;}
	#visual > div .visual-btns img{height:8px;}
	/* Sub Layout :: Location */
	#contentLocation{height:34px;}
	.location-inner{position:static; margin-left:0; float:left; }
	.location-inner > ul{position:relative;}
	.location-inner > ul > li{position:static;width:36%; float:left; padding:0 2% !important; line-height:34px; background-size:contain !important;}
	.location-inner > ul > li.home{width:10%; font-size:0; text-align:center;  line-height: 44px;}
	.location-inner > ul > li > a{font-size:13px;}
	.location-inner > ul > li .location-2dep{top:34px; left:0px; width:100% !important;}
	.location-inner > ul > li .location-2dep li{height:34px; line-height:34px;}
	.location-inner > ul > li .location-2dep li a{font-size:13px; padding:0 5%;}
}



/* ===================================
	애니메이션효과
 =================================== */
@-webkit-keyframes inFromRight {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes inFromLeft {
from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}


/* float */

.clearfix { *zoom: 1;}
.clearboth { clear: both;padding: 28px;}
.clearfix:after {  content: '';  display: block;clear: both;}









.container {width: 100%;padding: 15px 0 0px 0;position: relative;}
.container_in {width: 1200px;margin: 0 auto;	position: relative;}
.top_space {background: #333333;height: 90px;position: relative;}

.business-info { text-align: center; display: inline-block;line-height: 36px;}

/* */
.sub_banner{background:url('../images/sub_visual_01.jpg') no-repeat center;height:300px;}
.sub_banner .bn_title01{text-align:center;color:#fff;padding-top: 117px;}
.sub_banner .bn_title01 h1{font-size: 36px;line-height: 85px;}
.sub_banner .bn_title01 h3{font-size:18px;}
.sub_banner .h2 {  display: inline-block; font-size: 40px;letter-spacing: -0.75px; font-weight: 400;padding: 55px 0 26px;position: relative;  z-index: 1;}

/**/
.address{padding: 0px 0px 10px 0px;}
.address .add_tit{font-size: 16px;color:#fff;padding:8px 14px;background-color:#444;margin-right: 15px;line-height: 38px;}

.address  p{
	display:inline;
	font-size: 16px;
}

.cont_traffic h3{
	font-weight:bold;
	margin-top: 30px;
	font-size: 18px;
	color: #111;
	}
.cont_traffic h4{
	font-weight:bold;
	margin-top: 30px;
	font-size: 17px;
	color: #0399ec;
	}
.cont_traffic p{
	margin-top:15px;
	line-height:22px;
	font-size: 14px;
	color: #555;
}
.cont_traffic span{
	font-weight:bold;
	line-height:22px;
	font-size: 15px;
	color:#444;
}






/*tab03*/

.tab_style03 {border-top-color: rgb(209, 209, 209);border-top-width: 2px;border-top-style: none;border-right-style: none;
border-bottom-style: none;border-left-style: none;}
.tab_style03 ul.list {display: inline-block;}

.tab_style03 ul li {width: 394px;height: 50px; float:left;     text-align:center;padding: 0px 3px;}


.tab_style03 li a {border: 1px solid rgb(219, 219, 219);border-image: none;height: 36px;color: #333333;line-height: 36px;
	font-size: 13px;display: block;background-color:#fff;transition:all 0.3s;/*font-style: italic;*/}
.tab_style03 li a span{}

.tab_style03 li a div {font-size:12px;font-style:normal;line-height:100%;}

.tab_style03 li a:hover {box-shadow: 0px 50px 0px 0px #0e0e0e inset;transition:all 0.3s, color 0.2s 0.02s;color:#fff;}
.tab_style03 li.on a {    background: #0e0e0e; color: #FFF;}


/*tab04*/

.tab_style04 {border-top-color: rgb(209, 209, 209);border-top-width: 2px;border-top-style: none;border-right-style: none;
border-bottom-style: none;border-left-style: none;}
.tab_style04 ul.list {display: inline-block;}

.tab_style04 ul li {width: 294px;height: 50px; float:left;     text-align:center;padding: 0px 3px;}


.tab_style04 li a {border: 1px solid rgb(219, 219, 219);border-image: none;height: 36px;color: #333333;line-height: 36px;
	font-size: 13px;display: block;background-color:#fff;transition:all 0.3s;font-style: italic;}
.tab_style04 li a span{}

.tab_style04 li a div {font-size:12px;font-style:normal;line-height:100%;}

.tab_style04 li a:hover {box-shadow: 0px 50px 0px 0px #0e0e0e inset;transition:all 0.3s, color 0.2s 0.02s;color:#fff;}
.tab_style04 li.on a {    background: #0e0e0e; color: #FFF;}



/*tab05*/

.tab_style05 {border-top-color: rgb(209, 209, 209);border-top-width: 2px;border-top-style: none;border-right-style: none;
border-bottom-style: none;border-left-style: none;}
.tab_style05 ul.list {display: inline-block;}
.tab_style05 ul {width:100%;}

.tab_style05 ul li {width: 33.33%;height: 50px; float:left;     text-align:center;}


.tab_style05 li a {border: 1px solid rgb(219, 219, 219);border-image: none;height: 36px;color: #333333;line-height: 36px;
	font-size: 13px;display: block;background-color:#fff;transition:all 0.3s; margin-top:15px;}
.tab_style05 li a span{}

.tab_style05 li a div {font-size:12px;font-style:normal;line-height:100%;}

.tab_style05 li a:hover {box-shadow: 0px 50px 0px 0px #0678bf inset;transition:all 0.3s, color 0.2s 0.02s;color:#fff;}
.tab_style05 li.on a {background: #0678bf;color: #FFF;}

div#daumRoughmapContainer1524046060756 {
    margin-top: 20px;
}

div#daumRoughmapContainer1524047951594 {
    margin-top:  20px;
}

div#daumRoughmapContainer1556849298915 {
    margin-top: 20px;
}

div#daumRoughmapContainer1524048210979 {
    margin-top: 20px;
}

/*tab06*/

.tab_style06 {border-top-color: rgb(209, 209, 209);border-top-width: 2px;border-top-style: none;border-right-style: none;
border-bottom-style: none;border-left-style: none;}
.tab_style06 ul.list {display: inline-block;}

.tab_style06 ul li {width: 194px;height: 50px; float:left;     text-align:center;padding: 0px 3px;}


.tab_style06 li a {border: 1px solid rgb(219, 219, 219);border-image: none;height: 36px;color: #333333;line-height: 36px;
	font-size: 13px;display: block;background-color:#fff;transition:all 0.3s;font-style: italic;}
.tab_style06 li a span{}

.tab_style06 li a div {font-size:12px;font-style:normal;line-height:100%;}

.tab_style06 li a:hover {box-shadow: 0px 50px 0px 0px #0e0e0e inset;transition:all 0.3s, color 0.2s 0.02s;color:#fff;}
.tab_style06 li.on a {    background: #0e0e0e; color: #FFF;}


/*tab02*/
.tab_style02 {border-top-color: rgb(209, 209, 209);border-top-width: 2px;border-top-style: none;border-right-style: none;
border-bottom-style: none;border-left-style: none;}
.tab_style02 ul.list {display: inline-block;}
.tab_style02 ul{width:100%;}


.tab_style02 ul li {width: 48%;height: 50px;float:left;padding: 0 3px;text-align:center;}


.tab_style02 li a {border: 1px solid rgb(219, 219, 219);border-image: none;height: 36px;color: #333333;line-height: 36px;
	font-size: 13px;display: block;background-color:#fff;transition:all 0.3s;font-style: italic;}
.tab_style02 li a span{}

.tab_style02 li a div {font-size:12px;font-style:normal;line-height:100%;}

.tab_style02 li a:hover {box-shadow: 0px 50px 0px 0px #0e0e0e inset;transition:all 0.3s, color 0.2s 0.02s;color:#fff;}
.tab_style02 li.on a {    background: #0e0e0e; color: #FFF;}*?

/*tab*/
.clearfix{*zoom: 1;}

.clearboth{clear:both;}

.clearfix:after{content:''; display:block; clear:both;}



/* */

 .area {
    width: 1200px;
    margin: 0px auto;
}
#visual{overflow:hidden; position:relative; display:table; width:100%; height:255px;}
#visual > div{/* position:relative; */ display:table-cell; vertical-align:middle; text-align:center; color:#fff;}
#visual > div .visual-tit{display:inline-block; font-size:40px; letter-spacing:-0.75px; font-weight:400; padding:55px 0 26px; position:relative; z-index:1;}
#visual > div .visual-txt{font-size:13px; opacity:0.73;filter:Alpha(opacity=73); font-weight:300; position:relative; z-index:1;}
#visual > div .visual-btns{position:absolute; top:50%; left:50%;width:630px; height:14px; margin-left:-315px;  }
#visual > div .visual-btns a{display:block; position:absolute; top:0px;}
#visual > div .visual-btns .prev-page-btn{left:0px;}
#visual > div .visual-btns .next-page-btn{right:0px;}
#visualBottomCon{position:absolute; bottom:0px; left:0px; width:100%; background-color:rgba(0,0,0,0.3); border-top:1px solid rgba(255,255,255,0.3)}
#visualBottomCon .left-controls{float:left; margin-left:6%; }
#visualBottomCon .right-controls{float:right; margin-right:6%; height:100%;}
#visualBottomCon a{display:inline-block; width:160px; text-align:center; line-height:42px; color:#fff; height:42px; margin-right:2px; background-color:#6b5d54; font-size:16px; letter-spacing:-0.25px;}
#visualBottomCon a.sub-visual-btn2{background-color:#969696;}
#visualBottomCon a.sub-visual-btn3{background-color:#0060a1;}
#visualBottomCon a.sub-visual-btn4{background-color:#00a19e;}
/* Sub Layout :: Location */
#contentLocation{position:relative; width:100%; height:50px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#dadada;}
.location-inner{position:absolute; left:50%; height:100%; background-color:#f0f0f0;margin-left:-273px;}
.location-inner > ul{ height:100%;}
.location-inner > ul > li{position:relative; float:left; width:288px; height:100%; letter-spacing:-0.25px; color:#373737; line-height:50px; background:url(/images/layout/location_bg2.jpg) no-repeat 100% 0; padding-right:20px;}
.location-inner > ul > li.home{width:auto; font-size:13px; font-weight:300; background:#dadada url(/images/layout/location_bg1.jpg) no-repeat 100% 0; padding-right:40px; }
.location-inner > ul > li.home img{/*margin-right:15px;*/position:  relative;top: 3px;width:30%;margin:0 auto;}
.location-inner > ul > li > a{display:block; font-size:15.5px; 
background:url(/images/location_arrow.jpg) no-repeat 95% 50%}
.location-inner > ul > li .location-2dep{display:none;position:absolute;top:50px;left: 0px; width:269px;border:1px solid #cfcfcf;border-bottom-color:#000000;background-color:#fff;z-index:11;}
.location-inner > ul > li.location1 .location-2dep{width: 246px;}
.location-inner > ul > li .location-2dep li{height:44px; line-height:44px; border-top:1px solid #cfcfcf;}
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:24px; color:#414141; font-size:15px; font-weight:300; letter-spacing:-0.75px;}
.location-inner > ul > li .location-f2dep li a:hover{background:#f0f0f0 url(/images/icon/location_arrow2.jpg) no-repeat 95% 50%}
#middleArea{padding:70px 0;}
#contentInfo{position:relative; border-bottom:1px solid #d6d6d6; text-align:center;}
#contentInfo h3{display:inline-block; position:relative; top:1px; height:31px; padding:0 35px 42px 35px; border-bottom:2px solid #0060a1; color:#151515; font-size:32px; font-weight:400; letter-spacing:-0.75px;}
#contentInfo a{display:inline-block; position:absolute; top:0px; padding:15px 0px 42px 0; border-bottom:1px solid #151515; }
#contentInfo .sub-prev-btn{ padding-right:5px;  left:0px;}
#contentInfo .sub-next-btn{ padding-left:5px; right:0px;}
#content{}
#content img{max-width:100%;}

@media all and (max-width:1400px){
	
	#headerInner .logo a{width:200px; background-size:100%; margin-top:35px;}
	#utilMenu > div{display:block;}
	#utilMenu > div.user-menu-list{position:absolute; top:5px; right:0px; width:150px;}
	#utilMenu > div.user-menu-list a{font-size:11px;}
}
@media all and (max-width:1220px){
	.area{width:100%;}

	#headerInner{padding: 0px 0 0 0;}
	#headerInner .logo{position:static; margin-left:2%;}
	#headerInner .logo a{margin:0;}
	#utilMenu{top:0px; right:auto; overflow:hidden; width:96%; height:30px; left:0px; background-color:#000; padding:10px 2%;}
	#utilMenu > div.user-menu-list{float:left; position:static; width:auto;}
	#utilMenu > div.user-menu-list a{font-size:18px; line-height:30px; }
	#utilMenu > div.user-menu-list a:first-child{display:none;}
	#utilMenu > div.user-lang-select{float:right;}
	#gnb{display:none;}
	.gnb-open-btn{visibility:visible; opacity:1;filter:Alpha(opacity=100); margin-top:2px; transform:translateX(0); -moz-transform:translateX(0);}
	.gnb-open-btn i{font-size:48px; color:#fff;}
	/* FIXED STYLE */
	#header.fixed{top:-50px;}
	#header.fixed .gnb-open-btn i{color:#fff;}

	.familysite-box{float:none; margin:0px auto;}
	#footerInner .foot-logo{display:none;}
	#footerInner .footer-address,#footerInner .footer-address dl{float:none; width:96%; margin:0 auto; text-align:center; font-size:11px; line-height:18px;}
	#footerInner .footer-address{margin:20px auto;}
	#footerInner .footer-address dd{margin-right:0;}
	#footerInner address{margin-top:15px;}
	.bottom-to-top-btn{position:static; margin:0px auto;}
	.index .bottom-to-top-btn{display:block;}

	.modal-close-box{width:96%; }
	.modal-close-btn{margin:0; margin-top:2%;}
	.modal-close-btn img{width:32px;}
	.modal-inner-content{padding:2% 0;}

	#visualBottomCon{bottom:-60px; opacity:0;filter:Alpha(opacity=0);}
	#contentInfo{width:96%; margin:0px auto;}
}

@media all and (max-width:768px){

	#sideTitCon{
		position:static; width:90%; height:auto; padding:10px 5%; background:none; background-color:#0060a1; font-size:24px; line-height:20px;
	}
	.side-tit-con strong{display:block; font-size:20px; font-weight:600; letter-spacing:-0.8px; color:#fff; opacity:0.6;filter:Alpha(opacity=60);}
	.side-tit-con span{color:#fff; font-size:12px; letter-spacing:-0.5px; font-weight:300;}
	#sitemapList{width:100%; height:auto ; box-shadow:none;}
	#sitemapList > ul{margin:0; padding:20px 5%;}
	#sitemapList > ul > li{width:33.33%;}
	#sitemapList > ul > li > a{font-size:20px; margin-bottom:20px;}
	#sitemapList > ul > li .sitemap-2dep {height:150px; padding-left:5%;}
	#sitemapList > ul > li .sitemap-2dep a{padding:5px 2%; font-size:12px; }


	#visual{height:325px}
	#visual > div .visual-tit{padding-top:95px; font-size:32px}
	#visual > div .visual-btns{left:2%; top:55%; margin-left:0; width:96%;}
	#middleArea{padding:0 0 30px;background: #fff;}
	#contentInfo{width:96%; margin:0px auto;}
	#contentInfo h3{font-size:24px;padding: 24px 3% 20px 3%;}
	#contentInfo a{padding-bottom:20px;}
}
	
@media all and (max-width:640px){

	#headerInner{padding: 0px 0 10px 0;}
	#headerInner .logo a{width:170px; height:55px}
	#utilMenu{height:22px;}
	#utilMenu > div a{font-size:12px !important;}
	#utilMenu > div.user-menu-list a{line-height:22px}
	.user-lang-select a{border-bottom-width:1px}
	.gnb-open-btn i{font-size:38px}
	/* FIXED STYLE */
	#header.fixed{top:-42px;}

	#visual{height: 200px;}
	#visual > div .visual-tit{padding-top: 40px;}
	#visual > div .visual-txt{display:none}
	#visual > div .visual-btns{top:60%;}
	#visual > div .visual-btns img{height:8px;}
	/* Sub Layout :: Location */
	#contentLocation{height:34px;}
	.location-inner{position:static; margin-left:0; float:left; }
	.location-inner > ul{position:relative;}
	.location-inner > ul > li{position:static;width:36%; float:left; padding:0 2% !important; line-height:34px; background-size:contain !important;}
	.location-inner > ul > li.home{width:16%; font-size:0; text-align:center;}
	.location-inner > ul > li > a{font-size:13px;position:  relative;top: 2px;}
	.location-inner > ul > li .location-2dep{top:34px; left:0px; width:100% !important;}
	.location-inner > ul > li .location-2dep li{height:34px; line-height:34px;}
	.location-inner > ul > li .location-2dep li a{font-size:13px; padding:0 5%;}
}

/* Tab_00 */
.tab_wrap {display:block; position:relative; margin:0; padding:0;}
.tab_wrap .tab_menu {display:block; position:relative; padding:0;}
.tab_wrap .tab_menu ul {display:table; position:relative; margin:0 auto; padding:0;}
.tab_wrap .tab_menu ul:after {content:''; display:block; clear:both;}
.tab_wrap .tab_menu li {float:left; display:table; position:relative;; margin:0; padding:0; box-sizing:border-box;}
.tab_wrap .tab_menu li a {display:table-cell; position:relative; line-height:1.250em; padding:0; text-align:center; vertical-align:middle; color:#0d0d0d}
.tab_wrap .tab_menu .mTabtn {display:none;}
.tab_wrap .tab_menu li.current a, .tab_wrap .tab_menu li.current a:hover {cursor:default;}

.tab_wrap .tab_menu.type01 li {float:left; display:table; position:relative;; margin:0; padding:0 30px; box-sizing:border-box;}
.tab_wrap .tab_menu.type01 li a {display:table-cell; position:relative; line-height:1.250em; padding:0 10px 15px 10px; text-align:center; vertical-align:middle; color:#0d0d0d;}
.tab_wrap .tab_menu.type01 li a:hover {color:#0d0d0d;}
.tab_wrap .tab_menu.type01 li.current a {padding-bottom:12px; border-bottom:solid #007dc5 3px;}
.tab_wrap .tab_menu.type01 li + li {background:url("/images/common/tabmenu_type01.gif") no-repeat left 3px;}

.tab_wrap .tab_menu.type02 ul {border-top:solid #ccc 1px;}
.tab_wrap .tab_menu.type02 li {float:left; display:table; position:relative;; margin:0; padding:0; box-sizing:border-box; border-right:solid #ccc 1px; border-bottom:solid #ccc 1px; background-color:#FFF}
.tab_wrap .tab_menu.type02 li:first-child, .tab_wrap .tab_menu.type02 li:nth-child(5n+1){border-left:solid #ccc 1px;}
.tab_wrap .tab_menu.type02 li a {display:table-cell; position:relative; height:40px; line-height:1.250em; padding:5px; text-align:center; vertical-align:middle; color:#0d0d0d; overflow:hidden;}
.tab_wrap .tab_menu.type02 li a:hover {color:#007dc5;CURSOR: POINTER;}
.tab_wrap .tab_menu.type02 li.current {background-color:#007dc5;}
.tab_wrap .tab_menu.type02 li.current a, .tab_wrap .tab_menu.type02 li.current a:hover {color:#FFF;}
.tab_wrap .tab_menu.type02 li + li.current {border-left:none;}

.tab_wrap .tab_target {display:block; position:relative; margin:0; padding:0;}
.tab_wrap .tab_target .tabcon {display:none; position:relative; box-sizing:border-box;}
.tab_wrap .tab_target .tabcon.on {display:block;}
.tab_wrap > .tab_menu dl{
    margin-bottom: 1px;
    display: inline-block;}

.tab_wrap dsT05 .tab_menu type02 dsB05 .subtab{border-top: solid 3px #ffffff;
    float: left;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    width: 163px;
    height: 36px;
    border-left: solid 1px #e4e4e4;
    letter-spacing: -0.05em;
    cursor: pointer;
    line-height: 110%;
    display: inline-table;
    padding: 0 4px;}


@media all and (min-width:768px) and (max-width:1150px){
	.tab_wrap .tab_menu.type02 li.wd180 {width:180px !important;}
	.tab_wrap .tab_menu.type02 li.wd200 {width:200px !important;}
}

@media all and (max-width:767px){
	.tab_wrap .tab_menu.type01 {z-index:10;}
	.tab_wrap .tab_menu.type01 .mTabtn {display:block; position:relative; width:100%; height:47px; margin:0; padding:0 40px 0 10px; border:none; border-bottom:solid #007dc5 2px; color:#0d0d0d; text-align:left; background:url("/images/common/buttonIcon/mTabtn_arrow02.png") no-repeat right 15px;}
	.tab_wrap .tab_menu.type01 .mTabtn.open {background-position:right -70px}
	.tab_wrap .tab_menu.type01 ul {display:none; position:absolute; width:100%; left:0; top:46px; border:solid #007dc5 1px; background-color:#FFF; z-index:10;}
	.tab_wrap .tab_menu.type01 li {float:inherit; position:relative; width:100%; padding:0; border-bottom:solid #ccc 1px;}
	.tab_wrap .tab_menu.type01 li a {height:33px; padding:7px 10px; text-align:left; color:#0d0d0d;}
	.tab_wrap .tab_menu.type01 li.current {background-color:#007dc5;}
	.tab_wrap .tab_menu.type01 li.current a {color:#FFF; padding-bottom:7px;}
	.tab_wrap .tab_menu.type01 li + li {background:none;}
	
	.tab_wrap .tab_menu.type02 {z-index:10;}
	.tab_wrap .tab_menu.type02 .mTabtn {display:block; position:relative; width:100%; height:50px; margin:0; padding:0 30px 0 10px; border:solid #ccc 1px;; color:#0d0d0d; text-align:left; background:url("/images/common/buttonIcon/mTabtn_arrow.png") no-repeat right 20px}
	.tab_wrap .tab_menu.type02 .mTabtn.open {background-position:right -73px}
	.tab_wrap .tab_menu.type02 ul {display:none; position:absolute; width:100%; left:0; top:49px; border-top:solid #ccc 1px; background-color:#FFF; z-index:10;}
	.tab_wrap .tab_menu.type02 li {float:inherit; position:relative; width:100%; border-left:solid #ccc 1px;}
	.tab_wrap .tab_menu.type02 li:first-child, .tab_wrap .tab_menu.type02 li:nth-child(6){border-left:solid #ccc 1px;}
	.tab_wrap .tab_menu.type02 li a {height:36px; padding:7px 10px; text-align:left; color:#666;}
	.tab_wrap .tab_menu.type02 li.current {background-color:#e4f3fa;}
	.tab_wrap .tab_menu.type02 li.current a, .tab_wrap .tab_menu.type02 li.current a:hover {color:#666;}
	.tab_wrap .tab_menu.type02 li + li.current {border-left:solid #ccc 1px;}
	
	.tab_wrap .tab_menu.front_tab_menu{z-index:20;}
}

/*  */
.tab_wrap .tab_menu.type_market ul {width:100%;}
.tab_wrap .tab_menu.type_market li {float:left; width:50%; box-sizing:border-box;}
.tab_wrap .tab_menu.type_market li a {display:block; height:50px; line-height:50px; border:1px solid #ccc; border-bottom:1px solid #0079c0; background-color:#f3f3f3; font-size:1.125em;}
.tab_wrap .tab_menu.type_market li + li a {margin-left:-1px;}
.tab_wrap .tab_menu.type_market li.current a {border:1px solid #0079c0; border-bottom:0 none; background-color:#fff; z-index:1; color:#0079bf;}
@media all and (max-width:767px){
	.tab_wrap .tab_menu.type_market {z-index:10;}
	.tab_wrap .tab_menu.type_market .mTabtn {display:block; position:relative; width:100%; height:50px; margin:0; padding:0 30px 0 10px; border:solid #ccc 1px;; color:#0d0d0d; text-align:left; background:url("/shared_growth/images/common/buttonIcon/mTabtn_arrow.png") no-repeat right 20px}
	.tab_wrap .tab_menu.type_market .mTabtn.open {background-position:right -73px}
	.tab_wrap .tab_menu.type_market ul {display:none; position:absolute; width:100%; left:0; top:49px; border-top:solid #ccc 1px; background-color:#FFF; z-index:10;}
	.tab_wrap .tab_menu.type_market li {float:inherit; position:relative; width:100%; border-left:solid #ccc 1px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#fff;}
	.tab_wrap .tab_menu.type_market li:first-child, .tab_wrap .tab_menu.type_market li:nth-child(6){border-left:solid #ccc 1px;}
	.tab_wrap .tab_menu.type_market li + li a {margin:0;}
	.tab_wrap .tab_menu.type_market li a {height:36px; padding:7px 10px; line-height:36px; text-align:left; color:#666; border:0 none; background:none;}
	.tab_wrap .tab_menu.type_market li.current {background-color:#e4f3fa;}
	.tab_wrap .tab_menu.type_market li.current a, .tab_wrap .tab_menu.type_market li.current a:hover {color:#666; border:0 none; background:none;}
	.tab_wrap .tab_menu.type_market li + li.current {border-left:solid #ccc 1px;}
}

ul.holder,.portfolio-layout{
	margin-bottom: 0;
	display: block;
	text-align: center;
}

.filter{
	/* position: relative; */
	overflow: hidden;
	margin:-14px 5px 7px 5px;
}
.filter li{
	float: left;
}


.holder,.portfolio-layout{
	overflow: hidden;
}

.holder li,.portfolio-layout li{
	display: inline-block !important;
}

.gallery-option{
	position: absolute;
	top:2px; /*old code  top:12px;*/
	right:7px;
}

.gallery-option img{
	margin-left: 2px;
}


/* IMAGE/VIDEO BORDERS
============================== */


.lightbox_wrap{
	position: relative;
	display:block;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

.lightbox_wrap a{line-height: 0;padding:0;margin:0;display: block;}

.lightbox_wrap a:hover.photo-up, .image-wrapper a:hover.go-link, .image-wrapper a:hover.web-link{
	opacity:0.9;
	-moz-transition: all 0.2s ease-in-out;
 	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

.light img {
    max-width: 100%;
}
.lightbox_wrap .light{
	background-color: #fff;
	padding:12px;

	display: inline-block;
	/*position: relative;*/
	max-width: 100%;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	height:auto;
	overflow: hidden;
	box-shadow: 0 1px 1px #999999;
	-moz-box-shadow: 0 1px 1px #999999;
	-webkit-box-shadow: 0 1px 1px #999999;
}



.lightbox_wrap h5{
	font-size: 13px;
	margin: 8px 5px 0 5px;
	/*border-bottom: 1px solid #dedede;*/
	color:#303030;
}

.lightbox_wrap p{
	font-size: 12px;
	color:#666666;
	margin: 0;
	padding: 3px 5px 7px 5px;
}

.photo {
    position:  relative;
    top: 0px;
}

/* table */

p.go {
    letter-spacing: 1px;
    font-size: 16px;
    text-align:  center;
    background: #e2e4e6;
    height: 45px;
    line-height: 3;
}

section#companyCon {
    /* border: #ccc 1px solid; */
    line-height: 1.5;
    font-size: 12px;
    position:  relative;
    top: 15px;
	}

section#companyCon2 {
    border: #ccc 1px solid;
    line-height: 1.5;
    font-size: 12px;
    position: relative;
    top: 45px;
    margin-bottom: 20px;
}

.sub_adress{
    padding: 14px 14px;
    font-size: 13px;
    /* border: 1px solid #c6c6c6; */
    margin-top: 10px;
    background: #ececec;
    text-align:  center;
}

/*서비스내용 테이블*/

.sub03_tb {border:1px solid #999;width: 100%;margin: 20px auto;font-size: 13px;word-break: break-word;}
.sub03_tb th, .sub03_tb td {border:1px solid #999; padding:15px; line-height:23px;}
.sub03_tb th {background:#e5f9ff; font-weight:bold; text-align:center;}

.sub03_sub_tb {margin: 15px auto;width: 100%;}


/*후원현황*/
#companyCon:after{
	display:block;
	content:"";
	clear:both;
}
.subpage_logo {

    padding-bottom: 50px;
    float: left;
    margin-left: 8px;
}

img.subpage_logo_txt {
    /* padding-right: 50px; */
}

a.subpage_logo_txt02 {
    text-decoration: none;
    color: #fff;
    background: #ccc;
    padding: 22px 6px 26px 6px;
}

a.subpage_logo_txt02:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}

.logoclass {
    /* padding-left: 250px; */
    float:  left;
	min-width:100%;
}
.logoclass img{
vertical-align: middle;
padding-top:3px;}

.area_right {
   width: 50%;
    
    margin: 40px 0 95px 0;
    position: relative;
    z-index: 100;
}
.tab_style03 ul li {width: 48%;height: 50px;float:left;text-align:center;padding: 0px 3px;}

.tab_style01 {
	
}

.tab_style01 ul.list {display: inline-block;}
.tab_style01 ul:after{
	display:block;
	content:'';
	clear:both;
	
}
.tab_style01 ul li {
	width: 43%;
	height: 50px;
	float:left;
	text-align:center;
	padding: 0px 3%;
}

.tab_style01 li a {
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 46px;
	color: rgb(51, 51, 51);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	display: block;
	background-color:#fff;
	transition:all 0.3s;
	/* border-radius: 25px; */
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
}


.tab_style01 li a span{
	/* width:162px; */
	/* height: 50px; */
	/* text-align: center; */
	/* display: table-cell; */
	/* font-size: 17px; */
	/* padding-top: 10px; */
	/* box-sizing: content-box; */
	/* list-style: none; */
}

.tab_style01 li a div {
	font-size:12px;
	font-style:normal;
	line-height:100%;
}

.tab_style01 li a:hover {
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;
}
.tab_style01 li.on a {
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;
	/* text-align: center; */
}

.content_gap {
	width:100%; 
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:0 auto;
	margin-top: 5px;
	text-align: center;
}

table>tbody>tr>td>img{
	max-width: 90%;
}

/*순천관광코스 링크*/
.contentin{
   width: 57%;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
 
	}

.contentin a:hover{
	display:block;
	color:#fff;
	background-color:#33a3f5;
}

.tbl-type01 {margin-top: 13px;line-height: 20px;border-collapse: collapse;border-spacing: 0px;border-width: 2px 1px 1px 0px;border-style: solid;border-color: #093488;width: 100%;margin-bottom: 5px;}
.tbl-type01 caption {font-size: 11px;padding-top: 5px;text-align: right; display:none;}
.tbl-type01 th {background: #eaedf2;padding: 10px 0px 10px 0px;text-align: left;line-height: 110%;border: 1px solid #9aa7c0;text-align:center;}
.tbl-type01 td {padding: 10px 0px 10px 0px;text-align: left;border: 1px solid #9aa7c0; text-align:center;}

.tbl-type02 {margin-top: 13px;line-height: 20px;border-collapse: collapse;border-spacing: 0px;border-width: 2px 1px 1px 0px;border-style: solid;border-color: #093488;width: 100%;margin-bottom: 24px;}
.tbl-type02 caption {font-size: 11px;padding-top: 5px;text-align: right; display:none;}
.tbl-type02 th {background: #eaedf2;padding: 10px 0px 10px 0px;text-align: left;line-height: 110%;border: 1px solid #9aa7c0; text-align:center;}
.tbl-type02 td {padding: 10px 0px 10px 0px;text-align: left;border: 1px solid #9aa7c0; text-align:center;}

.tbl-type03 {margin-top: 13px;line-height: 20px;border-collapse: collapse;border-spacing: 0px;border-width: 2px 1px 1px 0px;border-style: solid;border-color: #093488;width: 100%;margin-bottom: 24px;}
.tbl-type03 caption {font-size: 11px;padding-top: 5px;text-align: right; display:none;}
.tbl-type03 th {background: #eaedf2;padding: 10px 0px 10px 0px;text-align: left;line-height: 110%;border: 1px solid #9aa7c0; text-align:center;}
.tbl-type03 td {padding: 10px 5px 10px 5px;text-align: left;border: 1px solid #9aa7c0; text-align:left;}

#content #companyCon .dw {
    width: 50%;
    margin: 0 auto;}
   
   
 /*sb1_3_area04*/
.sb1_3_area04{
    overflow-x: auto;
}
.sb1_3_area04 > table{width:100%;text-align:left;border-top:2px solid #89b336;border-bottom:2px solid #e0e0e0;margin: 10px 0 10px 0;}
.sb1_3_area04 > table tr{border-bottom:1px dashed #e0e0e0; }
.sb1_3_area04 > table tr th{width:275px;padding: 14px 0 14px 14px;color: #4c4c4c;font-size: 20px;line-height: 40px;font-weight: 400;}
.sb1_3_area04 > table tr th.thLine{ background:url(/design/ko/images/thLine.jpg) no-repeat right center; }
.sb1_3_area04 > table tr td{padding: 12px;line-height: 18px;color: #444;font-size: 12px;border-right: 1px dashed #e0e0e0;text-align: left;}
.sb1_3_area04 > table tr td:last-child {padding: 12px;line-height: 18px;color: #444;font-size: 12px;border-right: 1px dashed #fff;text-align: left;}

.box {
   width: 84%;
    height: 51px;
    border-radius: 10px;
    border: 1px solid #ccc;
    line-height: 55px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 600;
}

.subimg3 {
    margin-top: 10px;
    width: 100%;
}



/*후원방법 탭메뉴*/
.subtab{
	width : 100%}
.subtab .tabstyle01{
	padding-top : 40px; width : 100%;}
.subtab .tabt{
	width : 100%;
	margin-bottom : 20px;}
.subtab .tabstyle01 .tabt li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:0;
	width: 40%;
	height: 45px;
	text-align:center;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color:#fff;
	transition:all 0.3s;
	border-radius: 25px;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);}
    
.subtab .tabstyle01 .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle01 .tabt li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle01 .tabp{
	width : 100%;}
.subtab .tabstyle01 .tabp li{
	display : none;}
.subtab .tabstyle01 .tabp li:after{content :""; display : block; clear : both;}
.subtab .tabstyle01 .tabp li:first-child{
	width : 100%;}
.subtab .tabstyle01 .tabp li:first-child>div{
	float : left;
    width : 50%;}
.subtab .tabstyle01 .tabp li:last-child{
	width : 100%;}
.subtab .tabstyle01 .tabp li:last-child>div{
	float : left;
    width : 33.333%;}
.subtab .tabstyle01 .tabp .on{
	display : block;}

/*정기후원*/
.sub07fees{padding : 0 20px;}
.sub07fees strong{font-size : 16px; line-height : 3em; font-weight : bold;}
.sub07fees p{margin-bottom : 10px;}

div#layer_popup {
	width: 400px
}

div#layer_popup img {
    width: 100%;
}


/*친환경관광 탭메뉴*/
.subtab{
	width : 100%;}
.subtab .tabstyle02{
	min-width : 320px; padding : 40px 20px 0;}
.subtab .tabt{
	width: 100%;
	margin-bottom : 20px;
	}
.subtab .tabstyle02 .tabt li{
	/* display: inline-flex; */
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right:0;
	width: 65%;
	height: 15px;
	text-align:center;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	background-color:#fff;
	transition:all 0.3s;
	border-radius: 25px;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	padding: 11px 20px;
	}
    
.subtab .tabstyle02 .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle02 .tabt li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle02 .tabp{
	width : 100%;}
.subtab .tabstyle02 .tabp li{
	display : none;}
.subtab .tabstyle02 .tabp .on{
	display : block;}
.subtab .tabstyle02 .tabp li img{width : 100%; height : auto;}


.eco7 tr {border: 1px solid #000;}
.eco7 td{border:1px solid #000;}
.eco9 tr {border: 1px solid #000;}
.eco9 td{border:1px solid #000;}
.eco10 tr {border: 1px solid #000;}
.eco10 td{border:1px solid #000;}

.eco7_1{background-color:#3f803d;color:#fff;line-height: 32px;}
.eco7_2 {
    line-height: 19px;
}
.eco7 h3 {
    border: 2px solid #3f803d;
    text-align: center;
    margin-bottom: 9px;
    line-height: 50px;
    font-weight: bold;
}
.eco7 p {
    text-align: center;
    border: 5px solid #4f9e38;
    font-weight: 700;
    margin-bottom: 13px;
    font-size: 15px;
}
.eco9 h3 {
    background-color: #3f803d;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 9px;
}
.eco10 h3 {
    background-color: #3f803d;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 9px;
}

.ecoin {
    text-align: center;
    border: 5px solid #4f9e38;
    font-size: 19px;
    padding: 26px 0;
}
span.btn_1 {
    display: block;
    text-align: center;
    padding: 24px 0;
    font-size: 22px;
    border-radius: 25px;
    width: 276px;
    background-color: #4f9e38;
    margin: 28px auto;
}
span.btn_1 a {
    display: block;
    color: #fff;
}

.eco9 h2 {
    margin: 0 0 24px 0;
    text-align: center;
    background-color: #3f803d;
    color: #fff;
    font-size: 23px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    height: 54px;
    line-height: 51px;
}
.eco10 h2 {
    margin: 0 0 24px 0;
    text-align: center;
    background-color: #3f803d;
    color: #fff;
    font-size: 23px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    height: 54px;
    line-height: 51px;
}

.eco11 th {
    background-color: #3f803d;
    color: #fff;
    padding-left: 7px;
    font-weight: 800;
    font-size: 15px;
	 border: 1px solid #fff;
}
.eco11 td {
    padding: 12px 12px;
    font-size: 14px;
    text-align: left;
    line-height: 23px;
    border: 1px solid;
}
.eco9 tr {
    font-size: 14px;
}

.eco9 td {
    padding-left: 10px;
    line-height: 20px;
}
.eco10 td {
    padding-left: 10px;
    line-height: 20px;
    text-align: left;
    line-height: 22px;
}
.eco10 tr {
    font-size: 14px;
}
.subtab .tabstyle03 .tabt{margin-bottom : 40px;padding: 5% 0%; text-align:center;}
.subtab .tabstyle03 .tabt li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 45%;
	/* margin: 0 auto; */
	text-align:center;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color: #5ba90e;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	}

	.subtab .tabstyle03 .tabt .tabt-1{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 45%;
	/* margin: 0 auto; */
	text-align:center;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color: #f69705;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	}
	.subtab .tabstyle03 .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle03 .tabt li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle03 .tabp li{
	display : none;}
.subtab .tabstyle03 .tabp .on{display : block;}

.subtab1 .tabstyle03 .tabt{margin-bottom : 40px;padding: 5% 0%; text-align:center;}
.subtab1 .tabstyle03 .tabt li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 50%;
	/* margin: 0 auto; */
	text-align:center;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color: #5ba90e;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	}
	.subtab1 .tabstyle03 .tabt li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab1 .tabstyle03 .tabt li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab1 .tabstyle03 .tabp li{
	display : none;}
.subtab1 .tabstyle03 .tabp .on{display : block;}



	.subtab .tabstyle03 .tabt03{margin-bottom : 40px; padding: 0 108px;}
.subtab .tabstyle03 .tabt03 li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 227px;
	height: 50px;
	text-align:center;
	padding: 0px 3px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	font-weight: bold;
	background-color: #5ba90e;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	}

    
.subtab .tabstyle03 .tabt03 li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle03 .tabt li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle03 .tabp li{
	display : none;}

.subtab .tabstyle03 .tabp .on{display : block;}
.subtab .tabstyle03 .tabt04{margin-bottom : 40px; padding: 0 108px;}
.subtab .tabstyle03 .tabt04 li{
	display : inline-block;
	border-top-color: rgb(209, 209, 209);
	border-top-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 230px;
	height: 50px;
	text-align:center;
	padding: 0px 3px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 45px;
	color: rgb(255, 255, 255);
	line-height: 45px;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
	background-color: #5ba90e;
	transition:all 0.3s;
	box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.09);
	}

    
.subtab .tabstyle03 .tabt04 li:hover{
	box-shadow: 0px 50px 0px 0px #33a3f5 inset;
	transition:all 0.3s, color 0.2s 0.02s;
	color:#fff;
	border: 1px solid #ccc;
	background: #33a3f5;
	list-style: none;}
.subtab .tabstyle03 .tabt04 li.on{
	background: #33a3f5;
	border: 1px solid #ccc;
	color: #FFF;}
.subtab .tabstyle03 .tabp li{
	display : none;}
.subtab .tabstyle03 .tabp .on{display : block;}
.subimg3 ul:after{display:block;content:'';clear:both:}
.subimg3 ul li {
    width: 46%;
    float: left;
}