/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,800;1,900&display=swap');
/*초기화*/
body{font-size:0.8em}
html, body{height:100%!important;width:100%;margin:0;padding:0;font-family:"Noto Sans KR", sans-serif;background:#fff;letter-spacing: -1px;}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;color: #666;}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}

/*common*/
.img-responsive{max-width:100%; display:block; margin: 0px auto; width:auto;}
.m-auto{margin:auto}
.clear:after{display:block;content:"";clear:both}

.visible-xs{display:none!important}
.hidden-xs{display:block!important}

.m_img{display:none!important}
.pc_img{display:block!important}

.left{float:left}
.right{float:right}
.container{max-width:1200px;margin:auto}
.half{width:50%}
.W-100{WIDTH:100%}
.hide{display:none;}
.text-center {text-align: center;}
.mb-50{margin-bottom:50px }
.all_bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);display: none;z-index: 9998;}
.flex{ display: flex; }

#bo_cate_ul li:nth-child(1){display: none;}
.Righteous{font-family: 'Righteous', cursive;}
/*header*/

header.sub_on .wrap{padding-bottom:130px;}
header.sub_on .header {position: fixed;}
header.sub_on .header .h_top{background: #fcfcfc;}
header.sub_on .header .h_top li a{color:#6b8d74;opacity:1}
header.sub_on .header .h_menu{background: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
header.sub_on .header .h_menu .menu li .depth01{color:#333}

header.sub_on .header .h_menu .logo img.on{display:none!important}
header.sub_on .header .h_menu .logo img.off{display:block!important}

header .header {position: absolute;width:100%;top: 0;left: 50%;margin-left: -50%;z-index: 9999; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
header .header .h_top {padding: 10px 0;font-size: 1.2em;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
header .header .h_top .login {float: right;padding-right: 20px;}
header .header .h_top li {float: left;margin-right: 15px;}
header .header .h_top li a {display: block;color: #fff;opacity: 0.6;}
header .header .h_top li:hover a{opacity:1}
header .header .h_menu {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;position: relative;top: 0;left: 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);}
header .header .h_menu .logo {float: left;width: 17%;text-align: left;padding:20px 0}
header .header .h_menu .logo img{margin:0}
header .header .h_menu .logo img.off{display:none}
header .header .h_menu .menu {width: 83%;float: left;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
header .header .h_menu .menu > li{float:left;width:16.666666%;position: relative;top: 0;left: 0;padding:20px 0}

header .header .h_menu .menu li .depth01 {text-align: center;display: block;padding: 10px 0;color: #fff;font-size: 16px;}
header .header .depth02{display:none;position: absolute;top: 0;left: 0;right: 0;top: 100%;text-align: center;z-index: 9999;margin:15px 0;border-right: 1px solid #f5f5f5;width:100%!important}
header .header .menu > li:last-child .depth02{border-right:0}
header .header .depth02 li a.pc_menu_a {padding: 10px 0;display: block;font-size: 15px;}
header .header .depth02 li a.pc_menu_a:hover {color: #000;}
header .header.active .h_top{background: #fcfcfc;}
header .header.active .h_top li a{color:#6b8d74;opacity:1}
header .header.active .h_menu{background: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
header .header.active .h_menu .menu li .depth01{color:#333}
header .header .h_menu .navi-bg{width:100%; height:230px; position:absolute;top:100%;left:0;right:0;background-color:#fff;display:none;border-top: 1px solid #f5f5f5;width:100%!important}
header .header .h_menu .menu .depth01 .line {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;display: block;bottom: -2px;height: 2px;width: 0%;background: #6a8d74;left: 76px;z-index:9999}
header .header .h_menu .menu .depth01.on .line{width: 100% !important;left: 0px !important;}

/*header.on*/
header.on .header {position: fixed;}
header.on .header .h_top{background: #fcfcfc;}
header.on .header .h_top li a{color:#6b8d74;opacity:1}
header.on .header .h_menu{background: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
header.on .header .h_menu .logo img.on{display:none!important}
header.on .header .h_menu .logo img.off{display:block!important}
header.on .header .h_menu .menu li .depth01 {color: #333;}


/*m_menu*/
header .menu_btn {position: fixed;top: 0;right: 0;padding:25px 24px;cursor: pointer;z-index: 9999;}
header .m_btn {width: 27px;height: 22px;position: relative;}
header .menu_btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 2px;border-radius: 10px;background-color: #3d3a3a;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
header .menu_btn span:nth-child(1) {top: 0;}
header .menu_btn span:nth-child(2) {top: 9px;width: 70%;}
header .menu_btn span:nth-child(3) {top: 18px;}
header .menu_btn.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
header .menu_btn.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
header .menu_btn.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

header .m_menu_wrap {position: fixed;top: 0;right: -288px;width: 288px;z-index: 9998;background-color: #fff;bottom: 0;overflow: scroll;}
header .m_menu {text-align: left;padding-bottom: 100px;padding-top:70px;position: relative;top: 0;left: 0;}
header .m_menu > ul > li > a {display: block;padding: 18px 50px;font-size: 1.3em;font-weight:600;position:relative;top:0;left:0}
header .m_sub_menu li a {padding: 9px 50px;display: block;font-size: 1.1em;opacity:0.8;}
header .m_sub_menu {display: none;}
header .m_menu > ul > li > a.active {color: #6a8d74;}
header .m_menu > ul > li > a .line {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;display: block;bottom: 8px;height: 3px;width: 0%;background: #6a8d74;left: 76px;z-index: 9999;}
header .m_menu > ul > li > a.active .line {width: 190px!important;left: 47px !important;}
header .m_menu > ul.m_menu_ul > li > a:before {display: block;width: 14px;height: 14px;position: absolute;right: 50px;top: 50%;margin-top: -10px;content: "\f107";font-size: 10px;font-weight: normal;line-height: 14px;}
header .m_menu > ul.m_menu_ul > li > a.active:before{color: #6a8d74;}

header .m_login {position: absolute;bottom: 0;left: 50px;}
header .m_login .mli_2w, header .m_login .mli_1w{float:left;}
header .m_login .mli_2w a{padding:18px 15px 18px 0;font-size: 1.8em;}
header .m_login .mli_1w a {padding: 22px 15px 22px 0;font-size: 1.4em;font-weight: normal;}


/*main*/
.main{margin:auto}
.mainslide{width:100%;}
.mainslide .swiper-slide{opacity:0!important}
.mainslide .swiper-slide.swiper-slide-active{opacity:1!important}
.mainslide .swiper-button-prev, .mainslide .swiper-button-next{width: 120px;height: 120px;transform: translate(0,0);top: 50%;margin-top: 0;background-position: center;background-repeat: no-repeat; }
.mainslide .swiper-button-prev:after, .mainslide .swiper-button-next:after{display:none;}
.mainslide .swiper-button-next {right: 210px;left: auto;background-image:url(/img/main/btn_r.png);}
.mainslide .swiper-button-prev {left: 190px;right: auto;background-image:url(/img/main/btn_l.png);}
.mainslide img{width:100%}
.mainslide .swiper-button-prev:focus, .mainslide .swiper-button-next:focus{ outline: 0;}

.sct_padding{padding:180px 0}
.sct_con{padding-top:50px;}
.half_wrap:after{display:block;content:"";clear:both}

.main .sct01{max-width:1920px;margin:auto;}
.main .sct01 .flex{ justify-content: center; flex-wrap: wrap; }
.main .sct01 a{width:20%;}
.main .sct01 img{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.main .sct01 img.on{display:none;}

.main .sct03{position: relative;top:0;left:0}
.main .sct03:after {display: block;content: "";clear: both;width: 100%;position: absolute;bottom: 0;height: 50%;background: #edf7f3;z-index: 0;}


.carousel_slide{display:none;}
.carousel .slides{margin:auto!important}
.carousel .nextButton, .carousel .prevButton{top: 50%;width: 45px;height: 86px;position: absolute;cursor: pointer;z-index: 9999;transform: translateY(-50%);}

.carousel .nextButton{ background: url(/img/main/btn_next.png) no-repeat center;right: 220px;}
.carousel .prevButton{background: url(/img/main/btn_prev.png) no-repeat center;left: 220px;}


.main .sct02{padding-bottom:0; position: relative;}
.main .sct02 .more{position: absolute; top: 180px; left: 70%;}
.main .sct02 .swiper-button-prev, .main .sct02 .swiper-button-next {

    z-index: 9998;    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
	width: 60px; height: 60px;
}
.main .sct02 .swiper-button-next{    background-image: url(/img/main/b_btn_next.png);right: 50%;
    left: auto;
    margin-right: -20.5%;}
.main .sct02 .swiper-button-prev{    background-image: url(/img/main/b_btn_prev.png);left: 50%;
    right: auto;
    margin-left: -20.5%;}
.main .sct02 .swiper-slide{position: relative;}
.main .sct02 .swiper-slide img{border-radius: 0 50px 0 50px;}
.main .sct02 .swiper-slide .box{width: 130px; height: 130px; color: #fff; background: #aacd06; line-height: 130px; text-align: center; position: absolute; bottom: 0; right: 0; font-size: 20px;}
.main .sct02 .swiper-slide{opacity: 0.5}
.main .sct02 .swiper-slide-active{opacity: 1}
.main .sct02 .swiper-pagination{left: 50%; transform: translateX(-50%); bottom: -50px}
.main .sct02 .swiper-pagination .swiper-pagination-bullet{margin-right: 5px; border-radius: 0 !important;}
.main .sct02 .swiper-pagination-bullet-active{background: #aacd06; width: 30px;}

.main .sct03 .swiper-button-prev, .sct03 .swiper-button-next{width: 45px;height: 65px;;background-repeat:no-repeat;background-position:center;background-size:auto 100%}
.main .sct03 .swiper-button-prev:foucs, .sct03 .swiper-button-next:foucs{outline:none;}
.main .sct03 .swiper-button-prev, .sct03 .swiper-container-rtl .swiper-button-next{background-image: url(/img/main/btn_prev.png)}
.main .sct03 .swiper-button-next, .sct03 .swiper-container-rtl .swiper-button-prev{background-image: url(/img/main/btn_next.png)}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none;}

.main .sct04 {padding:50px 0;background-image: url(/img/main/sct04_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.main .sct04 .container{position:relative;top:0;left:0}
.main .sct04 .container:after{display: block;content: "";clear: both;}
.main .sct04 .left{width: 36.5%;margin-right: 1%;position: absolute;top: 0;bottom: 0;left: 0;overflow: hidden;}

.main .sct04 .right{width: 62%;}
.main .sct04 ul.r_bottom{margin-top:2%}
.main .sct04 ul.r_bottom li {float: left;width: 24%;margin-right:1.3%}
.main .sct04 ul.r_bottom li:last-child{margin-right:0}
.main .sct04 ul.r_bottom li:hover a {display: block;border: 2px solid transparent;}


.selfie_wrap{width:100%;}
.selfie_wrap:after{display:block;content:"";clear:both;}
.selfie_box{float:left}

.selfie_box.w2 {width: 25%;}
.selfie_box.w1 {width: 12.5%;}

.selfie_box span{overflow:hidden;display: block;}
.selfie_box span.off_hover img:hover{transform:scale(1.0);}
.selfie_box span img{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.selfie_box span img:hover{transform:scale(1.2);}


.main .sct05{max-width:1920px;margin:auto}

.main .sct06{padding: 0; position: relative;width: 100%; margin: auto;}
.main .sct06 .half_wrap{position:relative;top:0;left:0; height: 100vh;}
.main .sct06 .map_wrap {position: absolute;top: 0;left: 50%;bottom: 0; width: 100%; transform: translateX(-50%); z-index: 20}
.main .sct06 .map {width: 100%;height: 100%;padding: 0;border:0}
.main .sct06 .map .wrap_map {height: 100vh;}
.main .sct06 .c_box{width: 35%; height: 100vh; background: #ada5a3; opacity: 0.7; position: absolute; top: 0; right: 0; z-index: 30}
.main .sct06 .info{position: absolute; top: 50%; left: 40%; z-index: 40; transform: translateY(-50%)}

.main .sct07{padding-bottom: 0;}
.main .sct07 .tit{width: 30%; padding-left: 20%; float: left; margin-top: 8%; position: relative;}
.main .sct07 .tit p{margin-top: 20px;}
.main .sct07 .swiper-container{width: 55%; float: right;}
.main .sct07 .txt_box{width: 45%; padding: 60px 25px; background: #fff; position: absolute; bottom: 15px; left: 50px; box-shadow: 5px 0 15px rgba(0,0,0,0.1); font-size: 35px;}
.main .sct07 .txt_box:after{content: ""; display: block; width: 95%; height: 2px; background: #ccc; margin-top: 30px;}
.main .sct07 .txt_box p{width: 52%; background: #aacd06; color:#fff; position: absolute;  top: -15px; left: 0; font-size: 20px; padding: 10px 25px; font-family: 'Montserrat', sans-serif;}
.main .sct07 .swiper-slide{padding-bottom: 35px;}
.main .sct07 .swiper-slide img{margin: 0}
.main .sct07 .swiper-slide .txt_box p{background: #ded6d4;}
.main .sct07 .swiper-slide-active .txt_box p{background: #aacd06;}
.main .sct07 .swiper-pagination{bottom: -150px; left: 37.5%; font-size: 2em; font-family: 'Montserrat', sans-serif;}
.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{width: 60px;height: 60px;background-repeat:no-repeat;background-position:center;background-size:auto 100%; top: auto; bottom: -160px; z-index: 100}
.main .sct07 .swiper-button-prev{background-image: url(/img/main/b_btn_prev.png); left: 65%; }
.main .sct07 .swiper-button-next{background-image: url(/img/main/b_btn_next.png); right: -10%;}
.main .sct07 .swiper-pagination-total{opacity: 0.5}
.main .sct07 .swiper-pagination-current:before{
content: "0"
}
.main .sct07 .swiper-pagination-total:before{
content: "0"
}


.main .sct08 ul li{float: left; width: 50%;}
.main .sct08 ul li img{width: 100%;}
.main .sct08 ul li .on{display: none;}
.main .sct08 ul li:hover img{display: none;}
.main .sct08 ul li:hover .on{display: block}
.main .sct08 .info_box{width: 98%; margin: auto; box-sizing: border-box; padding: 50px 75px; margin-top: 20px; box-shadow: 5px 0 20px rgba(0,0,0,0.1)}
.main .sct08 .info_box .tit{position: relative; float: left; width: 30%;}
.main .sct08 .info_box .tit:after{display:block; content: ""; width: 2px; height: 220px; background: #ccc; position: absolute; left: 250px; top: 50%; transform: translateY(-50%);}
.main .sct08 #lform{float: right; width: 70%; position: relative;}
.main .sct08 #lform .box1{float: left;}
.main .sct08 #lform .box1 .space{margin-top: 0}
.main .sct08 #lform .box2{float: right; width: 30%; position: relative;}
.main .sct08 #lform .box1 input, .main .sct08 #lform select, .main .sct08 #lform .box_rig textarea{float: right; width: 83%;}
.main .sct08 #lform .box_rig textarea{-webkit-border-radius: 0; border-width: 1px; border-color: #bfbfbf}
.main .sct08 #lform .box1 input, .main .sct08 #lform select{padding: 5px 5px; -webkit-border-radius: 0; border-width: 1px; box-sizing: border-box; border-color: #bfbfbf}
.main .sct08 #lform label{margin-right: 2%; width: 15%; padding: 5px 0; font-size: 18px;}
.main .sct08 #lform .box, .main .sct08 #lform .box_rig{margin-top: 20px;}
.main .sct08 #lform .sel{margin-top: 10px;}
.main .sct08 #lform .box2 .submit{width: 100%; height: 180px; border-radius: 0; border: none; background: #ded6d4; color: #fff; font-size: 30px; font-weight: normal;}
.main .sct08 #lform .checkbox{position: absolute; bottom: -10px; right: 0; width: 30%;}
.main .sct08 #lform .checkbox label{font-size: 15px;}

/*quick*/
.quick {position: fixed;bottom:130px;right:30px;z-index: 9999;}
.quick li {margin-bottom: 10px; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1))}
.quick img{width:90px;}
/*.q_list{display:none}*/

.top_wrap{width: 90px;text-align: center;position: fixed;bottom: 40px;right: 30px;font-size: 30px;}


.m_quick {position: fixed;left: 0;right: 0;top: auto;bottom: 0;z-index: 9997;border-top: 1px solid rgba(63, 63, 63, 0.1);}
.m_quick li {float: left;width: 25%;background: #ffffff;text-align: center;}
.m_quick li a {display: block;margin: 8px 0;}
.m_quick .quick01 a, .m_quick .quick04 a {border-right: 1px solid rgba(63, 63, 63, 0.1);}
.m_quick li a img {height: 35px;width: auto;padding: 5px;}
.m_quick li span {margin-top: 0;font-size: 11px;display: block;color: #3f3f3f;}
.m_quick .quick03 {position: absolute;bottom: 0;background-color: #aacd06;left: 0;right: 0;margin: auto;border-top-right-radius: 5px;border-top-left-radius: 5px;text-align: center;}
.m_quick .quick03 a {margin: 13px 0 8px 0;}
.m_quick .quick03 span {color: #fff;}
.top_m {position: fixed;bottom: 90px;left: 20px;opacity:0.7;    z-index: 9998;}
.top_m .top{color: #aacd06;font-size:30px;}
.top_m:hover{opacity:1;}
.top_m img{height:60px;}


/*footer*/
footer .footer {background: #333;font-size:16px;}
footer .footer .container {padding: 70px 0;text-align: center;}
footer .f_sns{max-width:415px;margin:auto;margin-bottom:60px;}
footer .f_sns:after{display:block;content:"";clear:both}
footer .f_sns li {float:left;width:20%;}
footer .f_link {margin-bottom:30px}
footer .f_link li {display: inline-block;padding: 0 15px;border-right: 1px solid #fff;}
footer .f_link li:last-child {border-right: 0;}
footer .f_link li a{color:#fff}
footer .f_info li {display: inline-block;padding: 0 15px;border-right: 1px solid #fff;color:#fff;opacity:0.5}
footer .f_info li:last-child {border-right: 0;}
footer .f_copy{padding:20px 0;border-top:1px solid #717171;text-align:center;color:#717171;}


/*게시판*/
div#bo_gall:after {display: block;content: "";clear: both;}
div#bo_gall,section#bo_w,article#bo_v,div#bo_list, .register{max-width:1200px;margin:80px auto;}
article#ctt {max-width: 1200px;margin: auto;}

/*sub*/
.sub_tail_tit{margin:100px auto}

.sub_map{position:relative;top:0;left:0;}
.sub_map .map{width:100%;max-width:1200px;margin:auto;padding:0;border:0;height:500px;}
.sub_map .map_txt{position:absolute;top:10px;right:50px;z-index:10}
.sub_map .root_daum_roughmap .wrap_map{height:100%;}
.sub_slide{}
.sub_slide .item {height: 150px;display: table;width: 100%;background: #f5f5f5;text-align: center;cursor: pointer;border-bottom: 1px solid rgba(91, 118, 100, 0.3);}


.sub_slide .item.active{background: #aacd06;color:#fff}
.sub_slide .item span{display:table-cell;vertical-align:middle;font-size:14px;}
.sub_slide .no-gutters {position: relative;top: 0;left: 0;}

.sub_slide #slide_btn {position: absolute;top: 0;right: 0;bottom: 0;}

.sub_slide .carousel-indicators {display: inline-block;height: 100%;width: 100%;overflow-y: scroll;overflow-x: hidden;padding-right: 10px;padding-left: 10px;background: #fff;}
.sub_slide .carousel-inner::after {display: block;clear: both;content: "";}
.sub_slide .carousel-indicators::-webkit-scrollbar {width: 6px;height: 6px;}
.sub_slide .carousel-indicators::-webkit-scrollbar-track {background: #f1f1f1;}
.sub_slide .carousel-indicators::-webkit-scrollbar-thumb {background: #aacd06 ;}
.sub_slide .carousel-indicators::-webkit-scrollbar-thumb:hover {background: #aacd06 ;}

.sub_laser {max-width: 1200px;margin: auto;margin-bottom:50px;}
.sub_laser li {float: left;width: 32.3333%;margin: 0.5%;position:relative;top:0;left:0}

.sub_laser .laser_ul:after{display:block;content:"";clear:both}
.sub_laser .laser_ul{margin-top:0.5%;}
.sub_laser #layerWrap {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 9999;overflow: hidden;}
.sub_laser #layerWrap .layer {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;width: 1200px;}
.sub_laser #layerWrap .layer .btn_close {position: absolute;right: 20px;top: 20px;width: 50px;height: 50px;font-size: 0;border: 0;text-indent: -9999px;background: url(/img/sub/close.png) center center no-repeat;z-index: 9999;}
.sub_laser li .over {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);overflow: hidden;}
.sub_laser li:hover .over{display:block}
.sub_laser li .over img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#reg_result h2 strong {color: #6a8d74;}

.sub_con_box{margin:80px 0}

.sub_con_box .container:after{display:block;content:"";clear:both}
.sub_con_box .sub_box{width:31.3333%;margin:1%;float:left;overflow:hidden;position:relative;top:0;left:0}
.sub_con_box .sub_box img {position: relative;top: 0;left: 50%;transform: translate(-50%,0);}
/*.sub_con_box .info {position: absolute;top: 0;left: 0;color: #fff;font-size: 18px;padding: 5px;}
.sub_con_box .info span {margin-right: 5px;}*/

.pb-10{padding-bottom:10px;}
.pb-0{padding-bottom:0px;}
.pt-0{padding-top:0px!important;}
.pb-20{padding-bottom:20px;}
.mb-20{margin-bottom:20px;}
.ft18{font-size:18px;}

.sub .tab {text-align: center;}
.sub .tab:After{display:block;content:"";clear:both;}
.sub .tab li {float: left;padding: 15px 0;cursor: pointer;background: #f3f3f3;color: #b8b8b8;border-right: 1px solid #dbdbdb;}
.sub .tab li:last-child{border-right:0}
.sub .tab li.active, .sub .tab li:hover {background: #fff;border-top: 5px solid #76966d;padding: 10px 0 15px;color: #000;border-right: 0;}

.sub .view{display:none;}
.sub .view.active{display:block;}

.sub.mn04_01 .tab li{width:calc(100% / 6);}
.sub.mn04_02 .tab li{width: 25%;}
.sub.mn06_01 .tab li{width: 33.3333%;}

.sub .map{width:100%;}
.sub .root_daum_roughmap{height:700px;}
.sub .root_daum_roughmap .wrap_map{height:100%;}
.sub .map_desc{position:absolute;top:50px;right:50px;z-index:90;}
.sub .map_wrap{position:relative;top:0;left:0}

@media (max-width: 1600px){
	.main .sct07 .tit{padding-left: 13%;}
	.main .sct07 .swiper-button-prev{left: 43%;}
	.main .sct07 .swiper-pagination{left: 26.5%;}
}
@media (max-width: 1500px){
	.main .sct07 .txt_box{width: 55%; padding: 45px 25px;}
}
@media (max-width: 1300px){
	.main .sct07 .tit{padding-left: 5%; margin-top: 0;}
	.main .sct07 .swiper-button-prev{left: 16%;}
	.main .sct07 .swiper-button-next{right: 0;}
	.main .sct07 .swiper-pagination{left: 6.5%;}
}

@media (max-width: 1200px){
	header .header .h_menu .menu li .depth01{font-size:14px;}
	header .header .depth02 li a.pc_menu_a{font-size:13px;}

	.carousel .slides{margin:auto!important}
	.container{padding:0 15px;}

	.sub_map .map_txt{width:30%;}
	.sub_tail_tit{width:35%;margin:80px auto}

	.sub_slide .item{height:120px;}
	.sub_laser #layerWrap .layer {padding:0 15px;width:100%}

	div#bo_gall,section#bo_w,article#bo_v,div#bo_list, .register{padding:0 15px;}
	form#fregister, form#fregisterform{padding:0 15px;margin:50px 0}

	.main .sct02 .swiper-button-next{  right:15px;left:auto;margin-right: 17.5%}
	.main .sct02 .swiper-button-prev{left:15px;right:auto;margin-left: 17.5%;}

	.main .sct07 .txt_box{font-size: 30px; padding: 40px 15px;}
	.main .sct07 .txt_box p{font-size: 18px; padding: 10px 15px;}

	.main .sct08 .info_box{padding: 50px 30px;}

	.main .sct06 .map .wrap_map {height: 100%;}



}

@media (max-width: 1024px){
	.carousel{display:none;}
	.carousel_slide{display:block;margin:0 50px!important}
	.main .sct03 .sct_con{width:60%;margin:auto}

	.sub_slide .carousel{display:block}

	.main .sct07 .txt_box{font-size: 25px; padding: 40px 15px; width: 50%;}
}
@media (max-width: 990px){
	header .header .h_menu .logo{padding:10px 0}
	header .header .h_menu .menu > li{padding:9px 0}

	header.sub_on .wrap{padding-bottom:103px;}

	.md_img{display:none}
	.selfie_box.w1 {width: 14.285%;}
	.selfie_box.w2 {width: 28.57%;}

	.main .sct02 .swiper-slide .box{width: 110px; height: 110px; font-size: 18px; line-height: 110px;}

	.main .sct07 .txt_box p{font-size: 18px; padding: 10px 10px;}

	.main .sct08 .info_box{padding: 50px 40px; width: 95%;}
	.main .sct08 .info_box .tit, .main .sct08 #lform{float: none; width: 100%;}
	.main .sct08 .info_box .tit{margin-bottom: 50px;}
	.main .sct08 .info_box .tit .pc_img{display: none !important;}
	.main .sct08 .info_box .tit .m_img{display: block !important}
	.main .sct08 .info_box .tit img{width: 50%;}
	.main .sct08 .info_box .tit:after{width: 100%; height: 2px; bottom : -25%; top:auto; transform: translateX(-50%); left: 50%; }
	.main .sct08 #lform .box2{width: 45%; margin: 0 auto 50px auto;}
	.main .sct08 #lform .box2 .submit{height: auto; margin-top: 30px; padding: 15px 0; font-size: 25px;}
	.main .sct08 #lform label{width: 100%; text-align: center;}
	.main .sct08 #lform .box1 ,.main .sct08 #lform .box2{float: none;}
	.main .sct08 #lform .checkbox{width: 215px; right: auto; left: 50%; transform: translateX(-50%); position: relative; bottom: 0;}


	.sub .root_daum_roughmap{height:600px;}
	.sub .map_desc{top:15px;right:15px;width:40%;}
}

@media (max-width: 768px){
	.m_img{display:block!important}
	.pc_img{display:none!important}

	.visible-xs{display:block!important}
	.hidden-xs{display:none!important}

	.half{width:100%}

	body.on{touch-action: none;}
	header.sub_on .wrap{padding-bottom:70px;}

	/*m_menu*/
	header .wrap{padding-bottom:70px;}
	header .header {position: fixed;z-index:9997}
	header .header .h_menu .navi-bg{display:none!important}
	header .header .h_menu{background: #fff;border-top: 1px solid #f5f5f5;}
	header .header.active .h_menu {background: #fff;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
	header .header .h_menu .logo{width:auto;padding:15px 0}
	header .header .h_menu .logo img{height:40px}
	header .header .h_menu .logo img.on{display:none!important}
	header .header .h_menu .logo img.off{display:block!important}


	.sct_padding{padding:100px 0}
	.sct_con {padding-top: 30px;}

	/*main*/
	.mainslide .swiper-button-prev, .mainslide .swiper-button-next {width: 56px;height: 56px;background-size: 100%;}
	.mainslide .swiper-button-prev {left: 15px;}
	.mainslide .swiper-button-next {right: 15px;}

	.main .sct01 a{width:50%}
	.main .sct01 img{width:100%;}

	.main .sct02 .more{top: auto; bottom: -140px; left: 50%; transform: translateX(-50%);}
	.main .sct02 .swiper-button-next{margin-right: 1.5%;}
	.main .sct02 .swiper-button-prev{margin-left: 1.5%;}

	.main .sct03 h2 img, .main .sct02 h2 img{height:35px;}
	.main .sct03 .sct_con{width:auto;max-width:600px;}
	.main .sct03 .swiper-button-prev, .sct03 .swiper-button-next {width: 35px;height: 55px;}

	.main .sct04 {padding: 0;}
	.main .sct04 .container {padding: 0;}
	.main .sct04 .left {display: none;}
	.main .sct04 .right {width: 100%;}
	.main .sct04 .r_bottom.w-100 {display: none;}
	.main .sct04 img{width:100%;}

	.main .sct06 .c_box{display: none;}
	.main .sct06 .info{position: relative; left: auto; top: auto; transform: none;}

	.main .sct07{margin-top: 150px;}
	.main .sct08{margin-top: 100px;}
	.main .sct07 .tit img{height: 35px;}
	.main .sct07 .tit p img{height: 22px;}
	.main .sct07 .tit{width: auto; padding-left: 0; max-width: 100%; margin-bottom: 50px; }
	.main .sct07 .tit,
	.main .sct07 .swiper-container{float: none;}
	.main .sct07 .swiper-container{width: 95%; float: right;}
	.main .sct07 .swiper-pagination{bottom: -530px; left: 50%; transform: translateX(-50%);}
	.main .sct07 .swiper-button-next{right: 30%;}
	.main .sct07 .swiper-button-prev{left: 30%;}
	.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -550px;}


	.main .sct08 .info_box .tit img{width: 75%;}
	.main .sct08 .info_box .tit:after{bottom : -15%;}



	.selfie_box.w1 {width: 25%;}
	.selfie_box.w2 {width: 50%;}
	.selfie_box img{width:100%}

	.main .sct05 img{width:100%;}

	.main .sct06{padding-bottom: 150px;}
	.main .sct06 .map_wrap {position: relative; width: 500px;}
	.main .sct06 .map .wrap_map{height:400px; margin: auto;}
	.main .sct06 .half_wrap{height: auto;}

	.main .sct08 ul li{float:none; width: 100%;}
	.main .sct08 #lform .box2 .submit{font-size: 22px;}

	footer .footer .container{padding:50px 0}
	footer .f_sns{padding:0 15px;margin-bottom:30px;}
	footer .f_sns li img{height:26px;}
	footer .f_link li{font-size:12px}
	footer .f_link{margin-bottom:15px;}
	footer .f_info li{font-size:12px;}
	footer .f_copy{padding:20px 15px;font-size:13px;padding-bottom:100px;}

	div#bo_gall,section#bo_w,article#bo_v,div#bo_list, .register{margin:50px auto;}



	.sub_map .map{height:300px;}
	.sub_slide {}
	.sub_slide .carousel-inner {margin-left: 0;}
	.sub_slide #slide_btn {position: relative;margin-top: 10px;}
	.sub_slide .carousel-indicators{padding: 0;}
	.sub_slide .item {margin: 0 10px 10px 0px !important;}
	.sub_slide .carousel-indicators {display: inline-flex;direction: inherit;height: auto;width: 100%;max-width: 800px;overflow-x: auto;position: relative;margin-left: 0;margin-right: 0;overflow-y: hidden;justify-content: normal;margin-bottom: 20px;}
	.sub_slide .item {height:auto;border-bottom: 0;}
	.sub_slide .item span {display: block;width: 120px;padding: 20px 0;}
	.sub_laser li {width: 49%;}


	.sub_tail_tit {height:50px; width:auto;    margin:50px auto 30px auto;}

	.laser_more img {height: 45px;}
	.table_wrap{overflow-x:scroll;overflow-y:hidden;padding-bottom:15px;margin:0 15px;}
	.table_wrap img{max-width:768px;}


	.table_wrap::-webkit-scrollbar{-webkit-appearance: none;}

	.table_wrap::-webkit-scrollbar-track-piece{background-color:#e7e7e7}

	.table_wrap::-webkit-scrollbar:horizontal{height:10px;}

	.table_wrap::-webkit-scrollbar-thumb{background-color:#6a8d74;border-radius:10px;}

	#hd_pop{width:100% !important;}
   .hd_pops{width:100% !important;left: 0 !important;top: 50px !important;}
   .hd_pops img {width:100% !important;}
   .hd_pops_con {width:100% !important;height:auto !important;}

	.sub_con_box .sub_box{width:48%;margin:1%;}
	.gall_li {width: 50%!important;}

	.pb-10{padding-bottom:5px;}
	.pb-20{padding-bottom:10px;}
	.mb-20{margin-bottom:10px;}
	.ft18{font-size:15px;}

	.sub .tab li{padding:12px 0}
	.sub .tab li.active, .sub .tab li:hover{padding:7px 0 12px 0}
	.sub.mn04_01 .tab li{width: 33.3333333%;}

	.sub .root_daum_roughmap{height:300px;}
	.sub .map_desc{top:0px;right:0px;width:100%;position:relative;}

}
@media (max-width: 650px){
	.main .sct08 .info_box .tit img{width: 85%;}
	.main .sct07 .swiper-pagination{bottom: -500px;}
	.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -515px;}
	.main .sct08 #lform .box2{width: 60%;}
	.main .sct07 .tit p img{width: 95%; height: auto;}
}
@media (max-width: 550px){
.main .sct02 .swiper-button-next{margin-right: -0.5%;}
.main .sct02 .swiper-button-prev{margin-left: -0.5%;}
.main .sct02 .swiper-slide .box{width: 90px; height: 90px; font-size: 16px; line-height: 90px;}

.main .sct08{margin-top: 50px;}
.main .sct07 .txt_box{left: 30px;}
.main .sct07 .swiper-pagination{font-size: 1.8em;}
.main .sct07 .swiper-pagination{bottom: -435px;}
.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -450px;}
.main .sct07 .swiper-button-next{right: 25%;}
.main .sct07 .swiper-button-prev{left: 25%;}
}
@media (max-width: 500px){
.main .sct06{padding-bottom: 0;}
.main .sct06 .map_wrap {width: 100%;}

.ft18 {font-size: 13px;}
}
@media (max-width:480px){
	.main .sct06 .map .wrap_map{height:280px;}
	.sub_slide .item {height: 50px;}

	.main .sct02 .swiper-button-next{margin-right: -1.5%;}
	.main .sct02 .swiper-button-prev{margin-left: -1.5%;}
	.main .sct02 .swiper-button-next, .main .sct02 .swiper-button-prev {width: 50px; height: 50px;}

	.main .sct07 .txt_box{width: 60%; padding: 30px 15px; font-size: 22px;}
	.main .sct07 .txt_box:after{margin-top: 15px;}
	.main .sct07 .txt_box p{font-size: 16px;}
	.main .sct07 .swiper-pagination{bottom: -400px;}
	.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -415px;}


	.main .sct08 .info_box .tit img{width: 100%;}
	.main .sct08 #lform label{font-size: 16px;}
	.main .sct08 #lform .box2 .submit{font-size: 20px;}


}
@media (max-width:430px){
	.main .sct07 .swiper-pagination{bottom:-370px;}
	.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -385px;}
	.main .sct07 .swiper-button-next{right: 20%;}
	.main .sct07 .swiper-button-prev{left: 20%}

	.main .sct08 .info_box{padding: 50px 20px;}
}
@media (max-width:375px){
	.main .sct07 .swiper-pagination{bottom:-335px;}
	.main .sct07 .swiper-button-prev, .sct07 .swiper-button-next{bottom: -350px;}

	.main .sct08 #lform label{font-size: 14px;}
	.main .sct08 #lform .box2 .submit{font-size: 18px;}

}

/*@media only screen and (max-device-width:35.5em) {

.table_wrap::-webkit-scrollbar{-webkit-appearance:none;}

.table_wrap::-webkit-scrollbar:horizontal{height:16px;}

.table_wrap::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 9px rgba(0,0,0,0.3);}

.table_wrap::-webkit-scrollbar:horizontal{padding-left:50px;width:100%;background-color:#e7e7e7;
background-image:url(/img/sub/rarrow50.jpg);

background-repeat:repeat-x;

background-position:center;}}*/