body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 12px;
        color:#000;
        margin: 0;
        padding: 0;
		overflow-x: hidden;
    }
	.top-visual{position:fixed; top:30px;}
	.top-visual .txt{position:fixed; top:100px;}
	
	ul, li {list-style-type:none;margin:0;padding:0;}
	.tabs > li { width: 100%; }
    .tabs > li > a { color: #777; padding: 15px 0 14px 0; display: block; background: #111; text-align: center; text-decoration: none; font-size: 12px; line-height: 14px;  }
	.tabs > li.active > a { border-bottom: 0px solid #baa696; color: #111; background:#fff; }
	

	.swiper-container-2 { padding: 0px 0; overflow: hidden; }
	.swiper-container-2 .swiper-slide { background:#fff;  padding: 0px 10px; font-size: 20px; box-sizing: border-box; width:100%; text-align:center;}
	
	.swiper-container-2 .swiper-slide #sub-title .line{ padding:23px; padding-left:25px;  }
    .swiper-container-2 .swiper-slide #sub-title h1{ font-size:28px; letter-spacing:-2px; font-weight:400; line-height:20%; padding-top:40px; }
    #qq{position:relative; background-color:#f7f5f5;}
	
	#ff{ position:fixed; bottom:-3px; z-index:100;}
	
	.swiper3{background-color:#000;}
	
#vis,
#vis .vis {width:100%; position:fixed; z-index:0; overflow:hidden;}
#vis .vis .bg {position:relative;z-index:0;transition:7s;transform:scale(1.2,1.2); }
#vis .vis .txt {position:absolute;z-index:2 ;}

#vis .vis.active .bg {transform:scale(1,1);}


#vis .vis0 .info:after {background:none;}
#vis .vis1 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis2 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis3 .info:after {background:rgba(0,0,0,0.0);}
#vis .vis4 .info:after {background:rgba(0,0,0,0.0);}





ul.tabs a{ color:#666;} 

ul.tabs {  border-bottom: 2px solid #d7d7d7;
     
    padding: 0;
    list-style: none;
    width: 100%;
    font-size:12px;
    
	height:40px;
}
ul.tabs li { margin-bottom:-1px; 
    float: left;
    text-align:center;
    cursor: pointer;
    width:50%;
    height: 39px;
    line-height: 39px;
    border: 0px solid #ccc;
    border-left: none;
    font-weight: bold;
    background: #fff;
    overflow: hidden;
    position: relative;
	padding-top:0px;
}
ul.tabs li.active { color:#99796a; border-bottom: 2px solid #051f44;
    background: #FFFFFF;

}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
/*.tab_content { position: absolute;
    margin:20px 0px 0px 0px; margin-left:0px; padding:0px;
    font-size: 1em;
    display: none;
}*/
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 90%;
	height:200px;
    margin: 0 auto;
}






ul.tabs2 a{ color:#666;} 

ul.tabs2 { 
     
    padding: 0;
    list-style: none;
    width: 11%;
    font-size:12px;

	height:40px;
}
ul.tabs2 li { margin-bottom:-1px; border-top:none;
    float: left;
    text-align:center;
    cursor: pointer;
    height: 39px;
    line-height: 39px;
    border: 0px solid #ccc;
    font-weight: bold;
    background-color:#f2f1f1;
    overflow: hidden;
    position: relative;
	padding-top:0px;
}
ul.tabs2 li.active { color:#E71A0E; 
    background: #fff; border-bottom:1px solid #fff;
}




/* Button
----------------------------------------------------------------------------- */
.btn { display: block; overflow: hidden; }
.btn:hover img,
.btn:focus img { margin-top: -50px; }


.btn.caption-close { width: 34px; height: 34px; }

a.btn2 {
	display:inline-block;
	min-width:74px; 
	height:39px; line-height:39px; 
	border:0; 
	padding:0; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	font-size:13px; 
	text-align:center;
	vertical-align:middle; 
	cursor: pointer;
}
.btn2.btn01 {	background: #7c5da6; color:#fff;}
.btn2.btn02 {	border: 1px solid #DDDDDD;
				background: #fff;
				color: #707070;
				margin-right: 1px;}
.btn2.btn03 {min-width:69px; height:39px; line-height:39px; border:1px solid #DDDDDD; background:#000; color:#ffffff;}
.btn2_search_input {
    border: 0;
    color: #BEBEBE;
    vertical-align: middle;
    line-height: 2.5em;
    background:url(../sub/bunyang_danji_search_input.gif) no-repeat;
/*	background-position: 98% 50%; */
    padding: 0 5px 4px 34px;
    width: 147px;
	letter-spacing:-0.100em;
}
::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #BEBEBE;
}
:-moz-placeholder { /* 파이어폭스 4–18 */
   color: #BEBEBE;
   opacity:  1;
}
::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #BEBEBE;
   opacity:  1;
}
:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #BEBEBE;
}
::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #BEBEBE;
   opacity:  1;
}


a.btn { display:inline-block; width:50%; border:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; line-height:50px; text-align:center; vertical-align:middle;}
.btn.btn01 {color:#095462; border-bottom:3px solid #095462;}
.btn.btn02 {border-bottom:2px solid #DDDDDD; background:#fff; color:#707070;}
.btn.btn03 {min-width:102px; height:40px; border:3px solid #aaa; padding:0 10px; background:#fff; color:#444; font-size:13px; line-height:40px;}
.btn.btn04 {background:#00a5e1; color:#fff;}
.btn.btn05 {border:1px solid #00a5e1; background:transparent; color:#00a5e1;}
.btn.btn06 {min-width:70px; height:30px; border:1px solid #042e6f; padding:0 20px; background:transparent; color:#042e6f; font-size:13px; line-height:30px;}



#main {width:100%; position:fixed;top:-10px ;z-index:-1}
.select {
	display: block;
    color: #999;
    width: 165px;
    padding: 1% 3%;
    font-family: inherit;
    background: url(../img/arar.png) no-repeat 95% 50%;
    border: 1px solid #555;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 10%;
    right: 5%;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 600;


}

@media all and (max-width:320px)
{ 
		#quick { margin-top:-70px}
		
		
}


@media all and (min-width:768px)
{ 
		#quick { margin-top:70px}
		.wrap { margin-top:-370px}
		
}


@media all and (min-width:1024px)
{ 
		#quick { margin-top:190px}
		.wrap { margin-top:-540px}
		.main-bg {height:1100px;}
		#main-v {height:86%; width:153%}
		
}