.header-menu-list {color: #111;}
.side_menu {color: #222;}
#menu-wrapper #hamburger-menu span {background-color: #222;}
.header-logo-image {display: none;}
.header-logo-image-sub {display: block;}
.sub_banner_title_box {color: #fff;}
.sub_banner_title_box .sub_banner_title {
	font-family: 'Jeju Myeongjo';
	font-size: 50px;
	margin: 35px 0 35px 0;
}

.sub_banner_title_ex {font-size: 24px;}

.sub_banner {background-image: url('/images/story_sub_banner.jpg');}



.tab-contents {display:none;margin:0 auto;overflow:hidden;min-height:MIN(calc(100vh - 700px), 200px);}
.tab-contents.no-padding {padding-bottom:0;}
.tab-contents.active {display:block;}
.tab-content-title {font-size:40px;font-weight:600;margin:100px 0 80px;}

@media screen and (max-width:960px) {
    .sub_banner {height: 320px;}
    .sub_banner_txt_box {padding-top:80px;}
    .sub_banner_txt_box .sub_banner_title {font-size:32px;margin-bottom:30px;}
    .sub_banner_txt_box .sub_banner_ex {font-size:17px;}
    .tab-content-title {font-size:36px;margin:80px 0 60px;}
}
@media screen and (max-width:768px) {
    .sub_banner {height: 270px;}
    .sub_banner_txt_box {padding-top:60px;}
    .sub_banner_txt_box .sub_banner_title {font-size:28px;margin-bottom:20px;}
    .sub_banner_txt_box .sub_banner_ex {font-size:16px;}
    .tab-content-title {font-size:32px;margin:60px 0 50px;}
    .sub_banner_title_box .sub_banner_title {
	    font-size: 30px;
	    margin: 0px 0 20px 0;
	}
}

@media screen and (max-width:600px) {
	.sub_banner_title_ex {
    font-size: 16px;
    }
}

@media screen and (max-width:480px) {
    .sub_banner {height: 200px;}
    .sub_banner_txt_box {padding-top:40px;}
    .sub_banner_txt_box .sub_banner_title {font-size:24px;margin-bottom:15px;}
    .sub_banner_txt_box .sub_banner_ex {font-size:15px;}
    .tab-content-title {font-size:28px;margin:80px 0 30px;}
}

/*문화제 소개*/
.cultural_contents {
	padding-bottom: 200px;
}
.cultural_info_top_img img{
	display: block;
	width: 100%;
}

.cultural_info_top_title {
	position: relative;
	font-family: 'Jeju Myeongjo';
	font-size: 40px;
	color: #222;
	line-height: 54px;
	text-align: center;
	margin: 90px 0 50px 0;
}

.cultural_info_top_title .green {
	color: #4C9D3E;
}

.cultural_info_top_title span {
	display: block;
}

.cultural_info_top_title_line_left {
	position: absolute;
	top: 35px; left: 50%;
	margin-left: -445px;
}

.cultural_info_top_title_line_right {
	position: absolute;
	top: 35px; right: 50%;
	margin-right: -445px;
}

.cultural_info_seed {
	text-align: center;
}

.cultural_info_ex {
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	color: #222;
}

.cultural_info_ex span {
	display: block;
}

.cultural_info_ex_mg_b {
	margin-bottom: 10px;
}

.cultural_info_photo {
	position: relative;
	padding: 280px 0;
	margin-top: 135px;
}

.cultural_info_photo_bg {
	position: absolute;
	top: 0; left: 0;
	background: #f3f3f3;
	width: 100%; height: 370px;
}

.cultural_info_list_box {
	display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 33px;
}

.cultural_info_list img {
	width: 100%;
}

.cultural_info_list_wrap {
	position: absolute;
	top: 135px; left: 50%;
	transform:translate(-50%, 0);
}

.cultural_info_memil_title {
	text-align: center;
	font-size: 30px; font-weight: 600;
	color: #222;
	margin-bottom: 52px;
}

.cultural_info_sub_banner {
	height: 137px;
	background: url('/images/cultural_info_sub_banner.jpg');
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 93px;
}

.cultural_info_sub_banner_title_box {
	display: flex;
}


.cultural_info_sub_banner_title {
	font-family: 'JalnanGothic';
	font-size: 23px;
	color: #2F6314;
	line-height: 48px;
}

.cultural_info_sub_banner_title .green {
	color: #4C9D3E;
}

.cultural_info_sub_banner_go {
	cursor: pointer;
	width: 181px; height: 48px;
	background: #2F6314;
	color: #fff;
	line-height: 48px; text-align: center;
	margin-left: 30px;
	border-radius: 28px;
}

@media screen and (max-width:700px) {
	.cultural_info_sub_banner {
		height: 150px;
	}
	.cultural_info_sub_banner_title_box {
		display: unset;
		text-align: center;
	}
	
	.cultural_info_sub_banner_title  {
		line-height: 30px;
	}
	
	.cultural_info_sub_banner_go {
		margin: 0 auto;
		margin-top: 10px;
	}
	
	.cultural_info_sub_banner_title .enter {
		display: block;
	}
	
}

@media screen and (max-width:600px) {
	.cultural_info_top_title {
    font-size: 24px;
    line-height: 34px;
    margin: 30px 0 30px 0;
}

.cultural_info_top_title span {
    display: inline;
}

.cultural_info_ex {
    margin-top: 30px;
    font-size: 16px;
    line-height: 22px;
}

.cultural_info_ex span {
    display: inline;
}

.cultural_info_photo {
	padding: 220px 0;
    margin-top: 50px;
}

.cultural_info_memil_title {
    font-size: 24px;
    margin-bottom: 32px;
}

.cultural_info_sub_banner {
	margin-top: 50px;
}

.cultural_info_sub_banner_title {
    font-size: 20px;
}

.cultural_contents {
    padding-bottom: 100px;
}
	
}

@media screen and (max-width:425px) {
	.cultural_info_list_box {
        display: block;
    }
    
    .cultural_info_list_wrap {
		position: unset;
		transform :unset;
	}
    
    .cultural_info_photo {
    padding: 30px 0;
    margin-top: 10px;

}
    
    .cultural_info_photo_bg {
    display: none;
}
	
}


/*문화제 역사*/
.cultural_history_list_wrap {
	margin-bottom: 40px;
	display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-column-gap: 3.5%;
    grid-row-gap: 45px;
}

.cultural_history_list {height: auto;}
.cultural_history_list:hover {cursor:pointer;}
.history-title {height:50px;padding:10px 5px 20px;font-size:20px;font-weight:400;}
.history-image {height:480px;overflow:hidden;}
.history-image img {
	display: block;
	width: 100%; height: 480px;
    object-fit: cover;
    border: 1px solid #ccc;
}



/*전통메밀소개 페이지*/
.buckwheat_contents {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 230px;
}

.buckwheat_contents_title_box {
    width: 311px;
    margin-right: 73px;
}

.buckwheat_contents_dot {
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #73AB61;
}

.buckwheat_contents_title {
    color: #222;
    font-size: 60px;
    font-weight: 600;
}

.buckwheat_contents_txt {
    margin-top: 30px;
    color: #222;
    font-weight: 300;
    line-height: 30px;
}

.buckwheat_contents_txt span {
    display: block;
}

.story_contents_bg {
    position: relative;
    width: 100%;
    background: #F3F3F3;
}

.story_contents_float {
    position: absolute;
    top: -187px; left: 50%;
    margin-left: -630px;
    display: flex;justify-content: space-between;
}

.story_contents_float_img {
    display: inline-block;
    margin-right: 20px;
}

.story_contents_float_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.story_contents_box {
    padding-top: 254px;
    padding-bottom: 203px;
}

.memil_mean {
    margin-bottom: 106px;
}

.story_contents_title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 26px;
}

.memil_mean_txt {
    color: #222;
    font-weight: 300;
    line-height: 30px;
}

.jeju_memil_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jeju_memil_list {
    width: calc(50% - 30px);
    margin-bottom: 63px;
}

.jeju_memil_list:last-child {
    margin-bottom: 0;
}

.jeju_memil_img img {
    width: 100%; 
    object-fit: cover;
}

.jeju_memil_list_title {
    color: #222;
    line-height: 28px;
}

.jeju_memil_title {
    margin: 15px 0 7px 0;
    font-weight: 500;
}

.jeju_memil_txt {
    font-weight: 300;
}

/*메밀가공과정 페이지*/
.story_process_contents {
    margin-bottom: 200px;
}

.story_process_ex {
    color: #222;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 40px;
    font-size: 18px;
}

.story_process_img_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.story_process_img {
    width: calc(50% - 10px);
}

.story_process_img img{
    width: 100%;
    object-fit: cover;
}

.story_process_number {
    margin-top: 110px;
}

.story_process_number ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.story_process_number_list {
    display: flex; justify-content: space-between;
    width: calc(50% - 50px);
    overflow: hidden;
    margin-bottom: 50px;
}

.story_process_number_list:last-child {
    margin-bottom: 0;
}

.story_process_number_icon {
    display: inline-block;
    margin-right: 18px;
}

.story_process_number_icon img {
    width: 100%;
    object-fit: cover;
}

.story_process_number_txt {
    float: left;
    width: calc(100% - 130px - 18px);
    color: #222;
    line-height: 30px;
}

.story_process_number_title {
    font-weight: 600;
}

.story_process_number_ex {
    font-weight: 300;
}

/*전통메밀음식 페이지*/
.story_food_contents {
    margin-bottom: 193px;
}

.story_food_ex {
    color: #222;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 63px;
}

.story_food_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.story_food_list {
    width: calc(33.3% - 46px);
    margin-bottom: 63px;
}

.story_food_list:last-child {
    margin-bottom: 0;
}

.story_food_img img {
    width: 100%;
    object-fit: cover;
}

.story_food_txt_box {
    color: #222;
    line-height: 30px;
}

.story_food_title {
    font-size: 23px;
    font-weight: 600;
    margin: 20px 0 8px 0;
}

/*메밀밭투어 페이지*/
.story_tour_contents {
    margin-bottom: 200px;
}

.story_tour_title {
    margin: 110px 0 47px;
}

#memil_spot, #gasiri_tour {display: none;}

#memil_spot:checked ~ .story_tour_sheet .memil_spot_sheet {display: block;}
#memil_spot:checked ~ .story_tour_sheet .gasiri_tour_sheet {display: none;}

#gasiri_tour:checked ~.story_tour_sheet .memil_spot_sheet {display: none;}
#gasiri_tour:checked ~.story_tour_sheet .gasiri_tour_sheet {display: block;}

#memil_spot:checked ~ .story_tour_tab .memil_spot_tab {
    background-color: #228038; color: #fff; font-weight: 600;
}

#memil_spot:checked ~ .story_tour_tab .memil_spot_tab .story_tour_tab_txt {
    background-image: url('/images/icon/story_tour_tab_icon.svg');
}

