@charset "utf-8";
@import url('https://webfontworld.github.io/sunn/SUIT.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');

/* common _ jyp */
/** {font-family: 'Noto Sans KR';}*/  
body {font-family: 'SUIT' !important;color:#000;letter-spacing:-0.02em; -webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {color:#333;margin:0;padding:0;font-size:15px;line-height:1.756em;font-weight:400;}
table,td,th {font-family: 'Noto Sans KR';color:#000;}
table {border-collapse:collapse;border-spacing:0}
ul,ol,li {list-style:none;}
a,img {outline:0;text-decoration:none; border:0;}
a:link,a:visited,a:active,a:hover {outline:0;text-decoration:none;color:#ffffff;}

img.fit {width:100%;}
img.max-fit {max-width:100%;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {margin-top:0;font-family:  'Noto Sans KR';}
.row {padding-right:0px !important;padding-left:0px !important}
.row::after {clear:both;}
.row::before,.row::after {display:table;content: " ";}
[canvas=container],
[off-canvas] {padding: 10px 20px;}
[class*=js-] {cursor: pointer;}

/* 게시판 글쓰기 컬러변경 */
#board-list-search .write_btn li p {background: #222a3d !important;}
.sd_mok {background:#222a3d !important;}    
#container{overflow:hidden;}

/* 움직이는 텍스트 */
.animated-title {overflow:hidden; font-size:60px; position: relative; width: 100%;max-width:100%; height: auto; padding:50px 0 5px; overflow-x: hidden; overflow-y: hidden;background:#222a3d;  }
.animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;}
.move_txt{font-size: 22px;letter-spacing: 3px; color:#fff;  font-weight:300;}

/* Footer */




.Floating3 a h1::before{
   content: ""; /* 내용 없이 가상 요소 생성 */
    display: inline-block; /* 인라인 블록으로 설정 */
    width: 22px; /* 아이콘 너비 */
    height: 25px; /* 아이콘 높이 */
 background-image: url(/images/main/ic_naver.svg); /* 아이콘 이미지 경로 */
    background-size: contain; /* 이미지 크기 조정 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */
    margin-right: 3px; /* 텍스트와의 간격 */
    vertical-align: middle;
}

.Floating4 a h1::before{
   content: ""; /* 내용 없이 가상 요소 생성 */
    display: inline-block; /* 인라인 블록으로 설정 */
    width: 22px; /* 아이콘 너비 */
    height: 25px; /* 아이콘 높이 */
 background-image: url(/images/main/ic_facebook.svg); /* 아이콘 이미지 경로 */
    background-size: contain; /* 이미지 크기 조정 */
    background-repeat: no-repeat; /* 이미지 반복 방지 */
    margin-right: 3px; /* 텍스트와의 간격 */  
    vertical-align: middle;
}



.P-footer {
width: 100%;
    float: left;
    padding: 0 5%;
    position: relative;
    background: #222a3d;
}
.P-footer2 {
clear:both;
padding-bottom: 20px;
width:100%;
background:#fff;
}
.f_wrap{width: 100%;position: relative;padding: 40px 0% 90px 0%;background:#222a3d;float: left;margin: 0 auto;}
.footer-info {width: 100%;margin-bottom: 100px;max-width: 1280px;margin: auto;position:relative;}
.footer-info ul{display:flex; justify-content:space-between; align-items: flex-end;}

.copy-item {
display: block;
    width: 60%;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 300;
    float: left;
    word-break: keep-all;
}
.footer_m{display: none;}
.copy-item p{font-size: 17px;font-weight: 600;color: #333;line-height: 25px;margin-bottom: 10px;}

.footer-info li span span{font-weight: 500;margin-right: 5px;color: #8a8a8a;}
.footer_call_wrap{width: 100%;    background: #fff;border-top:1px solid #ccc;}
.f_line{width: 100%; height: 1px; background: #ccc; top: 70px;position: absolute;left: 0;}
.fsymbol {float:right;right:0;top:-5px;position:absolute;}

.f-logo{color:#fff; font-family: "Cormorant Infant", serif; font-size:28px;}  
.f_call{font-size:20px; color:#fff !important; margin-top:10px; display:inline-block;}  
.footer-info li:last-child{text-align:right;}

/* Footer2 */
.P-footer02 {  
width: 100%;
    float: left;
    position: relative;display:none;
}
.f_wrap02{width: 100%;position: relative;float: left;margin: 0 auto;}
.footer-info02 {width: 100%;margin-bottom: 100px;max-width: 1200px;margin: auto;position:relative;}
.footer-info02 ul{float: left;width: 100%;}
.footer-info02 li {width: 25%;}
.copy-item02 {padding: 10px;
display: block; 
    text-align: center;   
    font-size: 18px;color:#fff;   
    line-height: 1.6;  
    background: #000000;
    font-family: 'GmarketSansMedium';
    float: left;  
    word-break: keep-all;
}
.footer_m02{display: none;}
.copy-item02 p{font-size: 17px;font-weight: 600;color: #333;line-height: 25px;margin: 10px;}
.footer-info02 li span{}
.footer-info02 li span span{font-weight: 500;margin-right: 5px;color: #8a8a8a;}
.footer_call_wrap02{width: 100%;    background: #fff;border-top:1px solid #ccc;}
.f_line02{width: 100%; height: 1px; background: #ccc; top: 70px;position: absolute;left: 0;}
.fsymbol02 {float:right;right:0;top:-5px;position:absolute;}


/*
.call_wrap{width: 100%;max-width: 1300px; height: 70px;margin: auto;}
.call_tit{color: #000;font-size: 18px;font-weight: 400;line-height: 70px;width: 50%; float: left;}
.call_num{float: right;line-height: 70px;}
.call_num a{color: #000;;font-family: 'GmarketSansBold';font-size: 22px;letter-spacing: 0px;}
.call_num a:active, a:visited{color: #000;}
.call_num div{width: 22px;height: 22px;display: inline-block;margin-bottom: -4px;margin-right: 5px;}
.call_num span{font-size: 18px;font-weight: 400;margin-right: 10px;font-family:'Noto Sans KR';letter-spacing: -1px;}
*/
/* Footer 끝*/
#totalANDzeroweb {font-size: 12px;position: relative;margin: 0 auto;padding: 0 !important;    width: 100% !important;max-width: 1280px !important;}
#totalANDzeroweb div{font-size: 12px;color: #555;text-align: left;position: absolute;z-index: 3;left: 0;bottom: 35px;}
#menu_box { display:none; }
}
.sub_01_menu_wrap, .sub_02_menu_wrap, .sub_04_menu_wrap, .sub_05_menu_wrap, .sub_06_menu_wrap {
    width: 100%;
    left: 0;
    position: absolute;background: #000;
    opacity: 0.6;  
    height: 50px;
    margin-top: 90px;
  display: none;}

.sub_01_menu_wrap, .sub_02_menu_wrap, .sub_04_menu_wrap, .sub_05_menu_wrap, .sub_06_menu_wrap{
  width: 100%;
  left: 0;
  position: absolute;
  height: 50px;
  margin-top: 90px;
  display:none;
}

.sub_01_menu li a, .sub_02_menu li a, .sub_04_menu li a, .sub_05_menu li a, .sub_06_menu li a{ 
  color:#fff !important; 
  font-family: 'Noto Sans KR';
  font-size: 16px;
  font-weight: 300; 
}
.sub_01_menu li:hover a, .sub_02_menu li:hover a, .sub_04_menu li:hover a, .sub_05_menu li:hover a, .sub_06_menu li:hover a{ 
  font-weight: 600; 
}



.sub_menu_bg{  
  width: 100%;  
  height: 50px; 
  left: 0;  
  position: absolute;   
  top: 90px;   
  background-color: #004edd3d; 
}  

.sub_01_menu, .sub_02_menu, .sub_04_menu, .sub_05_menu, .sub_06_menu{  
  position: absolute; 
  margin: auto;
  /*max-width: 100%;  */
  text-align: center; 

}
.sub_02_menu { 
  position: absolute;
  text-align: center;
}
.sub_01_menu li, .sub_02_menu li, .sub_04_menu li, .sub_05_menu li, .sub_06_menu li{ 
  height: 50px; 
  line-height: 50px; 
  float: left;  
} 

.P-nav ul li{  
  position: relative;
}   

.visible-lg ul li:hover > div{
  display:block;  

}  

.sub_01_menu{width: 300px; left: 20%;}   
.sub_01_menu li{width: 33.33%;}
.sub_02_menu{width: 330px;left:26%;}
.sub_02_menu li{width:33.33%;}
.sub_04_menu{width: 330px; left: 45%;}  
.sub_04_menu li{width: 33.33%;}   
.sub_05_menu{width: 170px; left: 70%;}      
.sub_05_menu li{width: 50%;} 
.sub_06_menu{width: 170px; left: 80%;}       
.sub_06_menu li{width: 50%;} 

/*header*/ 
.P-header {
  width:70%;
  height:80px;
  position: absolute;
  z-index: 999;
  top: 3%;
  left: 15%;
  box-shadow: 0px 5px 7px 2px #00000012;
  background-color:#fff;
  display: inline-block;
  transition-duration: 0.5s;
}

.P-member {
  display: none;
}

.wrap {   
  width: 100%;
  margin: auto;
}

.P-header a {
    font-family: 'SUIT';
    color: #333 !important;
    margin: 0 px;
}

.o{margin: 41px 0 !important; float: right; position: relative; cursor: auto;} 
#reservation{

  float: right;
  text-align: center;
  margin: 0;
  color: #fff !important;
} 
.r-nav{
  font-size: 18px; 
  letter-spacing: -0.5px; 
  line-height: 80px;
  padding:8px 20px;
  border:1px solid #333;
  border-radius:100px;
  color:#333;
      transition-duration: .2s;
} 

.r-nav:hover{
font-weight:bold;
  background-color:#eee;
}

.back{margin-left:5px; background-color:#333; color:#fff; }


.visible-lg ul li:hover > div {
    display: block;}

.P-member {
  display: none;
}
.P-nav-logo {
   font-family: "Cormorant Infant", serif;
  font-weight:bold;
  height: 80px;
  position: relative;
  font-size: 30px;
  line-height: 90px;
  float: left;
  overflow: hidden;  
  text-overflow: ellipsis;
  word-break: break-all;
  color: #000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrap > a {
  width:30%;
  float:left;
}
.P-nav {
  float: left;
}
/*.P-nav li:nth-child(2) {
position:relative;
}*/
.P-nav-item {
  position: relative;
  display: block;
  float: right;
  text-align: center;
  line-height: 80px;
  height: 80px;
  border-bottom: 0px solid #00349d;
  transition-duration: .2s;
  font-size: 20px;  
}

/*로고 끝*/
.wrap {
  width: 100%;
  max-width: 1280px;
  margin: auto; 
}
.wrap_in {
  height: 80px;
  margin:0 auto;
  display: flex;
    justify-content: space-between;
}
.wrap.shrink, .wrap_in.shrink {
  background: transparent;
}
.visible-lg {
  display: block !important;
}
.visible-lg ul{
display: flex;
  justify-content:center;
  flex-direction: row-reverse;
}
.visible-lg ul li{margin:0 25px;}

.hidden-lg {
  display:none;
}
.P-header a {
    color: #000;
}
/*header 끝*/

/*전체적용*/
   
dl {padding-top: 5% !important; padding-bottom: 5% !important;}

#SUB_Scontent {max-width: 1280px;margin: 0 auto;}
/*전체적용 */

/* * Override Bootstrap's default container. */
#totalANDzeroweb {width:100%;background:#f9f9f9;text-align:left;padding: 0 5%;}
#totalANDzeroweb div{
font-size: 12px;
color: #8e8e8e;
width: 100% !important;
max-width: 1280px;
margin: 0 auto;
text-align: left;
padding-bottom: 30px;
margin-top: 80px;

}
/* * Override Bootstrap's default container. 끝*/

/*/////////////////////////main////////////////////////*/
.swiper-container {position: relative;float: left;}
.swiper-slide{width: 100%; height: 600px; background-position: center center !important; background-repeat: no-repeat; background-size: cover;}
.sw_wrap{width:100%;float: left;}
.swiper-container {width: 100%;height: 600px;float: left;}
.sd_wrap{width: 1200px;z-index: 1;color: #fff;font-size: 50px;line-height: 60px;letter-spacing: -1px;text-align: left;text-align: center; position:absolute; top:50%;
transform:translateY(-50%);
}
.sd_wrap p{color: #fff;font-size: 50px;text-align: center; margin-bottom:30px; font-weight:400; font-family: 'SUIT';}
.sd_wrap span{  font-family: "Cormorant Infant", serif; font-size:135px; font-weight:bold;}
.swiper-wrapper .sd1{width: 100%; height: 600px; background: url(/images/main/sd1.png)no-repeat center center;background-size: cover;}

.main_sd_m{display: none;}
/*.main-slider li {   
position:relative;  
width:100%; 
height:700px;
overflow:hidden; 
}*/  

#main_wrap{width: 100%; position: relative;}
.main_bg{width: 100%;height: 995px;position: relative;background: #f5f5f5;margin-top: -150px;}
.sd_tbox{position: absolute;color: #fff;z-index: 999;bottom: 12%;left: 10%;text-shadow: 0px 0px 15px rgba(0, 01, 0, 0.4);}
.sd_line{height: 150px;width: 1px;background: #fff;margin-bottom: 50px;}
.sd_tbox strong{font-size: 24px;font-weight: 400;letter-spacing: 1px;color: #e3ff01;line-height: 24px;margin-bottom: 20px;display: inline-block; font-family: 'GmarketSansMedium';}
.sd_tbox h1{font-size: 45px;line-height: 45px;color: #fff;margin-bottom: 20px;}
.sd_tbox h1 span{font-weight: 600;}
.sd_tbox p{color: #fff;font-size: 26px;line-height: 26px;font-weight: 400;font-family: 'Noto Sans KR';}

.main_wrap{width: 100%; max-width: 1280px; margin: 0 auto;}

/*content01*/
#rich_con01_wrap{
width: 100%; height: auto;
margin: auto;     
position: relative;   
padding: 0 5%;       
z-index: 1;
}
.con1_wrap{width: 100%; float: left;position: relative;margin-top: 90px;}
.img_box1{width: 600px; height: 400px; background: url(/images/main/main1.png)no-repeat center center;background-size: cover;float: left;}
.txt_box{letter-spacing: -1px;float: right;margin-top: -400px;background: #fff;transition: all .4s;}
.txt_box h1{font-size: 30px; line-height: 45px;font-weight: 300;margin-bottom: 25px;font-family: 'GmarketSansMedium';}
.txt_box h1 span{font-family: 'GmarketSansBold';font-size: 40px;letter-spacing: 4px;}     
.txt_box p{font-size: 24px; font-weight: 400;margin-bottom: 30px; font-family: 'SUIT'; line-height:1.6; word-break:keep-all;}
.txt_box .btn a{font-size: 20px; color: #004edd;font-weight: 400;letter-spacing: 0px;}
.txt_box .btn a img{margin-left: 10px;margin-bottom: 3px;}
.con1_bg{background: #f9f9f9;position: absolute;width: 100%;height: 350px;bottom: 60px;z-index: -1;left: -50%;}    
/*content01 끝*/
/*플로팅배너 모바일*/  
.Floating_m {z-index:99; position:fixed; bottom:340px; right:15px; width:50px; height:50px; border-radius:100px; background:#000;}
.Floating_m a {position:absolute; top:8px; left:8px;}

.Floating_m2 {z-index:99; position:fixed; bottom:280px; right:15px; width:50px; height:50px; border-radius:100px; background:#fae100;}
.Floating_m2 a {position:absolute; top:8px; left:8px;}     

.Floating_m3 {z-index:99; position:fixed; bottom:220px; right:15px; width:50px; height:50px; border-radius:100px; background:#46ca4b;}
.Floating_m3 a {position:absolute; top:8px; left:8px;}     

.Floating_m4 {z-index:99; position:fixed; bottom:160px; right:15px; width:50px; height:50px; border-radius:100px; background:#004edd;}
.Floating_m4 a {position:absolute; top:8px; left:8px;}     
       
/*플로팅배너*/  
.Floating {z-index:99; position:fixed; bottom:275px; right:8px; width:100px; height:50px; border-radius:100px; background:#000;}
.Floating a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  } 
.Floating h1{color:#fff; font-size:18px;}
.Floating h1 p{color:#fff; font-size:18px; }
.Floating h1 span{font-size:18px; line-height:1.5;  display:inline-block; font-weight:500;} 
.Floating h1 img{margin-bottom:5px;}
   
.Floating2 {z-index:99; position:fixed; bottom:475px; right:8px; width:130px; height:140px; border-radius:0px 0px 10px 10px;background:#fff;border: 1px solid #aaa;}
.Floating2 a {position:absolute; top:25px; left:0px;}    

.Floating22 {z-index:99; position:fixed; bottom:610px; right:8px; width:130px; height:50px; border-radius:10px 10px 0px 0px;background:#000;}
.Floating22 a {position:absolute; top:10px; left:8px;}  
 
.Floating3 {z-index:99; position:fixed; bottom:215px; right:8px; width:145px; height:50px; border-radius:100px;background:#06be34;}
.Floating3 a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.Floating3 a h1{color:#fff; font-size:18px; text-align:center;}

.Floating4 {z-index:99; position:fixed; bottom:155px; right:8px; width:145px; height:50px; border-radius:100px;background:#3a5ca9;}
.Floating4 a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.Floating4 a h1{color:#fff; font-size:18px; text-align:center;}

.Floating5 {z-index:99; position:fixed; bottom:220px; right:8px; width:100px; height:50px; border-radius:100px;background:#0d2c71;}
.Floating5 a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.Floating5 a h1{color:#fff; font-size:18px; text-align:center;}

.Floating6 {z-index:99; position:fixed; bottom:165px; right:8px; width:100px; height:50px; border-radius:100px;background:#ffd400;} 
.Floating6 a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.Floating6 a h1{color:#fff; font-size:18px; text-align:center;}

.Floating_call {z-index:99; position:fixed; bottom:670px; right:8px; width:130px; height:80px; border-radius:0px 0px 10px 10px;background:#000;}
.Floating_call a {position:absolute; top:8px; left:0px;}  

.Floating_call2 {z-index:99; position:fixed; bottom:800px; right:8px; width:130px; height:50px; border-radius:10px 10px 0px 0px;background:#000;}
.Floating_call2 a {position:absolute; top:10px; left:14px;}   

.Floating_call3 {z-index:99; position:fixed; bottom:750px; right:8px; width:130px; height:60px; border-radius:0px 0px 0px 0px;background:#000;}
.Floating_call3 a {position:absolute; top:8px; left:0px;}  
   
  /* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {
  opacity: 0;  
  transition: all .5s ease;
}
/* 아래에서 위로 페이드 인 */
.sa-up {
  transform: translate(0, 100px);  
}
/* 위에서 아래로 페이드 인 */
.sa-down {
  transform: translate(0, -100px);
}

/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {
  transform: translate(-200px, 0);
}
/* 오른쪽에서 왼쪽으로 페이드 인 */
.sa-left {
  transform: translate(100px, 0);
}  
.sa.show {
  opacity: 1;
  transform: none;
}
/*content011*/

.con011_wrap{position:relative;}

#rich_con011_wrap{
width: 100%; height: auto; 
position: relative;  
margin-top: 150px;
}
.con011_img{width: 650px;height: 700px;background: url(/images/main/sec01.png)no-repeat center center;background-size: cover;border-radius: 350px 350px 0 0; box-shadow: 30px 30px 7px rgba(0, 0, 0, 0.1);}  
.con011_wrap .txt_box{background: #fff;padding: 100px 120px;border:1px solid #000; position: relative;
    z-index: 1;}  
.con011_wrap .txt_box:hover{cursor: pointer;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition: all .4s;box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);}
.bg_txt {overflow: hidden;position: absolute; right:0;top:100px;word-break: keep-all;display: block; /*animation: fadeInLeft 1s;*/}  
.bg_txt div {color: #333;font-size: 6em; font-family: 'SUIT'; font-weight:normal;}  

.more_btn a{font-size:20px;  border-top:2px solid #333;   font-family: "Abel", sans-serif; font-weight:bold; letter-spacing:1px; color:#333 !important;}  
      
/*content011 끝*/      

/*content022*/   
#rich_con022_wrap{
width: 100%; height: auto; 
float: left;   
position: relative;  
padding: 0 5%;  
margin-top: 40px;   
}
.con022_img{width: 47%;height: 600px;background: url(/images/main/menu_022.png)no-repeat center center;background-size: cover;float: right;position: absolute;right: 0;z-index: -1;}
.con022_wrap .txt_box{float: left;width: 53%;margin: 84px 0 84px 15%;background: #fff;margin-top: 270px;padding: 70px;}
.con022_wrap .txt_box:hover{cursor: pointer;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition: all .4s;box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);}
.bg_txt2 {width: 90vw;overflow: hidden;position: absolute;top:-61px;margin-left: -8vw;word-break: keep-all;display: block;z-index: -1;/* animation: fadeInRight 1s;*/}  
.bg_txt2 div {color: #fff;font-size: 11em;font-family: 'GmarketSansBold';-webkit-text-stroke: 2px #000;opacity: 0.9;letter-spacing: 10px;}    
   
.content_02{margin:350px 0 200px 0; position:relative;}  
.main_bg_txt{font-size: 350px;
    letter-spacing: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -350px;
    color: #f0f4f8;
    font-family: "Cormorant Infant", serif;
}
   


/*content033*/
#rich_con033_wrap{
width: 100%; height: auto; 
float: left;   
position: relative;  
padding: 0 5%;
margin-top: 40px;
}   
.con033_img{width: 47%;height: 600px;background: url(/images/main/menu_033.png)no-repeat center center;background-size: cover;float: left;position: absolute;left: 0;z-index: -1;}
.con033_wrap .txt_box{float: right;width: 68%;margin: 84px 0 84px 15%;background: #fff;margin-top: 270px;padding: 70px;padding-left:110px;}
.con033_wrap .txt_box:hover{cursor: pointer;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transition: all .4s;box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);}
.bg_txt3 {width: 94vw;overflow: hidden;position: absolute;top:-61px;margin-left: -16vw;word-break: keep-all;display: block;z-index: -1; /*animation: fadeInLeft 1s;*/}  
.bg_txt3 div {color: #fff;font-size: 11em;font-family: 'GmarketSansBold';-webkit-text-stroke: 2px #000;opacity: 0.9;letter-spacing: 10px;}    
   
/*content033 끝*/  

/*content044*/

.intro_in {
    max-width: 1280px;
  margin: 0 auto;
  width:100%;
}
  
.story_in ul {
    display: flex;
    justify-content: space-between;
  margin-top:-100px;
   gap: 20px;
}
.story_in ul li{
flex:1;
}
.call_btn{display:flex; justify-content: flex-end;}
.P-contents {position: relative;
    width: 100%;
    display: block;
    height: auto;
    float: left; 
    position: relative;
}
.P-contents .txt_box4{float: left;width: 100%;padding: 70px;}
.txt_box4{text-align:center; background-color:#f0f4f8; padding:100px 0 150px 0;}
 
.txt_box4 h1{text-align: center; line-height:1.5;  font-size: 70px;}
.txt_box4 p{text-align: center;font-size: 24px; font-weight: 400;margin-bottom: 20px; word-break:keep-all; line-height:1.6;}
.menu-content {  
    width: 100%;
    display: flex;
    padding: 8% 0;
}  

.menu-content:after {display:block; content: ""; clear: both;}
.menu-content > div {
  display: flex;
  align-items: center;
  padding:18% 0;
}
.room-view {cursor: pointer;
  display:flex;
  width: 50%;
  position:relative;
  overflow:hidden;
  float:left;
  /*margin: -4% auto 4% ;*/
}
.room-view img {
  width:100%;
  margin-top: -5%;
}  
 
.room-view img {
  width:100%;   
  margin-top: -5%;   
}  

.txt_box4 img{width:32px;}

.room-view .m-titbox-bg {
background-image: linear-gradient(rgb(0 0 0), rgb(77 77 77));  
}  

.room-view:hover div.m-titbox-bg{ 
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/main/day.jpg);
	transition: all 0.6s ease-in-out;
	transform:scale(1.3) rotate(0.1deg); -ms-transform:scale(1.3) rotate(0.1deg); -webkit-transform:scale(1.05) rotate(0.1deg);     
} 
    

.facilty-view .m-titbox-bg{background-image: linear-gradient(rgb(6 112 128), rgb(69 132 153));
}

.facilty-view:hover div.m-titbox-bg { 
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/main/1day.jpg) !important;  
	transition: all 0.6s ease-in-out;
	transform:scale(1.3) rotate(0.1deg); -ms-transform:scale(1.3) rotate(0.1deg); -webkit-transform:scale(1.05) rotate(0.1deg);
}
    
.m-titbox-bg {
	position:absolute;
	top:0;
	background-position:center center;     
	width:100%;
	height: 100%;
}

.m-titbox {
  width:100%;
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  height:auto;
  z-index:7;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.m-titbox > p {
  width: 65%;
  word-break: keep-all;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  margin: 1% 0;
}
.m-titbox-type {
  text-align:center;
  font-size:16px;
  font-weight:bold;
}
.m-titbox-type span {
  display:block;
  color:#b4836d;
  padding-top:20px;
  font-size:14px;
  font-weight:normal;
}
.facilty-view {cursor: pointer;
  display:flex;
  width: 50%;
  position:relative;
  overflow:hidden;
  float:left;
}
.m-titbox > .btn2 {
    width: auto;
    margin: auto;
    padding: 0 0 10px 0;
}

.m-titbox a {display:block;}  

.m-titbox a p {margin-top: 40px;
  color:#fff;
  font-size:40px;
    margin-bottom: 70px;
    font-family: 'GmarketSansMedium';
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    padding: 10px;    
}

.m-titbox a span {
  color:#d4d4d4;
  letter-spacing:-0.5px;
  font-size:16px;
  text-align:center;        
}     
/*content044 끝*/

/*숙박소개*/  
.products .section_in {position:relative; z-index:2;width: 100%;
    max-width: 1200px;
    margin: auto;}
.products {position:relative; width:100%; max-height: 500px; padding:120px 0; background:url("../images/main/stay_bg.png") no-repeat center / cover; background-attachment:fixed;margin-top: 150px;}
.products_m {position:relative; width:100%; max-height: 300px; padding:94px 0 0; background:url("../images/main/stay_bg_m.png") no-repeat center / cover;background-size: cover;  margin-top: 150px;}
.products .mainTit {text-align: center;font-family: 'GmarketSansBold';font-size: 40px;letter-spacing: 4px;color:#fff;margin-top: 50px;}
.products .mainsubTxt {text-align: center;font-size: 24px;color:#fff; line-height:1.6; margin-bottom:25px; word-break:keep-all;}
.productsList {margin-top:76px;margin-left: 80px;}
.products ul li {width: calc(45% - 20px);display: inline-block;}
.products ul li a {display: block;      
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;}
.products ul li h3.mainsubTit {color:#fff; text-align:center;}
.products ul li a h6 {border: 1px solid #fff;padding: 4px 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px; 
    text-align: center;
    color: #fff;
    transition: transform .35s;
    -o-transition: transform .35s;
    -moz-transition: transform .35s;
    -webkit-transition: transform .35s;  
}
.add_btn{text-align:center;}
.add_btn a{ color: #fff !important; border:none; text-decoration:underline; text-underline-offset: 5px;}  


/*숙박소개 끝*/

/*하단배너 시작*/
.hantan_wrap{width: 100%;display: flex;align-items: center;margin:auto;  
    padding: 200px;}
	.hantan_txt{width: 100%;margin-top:5%;}  
	.hantan_txt h1{margin: 5px 0 15px;}
	.hantan_tit{text-align: center;}
	.hantan_tit h1{margin: 5px 0 25px;color: #fff;font-size: 36px;line-height: 1.4;font-weight: 500;text-align: center;letter-spacing: -1px;word-break: keep-all;}
	.hantan_tit small{font-size: 30px;letter-spacing: 20px;font-weight: normal;color: #252525;    font-family: 'GmarketSansLight', sans-serif;line-height: 1.6;
    opacity: 0.6;}  
/*하단배너 끝*/     
  /*상품소개*/
.best {width:100%;  max-width:1280px;  margin:200px auto; display: flex; justify-content:space-between;}

.section_left, .section_right {width:50%;}


.section_left h1{font-size:70px; color: #333; }
.section_left p{font-size:24px; word-break:keep-all; line-height:1.6;}
.section_right ul{display:flex; justify-content: space-between;}  
.section_right ul li{padding:80px 100px; text-align:center; border:1px solid #333; transition-duration: .2s;
}
.section_right p{font-size:28px;}
.section_right img{margin:20px 0;} 
.con_btn a{font-size:20px; font-weight:bold; text-decoration: underline; 
    text-underline-offset: 5px; font-family: "Abel", sans-serif; color:#333 !important;}  

.section_right ul li:hover{
background-color:#f0f4f8;
}

/*상품소개*/

/*설치충전소*/
#charging_wrap{ 
  width: 50%;
  height: 400px;
  position: relative;
  float: left;
  background: #000 url(/images/main/booking_bg.png)no-repeat center center;
  background-size: cover;  
  float: left;
  display: flex;
  align-items: center;  
}    
#charging_wrap .main_wrap{width: 100%;max-width: 400px;float: left;}
.charging_wrap{width: 100%;}
.charging_wrap .txt_box01 h1{font-family: 'GmarketSansBold';color: #fff;margin-bottom: 20px;font-size: 32px;word-break: keep-all;}
.charging_wrap .txt_box01 p{text-align: left;color: #fff;font-size: 20px;word-break: keep-all;}
.charging_wrap .txt_box01 .line {margin-top: -10%;width: 30px; height: 2px;float: left;background: #fff;  font-size: 18px;text-align: left;display: inline-block;font-weight: 400;}
/*설치충전소 끝*/    
   
/*고객지원*/      
#customer_wrap{ 
  width: 50%;  
  height: 400px;
  position: relative;  
  float: left;
  background: #000 url(/images/main/customer_bg.png)no-repeat center center;
  background-size: cover;
  float: left;  
  padding-left:4%;   
  display: flex;       
  align-items: center; 
}
#customer_wrap .main_wrap{width: 100%;max-width: 400px;float: left;margin-left: 10%;}
.customer_wrap{width: 100%;}
.customer_wrap .txt_box01 h1{font-family: 'GmarketSansBold';margin-bottom: 10px;color: #fff;width: 100%;margin-bottom: 20px;font-size: 32px;}
.customer_wrap .txt_box01 p{text-align: left;color: #fff;font-size: 20px;}
.customer_wrap .txt_box01 .line {margin-top: -10%;width: 30px; height: 2px;float: left;background: #fff;  font-size: 18px;text-align: left;display: inline-block;font-weight: 400;}
/*고객지원 끝*/    



/*content02*/
#rich_con02_wrap{
width: 100%; height: auto;
float: left;
position: relative;
padding: 0 5%;
}
.con2_wrap{width: 100%; float: left;margin-top: 50px;}
#rich_con02_wrap .txt_box{padding: 93px 0;float: left;margin-top: 0;}
.img_wrap{width: 62%;float: right;position: relative;}
.img_box2{width: 300px; height: 300px; background: url(/images/main/main2.png)no-repeat center center;background-size: cover;float: left;margin-top: 50px;}
.img_box3{width: 300px; height: 300px; background: url(/images/main/main2_2.png)no-repeat center center;background-size: cover;float: left;margin: 50px 0 50px 30px;}
.con2_bg{width: 300px; height: 400px; background: url(/images/main/main2_bg.png)no-repeat center center;background-size: cover;position: absolute;right: 0;z-index: -1;}
.txt_340{display: none;}
/*content02 끝*/

/*content03*/
#rich_con03_wrap{ 
width: 100%; height: 350px;
float: left;
position: relative;
background:#fff url(/images/main/main3.png)no-repeat center center;
background-size: cover;
margin-top: 100px;
}
.con3_wrap{width: 100%; float: left;}
#rich_con03_wrap .txt_box{padding: 78px 50px;float: right;margin-top: 0;margin-right: 5%;}

/*content03 끝*/



/*메뉴이격맞춤*/
@media all and (max-width:2800px){
.Floating_m {display:none;}
.Floating_m a {display:none;}

.Floating_m2 {display:none;}
.Floating_m2 a {display:none;}

.Floating_m3 {display:none;}
.Floating_m3 a {display:none;}

.Floating_m4 {display:none;}
.Floating_m4 a {display:none;}
}

@media all and (max-width:1480px){ 
  #totalANDzeroweb div{ padding-left:5%;
  
  }

/*메뉴이격맞춤*/
@media all and (max-width:1350px){ 
  .best{padding:0 5%; flex-direction: column; }

  .section_left{margin-bottom:50px; text-align:center;}
  .section_right ul li:first-child{margin-right:20px;}
  .section_left, .section_right {width:100%;}
  .story_in ul{padding:0 5%; }   
 .section_right ul li{flex:1; padding:50px; 100px;}
  #rich_con011_wrap{padding:0 5%;}
    .sd_wrap, .swiper-container-horizontal > .swiper-pagination{padding: 0 5%;}
  .wrap_in{padding:0 5%;}

}

/*웹 1200*/
@media all and (max-width:1200px){
  #totalANDzeroweb div{padding:0 5%;}
  .animated-title .track{top:10px;}
    #btn-top-menu{display: none !important; width: 30px; float: right; padding: 35px 0;}
    .wrap .P-member{display: none;}
    .img_wrap{width: 65%;}
    .img_box2, .img_box3{width: 40%;}
    #rich_con03_wrap{height: 300px;}
    #rich_con03_wrap .txt_box{padding: 53px 50px;}
    .con2_bg{width: 200px;}
    .bg_txt3 {width: 300vw;} 
    .bg_txt2{margin-left: 0vw;width: 120vw;} 
    .products ul li a h6 {width:70%}    

 
/*웹 끝*/     

/*웹 1000*/
@media all and (max-width:1000px){
    .pc1000{display: block;}
    .pc1200{display: none;} 
  /*  .copy-item, .call_footer{width: 100%; text-align: center; margin-top: 20px;}*/
    /*#totalANDzeroweb div{text-align: center;padding-top: 10px;}*/
    .main_sd{height: 500px !important;}
    .swiper-wrapper .sd1{width: 100%; height: 500px; background-size: cover;}
    .swiper-wrapper .sd2{width: 100%; height: 400px; background-size: cover;}
    .swiper-container-horizontal > .swiper-pagination{margin-top: -100px !important;} 

    .con1_wrap{margin-top: 100px;}
    .con011_img {width: 100%; position:relative; z-index:-1; border-radius:500px 500px 0 0;}
  .con011_wrap .txt_box {width: 100%;}
      .con022_img {width: 100%;height: 400px;}
  .con022_wrap .txt_box {width: 100%;float: right;}
      .con033_img {width: 100%;height: 400px;}
  .con033_wrap .txt_box {width: 100%;}
   .products ul li div {height: 250px;}
  .sd_wrap span{font-size:100px;}
}

    
/*웹 끝*/
/*슬라이드 이격맞춤*/
@media all and (max-width:940px){
  .sd_wrap{transform: translateY(-35%);}
  .r-nav img{width:25px;}
  .r-nav{font-size:16px;}
  .P-nav-item{font-size:18px;}

    .sd_wrap p{font-size: 35px; margin-bottom:15px;}
    .sd_wrap{font-size: 40px;  }
    .img_box1{width: 100%; height: 300px;}    
  .story_in ul{flex-direction:column; gap:40px;}
  
    .txt_box h1{font-size: 26px; line-height: 32px;}
    .txt_box h1 span{font-size: 30px; display: block; line-height: 45px;}
  .con011_wrap .txt_box{padding:100px;}
  .txt_box{margin-top:0;}  
    .con1_bg{bottom: 0; height: 200px;}
  .content_02{margin: 600px 0 200px 0;}
  .main_bg_txt{font-size:200px; top:-200px;}
    #rich_con02_wrap .txt_box{width: 40%;padding: 106px 0;}
    .img_wrap{width: 60%;}
    .img_box2{width: 90%;height: 250px;}
    .img_box3{display: none;}
    .con2_bg{height: 350px;}
    #rich_con03_wrap{height: 200px;}
    #rich_con03_wrap .txt_box{padding: 47px 60px; width: auto;margin-right: 10%;}
  .m-titbox a p {font-size: 30px;margin-bottom: 40px;}
  
  
   .Floating2 {display:none;}
   .Floating22 {display:none;}
   .Floating_call {display:none;} 
   .Floating_call2 {display:none;}  
   .Floating_call3 {display:none;}
  
.Floating_m {display:block;}
.Floating_m a {display:block;}
.Floating_m2 {display:block;}
.Floating_m2 a  {display:block;}
.Floating_m3 {display:block;}
.Floating_m3 a  {display:block;}
.Floating_m4 {display:block;}
.Floating_m4 a {display:block;}
  .con011_wrap .txt_box:hover{cursor: pointer;-webkit-transform: none;-moz-transform:none;-o-transform:none;transform:none;transition:none;box-shadow:none;}
  .con022_wrap .txt_box:hover{cursor: pointer;-webkit-transform: none;-moz-transform:none;-o-transform:none;transform:none;transition:none;box-shadow:none;}
  .con033_wrap .txt_box:hover{cursor: pointer;-webkit-transform: none;-moz-transform:none;-o-transform:none;transform:none;transition:none;box-shadow:none;}
  

}   
  
  @media all and (max-width:880px){    
    .P-nav-logo{padding-left:20px;}
    .wrap_in{flex-direction: column; padding:0;}
   .visible-lg {

	  width: 100%; 
	  background-color: #fff; border-top: 1px solid #222a3d;
  } 
      .call_btn{position:absolute; right:15px;}
  #reservation{float:none;}
    .P-nav-item{line-height:70px; height:70px;}
    .P-nav ul{display:flex; justify-content: center; flex-direction: row-reverse; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  
  }
/*태블릿*/
@media all and (max-width:767px){

  .con011_wrap .txt_box{padding:80px 50px;}   
   #charging_wrap{ 
  width: 100%;  
  height: 200px;
  padding-left: 5%;}  
.charging_wrap{width: 100%;margin-top: 20px;}
.charging_wrap .txt_box01 h1{font-size: 26px;}
.charging_wrap .txt_box01 p{font-size: 16px;}       

#customer_wrap{   
  width: 100%;  
  height: 200px;
  padding-left:5%;}
  #customer_wrap .main_wrap{width: 100%;max-width: 400px;float: left;margin-left: 5%;}  
.customer_wrap{width: 100%;margin-top: 20px;}
.customer_wrap .txt_box01 h1{font-size: 26px;}
.customer_wrap .txt_box01 p{font-size: 16px;}        
.menu-content > div {
    height: 311px;margin-bottom: 5%;
}
  .menu_wrap {
    position: relative;  
    width: 92%;
    margin: auto;}
  .P-contents {
    width: 100%;
    margin: auto;
    position: relative;
}
  .bg_txt{bottom:0; right:10px; top:auto;}
  .bg_txt div{color:#fff;}
  
    /*floating button */
  .Floating3 span{display:none;}
  .Floating3 a h1::before{width:30px; height:30px; margin-right:0;}
  .Floating3{width:50px;}
  .Floating4 span{display:none;}
   .Floating4 a h1::before{width:32px; height:30px;  margin-right:0;}
  .Floating4{width:50px;}
  .Floating h1 p{display:none;}
  .Floating{width:80px; height:50px; border-radius:100px;}
  .Floating5 h1 p{display:none;}
  .Floating5{width:80px; height:50px; border-radius:100px;}
   .Floating6 h1 p{display:none;}
  .Floating6{width:80px; height:50px; border-radius:100px;}
  
}  
/*태블릿 끝*/
/*모바일*/ 
@media all and (max-width:640px){
  .sd_wrap {transform: translateY(-60%);
}

  .best{margin:120px auto 200px auto;}
              .products {
                max-height: 300px;
                background: url(../images/main/stay_bg_m.png) no-repeat center / cover;
                background-size: cover;
              }
  .txt_box4 img{width:30px;}
  .main_bg_txt{font-size:120px; top:-120px;}
  .footer-info ul{flex-direction: column-reverse; align-items: flex-start;}
  .footer-info li:last-child{text-align:left; margin-bottom:30px;}
  .copy-item{width:100%;}
  .con011_img{box-shadow:none;}
  .con_btn a{font-size:18px;}
  .products{padding:80px 0;}    
  .products .mainsubTxt{font-size:20px;}
  .section_right p{font-size:24px;}
  .section_left h1{font-size:50px;}
  .section_left p{font-size:20px;}
  .story_in ul li p{font-size:18px !important;}
  .txt_box4 p{font-size:20px;}
  .txt_box4 h1{font-size:50px;}
  .content_02 {margin: 400px 0 200px 0;}
  .more_btn a{font-size:18px;}
  .bg_txt div{font-size:3.5em;}
  .con011_img{height:450px;}
  .animated-title .track{top:13px;}
  .txt_box p{font-size:20px;}
    .call_footer a{font-size: 16px; line-height: 16px;}
    .main_sd{display: none;}
    .main_sd_m{display: block;height: 400px;}
    
   .sd_wrap p{font-size: 28px; }
    .sd_wrap span{font-size: 75px;}     
    .con1_wrap, #rich_con03_wrap{margin-top: 70px;}
    .con2_wrap{margin-top: 20px;}
    .txt_box{width: 70%;}
    .txt_box h1{font-size: 24px; line-height: 30px;margin-bottom: 10px;}
    .txt_box h1 span{font-size: 26px; line-height: 40px;}
    #rich_con02_wrap .txt_box{padding: 117px 0;}
    #rich_con03_wrap{height: 170px;}
    #rich_con03_wrap .txt_box{padding: 42px 50px}
    .txt_box .btn a{font-size: 16px;}
    .txt_box .btn a img{width: 20px;}  

    .bg_txt2 div {display:none;}
    .bg_txt3 div {display:none;}
    
  .con011_wrap .txt_box{padding: 50px;text-align: center;}  
  .con022_wrap .txt_box{padding: 50px;text-align: center;margin-bottom: 5px;}  
  .con033_wrap .txt_box{padding: 50px;text-align: center;margin-bottom: 5px;}    
  .room-view {width: 100%;height: 300px;}
  .facilty-view {width: 100%;height: 300px;}
  .products ul li {width: 100%;}
  .productsList {margin-left: 0px;}  
  .products ul li:nth-child(2) {margin:0px;}
  .hantan_wrap {margin-top: 570px;}  
  .hantan_txt {margin-top: 15%;}      
  .hantan_tit small {font-size: 20px;}
  .products ul li a:hover div div {
    animation:none;}
   .products .mainTit {margin-top: 0px;}
  .P-footer {bottom: 0;}
  .room-view .m-titbox-bg:hover{transition:none;transform:none; -ms-transform:none;-webkit-transform:none;}
  .facilty-view .m-titbox-bg:hover {transition:none;transform:none; -ms-transform:none;-webkit-transform:none;}
  .room-view .m-titbox-bg{background-image:url(/images/main/day.jpg);} 
  .facilty-view .m-titbox-bg{background-image:url(/images/main/1day.jpg);}  
  .products .section_in {max-width: 90%;}

  .mTit{color:#fff;}
  .menu-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 650px;
}     
  .P-contents {
    width: 100%;
}
  

     .products ul li div {height: 250px;}  
  .animated-title{padding:45px 0 5px;}
    .move_txt { 
    font-size: 16px;}
  #rich_con011_wrap {margin-top: 80px;}
	.P-header {
    width: 100%;
    height: 80px; 
    position: relative; 
    display: inline-block; 
    margin: 0 auto;
    padding: 0%;
    z-index: 10;
    top: 0;
    left: 0;
  }

  .P-header.shrink {
    position: fixed;
    top: -80px;
    left: 0;
    width: 100%;
    background: #fff;
    background-color: rgba( 255, 255, 255, 0.9 );
    box-shadow: 0px 5px 7px 2px #00000012;
  }

  .wrap {
    position: relative;
    width: 100%;
    margin: auto;
  }
	.wrap_in{width: 100% !important;}

  .P-nav-logo {
    /*padding: 0 0 0 25px;*/
    float: left;
    /*width: 80%;*/
	  width: 100%;
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
    position: relative;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
  }
	
	.P-nav-item {
    position: relative;
    display: block;
    float: right;
    text-align: center;
    /*width: 16%;*/
    line-height: 50px;
    height:50px;
    border-bottom: 0px solid #00349d;
    transition-duration: .2s;
    font-size: 16px;
}
  .P-nav-logo img {width:35% !important;}
	.o{display: none;}

	.sub_menu_bg{background-color:transparent;}
	.sub_01_menu_wrap, .sub_02_menu_wrap, .sub_04_menu_wrap, .sub_05_menu_wrap, .sub_06_menu_wrap{
		width: 100%; background-color:transparent; margin-top: 48px; border-top: 1px solid #e4e4e4;
	}
	.sub_01_menu, .sub_02_menu, .sub_04_menu, .sub_05_menu, .sub_06_menu{width: 100%; left: inherit;}
	.sub_01_menu li, .sub_02_menu li, .sub_04_menu li, .sub_05_menu li, .sub_06_menu li{background-color: #fff; height: 40px; line-height: 40px;}
	.sub_02_menu li{width: 20%;}.sub_06_menu li{width: 33.33%;}
	.sub_01_menu li a, .sub_02_menu li a, .sub_04_menu li a, .sub_05_menu li a, .sub_06_menu li a{font-size: 11px; color: #000!important;}
  #btn-top-menu {
    width: 45px;
    float: right;
    padding-top: 20px;
    margin-right: 20px;
  }
  #btn-top-menu img { 
    display: none;
  } 

  .wrap_in {
    height: 80px; 
    margin:0 auto; 
    width: calc(100% - 70px);
    float: left;  
  }
  .wrap:after {
    content:"";
    display:block; 
    clear:both;
  }
  .r-nav{padding:6px 12px;}  

  #prev{
    float: left;     
    opacity: 1;
    width: 50%;
    height: 100%;
  } 
  #next{
    float: right;
    opacity: 1;
    width: 50%;  
    height: 100%;
  } 

  #prev:hover{
    opacity: 1;
  }
  #next:hover{
    opacity: 1;
  }

  /*.P-footer02 {display: block;position: fixed;top: 40px;}*/
} 
/*모바일 끝*/
/*모바일*/
@media all and (max-width:480px){
  .visible-lg ul li{margin:0 12px;}   
  .sd_wrap p{margin-bottom:0;}
  .txt_box4 img{width:28px;}
  .products .mainsubTxt{font-size:18px;}
  .section_right img{margin:10px 0;}    
    .con_btn a{font-size:16px;}
  .txt_box4 h1, .section_left h1{font-size:40px;}
  .section_right p{font-size:20px;}
  .section_left p{font-size:18px;}
  .con011_wrap .txt_box{padding:30px;}
  .more_btn a{font-size:16px;}
  .txt_box p{font-size:18px;}
  .sd_wrap p{font-size:22px;}
  .sd_wrap span{font-size:60px;}  
  .bg_txt div{font-size:3.5em;}
  .con011_img {height:400px;}  
  .section_right ul{flex-direction:column;}
  .section_right ul li:first-child{margin-right:0; margin-bottom:20px;}
  .section_right ul li{padding:30px;}
  
  
    .swiper-container-horizontal > .swiper-pagination{margin-top: -150px !important;}
    .img_box1{height: 200px;}  
    .txt_box{width: 100%; margin-top: 0; padding: 20px 0;}
    .txt_box h1{font-size: 18px; line-height: 28px;}
    .txt_box h1 span{font-size: 24px; line-height: 34px;}   
    .con1_bg{left: 50%; top: -70px;}
    .txt_340{display: block;} 
    .txt_pc{display: none;}
    .img_wrap{width: 55%;}
    .img_box2{width: 100%; height: 200px; margin-top: 30px;}
    .con2_bg{height: 260px; right: -50%;}
    #rich_con02_wrap .txt_box{padding: 76px 0;}
    #rich_con03_wrap{height: 120px;}
    #rich_con03_wrap .txt_box{padding: 20px 22px;}

  .txt_box4 p {font-size: 18px;}
  .txt_box4 h1 span {font-size: 24px;}  
  .products .mainTit {font-size: 24px;}   
  
  .booking_wrap {margin-left: 10px;word-break: keep-all;padding: 30px;}

  .P-contents .txt_box4 {padding: 50px;}
  #charging_wrap {padding-left: 10%;}
  .footer-info02 li span {font-size: 14px;}
	.P-nav-item{font-size: 15px;}
  .P-nav-item:hover, .P-nav-item:focus {font-size: 14px;}
    .P-nav-logo img {width:35% !important;}
	.o{display: none;}

  	.sub_01_menu li a, .sub_02_menu li a, .sub_04_menu li a, .sub_05_menu li a, .sub_06_menu li a{font-size: 11px;display: inline-block; width:100%; color: #000!important;}
}
/*모바일 끝*/
/*모바일*/
@media all and (max-width:344px){
  .visible-lg ul li {margin: 0 8px;}
  .visible-lg ul li a{font-size:14px;}
  .bg_txt div{font-size:3em;}
  .txt_box p{font-size:16px;}
  .con011_wrap .txt_box{padding:30px 20px;}
  .txt_box4, .products .mainsubTxt{font-size:16px;} 
  .section_left p{font-size:16px;}
  .r-nav{font-size:14px;}
  .P-nav-logo{padding-left:15px;}
  .copy-item{font-size:14px;}
  .f_call{font-size:18px;}
  .f-logo{font-size:24px;}
}
/*모바일 끝*/

/*//////////////////////////main 끝////////////////////*/