@charset "utf-8";

*{margin:0;padding:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none;color:#666;}
html,body{width:100%;font-size:16px;color:#333;}
#blackout{width:100%;height:100%;background-color:rgba(0,0,0,.5);position: absolute;z-index:-100;top:0;}
.pointColor{color:#7e5649!important;}
.bgColor{background-color:#000000!important;color:#fff!important;}

#wrap{width:100%;position: absolute;background-color:white;min-height:100%}
/*#wrap div{background-color:white;}*/

/*gnb*/

ul{overflow: hidden;text-indent:10px;}
ul li span{display:block;height:46px;border-bottom:1px solid #eaeaea;line-height:46px;cursor: pointer;font-weight:bold;}
ul li ul{display:none;}
ul li ul li a{display:block;border-bottom:1px solid #eaeaea;height:46px;line-height:46px;text-indent:20px;background-color:#f7f7f7;}
.gnb{background-color:#333;position: absolute;z-index:-50;width:199px;color:white;border-right:1px solid #2a2a2a;}
.gnb li span{color:white;border-color:#2a2a2a;}
.gnb li ul li a{border-color:#2a2a2a;color:white;background-color:#3e3e3e}

/*header*/

#header{width:100%;height:130px;position: relative;overflow:hidden;z-index:999; border-bottom: 3px solid #7e5649;}
#header .logo{text-align:center;line-height:46px;font-size:16px;}
#header .logo a{color:#1eb213;}
#header .menuBtn{display:block;position: absolute;top:42px;left:15px;line-height:49px;text-align: center;font-size:20px;color:white;}
#header .homeBtn{display:block;position: absolute;top:42px;right:15px;line-height:49px;text-align: center;font-size:20px;color:white;}
#header .menuBtn img{width:60px;}
#header .homeBtn img{width:60px;}

/*nav*/
.headerNav{width:100%;border-top:2px solid #7e5649; border-bottom:1px solid #7e5649;}
.headerNav:after{content: ''; clear:both; display: block;}
.navList li{float:left; text-align: center; display: block; width:33%; height: 40px; line-height: 40px;}
.navList .mm02{border: 1px solid #ddd; border-width: 0 1px;}
.navList li a{color:#7e5649; font-weight: 900;}


/*visual*/

#visual{width:100%;height:68.7%;background-color:white;/*border-bottom:1px solid #eaeaea;*/position: relative;background-size:cover;}
#visual .title{position:absolute;top:0;left:0;text-align:right;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.3);z-index:999}
#visual .title .name{font-weight:bold;color:white;border:2px solid white;padding:5px;display:inline-block;margin-top:80px;}
#visual .title .domain{color:white;font-size: 11px;display:block;margin-top:3px;}

#visual .visualSlider{width:100%;padding-bottom:68.7%;}
#visual .visualSlider li{width:100%;padding-bottom:68.7%;color:white;}
#visual .visualSlider li:nth-of-type(1){background-image:url(../../images/visual_slide1.jpg);background-repeat:no-repeat;background-size: cover;}
#visual .visualSlider li:nth-of-type(2){background-image:url(../../images/visual_slide2.jpg);background-repeat:no-repeat;background-size: cover;}
#visual .visualSlider li:nth-of-type(3){background-image:url(../../images/visual_slide3.jpg);background-repeat:no-repeat;background-size: cover;}
.bx-controls{display:none!important;}
#visual .visualSlider li .info{width:100%;height:100px;background-color:rgba(0,0,0,.5);text-indent:0;text-align:center;font-weight:600;font-size:20px;line-height:25px;margin-top:50px;}
#visual .visualSlider li .info2{width:100%;height:100px;background-color:rgba(0,0,0,.3);text-indent:0;text-align:center;font-weight:600;font-size:20px;line-height:20px;margin-top:50px;font-size:16px;}
#visual .visualSlider li i{font-size:24px;font-weight:600;}
.s1{color:#ffd0d0;}
.s2{color:#9df196}

/*index contents*/
#container h2{font-size:20px;font-weight:600;}
#container .greeting{text-align: center; padding:30px 0;}
#container .greeting .bTxt{font-size: 1.2em; font-weight: 900; color:#7e5649; padding:10px 0;}
#container .greeting .sTxt{color:#666;}
#container .linkBtn{overflow:hidden; line-height: 0; }
#container .linkBtn a img{float:left;}
#container .quickLink{border-top:5px solid #1eb213;background:#333;padding-bottom:10px;}
#container .quickLink ul{width:100%;overflow:hidden;margin-top:10px;text-indent: 0}
#container .quickLink ul li{float:left;width:33.3333%;color:white;text-align:center;}
#container .quickLink ul li h2{text-align:center}
#container .quickLink ul li span{display:block;width:100%;height:auto;border-bottom:0px solid #eaeaea;line-height:1.2em;cursor:default;font-weight:400;text-align:center;font-size:12px;color:#999}
#container .quickLink ul li img{margin-top:5px;max-width:80%;border-radius:80px;}
#container .quickLink ul li a{padding:5px;border:1px solid #ccc;font-size:12px;color:#ccc;vertical-align:top;border-radius:5px;display:inline-block;margin-top:5px;}
#container .subVis img{width:100%;}
/*contents*/
.contents{border-bottom:1px solid #eaeaea;padding:10px;}
.contents h2{font-size:16px;}
.contents .bgColorBox{border-radius:5px;background-color:#f0f0f0!important;margin-top:10px;padding:10px;}
.contents p{padding:10px 0;}


.contents .list1{text-indent:0;border-bottom:1px solid #eaeaea;}
.contents .list1 li{height:46px;border-top:1px solid #eaeaea;line-height:46px;}


.contents .table{border-collapse:collapse;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;width:100%;}
.contents .table tr{border-bottom:1px solid #eaeaea;}
.contents .table tr td{border-left:1px solid #eaeaea;text-align: center;padding:10px 0;}


.contents .image{border-collapse:collapse;}
.contents .image tr:first-child td{padding-top:0px!important;}
.contents .image tr td{vertical-align:top;padding-top:10px;}
.contents .image tr td img{border-radius:5px;}
.contents .image tr td .imgText{margin-left:10px;}

.contents .buttonList{border-top:1px solid #eaeaea;}
.contents .buttonList li{width:25%;background-color:#f7f7f7;float:left;text-indent:0;text-align:center;border-left:1px solid #eaeaea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:1px solid #eaeaea;padding:10px 0;color:#333;cursor:pointer}

.contents .buttonListContents li{display:none;padding:10px 0;border-bottom:1px solid #eaeaea;}

/*quick icon*/
.quickIcon{overflow: hidden;text-align:center;padding:15px 0; background: #7e5649;}
.quickIcon a{float:left;margin:0;width:33.33%;}
.quickIcon a .icon{display:block;width:36px;height:36px;border:3px solid #9e7e73;border-radius:26px;line-height:40px;text-align:center;display:inline-block;font-size:22px;background:#fff;color:#4d4d4d;}
.quickIcon a p{font-size:14px;margin-top:3px; color:#fff; padding-top: 10px;}

/*footer*/
#footer{padding:10px;font-size:11px;background: #333;color:#999;}

/*indexGnb*/
.indexGnb{border-top:1px dashed #1eb213;}
.indexGnb li span{position:relative;}
.indexGnb li span:after{display:block;content:'>';position:absolute;top:0;right:10px;color:#333;}

/*sideHeader*/
.sideHeader{display:block;height:180px; background:url(../../images/logo.gif) no-repeat;background-size:90%;text-align:center;width:199px;border-right:1px solid #2a2a2a;background-position: 10px 30px;}
.sideHeader .name{color:#333;font-weight:bold;border:2px solid #333;padding:5px;display:inline-block;margin-top:70px;}
.sideHeader .domain{color:#333;font-size: 11px;display:block;margin-top:3px;}

/*landscape*/
.landscape{font-size:12px;font-weight:bold;text-align:center;display:block;}
@media all and (orientation:landscape) {
	.landscape{display:none;}
}

/*서브페이지공통*/
#subVisual img{width:100%;}
#container .subContents img{width:100%;}
#container .subContainer{padding:10px;}
#container .subContainer .subTit{width:100%; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 10px; padding:10px 0;}
#container .subContainer .subTit p{font-size: 1.5em; font-weight: bold; color:#555;}


/*오시는 길*/
.map01{text-align: center; font-weight: bolder; padding:10px; color:#333; font-size: 1.2em;}
.map02{text-align: center; margin-bottom: 20px;}
#locationTable{border-top: 2px solid #333;width:100%;border-collapse: separate; border-spacing: 0px;}
#locationTable th{width:35%; border:1px solid #ddd; border-width: 0 1px 1px 0; background: #f5f5f5;}
#locationTable td{padding:10px; border-bottom: 1px solid #ddd; line-height: 1.5em;}