#gasiri_tour:checked ~ .story_tour_tab .gasiri_tour_tab {
    background-color: #228038; color: #fff; font-weight: 600;
}

#gasiri_tour:checked ~ .story_tour_tab .gasiri_tour_tab .story_tour_tab_txt {
    background-image: url('/images/icon/story_tour_tab_icon.svg');
}

.story_tour_tab {
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
}

.story_tour_tab label {
    display: inline-block;
    width: 206px; height: 59px;
    background-color: #fff;
    border-radius: 30px;
    color: #333;
    font-size: 21px;
    font-weight: 400;
    overflow: hidden;
    padding: 20px; box-sizing: border-box;
}

.memil_spot_tab {
    margin-right: 20px;
}

.story_tour_tab_txt {line-height: 16px;background: url('/images/icon/story_tour_tab_icon_bl.svg') calc(100% - 10px) 50% no-repeat;}


/*메밀밭투어 페이지_제주메밀스팟*/
.memil_spot_sheet {
    margin-top: 70px;
}

.memil_spot_sheet_map {
    position: relative;
    width: 100%;
    padding: 50px; box-sizing: border-box;
    background: #FAFAFA;
    margin-bottom: 50px;
}

.memil_spot_sheet_map_title {
    position: absolute;
    top: 50px; left: 50px;
}

