@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif;  Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */


@font-face {font-family:'Font Awesome 5 Pro'; src: url(../font/fa-light-300.woff) format('woff'),url(../font/fa-light-300.ttf) format('truetype'); font-style: normal; font-weight: 300;}
@font-face {font-family:'Font Awesome 5 Pro'; src: url(../font/fa-regular-400.woff) format('woff'),url(../font/fa-regular-400.ttf) format('truetype'); font-style: normal; font-weight: 400;}
@font-face {font-family:'Font Awesome 5 Pro'; src: url(../font/fa-solid-900.woff) format('woff'),url(../font/fa-solid-900.ttf) format('truetype'); font-style: normal; font-weight: 900;}
  
*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#394059;line-height:auto;font-weight:normal; padding:0px;margin:0px;letter-spacing:-0.05em; word-break:keep-all;}
html, body {width:100%;/*height:100%;*/;}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none; color:#394059}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:400;}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
}


/* add style */

/* === 특별 할인가 (한 줄 버전) === */
.special-price-vertical {
  margin-top: 16px;
  border: 1px solid #eee;
  border-radius: 12px;
  background: #fff;
  padding: 18px 20px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.special-price-title {
  font-size: 18px;
  font-weight: 700;
  color: #8a4b00;
  background: #fff8e6;
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 14px;
  text-align: center;
}

.special-price-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.special-price-list li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 15px;
}

.special-price-list li:last-child {
  border-bottom: none;
}

.term {
  font-weight: 600;
  color: #333;
  min-width: 70px;
}

.original {
  color: #999;
  text-decoration: line-through;
  font-size: 14px;
}

.discount {
  color: #0A66C2;
  font-weight: 700;
  font-size: 17px;
}

.unit {
  font-size: 13px;
  color: #666;
}

.save-badge {
  background: #ffe6e6;
  color: #b42318;
  border: 1px solid #ffd1cf;
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
}

.save-badge em {
  font-style: normal;
  font-weight: 700;
  color: #b42318;
}

.special-price-note {
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
  color: #777;
}

/* ✅ 모바일에서도 한 줄 유지 */
@media (max-width: 600px) {
  .special-price-list li {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
  }
  .term { min-width: 65px; }
  .discount { font-size: 16px; }
}
  .original_price{
    color: #d1d1d1;
    font-size: 16px;
  }

  .coupon_label{
    color: #fc037b;
    font-size: 24px;
    font-weight: 600;
  }

  .sale_price{
    font-size: 24px;
    font-weight: 600; 
  }

  
    .ad_title{
      font-size: 16px;
      line-height: 22px;
      font-weight: 800;
    }
    .ad_subject{
      font-size: 16px;
      margin-top: 5px;
      line-height: 24px;
    }

    /* 섹션 컨테이너 */
    .tx-section {      
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto 40px;
    }
    .tx-section:last-child {
      margin-bottom: 0;
    }

    /* 숫자 + 제목 영역 */
    .tx-section-header {
      display: flex;
      align-items: baseline;
      gap: 12px;
      flex-wrap: wrap; /* 작은 화면에서 줄바꿈 */
    }
    .tx-number {
      /* 화면 너비에 따라 24px~36px 사이로 조정 */
      font-size: clamp(24px, 8vw, 36px);
      font-weight: 700;
      color: #3182ce;
      flex-shrink: 0;
      line-height: 1;
    }
    .tx-title {
      /* 화면 너비에 따라 18px~24px 사이로 조정 */
      font-size: clamp(18px, 5vw, 24px);
      font-weight: 700;
      color: #2d3748;
      word-break: keep-all;
    }
    .tx-highlight {
      color: #3182ce;
    }

    /* 숫자 밑의 파란 바 */
    .tx-underline {
      /* 너비도 반응형으로 30px~40px 사이 조정 */
      width: clamp(30px, 10vw, 40px);
      height: 3px;
      background: #3182ce;
      margin: 8px 0 16px;
    }

    /* 본문 */
    .tx-content p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 12px;
      color: #4a5568;
    }

  

    /* 아주 작은 화면에서 패딩·마진 축소 */
    @media (max-width: 360px) {
      body { padding: 10px; }
      .tx-section { margin-bottom: 30px; }
    }

    /* 컨테이너 */
    .info_container {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
      max-width: 800px;
      margin: 0 auto;
      background: #ffffff;
      padding-top: 20px;
      padding-bottom: 20px;

    }

    .info_container p{
      padding: 10px;
    }

    .text-center{
      text-align: center;
    }
    /* 제목 */
    .text_title {
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 15px;
    }
    .highlight {
      color: #3182ce; /* 파란색 하이라이트 */
    }

    /* 테이블 */
    .info-table {
      width: 100%;
      border-collapse: collapse;
    }
    .info-table th,
    .info-table td {
      font-size: 16px;
      padding: 10px 12px;
      line-height: 32px;
      border-bottom: 1px solid #e2e8f0;
      vertical-align: top;
    }
    .info-table th {
      width: 33%;
      text-align: left;
      font-weight: 600;
      color: #4a5568;
      background: #fafafa;
    }
    .info-table td {
      text-align: left;
      color: #2d3748;
    }
    /* 마지막 행 아래선 제거 */
    .info-table tr:last-child th,
    .info-table tr:last-child td {
      
    }

    /* 투어비용 내부 스타일 */
    .price s {
      color: #a0aec0;
    }
    .price .sale {
      display: block;
      margin-top: 4px;
      font-weight: 600;
      color: #e53e3e;
    }

    @media screen and (max-width:767px){
		.info-table td {
			font-size: 15px;
			line-height: 24px;
		}
	}


.host-promo {
  width: 100%;
  margin: 20px 0;
}

.host-promo__title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.host-promo__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}

.host-promo__box {
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #FBE298;
  background-color: #FFF8E1;
  border-radius: 8px;
}

.host-promo__box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.host-promo__emoji {
  font-size: 18px;
  margin-right: 6px;
  vertical-align: middle;
}


.tour_title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	margin-bottom: 10px;
}

.quick_sns {position:fixed; bottom:30px; right:30px; z-index:200;}
.quick_sns a {display:inline-block;}
.quick_sns a img {box-shadow:10px 0 10px rgba(0,0,0,0.1); border-radius:50%;}
.quick_sns a:hover {animation:quick_sns 1s linear infinite; animation-direction:alternate-reverse;}

@keyframes quick_sns {
	from {transform:translateY(-10px)}
	to {transform:translateY(0)}
}

@media screen and (max-width:1515px){
	.quick_sns {bottom:20px; left:auto; right:20px; margin-left:0;}
	.quick_sns a:first-child {margin-right:5px;}
	.quick_sns a img {width:90px;}
}

@media screen and (max-width:1024px){
	#footer p {font-size:1em; line-height:70px;}

	.quick_sns {bottom:10px; right:10px;}
	.quick_sns a img {width:60px;}
}

@media screen and (max-width:767px){
	#footer p {font-size:0.9em; line-height:50px;}

	.quick_sns a {display:block;}
	.quick_sns a:first-child {margin-right:0; margin-bottom:90px;}
	.quick_sns a img {width:65px; box-shadow:5px 0 5px rgba(0,0,0,0.1)}
}


.div_price{
    font-size: 18px;
}

.rg_price{
    color: #878787;            
}

.dis_price{
    text-align: center;
    padding-left: 10px;

    color: #1E90FF;  
    font-weight: 600;          
}  

.pp_price{
    font-size: 13px;
    color: #878787;            
}      

.mt10{
	margin-top: 10px;
}


.mt20{
	margin-top: 20px;
}


.mt30{
	margin-top: 30px;
}

.mt40{
	margin-top: 40px;
}

.mt50{
	margin-top: 50px;
}

.mt60{
	margin-top: 60px;
}


@media screen and (max-width:767px){
    .div_price{
        font-size: 13px;
    }
    .dis_price{
        text-align: center;
        padding-left: 3px;

        color: #1E90FF;  
        font-weight: 600;          
    }              
}


#local_connect{
	display: inline-block;
	width: 100%;
	text-align: center;
}

#local_ad_page{
	padding: 20px;

}

#welcome_div {
  position: relative; /* 자식 absolute 위치 기준 */
  width: 100%;
  height: 600px;
  background-image: url('../images/welcome_hawaii.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


@media screen and (max-width:767px){
	#welcome_div {
		height: 600px; /* 원하는 높이 설정 */
	}
}

#ad_page {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%); /* 정중앙 정렬 */
  
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  padding: 20px;
  max-width: 90%;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* layout */
#wrap {overflow:hidden;}
.inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1200px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner2 {width:93%; max-width:1000px; margin-left:auto; margin-right:auto;}

.text_hidden {display:none;}

html.no_scroll {position:fixed; left:0; top:0; right:0; bottom:0;}

.tc {text-align:center;}
.tl {text-align:left !important;}

.clear {clear:both;}

@media all and (max-width:1199px) {
.inner {width:100%;}
.s-inner {width:93%;}
}

@media all and (max-width:1024px) {
	body { font-size: 15px; }
}

@media all and (max-width:767px) {
	body { font-size: 13px; }

	br.mo_br {display:none;}
}


