/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

@font-face {
    font-family: 'BASKVILL';
    src: url('../font/BASKVILL.woff') format('woff');
}

@font-face {
    font-family: 'Renogare-Regular';
    src: url('../font/Renogare-Regular.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../font/GmarketSansMedium.woff') format('woff');
}
body{background:#fff; width: 100%;}
*{font-family:'Noto Sans KR',malgun gothic;}


#top{ background: #fff; z-index: 10000; width: 100%; height: 16vw; overflow: visible; position: fixed; top:0; left:0; display: flex; align-items: center; justify-content: center;}
#top.scroll{ box-shadow: rgba(0,0,0,0.2) 0 5px 10px;}
#top #logo{display: inline-block; width: 40vw;}
#top #logo img{width: 100%;}
#top > .topmenu_bu{background:url(../images/topmenu_bu_icon.png) no-repeat center center; background-size: 35%; position: absolute; top:0; left:0; height: 100%; width: 16vw;}
#top > .topmenu_lang{background:url(/images/top_lang_icon.png) no-repeat center center; background-size: 66%; position: absolute; top:0; left:11%; height: 100%; width: 15vw;z-index:99;}
#top > .topmenu_lang_img{position: absolute; top:0; left:11%; height: 100%; width: 15vw;z-index:9}
#top > .topmenu_lang_img > .top_lang
{
    position: relative;
    top: 66%;
    left: 4%;
	display : none;
	
}

#top > .topmenu_lang_img > .top_lang > .top_lang_list
{
    position: absolute;
    top: 15%;
    left: 25%;
	width:100%
}

#top > .topmenu_lang_img > .top_lang > .top_lang_list > ul > li { padding-top:18%;}

#top > .topmenu_lang_img > .top_lang > .top_lang_list > ul > li > a > img
{
    width:50%;
}
    

#top > .topmenu_lang_img > .top_lang > img { width:100% }
#top > .topmenu_bu.open{background:url(../images/topmenu_bu_icon_.png) no-repeat center center; background-size: 35%;}
/*#top > .eventmenu_bu{background:url(../images/eventmenu_bu_icon.png) no-repeat center center; position: absolute; top:0; right:0; height: 100%; width: 16vw; background-size: 45%; background-color:#e6e6e6; }*/
#top > .eventmenu_bu{background:url(../images/eventmenu_bu_icon_1.gif) no-repeat center center; position: absolute; top:0; right:0; height: 100%; width: 16vw; background-size: 70%; background-color:#fff; }
#top > .eventmenu_bu.open{}




.bgscreen{position: fixed; top: 16vw; left:0; width: 100%; background: rgba(0,0,0,0.85); z-index: -100;}
.open .bgscreen{z-index: 100; bottom:0;}
#top > .top_menu{position: fixed; top:16vw; left:0; width: 100%; z-index: -1; opacity: 0;}
#top > .top_menu.open{z-index: 10000; opacity: 1; bottom:0; transition: 0.3s;}
#top > .top_menu .wrap_{width: 68%; height: 100%; background: #fff; z-index: 1000; position: absolute; left:-60%; overflow-y: auto;}
#top > .top_menu.open .wrap_{left:0; transition: 0.3s;}
#top > .top_menu .top_smenu{display: flex;}
#top > .top_menu .top_smenu > a{flex: 1; background: #000 url(../images/left_menu_smenubar.gif) no-repeat right center; background-size: 2px 3vw; color:#fff; font-size: 4.5vw; height: 11vw; display: flex; align-items: center; justify-content: center;}
#top > .top_menu .top_smenu > a:last-child{background-image:none;}

#top > .top_menu nav{ overflow: visible;}

#top > .top_menu nav > ul{display: flex; flex-direction: column;}
#top > .top_menu nav > ul > li{overflow: hidden; background-color: #e8e8e8; border-bottom: 1px #fff solid; text-align: left;}
#top > .top_menu nav > ul > li > a{font-size: 3.5vw; font-weight: 500; color: #000; display: flex; align-items: center; justify-content: flex-start; padding: 0 10vw; height:11vw; background: url(../images/left_menu_icon.gif) no-repeat 90% center; background-size: auto 35%;}
#top > .top_menu nav > ul > li.select{background-color: #c29152; height: auto;}
#top > .top_menu nav > ul > li.select > a{color: #fff; background: url(../images/left_menu_icon_.gif) no-repeat 90% center;  background-size: auto 35%;}
#top > .top_menu nav > ul > li > ul{height: 0; background: #fff; transition: 0.3s; overflow: hidden; padding: 0 7vw 0 11vw;}
#top > .top_menu nav > ul > li.select > ul{height: auto;}
#top > .top_menu nav > ul > li > ul li{width: 100%; height: 0; position: relative; overflow: hidden; display: block; transition: 0.3s; float: left;}
#top > .top_menu nav > ul > li.select > ul li{overflow: hidden; border-bottom: 1px #e1e1e1 solid; height: 10.5vw;}
#top > .top_menu nav > ul > li.select > ul > li:last-child{ border-bottom:0;}
#top > .top_menu nav > ul > li > ul li a{overflow: hidden; color:#999 !important; background: url(../images/left_menu_icon_dot.png) no-repeat 0 center; background-size: 0.7vw; width: 100%; padding: 4vw 0 4vw 1.5vw; height: 100%; display: flex; align-items: center; font-weight: 500; font-size: 3vw;}
#top > .top_menu nav > ul > li:hover a{}
#top > .top_menu nav > ul > li:hover > ul{}
#top > .top_menu nav > ul > li:hover > ul li{}
#top > .top_menu nav > ul > li > ul li:hover a{}

#top > .event{position: fixed; top:16vw; left:0; width: 100%; height: 0; z-index: -1; overflow-y: auto; opacity: 0; transition: 0.3s;}
#top > .event.open{ bottom:0; height: auto; z-index: 10000; opacity: 1;}
#top > .event > .wrap_{z-index: 1000; position: absolute; padding-bottom: 12vw;}
#top > .event > .wrap_ ul{padding: 7vw 5vw; z-index: 1000;}
#top > .event > .wrap_ ul li{border-bottom:1px #4e4e4e solid; padding: 4vw 0;}
#top > .event > .wrap_ ul li:first-child{border-top:1px #4e4e4e solid;}
#top > .event > .wrap_ ul li img{width: 100%;}
#top > .event > .wrap_ .close_bu{width: 12vw; height: 12vw; background: url(../images/main_event_xbu.png) no-repeat center center; background-size: 100%; margin-left: calc(50% - 6vw);}



#content{width: 100%; padding-top: 16vw;}
.content{width: 100%; padding-top: 16vw;}


#main_visual{position: relative;}
#main_visual > div{}
#main_visual > div div{display: flex; width: 100%;}
#main_visual > ul li{}
#main_visual > div div img{object-fit: contain; width: 100%;}
#main_visual .slick-dots{margin-top: -5vw; display:flex; justify-content: center; bottom:auto;}
#main_visual .slick-dots li{width: 2vw; height: 2vw; background: #fff;  float: left; margin: 0 1vw; cursor: pointer; box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;}
#main_visual .slick-dots li button{display: none;}
#main_visual .slick-dots li.slick-active{background: #997f68; cursor: default;}
#main_visual .slick-dotted.slick-slider{margin: 0;}

#main_visual .main_slide_wrap > button{display: none !important;}


.main_cont1{background:#fff url(../images/main/main_cont1_bg.gif) no-repeat 0 0; background-size: 100%; overflow: hidden; padding: 10vw 0;}
.main_cont1 > div{width: 50%; float:left; position: relative;}
.main_cont1 .banner_wrap1{height: 88vw; overflow: hidden;}
.main_cont1 .banner_wrap1 .bgbox{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1; background-image: linear-gradient(270deg, #dac6b4 0%, #f4efe9 100%); opacity: 0.7;}
.main_cont1 .banner_wrap1 .banner1{z-index: 2; width: 100%; overflow:visible;}
.main_cont1 .banner_wrap1 .banner1 div{position: absolute; top: 0; right:0; width: 100%;}
.main_cont1 .banner_wrap1 .banner1 div img{width: 100%;}
.main_cont1 .cont{}
.main_cont1 .cont .txt_wrap{height: 43vw;}
.main_cont1 .cont .txt_wrap > div{position: absolute; top:0;}
.main_cont1 .cont strong{font-size: 7vw; line-height: 7vw; color: #292828; font-weight: 500; font-family: 'BASKVILL'; padding: 1vw 0 0 6vw;}
.main_cont1 .cont p{font-size: 2.5vw; line-height: 3.5vw; padding: 3vw 0 4vw 6vw; color:#292828; font-weight: 300; letter-spacing: -1px;}
.main_cont1 .cont .bu_wrap{padding:0 0 4vw 6vw; overflow: hidden;}
.main_cont1 .cont .bu_wrap span{width:7vw; height: 7vw; float: left; border:1px #c0c0c0 solid; background: url(../images/main/main_cont1_arrow.gif) no-repeat center center; background-size: auto 50%; cursor: pointer;}
.main_cont1 .cont .bu_wrap span.right{ margin-left: -1px; background: url(../images/main/main_cont1_arrow_.gif) no-repeat center center; background-size: auto 50%;}
.main_cont1 .cont .bu_wrap span:hover{opacity:0.3; transition: 0.3s;}
.main_cont1 .banner_wrap2{position: relative; height: 52vw; overflow: hidden;}
.main_cont1 .banner_wrap2 .bgbox{width: 100%; height: 100%; position: absolute; left:5vw; top:0; z-index: 1; background-image: linear-gradient(90deg, #1abdd0 0%, #b2e9ef 100%);}
.main_cont1 .banner_wrap2 .banner2{z-index: 2; width: 100%; overflow: visible;}
.main_cont1 .banner_wrap2 .banner2 div{width: 100%; position: absolute;}
.main_cont1 .banner_wrap2 .banner2 div img{width:100%;}
.main_cont1 .banner_wrap2 .view_bu{width: 197px; height: 47px; border:1px #fff solid; padding-right: 50px; color:#fff; background: url(../images/bu_icon_viewmore.png) no-repeat 90% center; font-size: 13px; position: absolute; left:200px; top:370px; z-index: 3;}
.main_cont1 .banner_wrap2 .view_bu:hover{background-color:rgba(255,255,255,0.3); transition: 0.3s;}



.main_cont2{background:#fff url(../images/main/main_cont2_botbg.gif) no-repeat center bottom; background-size: 100% auto; min-height: 110vw;  padding: 27vw 0 0 0;}
.main_cont2 .txtbg{background: url(../images/main/main_cont2_txtbg.gif) no-repeat center 0; background-size: 100% auto; width: 59vw; height: 30vw; position: absolute; top:7vw; left:50%; margin-left: -24vw;}
.main_cont2 .banner_list{ padding: 0 40vw 10vw 40vw; width: 100%; height: 85vw; overflow :hidden; position: relative;}
.main_cont2 .banner_list .box{width: 50%; margin-top: 5.5vw; position:absolute; box-shadow: rgba(0,0,0,0.2) 1vw 1vw 2vw; transition: 0.3s;}
.main_cont2 .banner_list .box:nth-child(1){left:-30%; z-index: 10;}
.main_cont2 .banner_list .box:nth-child(2){left:25%; z-index: 10;}
.main_cont2 .banner_list .box:nth-child(3){left:80%; z-index: 10;}
.main_cont2 .banner_list .box:nth-child(4){left:145%; z-index: -10;}
.main_cont2 .banner_list .box:nth-child(5){left:25%; z-index: -10;}
.main_cont2 .banner_list .box:nth-child(6){left:-95%; z-index: 10;}
.main_cont2 .banner_list a img{width: 100%;}
.main_cont2 .banner_list .box.select{ margin-top: 0; transition: 0.3s; }
.main_cont2 .banner_list .box:nth-child(1){background: url(../images/main/main_cont2/1.jpg) no-repeat center 0; background-size: 100% auto;}
.main_cont2 .banner_list .box:nth-child(2){background: url(../images/main/main_cont2/2.jpg) no-repeat center 0; background-size: 100% auto;}
.main_cont2 .banner_list .box:nth-child(3){background: url(../images/main/main_cont2/3.jpg) no-repeat center 0; background-size: 100% auto;}
.main_cont2 .banner_list .box .tag{background: #fff; text-align: center; padding: 3.3vw 1.5vw; height: 21vw;}
.main_cont2 .banner_list .box .tag strong{display: block; font-size: 4.1vw; line-height: 1.5; letter-spacing: -1px; color:#333;}
.main_cont2 .banner_list .box .tag span{ font-size: 2.7vw; line-height: 2.2; font-weight: 300; color:#afaeae; letter-spacing: -1px;}




.main_cont3{overflow: hidden; background: #333;}
.main_cont3 > div{margin: 0 !important;}
.main_cont3 > div div{}
.main_cont3 > div div img{object-fit:contain; width: 100%; height: 100%;}
.main_cont3 .slick-dots{margin-top: -5vw; display:flex; justify-content: center; bottom:auto;}
.main_cont3 .slick-dots li{width: 2vw; height: 2vw; background: #fff; border-radius:1vw; float: left; margin: 0 1vw; cursor: pointer; box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;}
.main_cont3 .slick-dots li button{display: none;}
.main_cont3 .slick-dots li.slick-active{background: #997f68; cursor: default;}






.main_cont4{ background:#e9e9e9 url(../images/main/main_cont4_bg.gif) no-repeat 0 bottom; background-size: 80%; min-height: 115vw;}
.main_cont4 .ti_{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10vw 0 8vw 0;}
.main_cont4 .ti_ em{color:#000; font-size: 6vw; font-weight: 700; line-height: 6vw; letter-spacing:4px; display: flex; align-items: center;}
.main_cont4 .ti_ em span{background: #eb2832; color:#fff; font-size: 6vw;  line-height: 6vw; padding: 1vw 2vw 2vw 2vw; margin-left: 2vw; letter-spacing: 0;}
.main_cont4 .ti_ > strong{font-size: 7vw; font-weight: 700; line-height: 6vw; padding: 5vw 0 5vw 0; letter-spacing: -2px;}
.main_cont4 .ti_ > strong span{font-size: 7vw; font-weight: 300; line-height: 6vw; letter-spacing: -2px; margin-right: 1vw;}
.main_cont4 .ti_ > .tag{border:1px #000 solid; padding: 0 2vw;}
.main_cont4 .ti_ > .tag span{font-size: 3vw; line-height: 7vw; margin: 0 7px;}
.main_cont4 .movie{display: flex; align-items: center; padding: 0 5vw 5vw 5vw;}
.main_cont4 .movie .bg{position: absolute; right:0; z-index: 1; width:90%; height: 50vw; right:2.5vw; border:4px rgba(255,255,255,0.8) solid; margin-top: 5vw;}
.main_cont4 .movie iframe{z-index: 2; width:100%; height:50vw; }


/* 202212_ÇÇºÎ°úÃß°¡ */
.main_cont41{ background:#fff url(../images/main/main_cont4_bg.gif) no-repeat 0 bottom; background-size: 80%; min-height: 115vw;}
.main_cont41 .ti_{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10vw 0 8vw 0;}
.main_cont41 .ti_ em{color:#000; font-size: 6vw; font-weight: 700; line-height: 6vw; letter-spacing:4px; display: flex; align-items: center;}
.main_cont41 .ti_ em span{background: #eb2832; color:#fff; font-size: 6vw;  line-height: 6vw; padding: 1vw 2vw 2vw 2vw; margin-left: 2vw; letter-spacing: 0;}
.main_cont41 .ti_ > strong{font-size: 7vw; font-weight: 700; line-height: 6vw; padding: 5vw 0 5vw 0; letter-spacing: -2px;}
.main_cont41 .ti_ > strong span{font-size: 7vw; font-weight: 300; line-height: 6vw; letter-spacing: -2px; margin-right: 1vw;}
.main_cont41 .ti_ > .tag{border:1px #000 solid; padding: 0 2vw;}
.main_cont41 .ti_ > .tag span{font-size: 3vw; line-height: 7vw; margin: 0 7px;}
.main_cont41 .movie{display: flex; align-items: center; padding: 0 5vw 5vw 5vw;}
.main_cont41 .movie .bg{position: absolute; right:0; z-index: 1; width:90%; height: 50vw; right:2.5vw; border:4px rgba(255,255,255,0.8) solid; margin-top: 5vw;}
.main_cont41 .movie iframe{z-index: 2; width:100%; height:50vw; }



#content .img_wrap{display: flex; flex-direction: column; align-items: center; overflow: hidden;}
#content .img_wrap img{width: 100%;}
.content .img_wrap{display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.content .img_wrap img{width: 100%;}


.map .cont1{padding: 0 5vw 10vw 5vw;}
.map .cont1 > img{width: 100%;}
.map .cont1 > .map{width: 100%; overflow: hidden;}



.hview .cont1{text-align: center; padding: 3vw 0 10vw 0;}
.hview .cont1 .bimg{padding: 0 5vw;}
.hview .cont1 .bimg img{width:100%;}
.hview .cont1 .gnavi_wrap{background: #f7f7f7; display: flex; align-items: center; justify-content: center; height: 20vw;}
.hview .cont1 .gnavi_wrap .sumb{width:100%; overflow-x: auto;}
.hview .cont1 .gnavi_wrap .sumb ul{display: block; transition: 0.3s; margin: 3vw 3vw; }
.hview .cont1 .gnavi_wrap .sumb li{width: 20vw; margin: 0 1vw; border:1px #c0c0c0 solid; overflow: hidden; cursor: pointer; float:left;}
.hview .cont1 .gnavi_wrap .sumb li img{width:100%;}
.hview .cont1 .gnavi_wrap .sumb li:hover{opacity: 0.5; transition: 0.3s;}
.hview .cont1 .gnavi_wrap .sumb .select{border:1px #39dcff solid; cursor: default;}
.hview .cont1 .gnavi_wrap .sumb .select:hover{opacity: 1;}
.hview .cont1 .gnavi_wrap .bu_wrap{display: none;}


.eye .cont4{background-color: #fff; padding-top: 10vw;}
.eye .cont4 .tabm{display: flex; justify-content: center; padding: 0 10vw;}
.eye .cont4 .tabm span{background-color: #f3f3f3; color:#666; font-size: 3vw; width:50%; max-width: 600px; height: 8vw; display: flex; align-items: center; justify-content: center; float: left;}
.eye .cont4 .tabm span:hover{cursor: pointer; background-color: #dcdcdc; color:#333; transition: 0.3s;}
.eye .cont4 .tabm span.select:hover,
.eye .cont4 .tabm span.select{cursor: default; background-color: #af8867; color:#fff;}



#bottom{clear: both;}

.mainbottom #before_after{background: #fff;}
#before_after{background: #fbfbfb; height: 137vw;}
#before_after .ti_{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10vw 0 7vw 0;}
#before_after .ti_ .ti_txt{display: flex; justify-content: center;}
#before_after .ti_ .ti_txt strong{font-size: 7vw; font-weight: 400; line-height: 7vw; font-family: Verdana, sans-serif; float: left;}
#before_after .ti_ .ti_txt img{width: 58vw;}
#before_after .ti_ .ti_txt strong:nth-child(1){color:#ababab;}
#before_after .ti_ .ti_txt strong:nth-child(2){color:#d8d8d8; padding: 0 1vw;}
#before_after .ti_ .ti_txt strong:nth-child(3){display: block; color:#040404;}
#before_after .ti_ .ti_stxt{font-size: 2.5vw; line-height: 2.5vw; font-weight: 300; padding: 3vw 0 0 0;}
#before_after .cont{display: flex; flex-direction: column; justify-content: center; align-items:center; padding: 0 5vw 3vw 5vw;}
#before_after .cont .sample_navi{ display: flex; justify-content: center;}
#before_after .cont .sample_navi li {text-align: center; color: #a0a0a0; font-size: 2.9vw; margin: 0 2.5vw 0 0; letter-spacing: -0.2vw;}
#before_after .cont .sample_navi li:last-child {margin: 0;}
#before_after .cont .sample_navi li.select{color: #000;}
#before_after .cont .sample_navi li span{background-color: #c9c9c9; width: 13.6vw; height: 13.6vw; border-radius: 7vw; background-position: center center; background-repeat: no-repeat; display: block; margin-bottom: 0.3vw; cursor: pointer;}
#before_after .cont .sample_navi li:nth-child(1) span{background-image: url(../images/beafter_icon1.png); background-size: 70%;}
#before_after .cont .sample_navi li:nth-child(2) span{background-image: url(../images/beafter_icon2.png); background-size: 70%;}
#before_after .cont .sample_navi li:nth-child(3) span{background-image: url(../images/beafter_icon3.png); background-size: 50%;}
#before_after .cont .sample_navi li:nth-child(4) span{background-image: url(../images/beafter_icon4.png); background-size: 75%;}
#before_after .cont .sample_navi li:nth-child(5) span{background-image: url(../images/beafter_icon5.png); background-size: 50%;}
#before_after .cont .sample_navi li.select span{background-color: #21bfd1;}
#before_after .cont .sample_img{clear: both; display: flex; flex-direction: column; align-items: center; padding-top: 5.5vw;}
#before_after .cont .sample_img .img_{display: flex; float: left; margin:0 0 3vw 0; width: 72vw;}
#before_after .cont .sample_img .img_ img{width: 50%;}
#before_after .cont .sample_img .img_ .login_txt{position: absolute; top:0; left:0; width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(58,58,58,0.9);}
#before_after .cont .sample_img .img_ .login_txt span{color:#fff; font-size: 2.5vw; font-weight: 300; line-height: 4vw; padding-bottom: 3vw; text-align: center;}
#before_after .cont .sample_img .img_ .login_txt button{background: none; color:#fff; border: 1px #fff solid; font-size: 2vw; width: 18vw; height: 6vw;}
#before_after .cont .sample_img .img_ .login_txt button:hover{background: rgba(255,255,255,0.2); transition: 0.3s;}



#contact_us{background: #f7f7f7; padding: 10vw 10vw;}
#contact_us .map_area img{width: 100%;}
#contact_us .cs_info{ text-align: center; padding: 0;}
#contact_us .cs_info > strong{font-family: "Renogare-Regular"; font-weight: 400; font-size: 8vw; line-height: 8vw; color:#2d2d2d;  padding-top: 7vw;}
#contact_us .cs_info > .tel{padding: 3.5vw 0 4vw 0; text-align: center; border-bottom: 1px #ddd solid;}
#contact_us .cs_info > .tel em{font-size: 5.5vw; line-height: 5.5vw; color:#9c9a9a; font-weight: 700;}
#contact_us .cs_info > .tel span{font-size: 5.5vw; line-height: 5.5vw; color:#000; font-weight: 500;}
#contact_us .cs_info > .time{padding:4.5vw 0 0 18vw; text-align: left;}
#contact_us .cs_info > .time em{font-size: 3vw; line-height: 5vw; color: #444; clear: both; float: left; width: 15vw;}
#contact_us .cs_info > .time .g1{letter-spacing: 2vw;}
#contact_us .cs_info > .time .g2{letter-spacing: 1.2vw;}
#contact_us .cs_info > .time .g3{letter-spacing: 1px;}
#contact_us .cs_info > .time span{font-size: 3vw; line-height: 5vw; color: #444; float: left;}
#contact_us .cs_info > .time span.cl{clear: both; float: left;}
#contact_us .cs_info > .sns{clear: both; display: flex; justify-content: center; padding-top: 6vw;}
#contact_us .cs_info > .sns a{width: 15vw; height:15vw; background-color: #fff; float:left; margin: 0 0.8vw; border-radius: 0.5vw; border:1px #ddd solid; padding-top: 10vw; font-size: 2.2vw; color:#2d2d2d; letter-spacing: -1px;}
#contact_us .cs_info > .sns a:nth-child(1){background:#fff url(../images/sns_blog.png) no-repeat center 4vw; background-size: 60%;}
#contact_us .cs_info > .sns a:nth-child(2){background:#fff url(../images/sns_talk.png) no-repeat center 3vw; background-size: 42%;}
#contact_us .cs_info > .sns a:nth-child(3){background:url(../images/sns_instar.png) no-repeat center 3vw,url(../images/sns_instarbg.png) no-repeat center center; background-size: 37%, 100% 100%;}
#contact_us .cs_info > .sns a:nth-child(4){background:#fff url(../images/sns_youtube.png) no-repeat center 3.8vw; background-size: 70%;}


#bot_menu{background: #fff; display: flex; justify-content: center; overflow: hidden; padding: 3vw 0; border: 1px #efeff0 solid; border-left: 0; border-right: 0;}
#bot_menu a{font-size: 3vw; font-weight: 500; line-height: 2.5vw; color:#333; padding: 0 4.5vw; border-left: 1px #ddd solid; float: left;}
#bot_menu a:first-child{border-left:0;}
#bot_menu a:hover{text-decoration: underline;}

footer{background:#fff; padding: 7vw 0 30vw 0; text-align: center; line-height: 4vw;}
footer div{display: flex; justify-content: center; overflow: hidden; line-height: 3vw;}
footer em,footer span{font-size: 3vw; line-height: 4.6vw; color: #333; float: left; letter-spacing: -1px;}
footer span{padding:0 2vw 0 0.7vw;}
footer div span:last-child{padding-right:0;}
footer .copy{font-size: 3vw; line-height: 4.6vw; color: #999; padding:4vw 0 0 0; letter-spacing: -1px;}

#counquest{position: fixed; left:0; bottom:0; width: 100%; height: 20vw; background:url(../images/bot_menu_bg.png) no-repeat center bottom; background-size: 100% auto; z-index: 9999;}
#counquest a{text-align: center; padding-top: 8vw; font-size: 2vw; position: absolute; bottom: 2vw; width: 16vw; height: 12vw; white-space: nowrap; display: flex; justify-content: center;}
#counquest a.home{background: url(../images/bot_menu_icon0.png) no-repeat center center; background-size: 100%; left:50%; bottom:8vw; width: 15vw; height: 15vw; margin-left: -8vw;}
#counquest a.tel{background: url(../images/bot_menu_icon1.png) no-repeat center 1vw; background-size: auto 50%; left:5%;}
#counquest a.naver{background: url(../images/bot_menu_icon2.png) no-repeat center 1vw; background-size: auto 50%; left:23%;}
#counquest a.fast{background: url(../images/bot_menu_icon3.png) no-repeat center 1vw; background-size: auto 50%; right:25%;}
#counquest a.kakao{background: url(../images/bot_menu_icon4.png) no-repeat center 1vw; background-size: auto 50%; right:5%;}



#left_quick_pop{position: fixed; top:350px; left:0; z-index: 10000; }
#left_quick_pop .banner_wrap{display: flex; overflow: hidden; width: 0; transition: 0.3s;}
#left_quick_pop.open .banner_wrap{width: auto;}
#left_quick_pop .banner_wrap a{}
#left_quick_pop .banner_wrap a img{}
#left_quick_pop .bu_wrap{position: absolute; right: -50px; top:0; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 50px; height: 165px; display: flex; align-items:flex-start; justify-content: center; padding: 0 0 0 0; background: #af8867 url(../images/left_banner_arrow.png) no-repeat center 130px; cursor: pointer;}
#left_quick_pop .bu_wrap span{color:#fff; font-size: 18px; letter-spacing: 3px; transform: rotate(90deg); margin-top: 50px;}
#left_quick_pop.open .bu_wrap{background-color: #000;}




#right_quick_menu{position: fixed; right:60px; top:300px; z-index: 10000; text-align: center;}
#right_quick_menu .menu_wrap{display: flex; flex-direction: column;}
#right_quick_menu .menu_wrap a{width: 90px; height: 90px; border-radius: 50px; color:#bd996e; font-size: 13px; line-height: 13px; font-weight: 500; padding-top: 60px; text-align: center; margin-bottom: 10px; box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;}
#right_quick_menu .menu_wrap a:nth-child(1){background: rgba(242,242,242,0.9) url(../images/right_quick_icon1.png) no-repeat center 20px;}
#right_quick_menu .menu_wrap a:nth-child(2){background: rgba(242,242,242,0.9) url(../images/right_quick_icon2.png) no-repeat center 20px;}
#right_quick_menu .menu_wrap a:nth-child(3){background: rgba(242,242,242,0.9) url(../images/right_quick_icon3.png) no-repeat center 20px;}
#right_quick_menu .menu_wrap a:nth-child(4){background: rgba(242,242,242,0.9) url(../images/right_quick_icon4.png) no-repeat center 20px;}
#right_quick_menu .menu_wrap a:hover{background-color: #fff; transition: 0.3s;}
#right_quick_menu .menu_wrap a.type2{cursor: default; background: rgba(53,53,53,0.9); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0;}
#right_quick_menu .menu_wrap a.type2 span{ color:#bd996e; font-size: 17px; line-height: 18px; width: 35px; text-align: left;}
#right_quick_menu .menu_wrap a.type2 span:first-child{color:#937654; font-size: 17px;}
#right_quick_menu .scrolltop{text-align: center; width: 70px; height: 70px; font-size: 15px; font-weight: 500; color: #bd996e; background: url(../images/scrolltop_icon.png) no-repeat center 2px; padding-top: 20px; cursor: pointer; margin: auto;}







.table_wrap{width:100%; margin: auto; overflow: hidden; margin-top: 15vw;}
.table_wrap table{width: 100%;}

.view_wrap{border-top:1px #4d4d4d solid; border-bottom:1px #4d4d4d solid;}
.view_wrap .view_tit{border-bottom:1px #b2b2b2 dotted; overflow: hidden; padding: 2vw 2vw;}
.view_wrap .tit{background: #fff; height: 6vw; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000; float:left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.view_wrap .list_sub{clear:both; float:left; width: 100%; background: #fff; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#999;}
.view_wrap .name{float:left; color:#d49e5d;}
.view_wrap .date{float:left; margin-left: 2vw;}

.view_wrap .view_data{padding:4vw 2vw; background: #fff; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000;}
.view_wrap .view_data.re{padding:0 2vw 4vw 2vw; background: #fcfcfc; border-top:1px #ccc dotted;} 
.view_wrap .view_data.re strong{padding:3vw 2vw 3vw 2vw; background: #333; color:#fff; border-bottom:1px #111 dolid; margin-bottom: 4vw;} 



.table_pwd_sub{width: 100%; text-align: center; padding: 20vw 10vw;}
.table_pwd_sub h3{color:#e4b53e; font-size: 5vw; font-weight: 500;;}
.table_pwd_sub p{color:#333; font-size: 3vw; line-height: 5vw; padding: 2.5vw 0 2.2vw;}
.table_pwd_sub fieldset{ display: flex; justify-content: center; align-items: center; border: 0;}
.table_pwd_sub fieldset legend{display: none;}
.table_pwd_sub fieldset label{float:left; font-size: 3vw; margin-right: 2vw;}
.table_pwd_sub fieldset input{ border:1px #c4c4c4 solid; border-radius: 5px; height: 8vw; padding-left: 2vw; font-size: 3vw; letter-spacing: 0.5vw;}
.table_pwd_sub .join_btn{ display: flex; justify-content: center; padding: 6vw;}
.table_pwd_sub .join_btn a{color:#fff; font-size: 3vw; line-height: 3vw; padding: 3vw 0; float:left; margin: 0 0.5vw; width: 26vw;}
.table_pwd_sub .join_btn .btn_style_yellow{background: #e5b641;}
.table_pwd_sub .join_btn .btn_style_gray{background: #585858;}




.table_list{border-top:2px #4d4d4d solid;}
.table_list li{border-bottom:1px #b2b2b2 dotted; overflow: hidden; padding: 2vw 2vw;}
.table_list li:last-child{border-bottom:1px #b2b2b2 solid;}
.table_list li > em{background: #d49e5d; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#fff; padding: 0.5vw 1vw; float:left; margin: 1vw 0;}
.table_list li .list_tit{background: #fff; height: 6vw; font-size: 3.5vw; line-height: 6vw; font-weight: 400; color:#000; float:left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display: flex; align-items: center;}
.table_list li .lock{margin: 0 0 0 1.5vw; width: 2.2vw;}
.table_list .nodata .list_tit{width:100%; text-align: center;}
.table_list li .list_sub{clear:both; float:left; width: 100%; background: #fff; height: 5vw; font-size: 3vw; line-height: 5vw; font-weight: 400; color:#999;}
.table_list li .list_sub .name{float:right; color:#d49e5d;}
.table_list li .list_sub .day{float:left;}



.table_form .agree_wrap{background: #fcfcfc; border:1px #dfdfdf solid; padding: 4.5vw 2vw; margin-bottom: 10vw; overflow: hidden;}
.table_form .agree_wrap strong{display: block; font-size: 4.5vw; font-weight: 400; line-height: 4.5vw; color:#333; padding-bottom: 3.5vw;}
.table_form .agree_wrap textarea{background: #fff; border:1px #dfdfdf solid; width:100%; height: 40vw; padding: 4vw; color:#8c8c8c; font-size: 3vw;}
.table_form .agree_wrap label{float:left; font-size: 3vw; line-height: 3vw; font-weight: 400; color:#555; display: flex; align-items: center; margin-top: 2vw; padding-left: 0.5vw;}
.table_form .agree_wrap label input{float:left; width: 3vw; height: 3vw; margin-right: 1.5vw;}
.table_form table{border-top:2px #4d4d4d solid;}
.table_form table tr{border-bottom:1px #b3b3b3 dotted;}
.table_form table tr:last-child{border-bottom:1px #222 solid;}
.table_form table th{min-height: 9vw; font-size: 3vw; line-height: 3vw; font-weight: 400; color: #696969; text-align: left; padding-left: 2.5vw; background: url(../images/tpl/board_write_th_bg.gif) no-repeat right center;}
.table_form table td{min-height: 9vw; font-size: 2.5vw; line-height: 3vw; font-weight: 400; color: #696969; text-align: left; padding: 1.5vw 2vw 1.5vw 3.2vw;}
.table_form table td input{border: 1px #cacaca solid; background: #fbfbfb; height: 6.5vw; padding-left: 2vw;}
.table_form table td select{border: 1px #cacaca solid; background: #fbfbfb; height: 6.5vw; padding-left: 2vw;}
.table_form table td textarea{border: 1px #cacaca solid; background: #fbfbfb; height: 35vw; padding: 2vw;}
.table_form table td .email_list,
.table_form table td .tel_lest{float: left; margin-right: 2vw;}
.table_form table td .check_box{float:left; display: flex; align-items: center;}
.table_form table td .check_box input{margin-right: 1vw;}
.table_form table .security_txt .sub_table img{ display:inline-block;}
.table_form table .security_txt .sub_table a{ display:inline-block; color:#d49e5d;}
.table_form table .security_txt .sub_table input{margin-left: 12vw; padding:0;}
.table_form table .context .sub_table{padding-top: 1vw;}



.tab_menu{width:100%; margin: auto; display: flex; justify-content: center; padding:15vw 0 7.5vw 0;}
.tab_menu.tm2{flex-direction: column;}
.tab_menu a{padding:3.5vw 4vw; background: #888; color:#fff; font-size: 4vw; font-weight: 500; line-height: 4vw; float:left; margin: 0 0.1vw;}
.tab_menu a.select{background: #d49e5d;}
.tab_menu_ul{width:100%; display: flex; justify-content: center; padding:15vw 2vw 7.5vw 2vw;}
.tab_menu_ul ul{width:100%; display: flex; justify-content: center;}
.tab_menu_ul li{background: #888; float:left; margin: 0 0.1vw;}
.tab_menu_ul li.on{background: #d49e5d;}
.tab_menu_ul li a{padding:3vw 0; width: 20vw; color:#fff; font-size: 3vw; font-weight: 500; line-height: 3vw; float:left; text-align: center;}
.tab_menu div{display: flex; justify-content: center;}



.table_btn01{width:100%; margin: auto; text-align: center; padding: 8vw 0 12vw 0; display: flex; justify-content: center; }
.table_btn01.bot10{padding-bottom: 10vw;}
.table_btn01 a{color:#fff; background: #b7b7b7; text-align: center; font-size: 3vw; font-weight: 400; line-height: 10vw; width: 22vw; float: left;}
.table_btn01 a:hover{background: #333; transition: 0.3s;}
.table_btn01 .buwrite{background: #222;}
.table_btn01 .buwrite:hover{background: #d49e5d;}
.table_btn01 .bulist{float:left; background: #b7b7b7;}
.table_btn01 .bulist:hover{background: #222;}
.table_btn01 .btn_ok{background: #d49e5d; float:right;}
.table_btn01 .btn_ok:hover{background: #d49e5d;}
.table_btn01 .bucancel{background: #222; margin-left: 1vw; float:right;}
.table_btn01 .bucancel:hover{background: #000;}




.paging{ clear: both; width:100%; margin: auto; display: flex; justify-content: center; padding: 6vw 0 8vw 0;}
.paging a{border:1px #ddd solid; width:6vw; height: 6.2vw; background: #fff; float:left; display: flex; align-items: center; justify-content: center; font-size: 3vw; font-weight: 400; line-height: 6.2vw; color:#666; margin: 0 1.2vw;}
.paging a.on{border-color:#d49e5d; color:#d49e5d;}
.paging a img{display:none;}
.paging a.prev{background: url(../images/tpl/paging_icon.png) no-repeat center center;}
.paging a.next{background: url(../images/tpl/paging_icon.png) no-repeat center center; transform: rotateY(180deg);}



.beafter .tab_menu{padding: 12vw 0 4.5vw 0;}
.beafter .tab_menu a{padding: 2.3vw 0; text-align: center; margin: 0.2vw; font-size: 2.5vw; color:#ccc;}
.beafter .tab_menu a.select{color:#fff;}
.beafter .tab_menu div:nth-child(1) a:nth-child(1){width:32vw;}
.beafter .tab_menu div:nth-child(1) a:nth-child(2){width:12vw;}
.beafter .tab_menu div:nth-child(1) a:nth-child(3){width:14vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(1){width:25vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(2){width:16.5vw;}
.beafter .tab_menu div:nth-child(2) a:nth-child(3){width:16.5vw;}

.beafter .table_wrap{margin-top: 0;}
.beafter .mark{background: url(../images/sub07/sumb_mark.png) no-repeat center 82%; background-size:auto; position: absolute; width: 100%; height: 100%; top:0; left:0; opacity: 0.6;}
.beafter .photo_view{border:2px #ccc solid; margin: 0 5.2vw 5vw 5.2vw; padding: 4vw 0;}
.beafter .photo_view .tag{width: 100%; text-align: center; padding: 0 0 3vw 0; font-size: 3.5vw; line-height: 5vw; font-weight: 500; color:#000;}
.beafter .photo_view .photo_view_imgwrap{width:100%; display: flex; justify-content: center; padding: 0 3vw;}
.beafter .photo_view .photo_view_imgwrap img{width: 50%;}
.beafter .sumb_navi{ padding: 0 4vw;}
.beafter .navi_wrap{width:50%; float:left; padding: 0 1.2vw 4vw 1.2vw;}
.beafter .navi_wrap .bf_at_img{border:2px #ccc solid; display: flex; align-items: center; justify-content: center; min-height: 28vw;}
.beafter .navi_wrap.select .bf_at_img{border:2px #d49e5d solid;}
.beafter .navi_wrap .bf_at_img img{width: 100%; float: left;}
.beafter .navi_wrap .bf_at_text{width:100%; text-align: center; font-size: 2.4vw; line-height: 2.4vw; padding: 2.5vw 0 0 0;}
.beafter .navi_wrap .mark{background-size:20%; background-position: center 50%;}
.beafter .paging{padding-bottom: 15vw;}