.memil_spot_sheet_map_title img {
    width: 100%;
    object-fit: cover;
}

.memil_spot_sheet_map_img {
    width: fit-content;
    margin: 0 auto;
}

.memil_spot_sheet_map_img img{
    width: 100%; height: auto;
    object-fit: cover;
}

.story_tour_sheet_list_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.story_tour_sheet_list {
    width: calc(50% - 20px); min-height: 610px;
    border: 1px solid #CCC;
    margin-bottom: 30px;
}

.story_tour_sheet_list_img {
    width: 100%; height: 280px;
}

.story_tour_sheet_list_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.story_tour_sheet_list_txt_box {
    position: relative;
    padding: 30px 40px 30px 49px; box-sizing: border-box;
}

.story_tour_sheet_list_dot {
    position: absolute;
    top: 40px; left: 30px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: #73AB61;
    margin-right: 5px;
}

.story_tour_sheet_list_title_box {
    overflow: hidden;
    margin-top: 7px;
    display: flex; justify-content: space-between;
}

.story_tour_sheet_list_title {
    float: left;
    color: #333;
    font-size: 30px;
    font-weight: 600;
    width: calc(100% - 102px);
    word-break: keep-all;

}

.story_tour_sheet_list_copy {
    float: right;
    width: 92px; height: 40px;
    border: 1px solid #666;
    background: #FFF;
    color: #333;
    font-weight: 300;
    line-height: 40px; box-sizing: border-box;
    text-align: center;
}

