:root{
	--basic_header_height:80px;
	--basic_header_scroll_height : 65px;
}
.ScrollStyle::-webkit-scrollbar {width:0px}
.ScrollStyle::-webkit-scrollbar-track {background-color: transparent}
.ScrollStyle::-webkit-scrollbar-thumb {border-radius: 0px;background-color: transparent}
.ScrollStyle::-webkit-scrollbar-button {width: 0;height: 0;}

/* HEADER */
.fix_header_in{
	position:fixed;
	width:100vw;
	min-height:var(--basic_header_height);
	background-color:#fff;
	z-index:10;
	box-sizing:border-box;
	padding:0 40px;
	transition:0.3s;
	overflow:hidden;
	max-height:100vh;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    font-family: 'Paperlogy';
}


#fixed_logo{
	display:flex;
	align-items:center;
	transition:0.3s;
	position:relative;
}
#fixed_logo img{
	height:40px;
	/* position:absolute;
	top:38%;
	transform:translateY(-45%); */
}
.hd_basic_height{
	height:var(--basic_header_height);
}
.fix_header_in.on{
	/* background-color:#000000; */
	min-height:var(--basic_header_scroll_height);
}
.fix_header_in.on .hd_basic_height{
	height:var(--basic_header_scroll_height);
}
/* .fix_header_in:after{
	content:"";
	width:100vw;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	background:#000000
} */
.hd_flex_wrap{
	width:100%;
	/* height:80px; */
	display:flex;
	justify-content:space-between;
    align-items: center;
}
.hd_flex_category_wrap{
	display:flex;
	color:#fff;
	width:75%;
	justify-content:center;
	/* align-items:center; */
    /* gap:80px; */
}
.hd_flex_category_wrap .item{
	width:140px;
}

.hd_flex_category_wrap .item_title{
	cursor:pointer;
	color:#252525;
	font-size:18px;
    /* font-family: 'Pretendard'; */
    font-weight:600;
	/* height:80px; */
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.3s;
	position:relative;
}
.hd_flex_category_wrap .item_title::after{
	content:"";
	background:#fff;
	width:0;
	height:2px;
	position:absolute;
	bottom:0;
	transition:0.3s;
	
}
.hd_flex_category_wrap .item:hover .item_title{
	color:#0AB1F7;
    font-weight:700;
	
}
.hd_flex_category_wrap .item:hover .item_title::after{
	content:"";
	width:100%;
}
.hd_flex_category_wrap .item_cate2Dep_wrap{
	padding:10px 5px;
	display:none;
}
/* .fix_header_in:hover .item_cate2Dep_wrap{
	display:block;
} */
.hd_flex_category_wrap > .item:hover .item_cate2Dep_wrap{
	display:block;
}
.item_cate2Dep_item{
	cursor:pointer;
	color:#fff;
	font-size:12px;
	padding: 8px 0;
	text-align:center;
	transition:0.3s;
}
.item_cate2Dep_item:hover{
	color:#1991c1;
}
.no_cursor{
	cursor:default;
}

.hd_right_box{
    display:flex;
    align-items: center;
    gap:20px;
}

.cs_btn_box {
    display: flex;
    align-items: center;
    border-radius:100px;
    background-color: #0AB1F7;
    cursor: pointer;
}
.cs_btn_box .cs_btn{
    display:flex;
    align-items: center;
    gap:4px;
    padding:10px 12px;
    color:#fff;
    font-size:16px;
    font-weight:600;
}
.cs_btn_box .cs_btn::before{
    content:"";
    display:inline-block;
    width:20px;
    height: 20px;
    background-image: url('../images/cs_icon.svg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

#fixed_menu{
	display:flex;
	align-items:center;
	cursor:pointer;
	transition:0.3s;
}
#fixed_menu span{
	font-size:30px;
	color:#252525;
}

#FixRightMenu{
	position:fixed;
    top:0;
	left:100%;
	min-width:400px;
	box-sizing:border-box;
	height:100vh;
	background-color:#fff;
	z-index:91;
	padding:30px 50px;
	overflow-y:auto;
	transition:0.3s;
    font-family: 'Paperlogy';
}
#FixRightMenu.on{
	left:calc(100vw - 400px);
}
.FixRightMenuClose{
	text-align:right;
	margin-bottom:20px;
}
.FixRightMenuClose span{
	cursor:pointer;
	font-size:30px;
}
.fix_right_category_item{
	border-bottom:1px solid #bcbcbc;
	padding-bottom:20px;
	margin-bottom:20px;
}
.fix_right_cate_1DepWrap{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
}
.fix_right_cate_1DepWrap .title{
	cursor:pointer;
	font-weight:500;
	font-size:18px;
	color:#000;
	transition:0.3s;
}

