/*test page template*/
html {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
body {
font: normal 15px "trebuchet ms", arial, sans-serif;
background: #fff url(background.png) repeat;
color: #777;
word-break: break-all;

}
p {
padding: 0 0 20px 0;
line-height: 1.7em;
}
img {
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font: bold 28px "century gothic", arial, sans-serif;

}
h2 {


}
h4,
h5,
h6 {


}
h5,
h6 {
}
h6 {

}
a,
a:hover {
outline: none;
text-decoration: underline;

}
a:hover {
text-decoration: none;
}
.left {
float: left;
width: auto;
margin-right: 10px;
}
.right {
float: right;
width: auto;
margin-left: 10px;
}
.center {
display: block;
text-align: center;
margin: 20px auto;
}
blockquote {
margin: 20px 0;
padding: 10px 20px 0 20px;
border: 1px solid #e5e5db;
background: #fff;
}
ul {
margin: 0;
}
ul li {
}

#main,
#logo,
#menubar,
#site_content,
#footer {
margin-left: auto;
margin-right: auto;
}

#main,#site_content,#content{width: 100%;}



.header{position:fixed;width:100%;z-index:999999999;background:transparent;overflow:hidden;top:0;height: 5.2083vw;transition: 0.3s ease-in-out;}
.header_bg{background:url('../img/header_top.png') no-repeat center 0;background-size:cover;width:100%;height:0.9896vw;}

.header:hover{background: #fff;box-shadow:0 0 0.2604vw #343434;}
.headerscroll{background: #fff;box-shadow:0 0 0.2604vw #343434;}

.gnb{display: inline-block;
    margin: auto;
    float: left;
    margin-top: 2.0833vw;
    margin-left: 12.4167vw;}
.gnb ul{overflow:hidden;}
.gnb ul li{float:left;font-size:0.9375vw;font-family:'NanumSquare';color:#000;padding:0 1.5625vw;cursor:pointer;font-weight:700;}

.main_slide{margin-top:0;}
.scroll_top{position:fixed;left:1.5625vw;bottom:1.5625vw;cursor:pointer;z-index:99999;}
.logo{float:left;margin-top:1.0938vw;margin-left: 3.0938vw;width: 13.6979vw;}
.logo img{display:block;width:130%;}
.tel{float:right;margin-top:1.1667vw;margin-right: 2.1354vw;width: 14.7917vw;cursor: pointer;}
.tel img{width: 100%;}
.tel_mo{float:right;margin-top:1.1667vw;margin-right: 2.1354vw;width: 14.7917vw;cursor: pointer;}
.tel_mo img{display:block;width:100%;}

.section_wrap{width:100%;margin:auto;text-align:center;position:relative;max-width: 58.0729vw;}

.main_slide .section_1{width:100%;background:url('../img/section1_bg.jpg') no-repeat center bottom;background-size:cover;height:49.7917vw;}
.main_slide .section_1_2{width:100%;background:url('../img/section1_2_bg.jpg') no-repeat center bottom;background-size:cover;height:49.7917vw;}
.main_slide .section_1_3{width:100%;background:url('../img/section1_3_bg.jpg') no-repeat center 0;background-size:cover;height:50.4688vw;}
.main_slide_area{width: 100%;height: 100%;position: relative;}
.slide_cover{width: 43.7500vw;height: 100%;position: absolute;top: 0;right: 0;background: url(../img/slide_filter.png) no-repeat center 0;background-size: cover;z-index: 99}

@-webkit-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) translateZ(1px) rotate(.001deg);
  }
  100% {
    -ms-transform: scale(1.2, 1.2) rotate(.001deg);
    transform: scale(1.2, 1.2) translateZ(1px) rotate(.001deg);
  }
}
@-moz-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) translateZ(1px) rotate(.001deg);
  }
  100% {
    -ms-transform: scale(1.2, 1.2) rotate(.001deg);
    transform: scale(1.2, 1.2) translateZ(1px) rotate(.001deg);
  }
}
@-o-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) translateZ(1px) rotate(.001deg);
  }
  100% {
    -ms-transform: scale(1.2, 1.2) rotate(.001deg);
    transform: scale(1.2, 1.2) translateZ(1px) rotate(.001deg);
  }
}
@keyframes zoom-b {
  0% {
    -ms-transform: scale(1.2, 1.2) rotate(.001deg);
    transform: scale(1.2, 1.2) translateZ(1px) rotate(.001deg);
  }
  100% {
    -ms-transform: scale(1, 1) rotate(.001deg);
    transform: scale(1, 1) translateZ(1px) rotate(.001deg);
  }
}

