#wrap {
    width: 100%;
    margin: 0;
    padding: 0;
}
html, body {
    width: 100%;
    height: 100%;

}

body{
    width: 100%;
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x: hidden;
   
}

.clrea::after {
    content: '';
    display: block;
    clear: both;
	position: absolute;
}

.midbox img{
	width: 100%
}


.midbox ul li{
	float: left;
	width: 50%;
}





img {
    width: 100%;
}

#main {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;

}


.pkc{
	position: relative;
	top: 0;
	transform: scale(1.2);
}

.maintext01{
	position: absolute;
	top: 5vw;
	left: 8vw;
	opacity: 0;
	width: 86vw;
	z-index: 10;
}

.maintext02{
	position: absolute;
	top: 37vw;
	left: 20vw;
	opacity: 0;
	width: 60vw;
	z-index: 10;
}





#zoom {
    transform: scale(1.5);
}
#zoom img {
    display: block;
    width: 100%;
}
.qbtn {
    width: 75%;
    left: 12.5%;
    position: absolute;
    z-index: 111;
    bottom: 6%;
}
.qbtn ul {
    display: flex;
    width: 100%;
}
.qbtn li {
    margin-left: 2%;
    width: 100%;
}
.qbtn img {
    width: 100%;
    display: block;
}
.qbtn li:first-child {
    margin-left: 0;
}
/**/

.mid {
    position: relative;
    width: 100%;
}
.mid ul {
    position: absolute;
    width: 100%;
    top: 23%;
}
.mid ul img {
    width: 85%;
    margin: 0 auto;
    padding: 1%;
}
.mbg {
    width: 100%;
    display: block;
}


/* ro_pre 시작 */

.ro_pre {
    position: relative;
    display: block;
    width: 100%;
    height:  110vw;
    padding:  10vw 5% 0;
    box-sizing: border-box;
}

.ro_pre .ro_pre_tit {
    width: 80%;
	margin: 0 auto;
}
.prbtn_prve,
.prbtn_next{
	position: absolute;
	z-index: 10;
	width: 10vw;
	top: 60vw;
}
.prbtn_prve{left: 2vw;}
.prbtn_next{right: 2vw;}

.ro_pre_slide {
    position: relative;
    width: 100%;
    margin: 0 auto;
    top: 10%;
}

.ro_pre .swiper-wrapper img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
}

.ro_pre .swiper-pagination {
    left: 50%;
    margin-left: -45.5px;
    bottom: 16vw;
}
.ro_pre .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    margin-right: 13px;
    background: #bfbfbf;
    opacity: 1;
}
.ro_pre .swiper-pagination-bullet-active {
    background: #66357e;
}
.ro_pre .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

/* ro_pre 끝 */


#loaction{
    padding-top: 14vw;
    padding-bottom: 10vw;
    background: url(../img/main/location_bg.png) no-repeat;
    background-size: auto 100%;
}
.lo_title{
	width:80%;
	margin: 0 auto;
	padding-bottom: 5vw;
}
.location_slide{
	width: 85%;
	margin: 0 auto;
}

/* contact 시작 */

.mapall {
    overflow: hidden;
    width: 100%;
    height: 120vw;
    position: relative;
    padding: 6vw 3% 0;
    box-sizing: border-box;
}
.mbg {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}
.mtt {
    position: absolute;
    z-index: 11;
    width: 90%;
	left: 5%;
}
.mtt img {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-top: 5vw;
}


#daumRoughmapContainer1633664890353{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;

}

.map01, .map02 {
    position: relative;
    width: 100%;
    height: 55vw;
    margin: 0 auto 27px;
    top: 28vw;
    margin-bottom: 25%;
}
.ml {
    width: 100%;
    display: block;
}
.root_daum_roughmap .wrap_controllers{
  display: none;
}
.root_daum_roughmap .wrap_map{
  height: calc(100%)!important;
}

.mapBanner{width: 100% !important;position:absolute;z-index: 20;height: 96px;bottom:0;left: 50%; transform: translateX(-50%);}


/**/
 


 /* contant 끝 */

.arrow2 {
    z-index: 1111111;
    position: absolute;
    top: 12.5%;
}
.arrow2 .swiper-button-prev2 {
    position: absolute;
    height: 8vw;
    width: 8%;
    outline: none;
    cursor: pointer; 
    right: 19%;
}

