@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:#dd4f55!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{color:white;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 span>a{color:white}
.gnb li ul li a{display: block; border-color:#2a2a2a;color:white;background-color:#3e3e3e}

/*header*/

#header{width:100%;height:130px;position: relative;overflow:hidden;z-index:999}
#header .logo{text-align:center;line-height:46px;font-size:16px;}
#header .logo a{color:#1eb213;}
#header .menuBtn{display:block;width:46px;height:46px;position: absolute;top:45px;left:10px;}
#header .call{display:block;width:46px;height:46px;position: absolute;top:45px;right:0px;}
.headerBottom{position: relative;overflow:hidden;z-index:999;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);-ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.5);}
/*visual*/

#visual{width:100%;height:79.5%;background-color:white;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:79.5%;}
#visual .visualSlider li{width:100%;padding-bottom:79.5%;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}
/*.visualBottom{}*/



/*index contents*/
#container h2{font-size:20px;font-weight:600;}
#container .about{overflow:hidden;line-height:0;width: 100%;}




#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;}

/*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; font-size: 14px;}


.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;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:15px 0;}
.quickIcon a{float:left;margin:0;width:33.33%;}
.quickIcon a .icon{display:block;width:36px;height:36px;border:3px solid #eaeaea;border-radius:26px;line-height:40px;text-align:center;display:inline-block;font-size:22px;background:#9966cc;color:white;}
.quickIcon a p{font-size:14px;margin-top:3px;}

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

/*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:178px;background:url(../../images/side_logo.jpg) no-repeat;background-size:100%;text-align:center;width:199px;border-right:1px solid #2a2a2a;}
.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;}
}


/*탭메뉴 */
.tab_menu{width:100%;overflow:hidden;}
.tab_menu li{padding:10px 0;float:left;width:50%;text-align:center;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.tab_menu li a{display:block;}
.active{border-bottom:3px solid #9966cc!important;border-top:3px solid #9966cc!important;padding:8px 0 !important;}
.p1{padding:15px 0;text-align:justify;font-size:14px;line-height:20px;color:#666;}
.p2{padding:15px 0;display:none;text-align:justify;font-size:14px;line-height:20px;color:#666;}