.fix_right_cate_1DepWrap .dropicon{
	cursor:pointer;
	color:#000;
	transform:rotate(180deg);
	transition:0.3s;
}
.fix_right_category_item.on .fix_right_cate_1DepWrap .dropicon{
	transform:rotate(0deg);
}
.fix_right_cate_2DepWrap{
	padding-top:30px;
	color:#565656;
	overflow:hidden;
}

.fix_right_cate2Dep_item{
	padding:7px 0;
	font-size:16px;
	cursor:pointer;
	transition:0.2s;
}
.fix_right_cate2Dep_item:hover{
	color:#1991c1;
}
.fix_right_category_item:hover .title{
	color:#1991c1;
}








/* HERO VIDEO */
#heroVideo{
	width:100%;
	object-fit:cover;
	object-position:center top;
	z-index:1;
	transition:0.3s;
}

.mainVideoIn{
	position:relative;
}
.mainVideo_text{
	position:absolute;
	z-index:2;
	top:44%;
	left:50%;
	transform:translate(-50%, -50%);
}
.mainVideo_text #hd_sch{
	width:100%;
	float:none;
	display:table;
	margin:40px auto 0;
}
.videoIn_text{
	
}

.dim{
    width: 100%;
    height: 99.5%;
    backdrop-filter: brightness(90%);
    position: absolute;
    top: 0;
    left: 0; 
}

@media screen and (max-width: 1700px){
    .submenu_item_container .submenu_item > div > div:nth-child(2) div{width:19.7% !important;}    
}

@media screen and (max-width: 1400px){
	/* HEADER */
	.fix_header_in{
		padding:0 20px;
	}
    /* .hd_flex_category_wrap{
        gap:50px;
    } */
	.hd_flex_category_wrap .item_title{
		font-size:16px;
	}
	.hd_flex_category_wrap .item{
		width:90px;
	}
	.item_cate2Dep_item{
		font-size:13px;
	}
	.hd_flex_category_wrap .item_cate2Dep_wrap{
		padding:10px 0;
	}

    .submenu_item_container .submenu_item > div > div:nth-child(2) div{width:24.6% !important;}
}

@media screen and (max-width: 1280px){
	/* HEADER */
	.fix_header_in{
		padding:0 2%;
	}

	/* HERO VIDEO */
	.videoIn_text img{
		width:400px;
	}
}

@media screen and (max-width: 1100px){
	:root{
		--basic_header_height:60px;
		--basic_header_scroll_height : 60px;
	}

	/* HEADER */
	.hd_flex_category_wrap{
		display:none;
	}
	#fixed_logo img{
		height:25px;
	}

    .mainVideo_text{
        width:80%;
        top: 50%;
    }
	

	/* HERO VIDEO */
	/* .videoIn_text img{
		width:300px;
	} */

    #bo_v_top {
        width: 95%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px){
	/* HEADER */
	.hd_flex_category_wrap{
		display:none;
	}
	#FixRightMenu{
		padding:20px 30px;
	}
	.FixRightMenuClose{
		margin-bottom:10px;
	}
	.fix_right_cate_1DepWrap .title{
		font-size:25px;
	}
	.fix_right_cate_2DepWrap{
		padding-top:20px;
	}
	.fix_right_cate2Dep_item{
		font-size:14px;
	}

	/* HERO VIDEO */
	.mainVideoIn{
		width:100%;
		overflow:hidden;
	}
	.mainVideo_text #hd_sch{
		width:100%;
        margin-top:20px;
	}
	#heroVideo{
		max-width:100%;
		width:auto;
		min-height:500px;
	}
	.videoIn_text img{
		width:100%;
	}
	#hd_sch #sch_stx{
		width:80%;
	}
}

@media screen and (max-width: 480px){
	/* HEADER */
	.fix_right_cate_1DepWrap .title{
		font-size:22px;
	}

	#FixRightMenu{
		width:100%;
		min-width:0;
	}
	#FixRightMenu.on{
		left: calc(100vw - 100%);
	}
	
}


/* 20250318 신규 디자인 변경 css  */
.only_w{
    display:block;
}
.only_m{
    display:none;
}