.story_tour_sheet_list_address {
    color: #333;
    font-weight: 500;
    line-height: 15px;
    margin-top: 12px;
    margin-bottom: 20px;
}

.story_tour_sheet_list_ex {
    color: #222;
    text-align: justify;
    font-weight: 300;
    line-height: 30px;
    padding-top: 15px;
    border-top: 1px solid #CCC;
}

/*메밀밭투어 페이지_가시리마을*/
.gasiri_tour_txt_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 110px;
}

.gasiri_tour_title_box {
    width: 260px;
    margin-right: 115px;
}

.gasiri_tour_dot {
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #73AB61;
}

.gasiri_tour_title {
    color: #222;
    font-size: 60px;
    font-weight: 600;
}

.gasiri_tour_txt {
    width: calc(100% - 260px - 115px);
    margin-top: 30px;
    color: #222;
    font-weight: 300;
    line-height: 30px;
}

.gasiri_tour_txt span {
    display: block;
}

.gasiri_tour_sheet_map {
    position: relative;
    width: 100%;
    padding: 80px; box-sizing: border-box;
    background: #FAFAFA;
    border-top: 4px solid #73AB61;
    margin-bottom: 50px;
}

.gasiri_tour_sheet_map_title {
    position: absolute;
    top: 50px; left: 50px;
}

.gasiri_tour_sheet_map_title img {
    width: 100%;
    object-fit: cover;
}

.gasiri_tour_sheet_map_img {
    width: fit-content;
    margin: 0 auto;
}

.gasiri_tour_sheet_map_img img{
    width: 100%; height: auto;
    object-fit: cover;
}

/*hover*/
.story_tour_tab label:hover {
    cursor: pointer;
    border: 1px solid #228038; box-sizing: border-box;
    line-height: 54px;
    padding: 19px; box-sizing: border-box;
}

.story_tour_sheet_list_copy:hover {
    border: none;
    background: #333;
    color: #FFF;
    cursor: pointer;
}

/*반응형_쿼리*/
@media screen and (max-width:1260px) {
    /*전통메밀소개 페이지*/
    .story_contents_float {
        position: absolute;
        top: -187px; left: 20px;
        margin-left: 0;
    }
}

@media screen and (max-width:1200px) {
    /*전통메밀소개 페이지*/
    .story_contents_float_big {
        width: calc(61.5% - 20px);
    }

    .story_contents_float_small {
        width: calc(38.5% - 20px);
    }
}

@media screen and (max-width:1160px) {
    /*전통메밀소개 페이지*/
    .buckwheat_contents_txt span {
        display: inline;
    }

    /*메밀밭투어 페이지_가시리마을투어*/
    .gasiri_tour_txt span {
        display: inline;
    }
}