.arrow2 .swiper-button-next2 {
    width: 8%;
    height: 8vw;
    position: absolute;
    right: 9%;
    outline: none;
    border: none;
    z-index: 99999;
    cursor: pointer;
    
}



.value {
    position: relative;
    display: block;
    width: 100%;
    height:105.5vw;
}
.vabg {
    width: 100%;
    display: block;
    position: absolute;
}
.swiper-container {
    position: relative;
    width: 90%;
    margin: 0 auto;
    top: 35%;
}

.value img {
    width: 100%;
}
.value .swiper-wrapper {
    position: relative;
}
.value .swiper-wrapper .swiper-slide {
    position: relative;
}
.value .swiper-wrapper img {
    width: 100%;
    display: block;
    position: relative;
    left: -50%;
}





/**/

.vbot {
    width: 100%;
    position: relative;
}
.vbot img {
    width: 100%;
    display: block;
}

/**/

/* footer 시작 */

#footer img {
    width: 100%;
}

/* footer 끝 */

#daumRoughmapContainer1619154861283 {
    position: relative;
    width: 100% ;
    height: 100%;
    display: block;

}
.root_daum_roughmap .wrap_controllers{
  display: none;
}
.root_daum_roughmap .wrap_map{
  height: calc(100%)!important;
}

.mapBanner{width: 100% !important;position:absolute;z-index: 20;height: 96px;bottom:0;left: 50%; transform: translateX(-50%);}
/**/
#sub {
    width: 100%;
    position: relative;
}

.stit {
    width: 100%;
    position: relative;
}

.stit img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.stit .stit_img {
    position: absolute;
    bottom: 0;
    width: 60vw;
    top: 10vw;
    left: 20vw;
    z-index: 1;
}



.stit .stit_img.ver2 {

    position: absolute;
    bottom: 0;
    width: auto;
    top: 11vw;
    margin-left: -113px;
    left: 50%;
    max-width: 226px;
    z-index: 1;
}

.stit .stit_img.ver3 {

    position: absolute;
    bottom: 0;
    width: auto;
    top: 11vw;
    margin-left: -94px;
    left: 50%;
    max-width: 193px;
    z-index: 1;

}

.stit .stit_img.ver4 {

        position: absolute;
    bottom: 0;
    width: auto;
    top: 11vw;
    margin-left: -53px;
    left: 50%;
    max-width: 86px;
    z-index: 1;

}

.stit .stit_img.ver5 {

       position: absolute;
    bottom: 0;
    width: auto;
    top: 11vw;
    margin-left: -93px;
    left: 50%;
    max-width: 172px;
    z-index: 1;
}


.stit .stit_img.ver2:after {
    content: '';
    position: absolute;
   top: -17px;
    right: -49px;
    background: url(../img/sub_top/ci_bg.png) no-repeat;
    width: 72px;
    height: 63px;
    z-index: -1;
}

.stxt {
    width: 100%;
    position: relative;
    margin: 9% 0 0 0;
}
.stxt img {
    width: 2% !important;
    display: block;
    margin: 0 auto;
    padding-top: 4vw;
}


.slabel {
    font-size: 7vw;
    font-weight: 500;
    color: #111111;
    text-align: center;
    margin-top: 3vw;
    margin-bottom: 2vw;
    letter-spacing: -0.9px;
   
}
.slabel~span {
    font-size: 2.3vw;
    display: block;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    line-height: 3.5vw;
    color: #999;
}

.page {
    width: 100%;
    background: #fff;
    position: relative;
    padding-bottom: 3vw;
    margin-bottom: 7vw;
}
.page img {
    position: relative;
    width: 100%;
}
.page iframe {
    position: relative;
    width: 100% !important;
    margin-top: 6%;
}

/**/

.ntlist {
    width: 71.4%;
    padding: 7% 10%;
    position: relative;
    margin: 0 auto;
    margin-top: 5%;
    border: 1px solid #ddd;
    line-height: 3.9vw;
    font-size: 2.6vw;
    text-align: center;
    color: #999;
    margin-bottom: 4vw;
}
.ntlist .title {
    font-size: 3vw;
    margin-bottom: 2.4vw;
    font-weight: bold;
    color: #222;
}