.inner_1440{
    width:100%;
    max-width:1440px;
    margin: 0 auto;
}
.special_box, .best_box, .story_box{
    margin:100px auto;
}
.special_box h2, .new_order_title, .best_box h2, .review_box h2, .story_box h2{
    margin:0 0 48px 0;
    font-family: 'Paperlogy';
    font-weight: 200;
    font-size: 56px;
    line-height: 1.25;
    letter-spacing:-0.4px;
    text-align: center;
    word-break: keep-all;
}
.special_box h2 span, .best_box h2 span, .story_box h2 span{
    display:block;
    font-weight: 700;
}    
/* .special_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
} */
.special_box ul li{
    float:left;
    width:calc(100% / 4 - 30px);
    margin-right:40px;
    text-align: center;
}
.special_box ul li:nth-child(4){
    margin-right: 0;
}
.special_box ul li img{
    width:100%;
    border-radius:100%;
}
.special_box ul li p{
    margin-top: 20px;
    font-family: 'Paperlogy';
    font-weight: 400;
    font-size: 24px;
    line-height: 1.25;
}
.special_box ul li p span{
    display:block;
    font-weight: 700;
}

.mainBanner{
    width:100%;
    margin:0 auto;
}
.mainBanner a img{
    width:100%;
    border-radius: 20px;
}

.new_order_title{
    margin-bottom:30px;
    line-height:1;
}
.new_order_info_card:not(:first-of-type){
    margin-top:0;
    
}
.new_order_info_card{
    display:flex;
    gap:20px;    
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.new_order_title span{
    display:inline;
    font-weight: 700;
}
.order_info_box input, .order_info_box textarea, .order_info_box select, input#datepicker{
    width:calc(50% - 10px);
    height:48px;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing:-0.4px;
    text-indent:0;
}

.order_info_box .new_order_info_card #datepicker{
    background: url('https://tourmin.co.kr/images/new/calendar.svg') no-repeat right 10px center #fff;
}
.order_info_box textarea{
    width:100%;
    height: 164px;
}
.btnAgree{
    width:100%;
    display:flex;
    align-items: center;
    gap:30px;
}
input[type="checkbox"]{
    appearance: none;
    width: 24px !important;
    height: 24px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
}
input[type="checkbox"]:checked {
    border-color: #0AB1F7;
    position: relative;
}
input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url('https://tourmin.co.kr/images/new/check_b.svg'); /* 체크 이미지 경로 */
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}  
.main_order{
    margin:100px 0;
}
.main_order .new_order_container{
    background: #fff !important;
}

.order_info_box input[type="checkbox"] + label{
    margin-left:10px;
    font-family: 'Paperlogy';
    font-weight: 500;
    font-size:16px;
}

.new_order_reservation_btn_div{
    width:100%;
    margin-top:0;  
}
.new_order_reservation_btn{
    width:100%;
    height: 60px;
    border-radius: 10px;
    color:#fff;
    background-color:#0AB1F7;
    border:0;
    font-family: 'Paperlogy';
    font-weight: 700;
    font-size:20px;
    line-height: 60px;
}
.custom-navigation {
    position: absolute;
    right: 23px;
    bottom: 15px;
    display: flex;
    flex-direction: column;
    z-index: 999999;
    background: #000000b8;
    width: 90px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    font-family: 'Paperlogy';
    font-weight: 600;
}

.swiper-button-next, .swiper-button-prev {
    color: white !important;
    z-index: 9999;
}
.swiper-button-next{
    right:4px !important;
}
.swiper-button-prev{
    left:4px !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 14px !important;
}
.swiper-pagination{
    position: unset !important;
}
.swiper-pagination-fraction {
    color:white !important;
    font-size:0.9rem;
    bottom:unset;
    top:unset;
}
.swiper-pagination-fraction {color:white;font-size:0.9rem;bottom:unset;top:unset;}

.best_box .best_list ul{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:40px;
    font-family: 'Paperlogy';
    letter-spacing: -0.4px;
}
.best_box .best_list ul li{
    width:calc(100% / 4 - 30px);
    display:flex;
    flex-direction: column;
    gap: 20px;
}
.best_box .best_list ul li > img{
    width:100%;
    border-radius:20px;
}
.best_box .best_list ul li > img{
    width:100%;
    border-radius:20px;
}
.best_box .best_list ul li .text_box{
    display:flex;
    flex-direction: column;
    gap:10px;
}
.best_box .best_list ul li .text_box .region{
    color:#0AB1F7;        
    font-size:16px;
    font-weight: 900;
}
.best_box .best_list ul li .text_box .tit{   
    font-size:24px;
    font-weight: 700;
}
.best_box .best_list ul li .text_box .ex{
    color:#666;
    font-size:15px;
    font-weight: 400;
    line-height: 1.5;
}
.more_btn{
    font-size:16px;
    font-weight:700;
    display:flex;
    align-items: center;
    gap:4px;
}