@media screen and (max-width:1024px) {
    /*전통메밀소개 페이지*/
    .story_contents_box {
        padding-top: 200px;
    }

    /*메밀밭투어 페이지*/
    .memil_spot_sheet_map_title {
        width: 120px;
    }
}

@media screen and (max-width:960px) {
    /*전통메밀소개 페이지*/
    .story_contents_box {
        padding-top: 180px;
    }
    .story_process_number_list {width: calc(50% - 20px);}
    .story_tour_sheet_list_txt_box{padding:30px;}
    .story_tour_sheet_list_dot{left:13px;}
    .story_tour_sheet_list_copy {width: 82px;}
    
    .cultural_history_list_wrap {
		display: grid;
        grid-template-columns: repeat(2, 48%);
        grid-column-gap: 4%;
		
	}
}

@media screen and (max-width:900px) {
    /*전통메밀소개 페이지*/
    .story_contents_box {
        padding-top: 170px;
    }
}

@media screen and (max-width:850px) {
    /*전통메밀소개 페이지*/
    .story_contents_box {
        padding-top: 150px;
    }
}

@media screen and (max-width:768px) {
    /*전통메밀소개 페이지*/
    .buckwheat_contents_title_box {
        width: unset;
        margin-right: 30px;
    }

    .buckwheat_contents_title {
        font-size: 40px;
    }

    .buckwheat_contents_txt {
        margin-top: 20px;
    }

    .story_contents_bg {
        background: #fff;
    }

    .story_contents_box {
        padding-top: 120px;
    }

    /*메밀가공과정 페이지*/
    .story_process_number_icon {
        width: 100px; height: 100px;
    }
    .story_process_number_txt {
        width: calc(100% - 120px);
    }

    /*전통메밀음식 페이지*/
    .story_food_list {
        width: calc(50% - 15px);
    }

    /*메밀밭투어 페이지_제주메밀스팟*/
    .memil_spot_sheet_map_title {
        width: 80px;
    }

    .story_tour_sheet_list {width: calc(50% - 10px);}
    .story_tour_sheet_list_title_box {display:block;}

    .story_tour_sheet_list_title {
        width: 100%;
    }

    .story_tour_sheet_list_copy {
        float: left;
        margin: 10px 0;
    }

    /*메밀밭투어 페이지_가시리마을투어*/
    .gasiri_tour_title_box {
        width: unset;
        margin-right: 30px;
    }

    .gasiri_tour_title {
        font-size: 40px;
    }

    .gasiri_tour_txt {
        margin-top: 20px;
        width: calc(100% - 180px - 30px);
    }

    .gasiri_tour_sheet_map_title {
        width: 80px;
    }
}