/*서브탭메뉴*/
.smenu {
    display: none;
    /*서브메뉴 숨겨놓고 서브페이지에서 각 호출예정*/
}
.smenu ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    text-align: center;
}

.smenu ul li {
    width: 100%;
    line-height: 9vw;
    font-size: 3.2vw;
    letter-spacing: -0.1vw;
}
.smenu ul li:first-child a {
    border-left: none;
}
.smenu ul li a {
    display: block;
    box-sizing: border-box;
    background: #000000;
    border-left: 1px solid #ccc;
    color: #ffffff;
   /*  border-bottom: 1px solid #ccc; */
    font-size: 14px;
}


.page {
    width: 100%;
    background: #fff;
    position: relative;
    padding-bottom: 3vw;
    margin-bottom: 7vw;
}
.page img {
    width: 100%;
    position: relative;    
}
.page iframe {
    position: relative;
    width: 92% !important;
    margin-top: 5%; 
}


/*  */


.submap {
    position: relative;
    width: 90%;
    height: 55vw;
	top:5vw;
    margin: 0 auto 27px;
    margin-bottom: 25%;
	
}

/*  */


.go_area {
    width: 100%; 
    height: 100%;
    position: relative;
}


.go_links {
   width: 70%;
    position: absolute;
    bottom: 24vw;
    right: 13vw;
    height: 8vw;
    z-index: 999;
}



.gogo_link1{
   width: 100%;
    right: 0;
    display: block;
    top: 2vw;
    height: 5vw;
    position: absolute;
}

.gogo_link2 {
width: 100%;
    right: 0;
    display: block;
    bottom: 0;
    height: 5vw;
    position: absolute;

}



/***********스몰탭************/

.stab_wrap{
    position: relative;
    width: 95%;
    margin: 0 auto;
    padding-bottom: 0px;
    padding-top: 15px;
}

.samll_tab{
    display: none;
}
.samll_tab ul{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: space-between;
    border: 1px solid #4b155b;
}

.samll_tab ul li{
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
    border-right: 1px solid #4b155b;
}

.samll_tab ul li:first-child{
    float: left;
    margin-left: 0;
}

.samll_tab ul li:last-child{
     border-right: 0;
}

.samll_tab ul li a{
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 45px;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    background: #fff;
    color: #636363;
   /*  transform: rotate(-0.03deg); */
}


/*footer*/



footer {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
}
footer img {
    display: block;
    width: 100%;
}
footer a {
    display: block;
    width: 34%;
    height: 4vw;
    right: 0;
    position: absolute;
    z-index: 999;
    bottom: 27%;
}

/*footer end*/



@media (max-width:580px){

.pre .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 13px;
    background: #c4af96;
    opacity: 1;
}

.pre .swiper-pagination {

    bottom:  6vw;
    left: -62.5px;
}
    
.pre .swiper-pagination-bullet-active {
    background: #555656;
}


}










/* mid박스 */


   .quick_menu {
        position: relative;
	   width: 100%;
	   left:0;
	   bottom:0;
	   z-index: 99;
    }

    .quick_more {
        display: block; 
        width: 16vw; 
        height: 16vw;  
        border-radius: 50%; 
        background: #3f3a39;
    }

    .quick_more img {
        display: inline-block;
        vertical-align: middle;
        width: 30%;
    }

    .quick_list li {
        display: block;
		width: 50%;
		float:left;
    }

    .quick_list li a {
        display: block;
    }

    .quick_list {
        display: block;
	}
    
    .quick_list img {
		width:100%;
    }

    .quick_list.show { 
        display: block;                   
        opacity: 1;
    }


    .popup01_cf {
        display: none;
    }

    .popup01_cf.on {
        display: block;
        position: fixed;
        bottom:16vw;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: 100%;
		
    }

    .popup01_cf.on:after{
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
    }

    .inner_box {
        position: absolute;
        top: 42vw;
        left: 0;
        width: 100%;        
        height: 53vw;
    }

    .inner_box iframe {
        position: absolute;
        top: 2vw;
        width: 100%;
        height: 51vw;
    }

    .popup01_close {
        position: absolute;
        top: 37vw;
        right: 0vw;
    }

    .popup01_close img {
        width: 50%;
    }