.main_slide .slick-current {
    
  -webkit-animation: zoom-b 7s linear infinite alternate; /* Safari 4+ */
  -moz-animation:    zoom-b 7s linear infinite alternate; /* Fx 5+ */
  -o-animation:      zoom-b 7s linear infinite alternate; /* Opera 12+ */
  animation:         zoom-b 7s linear infinite alternate; /* IE 10+, Fx 29+ */
    animation-iteration-count: 1;
}

#pager{width:100%;position:absolute;top:47%;z-index:99;}
.prev{float:left;margin-left:2%;cursor:pointer;}
.next{float:right;margin-right:2%;cursor:pointer;}

.type_prev{float:left;margin-left:-10%;cursor:pointer;}
.type_next{float:right;margin-right:-10%;cursor:pointer;}

.sec1_txt1{position:absolute;right:5.2083vw;top:7.8958vw;width:27.0313vw;} 
.sec1_txt1 img {width: 100%;}
.sec1_txt2{position:absolute;right:0;top:45.8958vw;width:87.6%;} 
.sec1_txt2 img {width: 100%;}
.linedots{width: 100%;height: 0.7292vw;background: url(../img/linedots.png) no-repeat center 0;background-size: cover;position: absolute;bottom: -0.5%;left: 0;z-index: 999}