.review_con {
    height: 856px;
    margin-bottom:100px;
    padding:90px 0 0;
    background: url('https://tourmin.co.kr/images/new/review_bg.png') no-repeat bottom center #F7FCFF;
    font-family: 'Paperlogy';
    overflow: hidden;
}    
.review_con .review_box .review_tit{
    margin:0 auto;
    padding-bottom:40px;
    display:flex;
    flex-direction: column;
    gap:10px;
}
.review_con .review_box .review_tit h2{
    margin-bottom:0;
}
.review_con .review_box .review_tit span{
    display:inline;
    font-weight: 700;
}
.review_con .review_box .review_tit p{
    color:#454545;
    font-size:24px;
    text-align: center;
}
.review_con .review_box .review_tit a{
    display:block;
    margin:0 auto;
    padding:14px 24px;
    border-radius: 10px;
    color:#0AB1F7;
    background-color:#fff;
    border:1px solid #0AB1F7;
    font-size:20px;
    font-weight:700;
}
.review_con .review_box .review_phone{
    position: relative;
    width:660px;
    margin:0 auto;
}
.review_con .review_box .review_phone .review_phone_img{
    margin:0 auto;
    text-align: center;
}
.review_list_box{
    position: absolute;
    top: 168px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    opacity: 0; /* 기본 상태에서는 보이지 않게 설정 */
    transform: translateY(50px); /* 아래에서 시작 */
    transition: opacity 1s ease, transform 1s ease; /* 지속 시간을 1초로 설정 */
}
/* 활성화되었을 때 애니메이션 */
.review_con .review_box .review_phone.show-review .review_list_box {
    opacity: 1;
    transform: translateY(0); /* 위로 올라오면서 보이도록 */
}
.review_con .review_box .review_phone .review_list_con{
    width:auto;
    text-align: center;
    /* width: fit-content;
    margin:0 auto;
    padding:16px;
    background-color:#fff;
    border-radius:20px;
    display:flex;
    align-items: center;
    gap:16px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px 0px; */
}
.review_con .review_box .review_phone .review_list_con img{
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 30px 0px;
}
.review_con .review_box .review_phone .review_list_con .re_text_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.review_con .review_box .review_phone .review_list_con .re_text_box .re_text{
    font-size:20px;
    font-weight:600;
    word-break: keep-all;
}
.review_con .review_box .review_phone .review_list_con .re_text_box .re_ex_text{
    color:#666;
    font-size:16px;
    font-weight:400;
    display: flex;
    gap:20px;
}
.review_con .review_box .review_phone .review_list_con .re_text_box .re_ex_text{
    color:#666;
    font-size:16px;
    font-weight:400;
}
.review_con .review_box .review_phone .review_list_con .re_text_box .re_name::after{
    content: "";
    display:inline-block;
    width:1px;
    height: 12px;
    background-color:#dbdbdb;
    margin-left:20px;
}
.review_con .review_box .review_phone .review_list_con .re_text_box .re_etc{
    color:#0AB1F7;
    font-weight:600
}