::selection {background:rgba(45,130,248,0.8); color:#fff;}
::-moz-selection {background:rgba(45,130,248,0.8); color:#fff;}
::-webkit-selection {background:rgba(45,130,248,0.8); color:#fff;}

/* header */
#header {width:100%; height:110px; position:fixed; left:0; top:0; z-index:300; transition:background 0.6s, height 0.6s}
#header.bg01 {background:#207eff;}

#logo {float:left;}
#logo a {font-size:1.18em; color:#fff; line-height:110px; font-weight:600; font-family:'Montserrat'; transition:line-height 0.6s}

#gnb {float:right;}
#gnb > ul > li {float:left; margin-right:45px}
#gnb > ul > li:last-child {margin-right:0;}
#gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:110px; font-weight:700; position:relative; transition:line-height 0.6s}
#gnb > ul > li > a:before {content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); transition:width 0.7s, bottom 0.5s}
#gnb > ul > li > a:hover:before, #gnb > ul > li.active > a:before {width:100%;}

#menuToggle {display:none; float:right; width:20px; height:16px; position:relative; margin-top:19px; cursor:pointer;}
#menuToggle span {display:block; width:100%; height:2px; background:#000; position:absolute; left:0; transition:all 0.6s}
#menuToggle span.t {top:0;}
#menuToggle span.m {top:50%; margin-top:-1px;}
#menuToggle span.b {bottom:0;}

#header.on #menuToggle span.t {transform:translateY(7px) rotate(45deg)}
#header.on #menuToggle span.m {width:0;}
#header.on #menuToggle span.b {transform:translateY(-7px) rotate(-45deg)}

#header.scroll_on {background:#ededed;}

#header.scroll_on a {color:#000000;}



@media screen and (min-width:1025px){
	#header.scroll_on {height:80px;}
	#header.scroll_on #logo a {line-height:80px;}
	#header.scroll_on #gnb > ul > li > a {line-height:80px;}
	#header.scroll_on #gnb > ul > li > a:before {bottom:20px;}
}

@media screen and (max-width:1199px){
	#gnb > ul > li {margin-right:35px;}
}

@media screen and (max-width:1024px){
	#header {height:55px;}

	#logo a {font-size:1.0em; line-height:55px;}

	#gnb {width:100%; height:calc(100vh - 100px); background:rgba(255,255,255,0.9); position:fixed; left:100%; bottom:0; border-top:1px solid #1f6fc4; padding:20px 3.5%; transition:left 0.8s}
	#gnb > ul > li {float:none; margin-right:0;}
	#gnb > ul > li > a {font-size:1em; color:#353535; line-height:1.5em; font-weight:500; border-bottom:1px solid rgba(57,64,89,0.1); padding:10px 5px;}
	#gnb > ul > li > a:before {display:none;}
	#gnb > ul > li > a:hover, #gnb > ul > li.active > a {color:#207eff;}

	#menuToggle {display:block;}

	#header.on #gnb {left:0;}
}

/* footer */
#footer {width:100%; background:#394059; text-align:center;height: 120px;padding: 20px;}
#footer p {font-size:1.125em; color:rgba(255,255,255,0.5); letter-spacing:-0.025em; line-height:25px;}
#footer a {font-size:1.125em; color:rgba(255,255,255,0.5); letter-spacing:-0.025em; line-height:25px;}


#Quick {position:fixed; right:30px; bottom:30px; z-index:200;}
#Quick a {display:block; float:left; margin-left:10px; box-shadow:10px 0 10px rgba(0,0,0,0.1); border-radius:50%;}
#Quick a:hover {animation:Quick 1s linear infinite alternate}

@keyframes Quick {
	from {transform:translateY(-5px)}
	to {transform:translateY(5px)}
}

@media screen and (max-width:1199px){
	#Quick a img {width:90px;}
}

@media screen and (max-width:1024px){
	#footer p {font-size:1em; line-height:60px;}

	#Quick {right:15px; bottom:15px;}
	#Quick a {float:none; margin-left:0; margin-top:5px;}
	#Quick a img {width:60px;}
}

@media screen and (max-width:767px){
	#footer p {font-size:0.93em; line-height:15px;}
	
	#Quick {right:10px; bottom:10px;}
	#Quick a img {width:45px;}
}


/* 예약리스트 */
#mReser {width:100%; padding:60px 0; background:#ffffff;}

#mReser ul > li {
					float:left; 
					width:calc(50% - 15px); 
					margin-right:20px; 
					text-align:center; 
					border: 1px solid #d1d1d1;
					border-radius: 25px;
					padding-bottom: 30px;
					height: 450px;
					overflow: auto;
					background-color: #ffffff;
				}

#mReser ul > li:nth-child(2n) {margin-right:0;}
#mReser ul > li:nth-child(2) ~ li {margin-top:50px;}

.reser_box{
	margin-top: 60px;
}

.reser_table{
	padding: 20px;
	width: 100%;
}

.reser_table tr th{
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	height: 30px;
}

.reser_table tr td{
	font-size: 14px;
	height: 40px;
}

@media screen and (max-width:767px){

	.reser_box{
		margin-top: 30px;
	}

	#mReser ul > li {width:calc(100% - 5px);}	
	#mReser ul > li .t1 { font-size: 20px; text-align: left; padding-left: 20px;}

	.ex-child{ display: none }	

	.reser_table tr th{
		font-size: 14px;
	}


	.reser_table tr td{
		font-size: 12px;
		height: 40px;
	}	
}





/* mVisual */
#mVisual {width:100%; height:950px; background:url(../images/mVisual_img1.jpg) no-repeat center center; background-size:cover; position:relative;}
#mVisual:before {content:''; display:block; width:100%; height:100%; background:url(../images/mVisual_img2.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
#mVisual .txt_box {width:93%; max-width:1000px; margin:0 auto; padding-top:140px; color:#fff; position:relative; z-index:5;}
#mVisual .txt_box .t1 {font-size:5.625em; font-weight:700; line-height:1.2em;}
#mVisual .txt_box .t2 {font-size:1.5em; line-height:1.2em; margin-top:20px;}
#mVisual .txt_box .qr {display:inline-block; padding:30px; background:rgba(255,255,255,0.4); border-radius:25px; transition:background 0.6s; margin-top:50px;}
#mVisual .txt_box .qr p {font-size:1.125em; color:#fff; line-height:1.2em; margin-top:10px; overflow:hidden;}
#mVisual .txt_box .qr p:after {content:'\f0a9'; font-weight:900; font-family:'Font Awesome 5 Free'; margin-left:10px;}
#mVisual .txt_box .qr:hover {background:rgba(32,126,255,0.9)}

@media screen and (max-width:1199px){
	#mVisual {height:850px;}
	#mVisual .txt_box .t1 {font-size:4.7em;}
	#mVisual .txt_box .t2 {font-size:1.3em;}
	#mVisual .txt_box .qr {padding:20px;}
	#mVisual .txt_box .qr img {width:130px;}
	#mVisual .txt_box .qr p {font-size:1em;}
}

@media screen and (max-width:1024px){
	#mVisual {height:700px;}
	#mVisual .txt_box .t1 {font-size:4em;}
	#mVisual .txt_box .t2 {font-size:1.125em; margin-top:2%;}
	#mVisual .txt_box .qr {margin-top:5%;}
	#mVisual .txt_box .qr img {width:100px;}
	#mVisual .txt_box .qr p {font-size:0.83em;}
	#mVisual .txt_box .qr p:after {margin-left:5px;}
}

@media screen and (max-width:767px){
	#mVisual {height:500px; text-align:center; background-position:60% center;}
	#mVisual:before {background:#000; opacity:0.1}
	#mVisual .txt_box {padding-top:130px;}
	#mVisual .txt_box .t1 {font-size:2.6em;}
	#mVisual .txt_box .t2 {font-size:1em;}
	#mVisual .txt_box .qr {padding:15px; border-radius:10px; text-align:center;}
	#mVisual .txt_box .qr img {width:85px;}
	#mVisual .txt_box .qr p:after {margin-left:3px;}
}


.mTitle {font-size:2.81em; color:#394059; line-height:1.2em; text-align:center;}
.mTitle span {font-weight:600;}

.mMore_btn {display:block; width:236px; margin:0 auto; text-align:center; font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-weight:600;}
.mMore_btn:after {content:''; display:block; width:100%; height:48px; background:url(../images/mMore_btn_img.png) no-repeat center center; margin-top:10px;}

@media screen and (max-width:1024px){
	.mTitle {font-size:2.3em;}

	.mMore_btn {width:160px; font-size:1em;}
	.mMore_btn:after {height:33px; background-size:cover; margin-top:1%;}
}

@media screen and (max-width:767px){
	.mMore_btn {width:100px;}
	.mMore_btn:after {height:20px;}
}

#mReview {margin:120px auto 160px;}
.mReview_slide_wrap {position:relative; width:100%; max-width:1265px; margin:0 auto;}
.mReview_slide {width:calc(100% - 25px); padding:60px 20px 70px; margin:0 auto; overflow:hidden;}
.mReview_slide .swiper-slide {position:relative;}
.mReview_slide .swiper-slide .img_box img {width:100%;}
.mReview_slide .swiper-slide .txt_box {width:100%; height:100%; position:absolute; left:0; top:0; padding:55px 30px 0; color:#fff; transition:background 0.6s; border-radius:30px; overflow:hidden;}
.mReview_slide .swiper-slide .txt_box .t1 {font-size:1.875em; font-weight:700; line-height:1.3em;}
.mReview_slide .swiper-slide .txt_box .t2 {font-size:1.125em; line-height:1.3em; letter-spacing:-0.025em; margin-top:5px;}
.mReview_slide .swiper-slide .txt_box .more {display:block; width:170px; line-height:55px; text-align:center; font-size:1.125em; color:#207eff; letter-spacing:-0.025em; font-weight:700; background:#fff;  border-radius:27.5px; position:absolute; left:50%; bottom:50px; margin-left:-85px; opacity:0; transform:translateY(50px); transition:transform 0.6s, opacity 0.6s}
.mReview_slide .swiper-slide .blur {width:100%; height:100%; position:absolute; left:5px; top:5px; z-index:-1; opacity:0; transition:opacity 0.6s}
.mReview_slide .swiper-slide .blur img {width:100%; filter:blur(8px)}
.mReview_slide .swiper-button-next, .mReview_slide .swiper-button-prev {width:65px; height:65px; background:#fff; border:1px solid #e9e9e9; border-radius:50%; background:5px 0 5px rgba(0,0,0,0.05), 0 0 10px rgba(0,0,0,0.01);}
.mReview_slide .swiper-button-next:after, .mReview_slide .swiper-button-prev:after {font-size:1.56em; color:#353945; font-weight:400; font-family:'Font Awesome 5 Pro'; transition:color 0.6s}
.mReview_slide .swiper-button-next {right:0;}
.mReview_slide .swiper-button-next:after {content:'\f054';}
.mReview_slide .swiper-button-prev {left:0;}
.mReview_slide .swiper-button-prev:after {content:'\f053';}
.mReview_slide .swiper-button-next:hover:after, .mReview_slide .swiper-button-prev:hover:after {color:#207eff}

.mReview_slide .swiper-slide:hover .txt_box {background:rgba(32,126,255,0.9)}
.mReview_slide .swiper-slide:hover .txt_box .more {opacity:1; transform:translateY(0)}
.mReview_slide .swiper-slide:hover .blur {opacity:0.35}

.mReview_slide2 {width:93%; max-width:1200px; height:350px; margin:0 auto; position:relative;}
.mReview_slide2 .swiper-slide {position:relative; padding:60px 100px 0; background:#e7f1ff; border-radius:30px;}
.mReview_slide2 .swiper-slide .img_box {position:absolute; right:50px; top:80px; opacity:0; transform:translateX(90px); transition:opacity 0.8s, transform 0.8s;}
.mReview_slide2 .swiper-slide .txt_box {position:relative; z-index:10;}
.mReview_slide2 .swiper-slide .txt_box .t1, .mReview_slide2 .swiper-slide .txt_box .t2, .mReview_slide2 .swiper-slide .txt_box .more {opacity:0; transform:translateY(60px); transition:opacity 0.8s, transform 0.8s}
.mReview_slide2 .swiper-slide .txt_box .t1 {font-size:1.875em; color:#394059; line-height:1.5em; font-weight:700;}
.mReview_slide2 .swiper-slide .txt_box .t2 {font-size:1.125em; color:#9aa0b6; line-height:1.4em; letter-spacing:-0.025em; margin-top:10px; transition-delay:0.3s}
.mReview_slide2 .swiper-slide .txt_box .more {display:block; width:170px; line-height:55px; text-align:center; font-size:1.125em; color:#fff; font-weight:600; letter-spacing:-0.025em; border-radius:27.5px; margin-top:40px; overflow:hidden; transition-delay:0.5s}
.mReview_slide2 .swiper-slide .txt_box .more span {display:block; width:100%; background:#394059; transition:background 0.6s, color 0.6s}
.mReview_slide2 .swiper-slide .txt_box .more:hover span {background:#fff; color:#394059;}
.mReview_slide2 .swiper-button-next, .mReview_slide2 .swiper-button-prev {width:45px; height:45px; background:rgba(53,57,69,0.15); border-radius:50%; opacity:0; transition:background 0.6s, opacity 0.6s}
.mReview_slide2 .swiper-button-next:after, .mReview_slide2 .swiper-button-prev:after {font-size:1.125em; color:#fff; font-weight:400; font-family:'Font Awesome 5 Pro';}
.mReview_slide2 .swiper-button-next {right:20px;}
.mReview_slide2 .swiper-button-next:after {content:'\f054';}
.mReview_slide2 .swiper-button-prev {left:20px;}
.mReview_slide2 .swiper-button-prev:after {content:'\f053';}
.mReview_slide2:hover .swiper-button-next, .mReview_slide2:hover .swiper-button-prev {opacity:1;}
.mReview_slide2 .swiper-button-next:hover, .mReview_slide2 .swiper-button-prev:hover {background:rgba(53,57,69,1)}
.mReview_slide2 .swiper-pagination {bottom:-40px !important;;}
.mReview_slide2 .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px;}

.mReview_slide2 .swiper-slide-active .img_box {opacity:1; transform:translateX(0)}
.mReview_slide2 .swiper-slide-active .txt_box .t1, .mReview_slide2 .swiper-slide-active .txt_box .t2, .mReview_slide2 .swiper-slide-active .txt_box .more {opacity:1; transform:translateY(0);}

@media screen and (max-width:1199px){
	.mReview_slide {padding:60px 15px 70px;}
	.mReview_slide .swiper-slide .txt_box {padding:40px 20px; border-radius:23px;}
	.mReview_slide .swiper-slide .txt_box .more {bottom:40px;}
	.mReview_slide .swiper-button-next {right:10px;}
	.mReview_slide .swiper-button-prev {left:10px;}

	.mReview_slide2 .swiper-slide {padding-left:60px;}
	.mReview_slide2 .swiper-slide .img_box {width:55%; right:0;}
	.mReview_slide2 .swiper-slide .img_box img {width:100%;}

}

@media screen and (max-width:1024px){
	#mReview {margin:12% auto 16%;}
	.mReview_slide {padding:6% 10px 7%}
	.mReview_slide .swiper-slide .txt_box .t1 {font-size:1.5em;}
	.mReview_slide .swiper-slide .txt_box .t2 {font-size:1em; margin-top:1%;}
	.mReview_slide .swiper-slide .txt_box .more {width:150px; line-height:45px; font-size:1em; margin-left:-75px; bottom:30px;}
	.mReview_slide .swiper-slide .blur {left:0; top:0;}
	.mReview_slide .swiper-slide .blur img {filter:blur(5px)}
	.mReview_slide .swiper-button-next, .mReview_slide .swiper-button-prev {width:55px; height:55px;}

	.mReview_slide2 {height:260px;}
	.mReview_slide2 .swiper-slide {padding:40px;}
	.mReview_slide2 .swiper-slide .img_box {top:60px}
	.mReview_slide2 .swiper-slide .txt_box .t1 {font-size:1.5em;}
	.mReview_slide2 .swiper-slide .txt_box .t2 {font-size:1em; margin-top:1%;}
	.mReview_slide2 .swiper-slide .txt_box .more {width:150px; line-height:45px; font-size:1em; margin-top:5%;}
	.mReview_slide2 .swiper-button-next, .mReview_slide2 .swiper-button-prev {width:40px; height:40px;}
	.mReview_slide2 .swiper-button-next {right:10px;}
	.mReview_slide2 .swiper-button-prev {left:10px;}
	.mReview_slide2 .swiper-pagination {bottom:-30px !important;}
	.mReview_slide2 .swiper-pagination-bullet {width:7px; height:7px; margin:0 3px;}
}

@media screen and (max-width:767px){
	.mReview_slide {width:93%; padding-left:0; padding-right:0;}
	.mReview_slide .swiper-slide .txt_box {padding:11%; border-radius:4.4vw;}
	.mReview_slide .swiper-slide .txt_box .more {width:120px; line-height:40px; margin-left:-60px;}
	.mReview_slide .swiper-button-next, .mReview_slide .swiper-button-prev {width:40px; height:40px;}
	.mReview_slide .swiper-button-next:after, .mReview_slide .swiper-button-prev:after {font-size:1.125em;}

	.mReview_slide2 {height:auto;}
	.mReview_slide2 .swiper-slide {border-radius:25px; padding:30px; overflow:hidden;}
	.mReview_slide2 .swiper-slide .img_box {width:70%; top:auto; bottom:8%; transform:translateY(0)}
	.mReview_slide2 .swiper-slide .txt_box .more {width:120px; line-height:40px;}
	.mReview_slide2 .swiper-button-next, .mReview_slide2 .swiper-button-prev {width:30px; height:30px;}
	.mReview_slide2 .swiper-button-next:after, .mReview_slide2 .swiper-button-prev:after {font-size:1em;}
}

#mBest {width:100%; padding:120px 0; background:#f6f7fb;}
#mBest .sch_box {width:380px; margin:30px auto 70px; position:relative;}
#mBest .sch_box .form_text {width:100%; height:65px; border:3px solid #207eff; border-radius:32.5px; font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-family:'Noto Sans KR'; padding:0 70px 0 30px;}
#mBest .sch_box .form_text:focus {outline:none;}
#mBest .sch_box .form_text::placeholder {color:#afb4c0;}
#mBest .sch_box .form_text::-webkit-input-placeholder {color:#afb4c0;}
#mBest .sch_box .form_text:-ms-input-placeholder {color:#afb4c0;}
#mBest .sch_box .form_btn {display:block; width:70px; height:65px; font-size:1.25em; position:absolute; right:0; top:0; border-radius:0 32.5px 32.5px 0}
#mBest .sch_box .form_btn:before {content:'\f002'; color:#207eff; font-weight:900; font-family:'Font Awesome 5 Free'}
#mBest ul > li {float:left; width:calc(25% - 15px); margin-right:20px; text-align:center; border: 1px solid #d1d1d1;border-radius: 25px;padding-bottom: 30px;}
#mBest ul > li:nth-child(4n) {margin-right:0;}
#mBest ul > li:nth-child(4) ~ li {margin-top:50px;}
#mBest ul > li .img_box {position:relative;}
#mBest ul > li .img_box .img {display:block; width:100%; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow:hidden; position:relative; z-index:10; transition:box-shadow 0.5s}
#mBest ul > li .img_box .img img {width:100%; transition:transform 0.6s}
#mBest ul > li .img_box .user_img {width:76px; height:76px; border:3px solid #fff; border-radius:50%; overflow:hidden; position:absolute; left:50%; bottom:-38px; margin-left:-38px; z-index:11;}
#mBest ul > li .img_box .user_img img {width:100%;}
#mBest ul > li .img_box .blur_img {width:100%; position:absolute; left:5px; top:5px; opacity:0; border-radius:25px; transition:opacity 0.6s}
#mBest ul > li .t1 {font-size:1.25em; color:#394059; line-height:1.4em; letter-spacing:-0.025em; font-weight:600; text-align:center; margin-top:50px; max-height:2.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mBest ul > li:hover .img_box .img {box-shadow:5px 5px 10px rgba(0,0,0,0.15)}
#mBest ul > li:hover .img_box .img img {transform:scale(1.1)}
#mBest ul > li:hover .img_box .blur_img {opacity:0.35}
#mBest .more {padding-top:100px;}
.mBest_slide {display:inline-block; width:auto; max-width:100%; overflow:hidden; margin:20px auto 0;}
.mBest_slide .swiper-slide {width:auto;}
.mBest_slide .swiper-slide a {display:block; font-size:0.875em; color:#afb4c0; line-height:28px; letter-spacing:-0.025em; border:1px solid #afb4c0; border-radius:15px; padding:0 15px; transition:background 0.5s, color 0.5s, border 0.5s}
.mBest_slide .swiper-slide a:before {content:'#'}
.mBest_slide .swiper-slide a:hover {background:#207eff; color:#fff; border-color:#207eff;}

@media screen and (max-width:1024px){
	#mBest {padding:12% 0;}
	#mBest .sch_box {width:350px; margin:4% auto 8%;}
	#mBest .sch_box .form_text {height:55px; font-size:1em;}
	#mBest .sch_box .form_btn {height:55px; font-size:1.125em;}
	#mBest ul > li {width:calc(25% - 8px); margin-right:10.66px;}
	#mBest ul > li:nth-child(4) ~ li {margin-top:5%;}
	#mBest ul > li .img_box .user_img {width:66px; height:66px; bottom:-33px;}
	#mBest ul > li .t1 {font-size:1.125em; margin-top:40px;}
	.mBest_slide {margin-top:5%;}
	.mBest_slide .swiper-slide a {font-size:0.8em; line-height:25px; padding:0 10px;}
	#mBest .more {padding-top:10%;}
}

@media screen and (max-width:767px){
	#mBest .sch_box {width:100%; max-width:300px;}
	#mBest .sch_box .form_text {height:45px; border-width:2px; padding:0 50px 0 15px;}
	#mBest .sch_box .form_btn {width:50px; height:45px;}
	#mBest ul > li {width:calc(100% - 5px); margin-right:10px;}
	#mBest ul > li:nth-child(even) {margin-right:0;}
	#mBest ul > li:nth-child(2) ~ li {margin-top:5%;}
	#mBest ul > li .t1 { font-size: 20px; text-align: left; padding-left: 20px;}
	.div_price { font-size: 20px; text-align: left; padding-left: 20px;}
	#mBest ul > li .img_box .user_img {width:96px; height:96px; bottom:-33px;}

}


#mCard {width:100%; padding:120px 0; background:#f6f7fb;}
#mCard ul > li {float:left; width:calc(25% - 15px); margin-right:20px; text-align:center; border: 1px solid #d1d1d1;}
#mCard ul > li:nth-child(4n) {margin-right:0;}
#mCard ul > li:nth-child(4) ~ li {margin-top:50px;}
#mCard ul > li .img_box {position:relative;}
#mCard ul > li .img_box .img {display:block; width:100%; overflow:hidden; position:relative; z-index:10; transition:box-shadow 0.5s}
#mCard ul > li .img_box .img img {width:100%; transition:transform 0.6s}
#mCard ul > li .img_box .blur_img {width:100%; position:absolute; left:5px; top:5px; opacity:0; border-radius:25px; transition:opacity 0.6s}
#mCard ul > li .t1 {font-size:1.25em; color:#394059; line-height:1.4em; letter-spacing:-0.025em; font-weight:600; text-align:center; margin-top:50px; max-height:2.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mCard ul > li:hover .img_box .img {box-shadow:5px 5px 10px rgba(0,0,0,0.15)}
#mCard ul > li:hover .img_box .img img {transform:scale(1.1)}
#mCard ul > li:hover .img_box .blur_img {opacity:0.35}
#mCard .more {padding-top:100px;}
.mCard_slide {display:inline-block; width:auto; max-width:100%; overflow:hidden; margin:20px auto 0;}
.mCard_slide .swiper-slide {width:auto;}
.mCard_slide .swiper-slide a {display:block; font-size:0.875em; color:#afb4c0; line-height:28px; letter-spacing:-0.025em; border:1px solid #afb4c0; border-radius:15px; padding:0 15px; transition:background 0.5s, color 0.5s, border 0.5s}
.mCard_slide .swiper-slide a:before {content:'#'}
.mCard_slide .swiper-slide a:hover {background:#207eff; color:#fff; border-color:#207eff;}

@media screen and (max-width:1024px){
	#mCard {padding:12% 0;}
	#mCard .sch_box {width:350px; margin:4% auto 8%;}
	#mCard .sch_box .form_text {height:55px; font-size:1em;}
	#mCard .sch_box .form_btn {height:55px; font-size:1.125em;}
	#mCard ul > li {width:calc(25% - 8px); margin-right:10.66px;}
	#mCard ul > li:nth-child(4) ~ li {margin-top:5%;}
	#mCard ul > li .img_box .user_img {width:66px; height:66px; bottom:-33px;}
	#mCard ul > li .t1 {font-size:1.125em; margin-top:40px;}
	.mCard_slide {margin-top:5%;}
	.mCard_slide .swiper-slide a {font-size:0.8em; line-height:25px; padding:0 10px;}
	#mCard .more {padding-top:10%;}
}

@media screen and (max-width:767px){
	#mCard .sch_box {width:100%; max-width:300px;}
	#mCard .sch_box .form_text {height:45px; border-width:2px; padding:0 50px 0 15px;}
	#mCard .sch_box .form_btn {width:50px; height:45px;}
	#mCard ul > li {width:calc(50% - 5px); margin-right:10px;}
	#mCard ul > li:nth-child(even) {margin-right:0;}
	#mCard ul > li:nth-child(2) ~ li {margin-top:5%;}
	#mCard ul > li .t1 { font-size: 20px; text-align: left; padding-left: 20px;}
	.div_price { font-size: 20px; text-align: left; padding-left: 20px;}
	#mCard ul > li .img_box .user_img {width:96px; height:96px; bottom:-33px;}
}




#mOvercome {width:100%; background:#207eff;}
#mOvercome .s-inner {height:500px;}
#mOvercome .txt_box {padding:80px 0 0 100px; color:#fff; position:relative; z-index:5;}
#mOvercome .txt_box .t1 {font-size:3.125em; line-height:1.2em; font-weight:600;}
#mOvercome .txt_box .t2 {font-size:1.125em; line-height:1.3em; letter-spacing:-0.025em; margin-top:20px;}
#mOvercome .txt_box .more {display:block; width:280px; line-height:65px; text-align:center; font-size:1.25em; color:#207eff; letter-spacing:-0.025em; font-weight:600; background:#fff; border-radius:32.5px; transition:background 0.6s, color 0.6s; margin-top:50px;}
#mOvercome .txt_box .more:hover {color:#fff; background:#67a7ff;}
#mOvercome .img_box {position:absolute; left:calc(50% - 50px); bottom:-65px;}
/*#mOvercome .img_box2 {opacity:0; transform:translateY(60px); transition:transform 0.5s, opacity 0.5s}*/
#mOvercome.on .img_box2 {opacity:1; transform:translateY(0)}

@media screen and (max-width:1199px){
	#mOvercome .txt_box {padding-left:0;}
}

@media screen and (max-width:1024px){
	#mOvercome .s-inner {height:400px;}
	#mOvercome .txt_box .t1 {font-size:2.7em;}
	#mOvercome .txt_box .t2 {font-size:1em; margin-top:2%;}
	#mOvercome .txt_box .more {width:200px; line-height:55px; font-size:1em; margin-top:5%;}
}

@media screen and (max-width:767px){
	#mOvercome .s-inner {height:350px;}
	#mOvercome .txt_box {text-align:center;}
	#mOvercome .txt_box .more {width:160px; line-height:45px; margin:8% auto 0;}
	#mOvercome .img_box {left:0; bottom:-52px; height:100%; opacity:0.7}
	#mOvercome .img_box img {height:100%;}
	/*#mOvercome .img_box2 {opacity:0.7; transform:translateY(0)}*/
}


#mUsed {margin:120px auto;}
#mUsed ul {margin-top:60px;}
#mUsed ul li {float:left; width:calc(25% - 15px); margin-right:20px; border:1px solid #afb4c0; border-radius:25px; overflow:hidden; transition:box-shadow 0.5s}
#mUsed ul li:nth-child(4n) {margin-right:0;}
#mUsed ul li:nth-child(4) ~ li {margin-top:30px;}
#mUsed ul li:hover {box-shadow:15px 0 10px rgba(0,0,0,0.05)}
#mUsed ul li a {display:block; width:100%; height:100%; position:relative;}
#mUsed ul li a:before, #mUsed ul li a:after {content:''; display:block; width:0; height:0; position:absolute; transition:width 0.5s 0.5s, height 0.5s, border-radius 0s}
#mUsed ul li a:before {border-top:3px solid #207eff; border-right:3px solid #207eff; left:0; top:0; border-radius:24px 24px 0 0;}
#mUsed ul li a:after {border-bottom:3px solid #207eff; border-left:3px solid #207eff; right:0; bottom:0; border-radius:0 0 24px 24px;}
#mUsed ul li a:hover:before, #mUsed ul li a:hover:after {width:100%; height:100%; border-radius:24px; transition:width 0.5s, height 0.5s 0.5s, border-radius 0.2s 1s}
#mUsed ul li img {width:100%;}
#mUsed ul li .txt_box {padding:20px 30px 15px; overflow:hidden;}
#mUsed ul li .txt_box .t1 {font-size:1em; color:#afb4c0; letter-spacing:-0.025em;}
#mUsed ul li .txt_box .t2 {font-size:1.25em; color:#394059; letter-spacing:-0.025em; font-weight:600;}
#mUsed ul li .txt_box .price {font-size:1.56em; color:#207dff; letter-spacing:-0.025em; font-weight:600; float:right; margin-top:5px;}
#mUsed ul li .txt_box .price:before {content:'$';}
#mUsed .more {padding-top:100px;}

@media screen and (max-width:1024px){
	#mUsed {margin:12% auto;}
	#mUsed ul li {width:calc(25% - 8px); margin-right:10.66px;}
	#mUsed ul li:nth-child(4) ~ li {margin-top:2%;}
	#mUsed ul li .txt_box {padding:15px;}
	#mUsed ul li .txt_box .t1 {font-size:0.83em;}
	#mUsed ul li .txt_box .t2 {font-size:1.125em;}
	#mUsed ul li .txt_box .price {font-size:1.125em;}
	#mUsed .more {padding-top:10%;}
}

@media screen and (max-width:767px){
	#mUsed ul li {width:calc(50% - 5px); margin-right:10px;}
	#mUsed ul li:nth-child(even) {margin-right:0;}
	#mUsed ul li:nth-child(2) ~ li {margin-top:2%;}
	#mUsed ul li a:before, #mUsed ul li a:after {border-width:2px;}
	#mUsed ul li .txt_box {padding:13px;}
}


/* sub */
#subContent {padding-top:0px; background:#fff;}
#pageCont {margin-top:0px; margin-bottom:100px;}
#subTitle {font-size:2.81em; color:#394059; line-height:1.2em; text-align:center; margin-bottom:60px;}
#subTitle span {font-weight:600;}
#subTitle.mb30 {margin-bottom:30px;}

.detail_top {position:fixed; left:50%; top:110px; width:480px; padding:70px 50px 90px; margin-left:120px; transition:top 0.5s;}
.detail_top.on {top:0;}
.detail_top .t1 {font-size:1.56em; color:#394059; line-height:1.3em; font-weight:600; margin-bottom:25px;}
.detail_top .btn_box {width:100%; overflow:hidden; margin-top:20px; }
.detail_top .btn_box a {

            border: 1px solid #ff0000;
            float:left; display:block; 
            line-height:78px; 
            letter-spacing:0.1em; 
            text-align:center; 
            border-radius:10px; 
            transition:background 0.6s, border 0.6s, color 0.6s
          }
.detail_top .btn_box a.application_btn {
                          width:100%; 
                          font-size:1.25em; 
                          color:#fff; 
                          font-weight:600; 
                          border:1px solid #E6E6E6; 
                          background:#2270FD;
                      }
.detail_top .btn_box a.copy_btn {width:95px; margin-left:5px; font-size:1.875em; color:#afb4c0; border:1px solid #afb4c0;}
.detail_top .btn_box a.application_btn:hover {border-color:#394059; background:#394059;}
.detail_top .btn_box a.copy_btn:hover {border-color:#d9dde7; background:#d9dde7; color:#fff;}
.detail_top .box {width:100%; background:#f6f7fb; padding:20px; text-align:center;}
.detail_top .box p {font-size:1.125em; color:#9aa0b6; letter-spacing:-0.025em; line-height:1.6em; font-weight:600;}

.detail_content {padding:0px; border-bottom:1px solid rgba(175,180,192,0.5); overflow:hidden;margin-bottom: 20px;}
.detail_content img {width: 100%;}
.detail_content:last-child {border-bottom:0; padding-bottom:0;}
.detail_content .s-tit1 {font-size:2.81em; color:#394059; line-height:1.2em; font-weight:600; margin-bottom:10px;}
.detail_content .s-tit1 span {font-size:0.44em; color:#207eff; letter-spacing:-0.025em; margin-left:15px;}
.detail_content .s-tit2 {font-size:1.56em; color:#207eff; line-height:1.3em; font-weight:600; margin-bottom:20px;}
.detail_content .s-tit3 {font-size:2.18em; color:#394059; line-height:1.2em; font-weight:600; margin-bottom:10px;}
.detail_content .s-tit3 span {font-size:0.57em; color:#207eff; letter-spacing:-0.025em;}
.detail_content .s-txt1 {font-size:1.125em; color:#394059; letter-spacing:-0.025em; line-height:1.6em; margin-bottom:15px;}
.detail_content .s-price {font-size:2.18em; color:#207eff; letter-spacing:-0.025em; line-height:1.3em; font-weight:600; margin-bottom:25px; text-align:right;}
.detail_content .site_btn {float:right; display:block; width:180px; line-height:55px; border-radius:27.5px; text-align:center; font-size:1.125em; color:#fff; letter-spacing:-0.025em; font-weight:600; background:#207eff; transition:background 0.6s; margin-top:20px;}
.detail_content .site_btn:hover {background:#394059}
.detail_content .box {width:100%; background:#f6f7fb; padding:20px; text-align:center;}
.detail_content .box p {font-size:1.125em; color:#9aa0b6; letter-spacing:-0.025em; line-height:1.6em; font-weight:600;}
.detail_content .box2 {width:100%; background:#f6f7fb; padding:20px 30px;}

.list_sytle1 {width:100%; margin-top:50px; overflow:hidden;}
.list_sytle1 dt, .list_sytle1 dd {float:left; letter-spacing:-0.025em; line-height:30px; margin-bottom:8px;}
.list_sytle1 dt {width:125px; font-size:1em; color:#207dff; font-weight:500; clear:both;}
.list_sytle1 dd {width:calc(100% - 125px); font-size:1.125em; color:#394059;}

.list_sytle2 li {font-size:1.125em; color:#9aa0b6; letter-spacing:-0.025em; line-height:1.5em; margin-bottom:5px; position:relative; padding-left:25px;}
.list_sytle2 li:before {content:'-'; position:absolute; left:0; top:0;}
.list_sytle2 li:last-child {margin-bottom:0;}

.list_sytle3 {
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
}

.list_sytle3 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.list_sytle3 li {
  /* float 제거 */
  float: none;
  /* Flexbox 설정 */
  display: flex;
  align-items: center;      /* 수직 중앙 정렬 */
  justify-content: flex-start; /* 아이콘+텍스트 좌측 정렬 */
  width: 50%;
  box-sizing: border-box;
  padding: 8px 0;           /* 필요에 따라 조정 */
}

/* 아이콘과 텍스트 사이 간격 */
.list_sytle3 li span:first-child {
  margin-right: 8px;
  display: inline-flex;     /* SVG가 잘 정렬되도록 */
  align-items: center;
}

@media screen and (max-width:1199px){
	.detail_top {width:400px; margin-left:0; left:auto; right:3.5%;}
}

@media screen and (max-width:1024px){
	#subContent {padding-top:55px;}
	#pageCont {margin-top:12%; margin-bottom:10%;}
	#subTitle {font-size:2.3em; margin-bottom:6%;}
	#subTitle.mb30 {margin-bottom:3%;}

	.detail_top {width:calc(40% - 2.5%); top:55px; padding:15% 30px 9%;/*left:59%; margin-left:0;*/}
	.detail_top .t1 {font-size:1.3em; margin-bottom:4%;}
	.detail_top .btn_box { 
                          z-index: 99999999;
                          margin-top:7%;                          
                      }
	.detail_top .btn_box a {
                            line-height:58px;

                          }
	.detail_top .btn_box a.application_btn {width:calc(100% - 80px); font-size:1em;}
	.detail_top .btn_box a.copy_btn {width:75px; font-size:1.3em;}
	.detail_top .box {padding:3.5%;}
	.detail_top .box p {font-size:1em;}

	.detail_content {padding:0px}
	.detail_content .s-tit1 {font-size:2em; margin-bottom:5px;}
	.detail_content .s-tit1 span {font-size:0.6em; margin-left:10px;}
	.detail_content .s-tit2 {font-size:1.3em; margin-bottom:2.5%;}
	.detail_content .s-tit3 {font-size:1.7em; margin-bottom:5px;}
	.detail_content .s-txt1 {font-size:1em; margin-bottom:2.3%;}
	.detail_content .s-price {font-size:1.7em; margin-bottom:15px;}
	.detail_content .site_btn {width:160px; line-height:50px; font-size:1em; margin-top:3%;}
	.detail_content .box {padding:3.5%;}
	.detail_content .box p {font-size:1em;}
	.detail_content .box2 {padding:3.5% 5%;}

	.list_sytle1 {margin-top:7%;}
	.list_sytle1 dt {width:100px; font-size:0.93em;}
	.list_sytle1 dd {width:calc(100% - 100px); font-size:1em;}

	.list_sytle2 li {font-size:1em; padding-left:15px; margin-bottom:3px;}
}

@media screen and (max-width:767px){
	.detail_top {
                width:100%; position:relative; top:0; left:0; right:0; 
                padding:0; 
                margin-top:5%; 
                border-bottom:1px solid rgba(175,180,192,0.5); 
                padding-bottom:3%;                
              }
	.detail_top .btn_box {
                          margin-top:0; 
                          text-align:center;
                        }
	.btn_box_wrap{
      z-index: 99999999;
			background-color: #fff;
			position:fixed; 
			left: 0;
			bottom:0;
			display: block;
			width: 100%;
			height: 95px;	

			  /* 상단 좌우 라운드 10px */
			  border-radius: 10px 10px 0 0;

			  /* 상단에 연한 그림자 */
			  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);

			}
	
	.detail_top .btn_box a {float:none; display:inline-block; vertical-align:top; line-height:43px; border-radius:10px;}
	.detail_top .btn_box a.application_btn {
                          width:93%;
                          font-size: 18px; 
                          padding: 5px; 
                          position:fixed; 
                          left:3.5%; 
                          bottom:2%; 
                          z-index:100;
                        }
	.detail_top .btn_box a.copy_btn {width:50px; position:absolute; right:0; top:-15px;}
	.detail_top.animated .btn_box a.application_btn {opacity:0;}

	.detail_content {padding:0px;}
	.detail_content .site_btn {width:135px; line-height:45px;}

	.list_sytle1 {margin-top:5%;}
}

.sReview_list ul {margin-top:60px;}
.sReview_list ul li {float:left; width:calc(25% - 15px); margin-right:20px; border:1px solid #afb4c0; border-radius:25px; overflow:hidden; transition:box-shadow 0.5s}
.sReview_list ul li:nth-child(4n) {margin-right:0;}
.sReview_list ul li:nth-child(4) ~ li {margin-top:30px;}
.sReview_list ul li:nth-child(8) ~ li {display:none;}
.sReview_list ul li:hover {box-shadow:15px 0 10px rgba(0,0,0,0.05)}
.sReview_list ul li a {display:block; width:100%; height:100%; position:relative;}
.sReview_list ul li a:before, .sReview_list ul li a:after {content:''; display:block; width:0; height:0; position:absolute; transition:width 0.5s 0.5s, height 0.5s, border-radius 0s}
.sReview_list ul li a:before {border-top:3px solid #207eff; border-right:3px solid #207eff; left:0; top:0; border-radius:24px 24px 0 0;}
.sReview_list ul li a:after {border-bottom:3px solid #207eff; border-left:3px solid #207eff; right:0; bottom:0; border-radius:0 0 24px 24px;}
.sReview_list ul li a:hover:before, .sReview_list ul li a:hover:after {width:100%; height:100%; border-radius:24px; transition:width 0.5s, height 0.5s 0.5s, border-radius 0.2s 1s}
.sReview_list ul li img {width:100%;}
.sReview_list ul li .txt_box {padding:20px 30px 30px; overflow:hidden;}
.sReview_list ul li .txt_box .t1 {width:100%; font-size:1em; color:#afb4c0; letter-spacing:-0.025em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sReview_list ul li .txt_box .t2 {font-size:1.25em; color:#394059; line-height:1.4em; letter-spacing:-0.025em; font-weight:600; margin-top:3px; max-height:2.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sReview_list ul li .txt_box .more_btn {width:170px; line-height:55px; text-align:center; font-size:1.125em; color:#fff; letter-spacing:-0.025em; font-weight:600; background:#207eff; border-radius:27.5px; margin:30px auto 0;}
.sReview_list ul li.deadline .txt_box .more_btn {background:#afb4c0;}
.sReview_list ul li.deadline .img_box {position:relative;}
.sReview_list ul li.deadline .img_box:before {content:'모집이 마감되었습니다'; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:1.25em; color:#fff; letter-spacing:-0.025em; font-weight:600; background:rgba(57,64,89,0.9); position:absolute; left:0; top:0;}
.sReview_list .more {padding-top:100px;}

.sReview_detail {width:100%; overflow:hidden; border-right:1px solid #d7d9df;}
.sReview_detail > div {float:left; width:480px; padding:70px 50px 90px; }
.sReview_detail > div:last-child {width:calc(100% - 480px); border-right:1px solid #d7d9df; padding-left:0; padding-right:70px;}
.sReview_detail_case1 {width:100%; background:#f6f7fb; padding:20px 40px; overflow:hidden;}
.sReview_detail_case1 dt {float:left; width:125px; font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-weight:600;}
.sReview_detail_case1 dt img {vertical-align:middle; margin-right:20px;}
.sReview_detail_case1 dd {float:left; width:calc(100% - 125px); font-size:1.125em; color:#9aa0b6; letter-spacing:-0.025em; font-weight:600; margin-top:3px;}
.sReview_detail_slide {width:100%; overflow:hidden; position:relative;}
.sReview_detail_slide .swiper-slide img {width:100%;}
.sReview_detail_slide .swiper-button-next {right:20px;}
.sReview_detail_slide .swiper-button-prev {left:20px;}
.sReview_detail_slide .swiper-button-next:after, .sReview_detail_slide .swiper-button-prev:after {font-size:2.5em; color:#fff; font-weight:400; font-family:'Font Awesome 5 Pro'; text-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.sReview_detail_slide .swiper-button-next:after {content:'\f054'}
.sReview_detail_slide .swiper-button-prev:after {content:'\f053'}
.sReview_detail_slide .swiper-pagination {position:relative; bottom:0; margin-top:30px;}
.sReview_detail_slide .swiper-pagination-bullet {width:10px; height:10px; opacity:1; background:#afb4c0;}
.sReview_detail_slide .swiper-pagination-bullet-active {background:#207eff;}
.sReview_detail_case2 li {float:left; width:calc(50% - 5px); margin-right:10px; border:1px solid #afb4c0; border-radius:25px; overflow:hidden; transition:box-shadow 0.5s}
.sReview_detail_case2 li:nth-child(even) {margin-right:0;}
.sReview_detail_case2 li:nth-child(2) ~ li {margin-top:10px;}
.sReview_detail_case2 li:hover {box-shadow:15px 0 10px rgba(0,0,0,0.05)}
.sReview_detail_case2 li a {display:block; width:100%; height:100%; position:relative;}
.sReview_detail_case2 li a:before, .sReview_detail_case2 li a:after {content:''; display:block; width:0; height:0; position:absolute; transition:width 0.5s 0.5s, height 0.5s, border-radius 0s}
.sReview_detail_case2 li a:before {border-top:3px solid #207eff; border-right:3px solid #207eff; left:0; top:0; border-radius:24px 24px 0 0;}
.sReview_detail_case2 li a:after {border-bottom:3px solid #207eff; border-left:3px solid #207eff; right:0; bottom:0; border-radius:0 0 24px 24px;}
.sReview_detail_case2 li a:hover:before, .sReview_detail_case2 li a:hover:after {width:100%; height:100%; border-radius:24px; transition:width 0.5s, height 0.5s 0.5s, border-radius 0.2s 1s}
.sReview_detail_case2 li img {width:100%;}
.sReview_detail_case2 li .txt_box {padding:20px 30px 15px; overflow:hidden;}
.sReview_detail_case2 li .txt_box .t1 {font-size:1.125em; color:#9aa0b6; letter-spacing:-0.025em; margin-top:10px;}
.sReview_detail_case2 li .txt_box .t2 {font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-weight:600;}
.sReview_detail_case2 li .txt_box .site {float:right; font-size:1em; color:#9aa0b6; letter-spacing:-0.025em; margin-top:25px;}
.sReview_detail_case2 li .txt_box .site:before {content:''; display:inline-block; vertical-align:middle; width:25px; height:25px; margin-right:5px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sReview_detail_case2 li .txt_box .site.blog:before {background-image:url(../images/sReview_detail_ico1.png)}
.sReview_detail_case2 li .txt_box .site.insta:before {background-image:url(../images/sReview_detail_ico2.png)}
.sReview_detail_case2 li .txt_box .site.cafe:before {background-image:url(../images/sReview_detail_ico3.png)}

@media screen and (max-width:1199px){
	.sReview_detail > div {width:400px;}
	.sReview_detail > div:last-child {width:calc(100% - 400px)}
	.sReview_detail_case1 {padding:20px;}
}

@media screen and (max-width:1024px){
	.sReview_list ul {margin-top:6%;}
	.sReview_list ul li {width:calc(25% - 8px); margin-right:10.66px;}
	.sReview_list ul li:nth-child(4) ~ li {margin-top:2%;}
	.sReview_list ul li .txt_box {padding:15px;}
	.sReview_list ul li .txt_box .t1 {font-size:0.83em;}
	.sReview_list ul li .txt_box .t2 {font-size:1.125em;}
	.sReview_list ul li .txt_box .more_btn {width:130px; line-height:45px; font-size:1em; margin-top:7%;}
	.sReview_list ul li.deadline .img_box:before {font-size:1em;}
	.sReview_list .more {padding-top:10%;}

	.sReview_detail > div {width:calc(40% - 2.5%); padding:15% 30px 9%;}
	.sReview_detail > div:last-child {width:60%; padding-left:0; padding-right:30px;}
	.sReview_detail_case1 dt {width:100px; font-size:1em;}
	.sReview_detail_case1 dt img {height:30px; margin-right:10px;}
	.sReview_detail_case1 dd {width:calc(100% - 100px); font-size:1em;}
	.sReview_detail_slide .swiper-button-next {right:10px;}
	.sReview_detail_slide .swiper-button-prev {left:10px;}
	.sReview_detail_slide .swiper-button-next:after, .sReview_detail_slide .swiper-button-prev:after {font-size:2em;}
	.sReview_detail_slide .swiper-pagination {margin-top:4%;}
	.sReview_detail_slide .swiper-pagination-bullet {width:7px; height:7px;}
	.sReview_detail_case2 li .txt_box {padding:15px;}
	.sReview_detail_case2 li .txt_box .t1 {font-size:1em; margin-top:5px;}
	.sReview_detail_case2 li .txt_box .t2 {font-size:1em;}
	.sReview_detail_case2 li .txt_box .site:before {width:20px; height:20px;}
}

@media screen and (max-width:767px){
	.sReview_list ul li {width:calc(50% - 5px); margin-right:10px; padding: 0px; margin: 0px;}
	.sReview_list ul li:nth-child(even) {margin-right:0;}
	.sReview_list ul li:nth-child(2) ~ li {margin-top:2%;}
	.sReview_list ul li:nth-child(4) ~ li {display:none;}
	.sReview_list ul li a:before, .sReview_list ul li a:after {border-width:2px;}
	.sReview_list ul li .txt_box {padding:13px;}
	.sReview_list ul li .txt_box .more_btn {width:120px; line-height:40px;}

	.sReview_detail {border-right:0;padding: 0px;margin: 0px;}
	.sReview_detail > div {float:none; width:100%; padding:0px; margin: 0px !important;}
	.sReview_detail > div:first-child {margin:11% 0; position:relative;}
	.sReview_detail > div:last-child {width:100%; padding-right:0; border-right:0; margin-bottom:10%;}
	.sReview_detail_case1 {padding:15px;}	
}


.sBest_sch {width:380px; margin:10px auto 70px; position:relative; }
.sBest_sch .form_text {width:100%; height:65px; border:3px solid #207eff; border-radius:32.5px; font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-family:'Noto Sans KR'; padding:0 70px 0 30px;}
.sBest_sch .form_text:focus {outline:none;}
.sBest_sch .form_text::placeholder {color:#afb4c0;}
.sBest_sch .form_text::-webkit-input-placeholder {color:#afb4c0;}
.sBest_sch .form_text:-ms-input-placeholder {color:#afb4c0;}
.sBest_sch .form_btn {display:block; width:70px; height:65px; font-size:1.25em; position:absolute; right:0; top:0; border-radius:0 32.5px 32.5px 0}
.sBest_sch .form_btn:before {content:'\f002'; color:#207eff; font-weight:900; font-family:'Font Awesome 5 Free'}

.sBest_list ul > li {float:left; width:calc(25% - 15px); margin-right:20px; text-align:center;}
.sBest_list ul > li:nth-child(4n) {margin-right:0;}
.sBest_list ul > li:nth-child(4) ~ li {margin-top:50px;}
.sBest_list ul > li:nth-child(8) ~ li {display:none;}
.sBest_list ul > li .img_box {position:relative;}
.sBest_list ul > li .img_box .img {display:block; width:100%; border-radius:25px; overflow:hidden; position:relative; z-index:10;}
.sBest_list ul > li .img_box .img img {width:100%; transition:transform 0.6s}
.sBest_list ul > li .img_box .user_img {width:76px; height:76px; border:3px solid #fff; border-radius:50%; overflow:hidden; position:absolute; left:50%; bottom:-38px; margin-left:-38px; z-index:11;}
.sBest_list ul > li .img_box .user_img img {width:100%;}
.sBest_list ul > li .img_box .blur_img {width:100%; position:absolute; left:5px; top:5px; opacity:0; border-radius:25px; transition:opacity 0.6s}
.sBest_list ul > li .t1 {font-size:1.25em; color:#394059; line-height:1.4em; letter-spacing:-0.025em; font-weight:600; text-align:center; margin-top:50px; max-height:2.8em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sBest_list ul > li:hover .img_box .img img {transform:scale(1.1)}
.sBest_list ul > li:hover .img_box .blur_img {opacity:0.35}
.sBest_list .more {padding-top:100px;}
.mBest_slide {display:inline-block; width:auto; max-width:100%; overflow:hidden; margin:20px auto 0;}
.mBest_slide .swiper-slide {width:auto;}
.mBest_slide .swiper-slide a {display:block; font-size:0.875em; color:#afb4c0; line-height:28px; letter-spacing:-0.025em; border:1px solid #afb4c0; border-radius:15px; padding:0 15px; transition:background 0.5s, color 0.5s, border 0.5s}
.mBest_slide .swiper-slide a:before {content:'#'}
.mBest_slide .swiper-slide a:hover {background:#207eff; color:#fff; border-color:#207eff;}

.form_select {
    flex: 1;
    width: 100%; 
    height: 65px;
    border: 3px solid #207eff;
    border-radius: 32.5px;
    font-size: 1.125em;
    color: #394059;
    letter-spacing: -0.025em;
    font-family: 'Noto Sans KR'; 
    padding: 0 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23707D91" d="M2 0L0 2h4z"/></svg>') no-repeat right 15px center; /* 드롭다운 화살표 아이콘 */
    background-size: 12px 12px;
    background-color: #fff;
}


@media screen and (max-width:1024px){
	.sBest_sch {width:350px; margin:4% auto 8%;}
	.sBest_sch .form_text {height:55px; font-size:1em;}
	.sBest_sch .form_btn {height:55px; font-size:1.125em;}
	.sBest_list ul > li {width:calc(25% - 8px); margin-right:10.66px;}
	.sBest_list ul > li:nth-child(4) ~ li {margin-top:5%;}
	.sBest_list ul > li .img_box .user_img {width:66px; height:66px; bottom:-33px;}
	.sBest_list ul > li .t1 {font-size:1.125em; margin-top:40px;}
	.mBest_slide {margin-top:5%;}
	.mBest_slide .swiper-slide a {font-size:0.8em; line-height:25px; padding:0 10px;}
	.sBest_list .more {padding-top:10%;}

    .form_select {
        font-size: 1em;
        border-radius: 25px;
        height: 45px;
        border-width: 2px;
        padding: 0 50px 0 15px;
        width: 200px;
    }	
}

@media screen and (max-width:767px){
	.sBest_sch {width:100%; max-width:300px;}
	.sBest_sch .form_text {height:45px; border-width:2px; padding:0 50px 0 15px;}
	.sBest_sch .form_btn {width:50px; height:45px;}
	.sBest_list ul > li {width:calc(100% - 5px); margin-right:10px;}
	.sBest_list ul > li:nth-child(even) {margin-right:0;}
	.sBest_list ul > li:nth-child(2) ~ li {margin-top:5%;}
	

	    .form_select {
        font-size: 1em;
        border-radius: 25px;
        height: 45px;
        border-width: 2px;
        padding: 0 50px 0 15px;
        width: 200px;
    }
}


/* popup */
.popup-wrap {width:100%; height:100vh; position:fixed; left:0; top:0; z-index:-100; opacity:0; display:flex; justify-content:center; align-items:center;}
.popup-wrap.on {z-index:300; opacity:1;}
.popup-wrap .popup-bg {width:100%; height:100%; background:#000; opacity:0.5; position:absolute; left:0; top:0;}
.popup-wrap .popup-content {background:#fff; position:relative; z-index:1000;}


.application_form {width:625px; max-width:90vw; max-height:95vh; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; position:relative}
.application_form::-webkit-scrollbar {display:none;}
.application_form .close {font-size:2.5em; color:#394059; position:absolute; right:25px; top:10px; cursor:pointer;}
.application_form .title {width:calc(100% - 60px); font-size:1.56em; color:#394059; line-height:1.4em; font-weight:600; text-align:center; padding:60px 0 30px; margin:0 auto; border-bottom:1px solid rgba(175,180,192,0.5)}
.application_form .title span {color:#207eff;}
.application_form .form_info {width:100%; padding:50px 70px 40px;}
.application_form .form_info > p {font-size:1.125em; color:#207eff; letter-spacing:-0.025em; font-weight:600; margin:30px 0 15px;}
.application_form .form_info ul li {width:100%; overflow:hidden; margin-bottom:5px;}
.application_form .form_info ul li:last-child {margin-bottom:0;}
.application_form .form_info ul li p {float:left; width:110px; font-size:1em; color:#394059; line-height:40px; letter-spacing:-0.025em;}
.application_form .form_info ul li .form_text {float:left; width:300px; max-width:calc(100% - 110px); height:40px; border:1px solid #9aa0b6; border-radius:0; font-size:0.875em; letter-spacing:-0.035em; font-family:'Noto Sans KR'; padding:0 20px;}
.application_form .form_info ul li .form_text::placeholder {color:#9aa0b6;}
.application_form .form_info ul li .form_text::-webkit-input-placeholder {color:#9aa0b6;}
.application_form .form_info ul li .form_text:-ms-input-placeholder {color:#9aa0b6;}
.application_form .form_reason {width:100%; background:#f6f7fb; padding:40px 70px 50px;}
.application_form .form_reason > p {font-size:1.125em; color:#394059; letter-spacing:-0.025em; font-weight:600; margin-bottom:15px;}
.application_form .form_reason textarea {width:100%; height:140px; resize:none; border:1px solid #9aa0b6; border-radius:0; font-size:1em; font-family:'Noto Sans KR'; padding:10px;}
.application_form .form_reason .form_checkbox {text-align:center; margin-top:15px;}
.application_form .form_reason .form_checkbox input[type="checkbox"] {display:none;}
.application_form .form_reason .form_checkbox label:after {content:''; display:inline-block; width:19px; height:19px; background:url(../images/ico_checkbox.png) no-repeat center center; background-size:cover; vertical-align:middle; margin-left:10px;}
.application_form .form_reason .form_checkbox input[type="checkbox"]:checked + label:after {background-image:url(../images/ico_checkbox_on.png)}
.application_form .form_reason .form_btn {display:block; width:220px; height:55px; background:#207eff; border-radius:27.5px; font-size:1.125em; color:#fff; letter-spacing:-0.025em; font-weight:600; border:0; font-family:'Noto Sans KR'; margin:45px auto 0;}

.best_section {width:1200px; max-width:85vw; max-height:95vh; overflow:hidden; position:relative;}
.best_section > div {float:left;}
.best_section > div.img_box {width:calc(100% - 450px); position:relative; overflow:hidden;}
.sBest_list .swiper-slide img {width:100%;}

.sBest_list .swiper-button-next {right:20px;}
.sBest_list .swiper-button-prev {left:20px;}
.sBest_list .swiper-button-next:after, .sBest_list .swiper-button-prev:after {font-size:20px; color:#fff; font-weight:400; font-family:'Font Awesome 5 Pro'; text-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.sBest_list .swiper-button-next:after {content:'\f054'}
.sBest_list .swiper-button-prev:after {content:'\f053'}

.sBest_list .swiper-pagination {bottom:30px;}
.sBest_list .swiper-pagination-bullet {width:10px; height:10px; opacity:1; background:#fff;}
.sBest_list .swiper-pagination-bullet-active {background:#207eff;}
.best_section > div.txt_box {width:450px; height:100%; position:absolute; right:0; top:0; padding:45px 50px; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none;}
.best_section > div.txt_box::-webkit-scrollbar {display:none;}
.best_section .clip_copy {display:inline-block; font-size:0.875em; color:#afb4c0; letter-spacing:-0.025em; text-align:center; position:absolute; right:40px; top:30px; cursor:pointer;}
.best_section .clip_copy:before {content:'\f0c1'; display:block; font-size:2.14em; font-weight:300; font-family:'Font Awesome 5 Pro'; margin-bottom:5px;}
.best_section .user {width:100%; overflow:hidden;}
.best_section .user .img {float:left; width:80px; border:2px solid #d9dde7; border-radius:50%; overflow:hidden;}
.best_section .user .img img {width:100%;}
.best_section .user .name {float:left; width:calc(100% - 80px); font-size:1.125em; color:#207eff; letter-spacing:-0.025em; line-height:80px; padding-left:15px; font-weight:600;}
.best_section .user + .t1 {font-size:1.125em; color:#394059; line-height:1.6em; letter-spacing:-0.025em; margin-top:25px;}
.best_section ul {margin-top:25px; padding-top:40px; border-top:1px solid rgba(175,180,192,0.5)}
.best_section ul li {width:100%; min-height:60px; position:relative; padding-left:80px; margin-bottom:20px;}
.best_section ul li:last-child {margin-bottom:0;}
.best_section ul li .user_img {width:60px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;}
.best_section ul li .user_img img {width:100%;}
.best_section ul li .id {font-size:1em; color:#afb4c0; letter-spacing:-0.025em; font-weight:600; padding-top:5px;}
.best_section ul li .t1 {font-size:1.125em; color:#394059; letter-spacing:-0.025em;}
.best_section .more {display:none; width:80px; line-height:30px; border:1px solid #afb4c0; border-radius:16px; text-align:center; font-size:0.875em; color:#afb4c0; cursor:pointer; margin:5% auto 0; transition:background 0.6s, color 0.6s}
.best_section .more:hover {background:#afb4c0; color:#fff;}


.clip_href {position:fixed; left:-9999px; top:-9999px;}

@media screen and (min-width:768px){
	.best_section ul li {display:block !important;}
}

@media screen and (max-width:1024px){
	.application_form .title {padding:40px 0 20px; font-size:1.3em;}
	.application_form .form_info {padding:30px 50px;}
	.application_form .form_reason {padding:30px 50px 40px;}
	.application_form .form_reason .form_btn {width:180px; height:50px; margin-top:5%;}

	.best_section > div.img_box {width:calc(100% - 370px)}
	.sBest_list .swiper-button-next {right:10px;}
	.sBest_list .swiper-button-prev {left:10px;}
	.sBest_list .swiper-button-next:after, .sBest_list .swiper-button-prev:after {font-size:2em;}
	.sBest_list .swiper-pagination-bullet {width:7px; height:7px;}
	.best_section > div.txt_box {width:370px; padding:30px;}
	.best_section .clip_copy {right:20px; top:20px;}
	.best_section .clip_copy:before {font-size:1.7em; margin-bottom:3px;}
	.best_section .user .img {width:60px;}
	.best_section .user .name {width:calc(100% - 60px); line-height:60px; padding-left:10px;}
	.best_section .user + .t1 {font-size:1em; margin-top:15px;}
	.best_section ul {margin-top:15px; padding-top:20px;}
	.best_section ul li {min-height:40px; padding-left:55px;}
	.best_section ul li .user_img {width:45px;}
	.best_section ul li .id {font-size:0.93em; padding-top:0;}
	.best_section ul li .t1 {font-size:1em;}
}

@media screen and (max-width:767px){
	.application_form .title {width:calc(100% - 30px); padding:30px 0 20px;}
	.application_form .form_info {padding:20px 30px;}
	.application_form .form_info > p {font-size:1em; margin:20px 0 10px;}
	.application_form .form_info ul li {margin-bottom:3px;}
	.application_form .form_info ul li p {width:90px; font-size:0.93em; line-height:35px;}
	.application_form .form_info ul li .form_text {height:35px;}
	.application_form .form_reason {padding:20px 30px;}
	.application_form .form_reason > p {font-size:1em; margin-bottom:10px;}
	.application_form .form_reason textarea {height:100px;}
	.application_form .form_reason .form_checkbox {margin-top:10px;}
	.application_form .form_reason .form_checkbox label:after {width:15px; height:15px;}
	.application_form .form_reason .form_btn {width:150px; height:45px;}

	.best_section {overflow-y:scroll;-ms-overflow-style:none; scrollbar-width:none;}
	.best_section::-webkit-scrollbar {display:none;}
	.best_section > div {float:none}
	.best_section > div.img_box {width:100%;}
	.best_section > div.txt_box {width:100%; position:relative; overflow-y:hidden;}
	.best_section ul li:nth-child(3) ~ li {display:none;}
	.best_section .more {display:block;}
}

.sUsed_list ul {margin-top:60px;}
.sUsed_list ul li {float:left; width:calc(25% - 15px); margin-right:20px; border:1px solid #afb4c0; border-radius:25px; overflow:hidden; transition:box-shadow 0.5s}
.sUsed_list ul li:nth-child(4n) {margin-right:0;}
.sUsed_list ul li:nth-child(4) ~ li {margin-top:30px;}
.sUsed_list ul li:nth-child(8) ~ li {display:none;}
.sUsed_list ul li:hover {box-shadow:15px 0 10px rgba(0,0,0,0.05)}
.sUsed_list ul li a {display:block; width:100%; height:100%; position:relative;}
.sUsed_list ul li a:before, .sUsed_list ul li a:after {content:''; display:block; width:0; height:0; position:absolute; transition:width 0.5s 0.5s, height 0.5s, border-radius 0s}
.sUsed_list ul li a:before {border-top:3px solid #207eff; border-right:3px solid #207eff; left:0; top:0; border-radius:24px 24px 0 0;}
.sUsed_list ul li a:after {border-bottom:3px solid #207eff; border-left:3px solid #207eff; right:0; bottom:0; border-radius:0 0 24px 24px;}
.sUsed_list ul li a:hover:before, .sUsed_list ul li a:hover:after {width:100%; height:100%; border-radius:24px; transition:width 0.5s, height 0.5s 0.5s, border-radius 0.2s 1s}
.sUsed_list ul li img {width:100%;}
.sUsed_list ul li .txt_box {padding:20px 30px 15px; overflow:hidden;}
.sUsed_list ul li .txt_box .t1 {font-size:1em; color:#afb4c0; letter-spacing:-0.025em;}
.sUsed_list ul li .txt_box .t2 {font-size:1.25em; color:#394059; letter-spacing:-0.025em; font-weight:600;}
.sUsed_list ul li .txt_box .price {font-size:1.56em; color:#207dff; letter-spacing:-0.025em; font-weight:600; float:right; margin-top:5px;}
.sUsed_list ul li .txt_box .price:before {content:'$';}
.sUsed_list .more {padding-top:100px;}


.sUsed_detail {width:100%; overflow:hidden; border-right:1px solid #d7d9df;}
.sUsed_detail > div {float:left; width:480px; padding:150px 50px 90px;}
.sUsed_detail > div:last-child {width:calc(100% - 480px); border-right:1px solid #d7d9df; padding-left:0; padding-right:70px;}
.sUsed_detail_slide {overflow:hidden; position:relative;}
.sUsed_detail_slide .swiper-slide img {width:100%;}
.sUsed_detail_slide .swiper-button-next {right:20px;}
.sUsed_detail_slide .swiper-button-prev {left:20px;}
.sUsed_detail_slide .swiper-button-next:after, .sUsed_detail_slide .swiper-button-prev:after {font-size:2.5em; color:#fff; font-weight:400; font-family:'Font Awesome 5 Pro'; text-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.sUsed_detail_slide .swiper-button-next:after {content:'\f054'}
.sUsed_detail_slide .swiper-button-prev:after {content:'\f053'}
.sUsed_detail_slide_thumbs {width:100%; max-width:335px; margin:30px auto 0; overflow:hidden;}
.sUsed_detail_slide_thumbs .swiper-slide img {width:100%;}
.sUsed_detail_slide_thumbs .swiper-slide-thumb-active {border:4px solid #207eff}
.sUsed_detail_case1 {width:100%; padding:40px 20px 20px; border-bottom:1px solid rgba(175,180,192,0.5); overflow:hidden;}
.sUsed_detail_case1 .img {float:left; width:60px; border-radius:50%; overflow:hidden;}
.sUsed_detail_case1 .img img {width:100%;}
.sUsed_detail_case1 .id {float:left; width:calc(100% - 60px); font-size:1em; color:#afb4c0; letter-spacing:-0.025em; line-height:60px; font-weight:600; padding-left:20px;}


@media screen and (max-width:1199px){
	.sUsed_detail > div {width:400px;}
	.sUsed_detail > div:last-child {width:calc(100% - 400px)}
}

@media screen and (max-width:1024px){
	.sUsed_list {margin:12% auto;}
	.sUsed_list ul li {width:calc(25% - 8px); margin-right:10.66px;}
	.sUsed_list ul li:nth-child(4) ~ li {margin-top:2%;}
	.sUsed_list ul li .txt_box {padding:15px;}
	.sUsed_list ul li .txt_box .t1 {font-size:0.83em;}
	.sUsed_list ul li .txt_box .t2 {font-size:1.125em;}
	.sUsed_list ul li .txt_box .price {font-size:1.125em;}
	.sUsed_list .more {padding-top:10%;}
	
	.sUsed_detail > div {width:calc(40% - 2.5%); padding:15% 30px 9%;}
	.sUsed_detail > div:last-child {width:60%; padding-left:0; padding-right:30px;}
	.sUsed_detail_slide .swiper-button-next {right:10px;}
	.sUsed_detail_slide .swiper-button-prev {left:10px;}
	.sUsed_detail_slide .swiper-button-next:after, .sUsed_detail_slide .swiper-button-prev:after {font-size:2em;}
	.sUsed_detail_case1 {padding:30px 10px 20px;}
	.sUsed_detail_case1 .img {width:45px;}
	.sUsed_detail_case1 .id {width:calc(100% - 45px); padding-left:15px; line-height:45px;}
}

@media screen and (max-width:767px){
	.sUsed_list ul li {width:calc(50% - 5px); margin-right:10px;}
	.sUsed_list ul li:nth-child(even) {margin-right:0;}
	.sUsed_list ul li:nth-child(2) ~ li {margin-top:2%;}
	.sUsed_list ul li:nth-child(4) ~ li {display:none;}
	.sUsed_list ul li a:before, .sUsed_list ul li a:after {border-width:2px;}
	.sUsed_list ul li .txt_box {padding:13px;}
	
	.sUsed_detail {border-right:0;}
	.sUsed_detail > div {float:none; width:100%; padding:0;}
	.sUsed_detail > div:first-child {margin:11% 0; position:relative;}
	.sUsed_detail > div:last-child {width:100%; padding-right:0; border-right:0; margin-bottom:10%;}
}

.sOvercome {width:100%; position:relative;}
.sOvercome_tab {width:480px; border-top:3px solid #394059;}
.sOvercome_tab > ul > li {border-bottom:1px solid rgba(175,180,192,0.5)}
.sOvercome_tab > ul > li > p {font-size:1.25em; color:#394059; padding:30px; font-weight:600; cursor:pointer; position:relative; transition:color 0.5s}
.sOvercome_tab > ul > li > p:before {content:'\f078'; font-size:0.77em; font-weight:400; font-family:'Font Awesome 5 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%)}
.sOvercome_tab > ul > li > p:hover {color:#207eff}
.sOvercome_tab > ul > li > p.on:before {content:'\f077'}
.sOvercome_tab > ul > li > ul {height:auto; max-height:0; overflow:hidden; padding:0 55px; transition:max-height 0.6s}
.sOvercome_tab > ul > li > p.on + ul {max-height:100vh; transition:max-height 1.3s}
.sOvercome_tab > ul > li > ul > li {margin-bottom:10px;}
.sOvercome_tab > ul > li > ul > li:last-child {margin-bottom:30px;}
.sOvercome_tab > ul > li > ul > li > p {font-size:1.125em; color:#394059; letter-spacing:-0.025em; padding-left:30px; position:relative; cursor:pointer; transition:color 0.5s}
.sOvercome_tab > ul > li > ul > li > p:before {font-size:1em; color:#207eff; font-weight:900; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:4px;}
.sOvercome_tab > ul > li > ul > li > p:hover {color:#9aa0b6}
.sOvercome_tab > ul > li > ul > li > p.on {color:#207eff;}
.sOvercome_tab > ul > li > ul.ico1 > li > p:before {content:'\f606'}
.sOvercome_tab > ul > li > ul.ico2 > li > p:before {content:'\f073'; font-weight:400;}
.sOvercome_content {width:650px; position:absolute; right:0; top:0; display:none;}
.sOvercome_content .img img {width:100%;}
.sOvercome_content .txt_box {padding:50px 20px 70px;}
.sOvercome_content .txt_box .t1 {font-size:1.25em; color:#394059; line-height:1.6em; font-weight:600; margin-bottom:15px;}
.sOvercome_content .txt_box .t2 {font-size:1.125em; color:#394059; line-height:1.6em; letter-spacing:-0.025em; margin-bottom:15px;}
.sOvercome_content .txt_box .t2:last-child {margin-bottom:0;}
.sOvercome_content .txt_box .line {width:calc(100% + 40px); height:1px; background:rgba(175,180,192,0.5); margin:40px 0 40px -20px;}
.sOvercome_content .btn_box {overflow:hidden; padding:0 20px;}
.sOvercome_content .btn_box li {float:right; margin-right:5px;}
.sOvercome_content .btn_box li:first-child {margin-right:0;}
.sOvercome_content .btn_box li a {display:block; width:180px; line-height:53px; border-radius:27.5px; text-align:center; font-size:1.125em; letter-spacing:-0.025em; font-weight:600; transition:background 0.5s, border 0.5s, color 0.5s}
.sOvercome_content .btn_box li a.pdf {border:1px solid #207eff; background:#207eff; color:#fff;}
.sOvercome_content .btn_box li a.pdf:hover {background:#394059; border-color:#394059;}
.sOvercome_content .btn_box li a.url {border:1px solid #afb4c0; color:#afb4c0;}
.sOvercome_content .btn_box li a.url:hover {background:#d9dde7; border-color:#d9dde7; color:#fff;}

@media screen and (min-width:768px){
	.sOvercome_tab > ul > li > ul {display:block !important;}
	.sOvercome_tab > ul > li > ul > li > p.on + .sOvercome_content {display:block !important;}
}

@media screen and (max-width:1199px){
	.sOvercome_tab {width:40%;}
	.sOvercome_content {width:57%;}
}

@media screen and (max-width:1024px){
	.sOvercome_tab > ul > li > p {font-size:1.125em; padding:15px 20px;}
	.sOvercome_tab > ul > li > p:before {right:15px;}
	.sOvercome_tab > ul > li > ul {padding:0 30px;}
	.sOvercome_tab > ul > li > ul > li:last-child {margin-bottom:15px;}
	.sOvercome_tab > ul > li > ul > li > p {font-size:1em; padding-left:20px;}
	.sOvercome_content .txt_box {padding:20px 10px 30px;}
	.sOvercome_content .txt_box .t1 {font-size:1.125em; margin-bottom:2%;}
	.sOvercome_content .txt_box .t2 {font-size:1em; margin-bottom:2%;}
	.sOvercome_content .txt_box .line {width:calc(100% + 20px); margin:5% 0 5% -10px;}
	.sOvercome_content .btn_box {padding:0 10px;}
	.sOvercome_content .btn_box li a {width:160px; line-height:48px; font-size:1em;}
}

@media screen and (max-width:767px){
	.sOvercome {height:auto !important;}
	.sOvercome_tab {width:100%;}
	.sOvercome_tab > ul > li > ul {max-height:none; display:none;}
	.sOvercome_tab > ul > li > p.on + ul {max-height:none;}
	.sOvercome_content {width:100%; position:relative; margin:15px 0 20px;}
	.sOvercome_tab > ul > li > ul > li > p.on + .sOvercome_content {display:none;}
	.sOvercome_content .btn_box {text-align:center;}
	.sOvercome_content .btn_box li {float:none; display:inline-block;}
	.sOvercome_content .btn_box li a {width:140px; line-height:40px;}
}



#sVisual {width:100%; height:650px; background:url(../images/hawaii_bg.jpg) no-repeat center center; background-size:cover; position:relative;}
#sVisual .txt_box {width:93%; max-width:1000px; margin:0 auto; padding-top:150px; color:#fff; position:relative; z-index:5;}
#sVisual .txt_box .t1 {font-size:5.625em; font-weight:700; line-height:1.2em;}
#sVisual .txt_box .t2 {font-size:1.5em; line-height:1.2em; margin-top:20px;}
#sVisual .txt_box .qr {display:inline-block; padding:30px; background:rgba(255,255,255,0.4); border-radius:25px; transition:background 0.6s; margin-top:50px;}
#sVisual .txt_box .qr p {font-size:1.125em; color:#fff; line-height:1.2em; margin-top:10px; overflow:hidden;}
#sVisual .txt_box .qr p:after {content:'\f0a9'; font-weight:900; font-family:'Font Awesome 5 Free'; margin-left:10px;}
#sVisual .txt_box .qr:hover {background:rgba(32,126,255,0.9)}

@media screen and (max-width:1199px){
	#sVisual {height:650px;}
	#sVisual .txt_box .t1 {font-size:4.7em;}
	#sVisual .txt_box .t2 {font-size:1.3em;}
	#sVisual .txt_box .qr {padding:20px;}
	#sVisual .txt_box .qr img {width:130px;}
	#sVisual .txt_box .qr p {font-size:1em;}
}

@media screen and (max-width:1024px){
	#sVisual {height:600px;}
	#sVisual .txt_box .t1 {font-size:4em;}
	#sVisual .txt_box .t2 {font-size:1.125em; margin-top:2%;}
	#sVisual .txt_box .qr {margin-top:5%;}
	#sVisual .txt_box .qr img {width:100px;}
	#sVisual .txt_box .qr p {font-size:0.83em;}
	#sVisual .txt_box .qr p:after {margin-left:5px;}
}

@media screen and (max-width:767px){
	#sVisual {height:350px; text-align:center; background-position:60% center;}
	#sVisual:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0.1}
	#sVisual .txt_box {padding-top:130px;}
	#sVisual .txt_box .t1 {font-size:2.6em;}
	#sVisual .txt_box .t2 {font-size:1em;}
	#sVisual .txt_box .qr {padding:15px; border-radius:10px; text-align:center;}
	#sVisual .txt_box .qr img {width:85px;}
	#sVisual .txt_box .qr p:after {margin-left:3px;}
}


.sCompany_case1 {padding:0px; margin-bottom:110px; overflow:hidden;}
.sCompany_case1 .img_box {float:left; width:200px; border:5px solid #394059; border-radius:50%; overflow:hidden;}
.sCompany_case1 .img_box img {width:100%;}
.sCompany_case1 .txt_box {float:left; width:calc(100%); }
.sCompany_case1 .txt_box .t1 {font-size:2.18em; color:#394059; line-height:1.5em; font-weight:600; margin-bottom:35px;}
.sCompany_case1 .txt_box .t1 span {color:#207eff;}
.sCompany_case1 .txt_box .t2 {font-size:1.125em; color:#394059; line-height:1.6em; letter-spacing:-0.025em; margin-bottom:15px;}
.sCompany_case1 .txt_box .t2:last-child {margin-bottom:0;}

.sCompany_case2 {width:100%; background:#f6f7fb; padding:100px 0 90px;}
.sCompany_case2 #subTitle {margin-bottom:0 !important;}
.sCompany_list_wrap {width:93%; max-width:1240px; margin:0 auto; position:relative;}
.sCompany_list {width:100%; overflow:hidden; padding:60px 20px 30px;}
.sCompany_list .swiper-slide {background:#fff; border-radius:30px; box-shadow:15px 0 10px rgba(0,0,0,0.05); padding:50px;}
.sCompany_list .swiper-slide-prev {box-shadow:none;}
.sCompany_list .swiper-slide .user {width:100%; overflow:hidden; padding-bottom:20px; border-bottom:1px solid rgba(175,180,192,0.5)}
.sCompany_list .swiper-slide .user .img {float:left; width:100px;}
.sCompany_list .swiper-slide .user .img img {width:100%;}
.sCompany_list .swiper-slide .user .name, .sCompany_list .swiper-slide .user .id {float:left; width:calc(100% - 100px); padding-left:20px;}
.sCompany_list .swiper-slide .user .name {font-size:1.125em; color:#394059; letter-spacing:-0.025em; line-height:1.4em; font-weight:600; margin-top:25px;}
.sCompany_list .swiper-slide .user .id {font-size:1em; color:#afb4c0; letter-spacing:-0.025em; line-height:1.4em; font-weight:600;}
.sCompany_list .swiper-slide .txt_box {width:100%; padding:40px 0 0 95px;}
.sCompany_list .swiper-slide .txt_box p {font-size:1.125em; color:#394059; letter-spacing:-0.025em; line-height:1.5em;}
.sCompany_list .swiper-button-next, .sCompany_list .swiper-button-prev {width:65px; height:65px; background:#fff; border:1px solid #e9e9e9; border-radius:50%; background:5px 0 5px rgba(0,0,0,0.05), 0 0 10px rgba(0,0,0,0.01);}
.sCompany_list .swiper-button-next:after, .sCompany_list .swiper-button-prev:after {font-size:1.56em; color:#353945; font-weight:400; font-family:'Font Awesome 5 Pro'; transition:color 0.6s}
.sCompany_list .swiper-button-next {right:-10px;}
.sCompany_list .swiper-button-next:after {content:'\f054';}
.sCompany_list .swiper-button-prev {left:-10px;}
.sCompany_list .swiper-button-prev:after {content:'\f053';}
.sCompany_list .swiper-button-next:hover:after, .sCompany_list .swiper-button-prev:hover:after {color:#207eff}

@media screen and (max-width:1199px){
	.sCompany_case1 {padding:0;}

	.sCompany_list .swiper-slide .txt_box {padding-left:70px;}
}

@media screen and (max-width:1024px){
	.sCompany_case1 {margin-bottom:11%;}
	.sCompany_case1 .img_box {width:150px;}
	.sCompany_case1 .txt_box {width:calc(100% - 150px); padding-left:40px;}
	.sCompany_case1 .txt_box .t1 {font-size:1.8em; margin-bottom:3%;}
	.sCompany_case1 .txt_box .t2 {font-size:1em; margin-bottom:2%;}
	
	.sCompany_case2 {padding:10% 0 9%;}
	.sCompany_list {padding:6% 20px 20px;}
	.sCompany_list .swiper-slide {padding:30px;}
	.sCompany_list .swiper-slide .user .img {width:70px;}
	.sCompany_list .swiper-slide .user .name {font-size:1em; margin-top:15px;}
	.sCompany_list .swiper-slide .user .id {font-size:0.93em;}
	.sCompany_list .swiper-slide .txt_box {padding:20px 0 0 40px;}
	.sCompany_list .swiper-slide .txt_box p {font-size:1em;}
	.sCompany_list .swiper-button-next, .sCompany_list .swiper-button-prev {width:50px; height:50px;}
	.sCompany_list .swiper-button-next:after, .sCompany_list .swiper-button-prev:after {font-size:1.3em;}
}

@media screen and (max-width:767px){
	.sCompany_case1 .img_box {float:none; width:130px; margin:0 auto 3%;; border-width:3px;}
	.sCompany_case1 .txt_box {float:none; width:100%; padding-left:0;}
	
	.sCompany_list {width:100%; padding:5% 10px 20px;}
	.sCompany_list .swiper-slide {box-shadow:5px 0 5px rgba(0,0,0,0.05);}
	.sCompany_list .swiper-slide-prev {box-shadow:none;}
	.sCompany_list .swiper-button-next, .sCompany_list .swiper-button-prev {width:40px; height:40px;}
	.sCompany_list .swiper-button-next:after, .sCompany_list .swiper-button-prev:after {font-size:1.125em;}
}


/* swiper */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}


/* 추가 스타일 */

.form_select:focus {
    outline: none;
}

.form_select::placeholder {
    color: #afb4c0;
}

.form_select::-webkit-input-placeholder {
    color: #afb4c0;
}

.form_select:-ms-input-placeholder {
    color: #afb4c0;
}

.searchGroup {display: flex;gap: 10px;}

/* 리뷰 작성 링크 컨테이너 스타일 */
.rev-Write {
    margin: 20px; 
    display: flex; 
    justify-content: right;
}

/* 리뷰 작성 링크 스타일 */
.rev-Write a {
    display: inline-block; 
    padding: 5px 0; 
    color: #6a0dad; 
    text-decoration: none; 
    font-size: 1.125em; 
    border-bottom: 2px solid #6a0dad; 
    transition: color 0.3s, border-color 0.3s; 
}

.rev-Write a:hover {
    color: #8a2be2; 
    border-color: #8a2be2; 
}

.rev-Write a:active {
    color: #4b0082; 
    border-color: #4b0082; 
}

.rev-Write a:focus {
    outline: none; 
}

/* 팝업 오버레이 스타일 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 팝업 콘텐츠 스타일 */
.popup-content2 {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* 팝업 버튼 스타일 */
.popup-content2 a, .popup-content2 button {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    width: 80%;
}

.popup-content2 .kakao-login-btn {
    background-color: #FEE500;
    color: #000;
}

.popup-content2 .guest-btn {
    background-color: #6a0dad;
}

.popup-content2 .close-popup-btn {
    background-color: #ccc;
    border: none;
}

.recent-reviews {
    padding: 40px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
    color: #333;
}

.review-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
}

.review-item {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
}

.review-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.review-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.review-image {
    height: 200px;
    overflow: hidden;
}

.review-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.review-info {
    padding: 15px;
}

.review-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.review-activity {
    font-size: 14px;
    color: #666;
}

.review-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.review-hover span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
    border: 2px solid #fff;
    border-radius: 5px;
}

.review-item:hover .review-hover {
    opacity: 1;
}

.no-reviews {
    text-align: center;
    color: #666;
    font-style: italic;
}

@media (max-width: 768px) {
    .review-grid {
        grid-template-columns: 1fr;
    }
}

.m-tit {
    font-size: 48px;
    font-weight: 800;
    text-align: center;
    position: relative;
    padding: 0 20px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.m-tit::before,
.m-tit::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 60px;
    height: 4px;
    background-color: #207eff;
}

.m-tit::before {
    left: 0;
    transform: translateY(-50%) skew(45deg);
}

.m-tit::after {
    right: 0;
    transform: translateY(-50%) skew(-45deg);
}

.m-tit span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #66a3ff;
    margin-top: 10px;
    text-transform: none;
    letter-spacing: normal;
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .m-tit {
        font-size: 40px;
    }
    
    .m-tit span {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .m-tit {
        font-size: 36px;
        margin: 30px 0 20px;
    }

    .m-tit span {
        font-size: 18px;
    }

    .m-tit::before,
    .m-tit::after {
        width: 40px;
    }
}

@media (max-width: 480px) {
    .m-tit {
        font-size: 32px;
    }

    .m-tit span {
        font-size: 16px;
    }

    .m-tit::before,
    .m-tit::after {
        width: 30px;
    }
}

.media-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-container video,
.media-container img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.video-control-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    opacity: 0;
}

.media-container:hover .video-control-btn {
    opacity: 1;
}

.video-control-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.video-control-btn.play {
    display: none;
}

.hi-activities-wrapper {
	font-family: 'Noto Sans KR', sans-serif;
	background-color: #f6f7fb;
	color: #394059;
}
.hi-activities-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 20px;
}
.hi-activities-heading {
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}
.hi-activities-heading-text {
	font-size: 2.5em;
	color: #207eff;
	display: inline-block;
	padding: 0 15px;
	background-color: #f6f7fb;
	position: relative;
	z-index: 1;
}
.hi-activities-heading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #207eff;
	z-index: 0;
}
.hi-activities-search {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.hi-activities-search-input {
	width: 70%;
	max-width: 500px;
	padding: 12px 20px;
	font-size: 1em;
	border: 2px solid #207eff;
	border-radius: 25px;
	outline: none;
}
.hi-activities-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 30px;
}
.hi-activity-card {
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
}
.hi-activity-card:hover {
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.hi-activity-image {
	height: 200px;
	overflow: hidden;
}
.hi-activity-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hi-activity-details {
    padding: 15px;
}
.hi-activity-title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.hi-activity-description {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 15px;
}
.hi-activity-tags {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    padding-bottom: 5px; /* 스크롤바 공간 */
}
.hi-activity-tags::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.hi-activity-tag {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 8px;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 20px;
    font-size: 0.8em;
    white-space: nowrap;
    transition: background-color 0.3s, color 0.3s;
	cursor: pointer;
}
.hi-activity-tag:hover {
    background-color: #007bff;
    color: white;
}
.hi-activity-tags::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 5px; /* 스크롤바 공간만큼 조정 */
    width: 30px;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    pointer-events: none;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
	.hi-activities-container {
		padding: 40px 15px;
	}
	.hi-activities-heading-text {
		font-size: 2em;
	}
	.hi-activities-search-input {
		width: 90%;
	}
	.hi-activities-grid {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: 20px;
	}
	.hi-activity-tag {
        font-size: 0.7em;
        padding: 4px 8px;
    }
}
.hi-activity-card {
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.hi-activity-card {
    display: block;
    text-decoration: none;
    color: inherit;
}
.hi-activity-card:hover {
    text-decoration: none;
}
.hi-activity-card.hidden {
    display: none;
}
.no-results {
	text-align: center;
	font-size: 1.2em;
	color: #666;
	margin-top: 30px;
	display: none;
}
.hi-activities-search {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 600px;
    margin: 0 auto 30px;
}

/* 검색 입력 필드 스타일 */
.hi-activities-search-input {
    width: 100%;
    padding: 15px 80px 15px 20px;
    font-size: 16px;
    border: 2px solid #007bff;
    border-radius: 30px;
    outline: none;
    transition: all 0.3s ease;
}

.hi-activities-search-input:focus {
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
}

/* 검색 버튼 스타일 */
.hi-activities-search-button {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #007bff;
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.hi-activities-search-button:hover {
    background-color: #0056b3;
}

/* 초기화 버튼 스타일 */
.hi-activities-reset-button {
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #6c757d;
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.hi-activities-reset-button:hover {
    background-color: #5a6268;
}

/* 버튼 내부 아이콘 스타일 */
.hi-activities-search-button i,
.hi-activities-reset-button i {
    font-size: 18px;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
    .hi-activities-search-input {
        padding: 12px 70px 12px 15px;
        font-size: 14px;
    }

    .hi-activities-search-button,
    .hi-activities-reset-button {
        width: 35px;
        height: 35px;
    }

    .hi-activities-search-button {
        right: 40px;
    }

	.hi-activities-reset-button {
		right: 5px;
	}

    .hi-activities-search-button i,
    .hi-activities-reset-button i {
        font-size: 16px;
    }
}


/* 기본: 데스크탑 */
#kakao_desk_ad {
  display: block;      /* 혹은 inline-block */
  margin-top: 10px;
}

#kakao_mobile_ad {
  display: none;
}

/* 모바일 뷰포트(최대 768px) */
@media (max-width: 768px) {
  #kakao_desk_ad {
    display: none;
  }

  #kakao_mobile_ad {
    display: block;    /* 혹은 inline-block */
  }
}