@media screen and (max-width:600px) {
    /*전통메밀소개 페이지*/
    .buckwheat_contents {
        flex-wrap: wrap;
        margin-bottom: 230px;
    }

    .buckwheat_contents_title_box {
        margin-right: 0;
    }

    .buckwheat_contents_dot {
        width: 10px;
        height: 10px;
    }
    
    .buckwheat_contents_title {
        font-size: 28px;
        font-weight: 700;
    }

    .story_contents_float {
        top: -210px;
    }

    .story_contents_float_big {
        width: calc(61% - 10px);
    }

    .story_contents_float_small {
        width: calc(39% - 10px);
        margin-right: 0;
    }

    .story_contents_box {
        padding-top: 0px;
        padding-bottom: 100px;
    }

    .memil_mean {
        margin-bottom: 40px;
    }

    .story_contents_title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 20px;
    }

    .jeju_memil_list {
        width: 100%;
        margin-bottom: 40px;
    }

    /*메밀가공과정 페이지*/
    .story_process_contents {
        margin-bottom: 100px;
    }

    .story_process_ex {
        line-height: 24px;
        margin-bottom: 15px;
    }

    .story_process_img_box {
        flex-wrap: wrap;
    }

    .story_process_img {
        width: 100%;
    }

    .story_process_img:first-child {
        margin-bottom: 20px;
    }

    .story_process_number {
        margin-top: 40px;
    }

    .story_process_number_list {
        width: 100%;
        margin-bottom: 30px;
    }

    /*전통메밀음식 페이지*/
    .story_food_contents {
        margin-bottom: 100px;
    }

    .story_food_ex {
        margin-bottom: 40px;
    }

    .story_food_list {
        width: 100%;
        margin-bottom: 30px;
    }

    /*메밀밭투어 페이지*/
    .story_tour_contents {
        margin-bottom: 100px;
    }
    
    .story_tour_tab label {
        width: 155px;
        height: 50px;
        padding: 16px 12px;
        border-radius: 15px;
        font-size: 16px;
    }

    .story_tour_tab label:hover {
        padding: 16px 12px;
    }

    .memil_spot_tab {
        margin-right: 10px;
    }

    /*메밀밭투어 페이지_메밀밭투어*/
    .memil_spot_sheet_map {
        padding: 13px 45px;
        margin-bottom: 40px;
    }

    .memil_spot_sheet_map_title {
        width: 44px;
        top: 13px;
        left: 13px;
    }

    .story_tour_sheet_list {
        width: 100%;
        min-height: 390px;
        margin-bottom: 20px;
    }
    .story_tour_sheet_list_title_box {display:flex;}
    .story_tour_sheet_list_img {
        height: 147px;
    }

    .story_tour_sheet_list_txt_box {
        padding: 25px 15px 20px 25px;
    }

    .story_tour_sheet_list_dot {
        position: absolute;
        top: 25px;
        left: 15px;
        width: 7px;
        height: 7px;
    }

    .story_tour_sheet_list_title_box {
        overflow: hidden;
        margin-top: 0px;
    }

    .story_tour_sheet_list_title {
        width: calc(100% - 70px - 10px);
        color: #333;
        font-size: 18px;
        font-weight: 600;
    }

    .story_tour_sheet_list_copy {
        float: right;
        margin: 0;
        width: 70px; height: 20px;
        line-height: 20px;
    }

    .story_tour_sheet_list_ex {
        line-height: 20px;
        font-size: 14px;
    }

    /*메밀밭투어 페이지_가시리마을투어*/
    .gasiri_tour_txt_box {
        flex-wrap: wrap;
    }

    .gasiri_tour_title_box {
        width: 100%;
        margin-right: 0;
    }

    .gasiri_tour_dot {
        width: 10px;
        height: 10px;
    }
    
    .gasiri_tour_title {
        font-size: 28px;
        font-weight: 700;
    }

    .gasiri_tour_txt {
        width: 100%;
    }

    .gasiri_tour_sheet_map {
        padding: 20px 35px;
        margin-bottom: 40px;
    }

    .gasiri_tour_sheet_map_title {
        width: 38px;
        top: 13px;
        left: 13px;
    }
}

@media screen and (max-width:600px) {
	.cultural_history_list_wrap {
        display: block;
    }
    .cultural_history_list {margin-bottom:30px;}
	
}

@media screen and (max-width:425px) {
    /*전통메밀소개 페이지*/
    .story_contents_float {
        top: -130px;
    }

    .story_contents_float_img {
        height: 130px;
    }

    .story_contents_box {
        padding-top: 40px;
        margin-top: -80px;
    }
    .story_tour_tab label {width: 140px;}
    .story_tour_tab_txt {background-position-x:100%;}
    .memil_spot_tab {margin-right: 5px;}
}

@media screen and (max-width:360px) {
    .story_tour_tab {
        width: 100%;
    }

    .story_tour_tab label {
        width: calc(50% - 5px);
        
    }
}

.image-viewer {display:none; position: fixed;height: 100%;width: 100%;left:0;top:0;z-index:1001;background-color:rgba(0,0,0,0.4);}
.image-view-justify {margin: 10vh auto;width:90%;height:80vh;text-align:center;}
.image-view-container {height:fit-content;width:fit-content;max-height:calc(80vh - 40px);margin:0 auto;}
.image-view-close {float:right;height:0;width:0;}
.image-view-close .close-icon {position:relative;top:-35px;left:-30px;width:30px;height:30px;cursor:pointer;}
.image-view-justify .image {aspect-ratio: 30/42; height:100%;max-width:100%; object-fit:contain;position:relative;max-height: calc(80vh - 40px);}