.story_box .story_tit{
    margin-bottom:48px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.story_box .story_tit h2{
    margin:0;
}
.story_box .story_tit h2 span{
    display: inline;
    font-weight: 700;
}

.story_box .story_tit p{
    color:#454545;
    font-size:24px;
    text-align: center;
}

.story_box .story_con_box ul{
    display:flex;
    gap:40px;
    flex-direction: row;
    justify-content: space-between;
}
.story_box .story_con_box ul li{
    width:calc(100% / 4 - 30px);
    padding:40px;
    border-radius:40px;
    font-family: 'Paperlogy';     
    font-weight:700;
    
}
.story_box .story_con_box ul li.cafe_banner{
    background: url('https://tourmin.co.kr/images/new/cafe_img.svg') no-repeat bottom 30px right 30px  #F4F7FF;
}
.story_box .story_con_box ul li.blog_banner{
    background: url('https://tourmin.co.kr/images/new/blog_img.svg') no-repeat bottom 30px right 30px  #F4F7FF;
}
.story_box .story_con_box ul li.insta_banner{
    background: url('https://tourmin.co.kr/images/new/insta_img.svg') no-repeat bottom 30px right 30px  #F4F7FF;
}
.story_box .story_con_box ul li.youtube_banner{
    background: url('https://tourmin.co.kr/images/new/youtube_img.svg') no-repeat bottom 30px right 30px  #F4F7FF;
}

.story_box .story_con_box ul li .story_con_ofc{
    margin-bottom:6px;
    color:#3AAE38;
    font-size:16px;
}
.story_box .story_con_box ul li .story_con_tit{
    margin-bottom:12px;
    font-size:24px;
}

.cs_center_box{
    padding:40px 0;
    background-color:#F9F9F9;
}
.cs_center_box_inner{
    display:flex;
    gap:40px;
}
.cs_center_box_inner > div{
    padding:40px;
    border-radius:20px;
    display:flex;
    justify-content: flex-start;
    gap:60px;
    font-family: 'Paperlogy';
}

.cs_center_box_inner .call_info{
    width:40%;
    background: #fff;
}
/* .cs_center_box_inner .call_info .call_info_left{
    display:flex;
    flex-direction: column;
    gap:10px;
} */
.cs_center_box_inner .bank_info{
    width: 41%;
    background: #fff;
}

.cs_center_box_inner > div .cs_center_tit{
    font-size:15px;
    font-weight:700;
    margin-bottom:8px;
}
.cs_center_box_inner > div .cs_info_con{
    margin-bottom:4px;
    font-size:21px;
    font-weight:700;
    letter-spacing: -0.6px;
}
.cs_center_box_inner > div .cs_info_text{
    color:#666;
    font-size:14px;
    font-weight:500;
    line-height: 1.25;
}
.cs_center_box_inner .bank_info .cs_info_text span, .cs_center_box_inner .bank_info .cs_info_text > div span{
    margin-right:12px;
    line-height: 1.5;
}
.cs_center_box_inner > div .cs_info_text .pred{
    color:#ED1B24;
}
.cs_center_box_inner > div .call_info_right > div:first-child{
    margin-bottom:10px;
}
.cs_center_box_inner > div .call_info_right .cs_info_con{
    font-size:18px;
}    

.cs_center_box_inner .notice_btn_box{
    width: 19%;
    padding:0;
    display:flex;
    flex-direction: column;
    gap:9px;
}
.cs_center_box_inner .notice_btn_box > div{
    height: 50%;
    font-family: 'Paperlogy';
    font-size:16px;
    font-weight:700;
}
.cs_center_box_inner .notice_btn_box > div a{
    height: 95px;
    line-height: 95px;
    border-radius: 20px;
    text-align: center;
}
.cs_center_box_inner .notice_btn_box > div a:hover{
    color:#fff;
    background-color: #099FDE;
    border-color:#099FDE;
}
.cs_center_box_inner .notice_btn_box > div a::before{
    content:'';
    width:20px;
    height: 20px;
    margin-right:6px;
    display:inline-block;
    background: url('https://tourmin.co.kr/images/new/cs_icon.svg') no-repeat center;
    vertical-align: middle;
} 

.cs_center_box_inner .notice_btn_box .iq_btn a{
    width:100%;
    color:#fff;
    background-color: #0AB1F7;
    display:block;
}
.cs_center_box_inner .notice_btn_box .nt_btn a{
    width:100%;
    color:#0AB1F7;
    background-color: #fff;
    border: 1px solid #0AB1F7;
    display:block;
}
.cs_center_box_inner .notice_btn_box .nt_btn a::before{
    background: url('https://tourmin.co.kr/images/new/notice_b.svg') no-repeat center;
}
.cs_center_box_inner .notice_btn_box .nt_btn a:hover::before{
    background: url('https://tourmin.co.kr/images/new/notice_w.svg') no-repeat center;
}

/* footer */

#ft{
    border-top: 1px solid #eee;
    font-family: 'Paperlogy';
    font-size:16px; 
}
#ft #ft_wr #ft_link{
    background-color:#fff;
}
#ft_link .ft_link_inner{
    width:1440px;
    margin:0 auto;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
#ft_link .ft_link_inner .ft_link_terms{
    display:flex;
    gap:40px;
}

#ft_link .ft_link_inner .ft_sns{
    display:flex;
    gap:24px;
}

