/*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:#030c42;overflow:hidden;box-shadow:0 0 0.2604vw #343434;top:0;height: 6.0083vw;}
.header_bg{background:url('../img/header_top.png') no-repeat center 0;background-size:cover;width:100%;height:0.9896vw;}

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

.main_slide{margin-top:0;height: 100%;}
.scroll_top{position:fixed;left:1.5625vw;bottom:1.5625vw;cursor:pointer;z-index:99999;}
.logo{float:left;margin-top:2.15vw;margin-left: 2.0938vw;width: 27.3438vw;}
.logo img{display:block;width:100%;}
.tel{float:right;margin-top:1.5667vw;margin-right: 2.1354vw;width: 18.4896vw;}
.tel img{display:block;width:100%;}

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

.main_slide .slick-track,.main_slide .slick-list{height: 100%;}
.main_slide .section_1{width:100%;background:url('../img/section1_bg.jpg') no-repeat center bottom;background-size:cover;height:100%;}
.main_slide .section_1_2{width:100%;background:url('../img/section1_2_bg.jpg') no-repeat center 0;background-size:cover;}
.main_slide .section_1_3{width:100%;background:url('../img/section1_3_bg.jpg') no-repeat center 0;background-size:cover;}
.main_slide_area{width: 100%;height:47.8646vw;position: relative;}
.slide_cover{width: 100%;height: 100%;position: absolute;top: 0;right: 0;width: 100%;}
.slide_cover img{width: 100%;height: 100%;}
#pager{width:100%;position:absolute;top:49%;z-index:9;}
.prev{float:left;margin-left:2%;cursor:pointer;}
.next{float:right;margin-right:2%;cursor:pointer;}
.prev2{float:left;margin-left:-10%;cursor:pointer;}
.next2{float:right;margin-right:-10%;cursor:pointer;}
.prev3{float:left;margin-left:-10%;cursor:pointer;}
.next3{float:right;margin-right:-10%;cursor:pointer;}


.section_title{font-family: 'Gmarket Sans';font-weight: 400;color: #fff;font-size: 3em;color: #030c42;margin-bottom: 3%;line-height: 1.4;display: flex;flex-direction: column;}
.section_title.white{color: #fff;}
.section_title span.bold{font-weight: 700;}
.section_title span.subtit{font-weight: 500;font-size: 0.4em;text-transform: uppercase;letter-spacing: 4px;}
.section_title span.yellow{color: #ffeabd;}

.section_title.premium_tit{flex-direction: row;justify-content: center;align-items: center;gap: 0.7vw; font-weight: 300;}
.section_title span.number{font-weight: 700;font-size: 2em;}

.sec1_txt1{position:absolute;left:25.6071vw;top:10.2396vw;width:38.3854vw;}
.sec1_txt1 img {width: 100%;}

.section_wrap{text-align:center;padding:7% 0;}

.section_2{width:100%;background:#fff;}
.sec2_img1{width: 100%;}

.overview_table{width:100%; border-top:2px solid #030c42;font-family: 'NotoSans';margin-top: 3%;}
.overview_table th,
.overview_table td{font-size:20px; font-weight:500; padding:20px 20px; border-bottom:1px solid #ddd;}
.overview_table th{background:#f5f5f5; color:#030c42; font-weight:700; font-size:16px; padding:20px 20px; border-bottom:1px solid #bcbcb6;text-align: center;}
.overview_table td{padding:20px 10px 20px 20px; font-size:16px; border-bottom:1px solid #cfcfcf; color:#4e4a50; font-weight:400; text-align:left;}
.overview_table td.th_{height:130px}

.section_3{width:100%;background:#fff;}
.sec3_txt1{}
.sec3_txt2{margin-top: 2.6042vw;}

.section_4{width:100%;background:#030c42;}

.section_5{width:100%;background:#fff;}


ul.tabs {
    width: 100%;
 margin: 0 0 5% 0;
list-style: none;
overflow:hidden;
display:flex;
justify-content: center;
    
}
ul.tabs li {
 
 float: left;
 margin: 0;
 padding: 0;
 overflow: hidden;
 width:25%;
 text-align:center;
border-radius:3.6458vw;
margin-right:1%;
    opacity: 1;
    transition: 0.3s ease-in-out;
    background: #4c5a5f;
}
ul.tabs li:last-child{margin-right:0;}

ul.tabs li a {
 text-decoration: none;
 color: #fff;
 display: block;
 font-size: 1.2797vw;
 padding: 0.2083vw 0.0000vw;
 outline: none;

    font-weight: 500;

}
ul.tabs li a span{font-weight: 700;}
ul.tabs li.active, html ul.tabs li:hover{
 background: #030c42;
} 
ul.tabs li:nth-child(2).active, html ul.tabs li:nth-child(2):hover{
 background: #15a896;
} 
ul.tabs li:nth-child(3).active, html ul.tabs li:nth-child(3):hover{
 background: #e04a89;
} 
ul.tabs li:nth-child(4).active, html ul.tabs li:nth-child(4):hover{
 background: #fd4e19;
} 


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

.tab_container {

 clear: both;
 
 width: 100%;

 -moz-border-radius-bottomright: 0.2604vw;
 -khtml-border-radius-bottomright: 0.2604vw;
 -webkit-border-bottom-right-radius: 0.2604vw;
 -moz-border-radius-bottomleft: 0.2604vw;
 -khtml-border-radius-bottomleft: 0.2604vw;
 -webkit-border-bottom-left-radius: 0.2604vw;
margin-bottom: 0.5208vw;
margin-top:1.5625vw;
}
.tab_content {
 font-size: 1.2em;
}
.tab_content h2 {
 font-weight: normal;
 padding-bottom: 0.5208vw;

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

}
.tab_content p{

}
@media screen and (max-width:992px){
    ul.tabs{width: 100%;}
    ul.tabs li{
        width:32%;margin-bottom:3%;
    }

    ul.tabs li:nth-child(4){margin-right:0%;}
    
    .tab_content p{padding:10px;} 
    .tab_content img{}
.warn{text-align:center;font-size:11px;}
.tab_container{margin-top:0;padding-top:0;}
ul.tabs li a{font-size:1em;padding: 0;}
ul.tabs li{padding: 0;}
}

.section_8{width:100%;background: #a4b497;}
.section_8 .section_wrap{text-align:center;padding:0;}


.section_9{width:100%;background:#030c42;}

.sec9_txt1{margin-bottom: 3%;}
.sec9_txt2{color: #fff;font-size:2em;font-weight: 600;text-align: center;padding: 3% 0;border-bottom: 1px solid #fff;}

.map_area{width: 100%;}
.root_daum_roughmap .cont .section.lst{display: none!important}
.btn_naver{margin: auto;margin-top: 3%;width: 13.7500vw;}

.db_section{width: 100%;background: #fff;}
.db_section .section_wrap{padding: 5% 0;}
.db_area{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: auto;}
.db_img{width: 47.2%;}
.db_input{width: 49%;}

.inpimg{width: 100%;margin-top: 5%;}

.footer{background:#3b3b3b;width: 100%;}
.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;}

.map_btn{width: 18.7500vw;margin: auto;margin-top: 5%;display: flex;flex-direction: row;justify-content: space-between;}
.map_btn a{width: 49%;}

.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:37.1%;}
.db_ul>li:nth-child(2){width: 51%;}
.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: #030c42;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: #030c42;font-size:1vw }
.tbl_wrap th label.required{padding-right:0.7292vw;}

.section_8 .tbl_wrap th label{color: #fff;}
.section_8 .privacy_view{color: #fff;}
.section_8 .qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"] + label{color: #fff;}

#btn_submit{   width: 100%;
    background: #030c42;
    border: none;
    border-radius: 3.1250vw;
    margin-top: -1.5625vw;
    font-size: 1.4583vw !important;
    color: #fff;
    padding: 0.5208vw;
    text-decoration: none;
    font-weight: 700;
    
margin:auto;}


.quick{cursor: pointer;transition: 0.3s ease-in-out;width: 20%;position: fixed;bottom: 10%;right: 2%;z-index: 999}
.quick img{width: 100%;}

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

#pc{}
#mb{display: none;}

@media screen and (max-width:1000px){
    #pc{display: none;}
    #mb{display: block;}
    
    .header{height: unset;display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;padding:3% 0;}
    .logo{width: 50%;margin: 0;}
    .tel{width: 40%;margin: 0;}
    .section_wrap{max-width: 92%!important;padding: 12% 0;}
    .section_title{font-size: 2.2em;}
    
    .overview_table th{font-size: 1em;padding: 2% 1%;word-break: keep-all;}
    .overview_table td{font-size: 1em;padding:  2% 1%;}
    .section_title.premium_tit{font-size: 1.8em;}
    .map_btn{width: 50%;}
    .sec9_txt2{font-size: 1.5em;}
    .root_daum_roughmap .wrap_map{height: 250px!important;}
    
    .db_section .section_wrap{max-width: 100%!important;}
    .db_area{flex-direction: column;}
    .db_img{width:100%;}
    .db_input{width: 92%;margin-top: 5%;}
    .inpimg{width: 100%;}
    .db_section .section_wrap .inpimg{width: 92%;margin: auto;margin-top: 5%;}
    .tbl_wrap th{font-size: 1em;}
    
                    .tbl_wrap th{font-size: 1.3em;}
                .tbl_wrap th label{font-size: 1em;margin-bottom: 0;}
                .tbl_wrap td .form-control,.tbl_wrap td .form-control-phone{height: 8vw;}
                .tbl_wrap th label.required{padding-right: 4.7vw;}
                .privacy_view{font-size: 0.8em;}
                .qna_privacy .qna_privacy_agree input.agree_ck[type="checkbox"] + label{font-size: 1em;}
                .tbl_frm01{margin: 0;}
                #btn_submit{font-size: 2em!important;margin-top: 6%;}
                .privacy_box_pop{width: 85%;padding: 6% 5%;}
                .privacy_box_pop .title{font-size: 1.3em;}
                .privacy_box_pop .conarea{font-size: 1em;line-height: 1.4;margin-top: 3%;}
                .privacy_close{font-size: 2em;}
    .qna_privacy{flex-direction: column;}
    
    .footer p.footlogo img{width: 70%;margin-bottom: 2%;}
}