.section_2{width:100%;background:#fff}
.section_2 .section_wrap{text-align:center;padding:4% 0;}



.section_3{width:100%;background:url('../img/section3_bg.jpg') no-repeat center bottom;background-size:cover;}
.section_3 .section_wrap{text-align:center;padding:6% 0;}



.section_4{width:100%;background:#fff;}
.section_4 .section_wrap{text-align:center;padding:6% 0;}


.section_5{width:100%;background:url('../img/section5_bg.jpg') no-repeat center top;background-size:cover;}
.section_5 .section_wrap{text-align:center;padding:6% 0;}


ul.tabs {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0px 0;
    list-style: none;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.tabs li {
 
 
 margin: 0;
 padding: 0;
 overflow: hidden;
 width:24%;
 text-align:center;
    opacity: 1;
    transition: 0.3s ease-in-out;
    background: #8a8a8a;
    border-radius: 30px;
}

        
ul.tabs li a {
 text-decoration: none;
 color: #fff;
 display: block;
 font-size: 24.57px;
 padding: 10px 0px 4px 0px;
 outline: none;
font-family: 'GmarketSans';
    font-weight: 400;
}
ul.tabs li a span{font-weight: 900;}
ul.tabs li.active, html ul.tabs li:hover{
 background: #004f50;
} 



ul.tabs img{display:inline-block;}

.tab_container {

 clear: both;
  
 width: 100%;

 -moz-border-radius-bottomright: 5px;
 -khtml-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -khtml-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
margin-bottom: 10px;
margin-top:30px;
}
.tab_content {
 font-size: 1.2em;
position: relative;
}
.tab_content h2 {
 font-weight: normal;
 padding-bottom: 10px;

 font-size: 1.8em;
}
.tab_content h3 a{
 color: #254588;
}
.tab_content img {

}
.tab_content p{

}
@media screen and (max-width:1100px){
    ul.tabs{width: 100%;padding: 0;margin-top: 5%;}
    ul.tabs li{
        width:49%;margin-bottom:3%;
    }
    .tab_content p{padding:10px;} 

.tab_container{margin-top:0;padding-top:0;}
ul.tabs li a{font-size:1em;padding: 3% 0;}
ul.tabs li{padding: 0;}
}


.section_6{width:100%;background:#3d2224;}
.section_6 .section_wrap{text-align:center;padding:5% 0;}

.section_7{width:100%;background:#fff}
.section_7 .section_wrap{text-align:center;padding:5% 0;}
.section_7 ul{}

.type_1b_area,.type_2b_area{width: 100%;position: relative;margin-top: 3%;}

.type_2b li{margin-bottom: 10%;}
.type_2b li:last-child{margin-bottom: 0;}

.sec7_txt2{margin-top: 3%;}
.sec7_txt1{margin-top: 11%;}

.section_8{width:100%;background:url('../img/section8_bg.jpg') no-repeat center top;background-size:cover;}
.section_8 .section_wrap{text-align:center;padding:0% 0;}


.section_9{width:100%;background:#f9f6f2;}
.section_9 .section_wrap{text-align:center;padding:4% 0;}

.map_area{width: 100%;display: flex;justify-content:center;
    flex-direction: row;margin-top: 3%;}
.mapbox{width: 100%;    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
.map{width: 100%;}
.map_btn_area{width: 49%;    display: flex;
    justify-content: space-between;}
.map_btn{width: 49%;margin-top: 3%;}
.map_addr{font-size: 26px;color: #343434;text-align: center;margin-top: 2%;}
.map_addr span{font-weight: 900;color: #154f52}

.footer{background:#3b3b3b;width: 100%;padding-bottom: 8%;}
.footer .section_wrap{text-align:left;}
.foot_info{color:#fff;font-size:0.6771vw;line-height:0.9896vw;padding:3% 0;}
.foot_logo{position:absolute;right:0;top:1.7708vw;}

.db_ul{width:100%;overflow:hidden;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0.0000vw;
    margin-inline-end: 0.0000vw;
    padding-inline-start: 0;display: flex;
    flex-direction: row;
    align-items: center;justify-content: space-between;}
.db_ul>li{width:44.5%;}
.db_ul>li:nth-child(2){width: 50%;padding-top: 5%;}
.dbtit{margin-bottom: 5%;}

.privacy_box_pop_bg{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.7);width: 100%;height: 100%;z-index: 999999;display: none;}
.privacy_box_pop{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.privacy_close{font-size: 1.5625vw;font-weight: 900;color: #000;position: absolute;right:0.7813vw;top: 0.0000vw;cursor: pointer;}

.privacy_view{font-size: 0.8vw;font-weight: 900;color: #fff;cursor: pointer;margin-top: -0.5vw;}

.privacy_box_pop{
    border: 0.0521vw solid #d5d5d5;
    background: #fafafa;
    padding: 1.0417vw 1.5625vw;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 0.5208vw;
    text-align: left
}

.privacy_box_pop .title {
    font-size: 0.7292vw;
    line-height: 1.0417vw;
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 1.3021vw;
}

.privacy_box_pop .conarea {
    font-size: 0.6771vw;
    line-height: 1.0938vw;
    letter-spacing: -0.025em;
    color: #888;
}

.tbl_wrap th label{color: #fff;font-size:1vw }
.tbl_wrap th label.required{padding-right:0.7292vw;}

#btn_submit{   width: 100%;
    background: #7edadb;
    border: none;
    border-radius: 3.1250vw;
    margin-top: -1.5625vw;
    font-size: 1.4583vw !important;
    color: #004f50;
    padding: 0.5208vw;
    text-decoration: none;
    font-weight: 900;
    
margin:auto;}
.btn_confirm{margin-top: 10%;}
.quick_area{position: fixed;top: 15%;right:0;display: flex;
    flex-direction: row;
    align-items: center;z-index: 999999999;}
.quick{cursor: pointer;transition: 0.3s ease-in-out;width: 4.9479vw;margin-right: -0.2004vw;}
.quick:hover{top: 19%}
.quick_db{background: #3d2224;border: 0.2604vw solid #7edadb; padding: 6%;border-radius:1.5625vw 0 0 1.5625vw;width: 23.4375vw}

.active-purple{background:#fff;}
.event{width:100%;height:52.0833vw;background:url('../img/event.jpg') no-repeat center 0;background-size:cover;min-width:68.0729vw;}

.mb_slide_area{width: 100%;position: relative;margin-top: 0%;}
.mb_slide{width: 100%;}
.bot_quick{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: 40vw;z-index: 9999;cursor: pointer;}
.bot_quick img{width: 100%;}
.bot_quick_mb{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: 95%;z-index: 9999}
.bot_quick_mb img{width: 100%;}

#hd_pop{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#hd_pops_2{top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);}
.hd_pops_con{width: 74.2vw!important;height: 34.1667vw!important;}
.pop_custom{display: flex;flex-direction: row;justify-content: space-between; width: 100%;}
.pop_custom img{width:33.3333%;}
.goto{cursor: pointer;}
#hd_pops_3,#hd_pops_4,#hd_pops_5,#hd_pops_6{display: none;}
@media screen and (max-width:1100px){
    
                #hd_pop{width: 100%;text-align: center;}
        .hd_pops{margin: auto;
    top: 60px !important;
    left: 50% !important;transform: translateX(-50%);
    width: 85%;}
    .hd_pops_con{width: 100% !important;height: 100% !important;}
    .hd_pops img{width: 100%;}
    .hd_pops_con p{margin: 0;padding: 0;}
    .pop_custom{flex-wrap: wrap;}
    .pop_custom img{width: 100%;border: 1px solid #144e52}
    #hd_pops_2{display: none;}
    #hd_pops_3,#hd_pops_4,#hd_pops_5,#hd_pops_6{display: block;}
    #hd_pops_3{z-index: 4}
    #hd_pops_4{z-index: 3}
    #hd_pops_5{z-index: 2}
    #hd_pops_6{z-index: 1}
    .gnb{display: none;}
    .header{height: inherit;padding: 3% 0;}
    .logo{width: 35%;margin-top: 1%;margin-left: 1%;}
    .tel{width: 35%;margin-top: 1%;margin-right: 1%;}
    .tel_mo{width: 45%;margin-top: 1%;margin-right: 1%;}
    #content .section_wrap{max-width: 95%;padding: 10% 0;}
    #content .section_7 .section_wrap{max-width: 100%;}
    .type_prev,.type_next{width: 6%;}
    .type_prev img,.type_next img{width: 100%;}
    .type_prev{margin-left: 5%;}
    .type_next{margin-right: 5%;}
    .map_area{flex-direction: column;}
    .map_btn_area{width: 100%;}
    .map_addr{font-size: 1.5em;word-break: keep-all;}
    .map_addr span{display: block;}
    .mapbox{width: 100%;}
    .mapbox:nth-child(2){margin-top: 8%;}
    .sec7_txt1{margin-top: 10%;}
    .db_ul{flex-direction: column;}
    .db_ul>li{width: 100%;}
    .db_ul>li:nth-child(2){width: 100%;}
    .tbl_wrap th label{font-size: 6em;}
    .qna_privacy{flex-direction: column;margin-top: 5%;}
    .btn_confirm{margin-top: 5%;}
    #btn_submit{font-size: 2em!important;}
    .msec1_txt1{width: 100%;position: absolute;top: 0;left: 0;z-index: 99}

    .privacy_box_pop{width: 80%;}
    .privacy_box_pop .title{font-size: 1.5em;line-height: normal;letter-spacing: 0}
    .privacy_box_pop .conarea{font-size: 1em;line-height: normal;letter-spacing: 0}
    .privacy_close{font-size: 2em;}
    .footer{padding-bottom: 0;}
    #site_content .type_2b_area .type_pager{top: 36%;}
}