#ft #ft_wr #ft_link a{
    padding:0;
    color:#000;
}
#ft #ft_wr #ft_link a+a{
    border:0;
}
#ft_link{
    padding:20px 0;
}
#ft_link a{
    font-weight:400;
}

#ft #ft_wr #ft_in_wr{
    width:1440px;
    margin:30px auto 40px;
    display: flex;
    gap:40px;
}
#ft #ft_wr #ft_catch{
    float: none !important;
    margin:0 !important;
}
#ft_in_wr #ft_copy{
    float:none !important;
    margin:0 !important;
    font-size:14px;
    display:flex;
    flex-direction: column;
    gap:10px;
}
#ft #ft_wr #ft_catch img{
    margin: 0;
}
#ft_in_wr #ft_copy p{
    color:#333 !important;
    line-height:1 !important;
    display:flex;
    flex-wrap: wrap;
    gap:10px;
}
#ft_in_wr #ft_copy p span::after{
    content:"";
    width:1px;
    height: 12px;
    margin-left:10px;
    background: #dbdbdb;
    display: inline-block;
}
#ft_in_wr #ft_copy p span:last-of-type::after{
    display:none;
}
#ft_in_wr #ft_copy p.copyright{
    margin-top:20px;
    font-size:12px;
    color:#666 !important;
}

/* list */
.bottom_gallery_container{
    width:100%;
    max-width:1440px;
    /* padding:80px 0 40px; */
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 auto;
    gap:40px
}
.bottom_gallery_container.gallery_outbox{
    margin-top:80px;
}
.bottom_gallery_title2 {
    width: 100%;
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    margin: 0 auto 40px;
    font-family: 'Paperlogy';
}
.bottom_gallery_more_container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
}
.bottom_gallery_box {
    width:calc(100% / 3 - 27px);
    display:flex;
    align-items:center;
    justify-content:center;    
    flex-direction:column;
    cursor: pointer;
}
.bottom_gallery_more_btn{
    width: auto;
    text-align: center;
    line-height: 60px;
    height: 60px;
    background: #F4F4F4;
    border-radius: 10px;
    font-weight: 700;
    color: #999;
    font-size: 20px;
    cursor:pointer;
    position:relative; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 24px;
    border:1px solid #dbdbdb;
    font-family: 'Paperlogy';
}
.bottom_gallery_more_btn:hover{
    color:#fff; 
    background:#0AB1F7;
    border:#0AB1F7;
}
.square-image-container img{
    border-radius: 30px;
}

/* view */
.subContent.sub_view .sub_view_top{
    display:flex;
    align-items: flex-end;
    gap: 40px;
}
.subContent.sub_view .sub_view_top .imgArea{
    width:560px;
    height: 560px;
}
.subContent.sub_view .sub_view_top .imgArea img{
    width:100%; 
    max-width:560px; 
    border-radius:30px;
}
.subContent.sub_view .sub_view_top form {width:calc(60% - 20px);display: flex;justify-content: center;}


@media screen and (max-width: 1440px){
    .inner_1440{
        width:95% !important;
    }

    .story_box .story_con_box ul li{
        padding:30px;
    }
    .story_box .story_con_box ul li.blog_banner{
        background-size: 25%;
        background-position: right 10% bottom 40%;
    }
    .story_box .story_con_box ul li.cafe_banner{
        background-size: 25%;
        background-position: right 10% bottom 40%;
    }
    .story_box .story_con_box ul li.insta_banner{
        background-size: 25%;
        background-position: right 10% bottom 40%;
    }
    .story_box .story_con_box ul li.youtube_banner{
        background-size: 25%;
        background-position: right 10% bottom 40%;
    }

    .cs_center_box_inner{
        gap: 20px;
    }
    .cs_center_box_inner > div{
        padding: 25px;
        gap:40px;
    }
    .cs_center_box_inner .notice_btn_box > div a{
        height: 75px;
        line-height: 75px;
    }

    #ft_link .ft_link_inner{
        width:95%;
    }

    #ft #ft_wr #ft_in_wr{
        width:95%;
    }

    /* list */
    .bottom_gallery_container{
        width:95%;
    }
}

@media screen and (max-width: 1280px){        
    .story_box .story_con_box ul li{
        height: 200px;
    }
    .story_box .story_con_box ul li.blog_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.cafe_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.insta_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.youtube_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }

    .cs_center_box_inner{
        flex-wrap: wrap;
    }
    .cs_center_box_inner .call_info{
        width:calc(50% - 10px);
    }
    .cs_center_box_inner .bank_info{
        width:calc(50% - 10px);
    }
    .cs_center_box_inner .notice_btn_box{
        width:100%;
        flex-direction: row;
        gap:20px;
    }
    .cs_center_box_inner .notice_btn_box > div{
        width:calc(50% - 10px);
    }
    .cs_center_box_inner .notice_btn_box > div a{
        height: 68px;
        line-height: 68px;
    }

    #ft_in_wr #ft_copy p span:nth-child(2)::after{
        display: none;
    }

}

@media screen and (max-width: 1080px){
    .special_box, .best_box, .story_box{
        margin: 60px auto 20px;
    }
    .special_box ul{
        display: flex;
        gap: 60px 4%;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .special_box ul li{
        width: 48%;
        margin-right:0;
    }
    .best_box .best_list ul li{
        width: calc(100% / 2 - 20px);
    }

    .story_box .story_con_box ul{
        gap:20px;
    }
    .story_box .story_con_box ul li{
        width: calc(100% / 4 - 15px);
    }

    .review_con{
        margin-bottom:60px;
    }

    .cs_center_box_inner > div{
        justify-content: flex-start;
        gap:20px;
    }

    /* list */
    .bottom_gallery_container{
        gap:20px;
    }
    .bottom_gallery_box {
        width:calc(100% / 2 - 10px);
    }
} 

@media screen and (max-width: 960px){
    .only_w{
        display:none;
    }
    .only_m{
        display:block;
    }
    .main_order{
        margin:60px 0;
    }

    #new_order_swiper{
        width:100%;
        height:auto;
    }
    #new_order_swiper .swiper{
        max-width:100%;
    }
    .swiper img{
        width:100%;
        max-width:fit-content;
    }

    .order_info_box{
        width:100%;
    }

    .review_con{
        height: 910px;
    }
    .review_con .review_box .review_phone{
        width: 100%;
    }
    .review_list_box{
        top: 180px;
    }
    .review_con .review_box .review_phone .review_list_con img{
        width: 80%;
        margin: 0 auto;
    }
    .story_box .story_con_box ul{
        flex-wrap: wrap;
    }
    .story_box .story_con_box ul li{
        width:calc(100% / 2 - 10px);
        height: 160px;
    }
    .story_box .story_con_box ul li.blog_banner{
        background-size: 25%;
        background-position: right 18% bottom 30%;
    }
    .story_box .story_con_box ul li.cafe_banner{
        background-size: 25%;
        background-position: right 18% bottom 30%;
    }
    .story_box .story_con_box ul li.insta_banner{
        background-size: 25%;
        background-position: right 18% bottom 30%;
    }
    .story_box .story_con_box ul li.youtube_banner{
        background-size: 25%;
        background-position: right 18% bottom 30%;
    }

    .cs_center_box_inner > div{
        flex-direction: column;
    }

    .subContent.sub_view .sub_view_top{
        flex-direction: column;
    }

    .subContent.sub_view .sub_view_top .imgArea{
        width:100%;
        height: auto;
    }
    .subContent.sub_view .sub_view_top .imgArea img{
        max-width:fit-content;
    }
    .subContent.sub_view .sub_view_top form{
        width:100%;
    }
}

@media screen and (max-width: 780px){
    .review_con{
        height: 840px;
        padding: 60px 0 0;
    }
    .review_con .review_box .review_phone{
        width:100%;
    }
    .review_phone_img{
        width:70%;
    }
    .review_phone_img img{
        width:100%;
    }
    .review_list_box{
        top: 182px;
    }
    .review_con .review_box .review_phone .review_list_con .re_text_box .re_text{
        word-break: unset;
    }
    .review_con .review_box .review_phone .review_list_con .re_text_box .re_text br{
        display:contents;
    }

    #ft_link .ft_link_inner .ft_link_terms{
        gap: 10px;
    }
    #ft_link .ft_link_inner .ft_sns{
        gap:20px;
    }
}

@media screen and (max-width: 680px){
    .special_box h2, .new_order_title, .best_box h2, .review_box h2, .story_box h2{
        font-size: 50px;
    }

    .special_box ul li p{
        font-size:22px
    }

    /* .new_order_container{
        padding:30px 0;
    } */
    .new_order_container > div:nth-child(1){
        gap: 60px;
    }
    .new_order_title{
        line-height: 1.25;
    }
    .new_order_title span{
        display:block;
    }
    .square-image-container img, .square-image-container img{border-radius: 20px;}
    

    #ft_link .ft_link_inner{
        flex-direction: column;
        gap:20px;
        font-size:14px
    }

    #ft_link .ft_link_inner .ft_link_terms{
        justify-content: space-between;
    }
    #ft_link .ft_link_inner .ft_sns{
        gap:40px;
    }
    #ft #ft_wr #ft_in_wr{
        flex-direction: column;
    }
}

@media screen and (max-width: 600px){
    .review_con{
        height: 140vw;
    }
    .review_list_box{
        top: 27vw;
    }
    .review_con .review_box .review_phone .review_list_con img{
        width: 90%;
    }
}

@media screen and (max-width: 500px){
    .special_box h2, .new_order_title, .best_box h2, .review_box h2, .story_box h2{
        margin: 0 0 28px 0;
        font-size:42px;
    }
    .review_con .review_box .review_tit span, .story_box .story_tit h2 span{
        display:block;
    }
    .special_box ul{
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .special_box ul li{
        width:80%;
    }
    .special_box ul li p{
        margin-top:10px;
    }

    .new_order_info_card{
        flex-direction: column;
        gap:10px;
    }
    .order_info_box input, .order_info_box textarea, .order_info_box select, input#datepicker{
        width:100%;
    }
    .btnAgree{
        align-items: flex-start;
        flex-direction: column;
        gap:10px;
    }

    .best_box .best_list ul li{
        width: 100%;
    }

    .review_con{
        height: 150vw;
    }
    .review_list_box{
       top:25vw;
    }
    .review_con .review_box .review_tit p{
        font-size:20px;
    }
    .review_con .review_box .review_tit a{
        font-size: 16px;
    }

    .story_box .story_con_box ul li{
        height: 200px;
    }
    .story_box .story_con_box ul li.blog_banner{
        background-size:30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.cafe_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.insta_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }
    .story_box .story_con_box ul li.youtube_banner{
        background-size: 30%;
        background-position: right 18% bottom 10%;
    }

    .cs_center_box_inner .call_info{
        width:100%;
    }
    .cs_center_box_inner .bank_info{
        width:100%;
    }

    #ft_link .ft_link_inner .ft_link_terms{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    #ft #ft_wr #ft_copy p{
        text-align: left;
        flex-direction: column;
    }
    #ft #ft_wr #ft_copy p:first-child{
        flex-direction: row;
    }
    #ft_in_wr #ft_copy p span::after{
        display:none;
    }
    #ft #ft_wr #ft_copy p:first-child span:first-child::after{
        display:inline-block;
    }

    /* list */
    .bottom_gallery_container.gallery_outbox{
        margin-top:40px;
    }
    .bottom_gallery_more_container{
        margin: 20px auto 0;
    }
    .bottom_gallery_more_btn{
        width:95%;
        line-height: 50px;
        height: 50px;
        font-size:16px;
    }
}

@media screen and (max-width: 440px){
    .review_con{
        height: 164vw;
    }
    .review_con .review_box .review_phone .review_list_con img{
        width: 95%;
    }

    .story_box .story_con_box ul li{
        width:100%;
        height: auto;
    }
    .story_box .story_con_box ul li.blog_banner{
        background-size:23%;
        background-position: right 12% bottom 35%;
    }
    .story_box .story_con_box ul li.cafe_banner{
        background-size: 23%;
        background-position: right 12% bottom 35%;
    }
    .story_box .story_con_box ul li.insta_banner{
        background-size: 23%;
        background-position: right 12% bottom 35%;
    }
    .story_box .story_con_box ul li.youtube_banner{
        background-size: 23%;
        background-position: right 12% bottom 35%;
    }

    #ft #ft_wr #ft_in_wr{
        gap:20px;
    }
    #ft #ft_wr #ft_catch img{
        width:30%;
    }
    #ft_in_wr #ft_copy{
        font-size: 12px;
    }
    #ft_in_wr #ft_copy p.copyright{
        font-size:10px;
    }    
}

@media screen and (max-width: 380px){
    .review_con{
        height: 170vw;
    }
}
@media screen and (max-width: 350px){
    .review_con{
        height: 176vw;
    }
    .review_con .review_box .review_phone .review_list_con img{
        width:90%;
    }
}
@media screen and (max-width: 330px){
    .review_con{
        height: 180vw;
    }
}