@charset "utf-8";
/* ##############################
	# 온라인투어 리뉴얼 2019
	# 레이아웃 스타일
############################## */

/*--------------------------------------------------------------------------------
# 레이아웃
	---------------------------------------------------------------------------------*/
	.over_scroll, 
	.over_scroll body {height:100%; overflow:hidden;}
	.wrap {position:relative; min-width:32rem;}
	.ico_set,
	.ico_set path{color: #2C3242; fill:#2C3242;}


	.header {position: sticky; position: -webkit-sticky; top: 0; background-color: #fff; box-sizing: border-box; z-index: 1500; background-color: #fff; box-sizing: border-box; z-index: 1500; display: flex;align-items: center;justify-content: space-between; padding: 0 1.6rem; height: 5rem;}
	.header:not([data-category]):before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #cdd0d3; z-index: 500;}
	.header .all_menu {display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
	.header .logo {position: absolute; left: 50%; transform: translateX(-50%); padding: 0;}
	.header .logo a {display: block; width: 11.8rem; height: 2.7rem; background: url("../../web/img/common/ot_logo.svg") no-repeat center; background-size: contain; font-size: 0;}
	.header .util {display: flex; align-items: center; gap: 1.2rem;}
	.header .util a {display: flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem;}
	.header .top_link .ico_search{stroke-width:2;}
	.header .all_menu{display: block; width: 2.4rem; height: 2.4rem;}

	.header[data-category="homemain"]{position: relative;}
	.header[data-category="sub_main"] {background-color:transparent; box-sizing:border-box; z-index:1500;}
	.header[data-category="sub_main"] .ico_set,
	.header[data-category="sub_main"] .ico_set path{color:#fff; fill:#fff;}
	.header[data-category="sub_main"].active {position:sticky; position:-webkit-sticky; top:0; z-index:1510; background-color:#fff;}
	.header[data-category="sub_main"].active .ico_set,
	.header[data-category="sub_main"].active .ico_set path{color:#2C3242; fill:#2C3242;}
	.header[data-category="sub_main"] .logo a {background:url("../../web/img/common/ot_logo_white.svg") no-repeat; background-size:contain;}
	.header[data-category="sub_main"].active .logo a{background:url("../../web/img/common/ot_logo.svg") no-repeat; background-size:contain;}



	/* 오픈 후 main_sub로 이동 */
	/* .header[data-category="sub_main"] {background-color:transparent;}
	.header[data-category="sub_main"].active {border-bottom:0.1rem solid #cdd0d3; background-color:#fff;}
	.header[data-category="sub_main"] .logo a {background-position:-12.5rem 0;}
	.header[data-category="sub_main"] .btn_all:before {background-position:0 0;}
	.header[data-category="sub_main"] .btn_my:before {background-position:-2.5rem 0;}
	.header[data-category="sub_main"] .btn_search:before {background-position:-4.8rem 0.2rem;}
	.header[data-category="sub_main"].active .logo a {background-position:0 0;}
	.header[data-category="sub_main"].active .btn_all:before {background-position:0 -2.5rem;}
	.header[data-category="sub_main"].active .btn_my:before {background-position:-2.5rem -2.5rem;}
	.header[data-category="sub_main"].active .btn_search:before {background-position:-4.8rem -2.3rem;}  */


	/* 통합검색 관련..
	.header .form_search {clear:both; padding:0 1.5rem 0.4rem 1.5rem; display:none;}

	.header.on[data-category] {background-color:#fff;}
	.header.on[data-category] .logo a {background-position:0 0;}
	.header.on[data-category] .btn_all:before {background-position:0 -2.5rem;}
	.header.on[data-category] .btn_my:before {background-position:-2.5rem -2.5rem;}
	.header.on[data-category] .btn_search:before {background-position:-5rem -2.5rem;}
	.header.on[data-category] .form_search {display:block;}
	*/

	/* .content {background-color:#f0f5fb;} */
	.inside {padding-bottom:2.5rem;}
	.ticket.inside {padding-bottom:0;}
	.inside.t1 {background-color:#fff;}
	.tit_type6 ~ .inside + .btn_wrap1 {margin-top:-1.5rem;}

	/* 컨텐츠 내 패딩, 마진이 필요한 경우 */
	.area_panel {padding:2rem 1.5rem;}
	.area_panel:last-child {padding:2rem 1.5rem 2.5rem;}
	.area_panel.t1 {background-color:#fff;}
	.inside > .area_panel:last-child {padding:2rem 1.5rem 0 1.5rem;}

	.area_panel2 {padding:0 1.5rem;}
	.area_panel2.t1 {background-color:#fff;}

	[class*="layer_"] .ly_con .area_panel:last-child {padding:2rem 1.5rem 0 1.5rem;}

	/*--------------------------------------------------------------------------------
	# GNB
	---------------------------------------------------------------------------------*/
	.gnb {position:sticky; position:-webkit-sticky; top:5rem; background-color:#fff; box-sizing:border-box; z-index:400;}
	.gnb:before, 
	.gnb:after {content:""; position:absolute; left:0; width:100%; height:1px; background-color:#cdd0d3; display:block;}
	.gnb:before {display:none; top:0; z-index:1;}
	.gnb:after {bottom:0;}
	.gnb ul {/* padding:1px 1.5rem; */ padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; overflow-x:auto; overflow-y:hidden;}
	.gnb ul:before, 
	.gnb ul:after {content:""; position:absolute; top:1px; bottom:1px; width:1.5rem; z-index:5;}
	.gnb ul > li {min-width:25%; text-align:center; flex:1 0 auto;}
	.gnb ul > li:nth-last-child(n + 5), 
	.gnb ul > li:nth-last-child(n + 5) ~ li {min-width:20%;}
	.gnb a:before {content:""; width:0.1rem; margin-right:-0.1rem; vertical-align:middle; display:inline-block;}
	.gnb a span {vertical-align:middle; display:inline-block;}
	.gnb ul > li > a {position:relative; padding:0 1rem; font-size:1.5rem; line-height:1.2; display:inline-block; z-index:5;}
	.gnb ul > li > a:before {height:3.9rem;}
	.gnb ul li.on > a {font-weight:700; color:#0091cd;}
	.gnb > ul > li.on > a span:before {content:""; position:absolute; left:1rem; right:1rem; bottom:-1px; height:0.2rem; background-color:#24aae1; z-index:5;}
	.gnb [class*="area"] {position:absolute; left:0; top:100%; right:0; background-color:#fff; display:none;}
	.gnb [class*="area"] > ul > li > a {padding:0 1rem; font-size:1.3rem; line-height:1.385; color:#5b646e; border-radius:10rem; display:block;}
	.gnb li.on > [class*="area"] {display:block;}
	.gnb .area1 > ul {padding:0.7rem 1.5rem; border-bottom:1px solid #cdd0d3;}
	.gnb .area1 > ul:before {left:0; background-image:linear-gradient(90deg, rgba(255,255,255, 0.8) 0%, rgba(255,255,255, 0.8) 10%, rgba(255,255,255, 0) 100%);}
	.gnb .area1 > ul:after {right:0; background-image:linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.8) 90%, rgba(255,255,255, 0.8) 100%);}
	.gnb .area1 > ul > li > a:before {height:2.6rem;}
	.gnb .area1 > ul > li.on > a {font-weight:700; color:#fff; background-color:#24aae1;}
	.gnb .area2 > ul {padding:0.6rem 1.5rem; background-color:#f0f5fb; border-bottom:1px solid #cdd0d3;}
	.gnb .area2 > ul > li > a {border:1px solid transparent;}
	.gnb .area2 > ul > li > a:before {height:2.1rem;}
	.gnb .area2 > ul > li.on > a {color:#24aae1; border-color:#24aae1; background-color:transparent;}
	.gnb.t1 > ul {margin-right:4rem;}
	.gnb.t1 > ul:after {right:4rem;}
	.gnb.t1 > button {position:absolute; right:0; bottom:0; width:4rem; height:3.9rem; line-height:999rem; border-left:1px solid #cdd0d3; overflow:hidden;}
	.gnb.t1 > button:before, 
	.gnb.t1 > button:after {content:""; position:absolute; top:50%; width:0.9rem; height:0.2rem; margin-top:-0.1rem; border-radius:1rem; background-color:#5b646e; transition:all 0.3s ease;}
	.gnb.t1 > button:before {right:1.7rem; transform:rotate(45deg);}
	.gnb.t1 > button:after {right:1.1rem; transform:rotate(-45deg);}
	.gnb.t1 > .util {position:absolute; left:0; top:100%; width:100%; display:none; z-index:10;}
	.gnb.t1 > .util > ul {padding:1.5rem 0.9rem 1rem 0.9rem; border-bottom:1px solid #cdd0d3; background-color:#fff; flex-wrap:wrap;}
	.gnb.t1 > .util > ul:before, 
	.gnb.t1 > .util > ul:after {display:none;}
	.gnb.t1 > .util > ul li {min-width:30%; margin:0 0.3rem 0.5rem 0.3rem; text-align:center; flex:1;}
	.gnb.t1 > .util a {border:1px solid #dee0e2; display:block;}
	.gnb.t1 > .util a:before {content:""; width:0.1rem; height:3.3rem; vertical-align:middle; display:inline-block;}
	.gnb.t1 > .util a span {vertical-align:middle; display:inline-block;}
	.gnb.t1 > .util li.on a {font-weight:700; color:#fff; border-color:#24aae1; background-color:#24aae1;}
	.gnb.t1 > button.on:before {transform:rotate(-45deg);}
	.gnb.t1 > button.on:after {transform:rotate(45deg);}
	.gnb.t1 > button.on + .util {display:block;}

	.home .gnb {top:8.8rem;}
	

/*--------------------------------------------------------------------------------
# CONTENT
	---------------------------------------------------------------------------------*/
	.content header.tit_nav {position:relative; top:0; height:auto; background-color:#fff; border-bottom:1px solid #cdd0d3; box-sizing:border-box; z-index:100;}
	.content header.tit_nav h1 {position:relative; padding:1.15rem 0 1.05rem 0; font-weight:700; font-size:4.2vw; line-height:1.2; color:#4d4f51; text-align:center;}
	.content header.tit_nav h1:before {scontent:""; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#cdd0d3; z-index:5;}
	.content header.tit_nav > a, 
	.content header.tit_nav > button {position:absolute; bottom:0; width:0; height:4rem; padding-left:3.8rem; overflow:hidden;}
	.content header.tit_nav > a {left:0.5rem;}
	.content header.tit_nav > button {right:0.5rem;}
	.content header.tit_nav > a:before, 
	.content header.tit_nav > button:before {content:""; position:absolute; left:50%; top:50%; background-image:url("../img/common/icon_comm.png"); background-size:25rem auto;}
	.content header.tit_nav > a:before {width:1.75rem; height:1.6rem; margin:-0.8rem 0 0 -0.875rem; background-position:-7.5rem -2.5rem;}
	.content header.tit_nav > button:before {width:1.3rem; height:1.8rem; margin:-0.9rem 0 0 -0.65rem; background-position:0 -7.5rem;}
	.content header.tit_nav + .gnb:before{display:none;}

/*--------------------------------------------------------------------------------
# FOOTER
	---------------------------------------------------------------------------------*/
	
	.footer {padding:0 0 8rem; background-color:#fff; font-family: "Noto Sans CJK KR";}
	.footer .sns {padding:1rem 0; border:solid #cdd0d3; border-width:1px 0; text-align:center;}
	.footer .sns li {display:inline-block; margin:0 0.55rem;}
	.footer .web_link {border-bottom:1px solid #cdd0d3; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
	.footer .web_link > a {height:3.5rem; font-size:1.1rem; color:#5b656f; flex:1; align-items:center; justify-content: center; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
	.footer .web_link > a + a {border-left:1px solid #cdd0d3;}
	.footer .box {margin:0 auto; padding:2rem 0; max-width:22rem; text-align:center;}
	.footer .box a {position:relative; padding:0 0.7rem 0 0.8rem; color:#7c838b; font-size:1.1rem; display:inline-block;}
	.footer .box a + a {margin-left:-0.3rem;}
	.footer .box a:before {content:""; position:absolute; left:0; top:50%; width:1px; height:1.2rem; margin-top:-0.6rem; background-color:#cdd0d3;}
	.footer .box a:first-child:before,
	.footer .box .footer_privacy:before {display:none;}
	.footer .box .footer_privacy{color: #0AA4F7;}

	.footer .button {text-align:center;}
	.footer .button button {position:relative; padding-bottom: 2rem; width:10rem; color:#7c838b; font-size:0; font-weight:700; background:url("../../web/img/common/icon_ci.svg") no-repeat; background-position: -37.4rem -3.8rem; background-size: auto 25rem;}
	.footer .button button:before {display:none;}
	.footer .button button:after {content:""; position:absolute; top:0.3rem; right:0; width:1.6rem; height:1.6rem; background-color:transparent; background-image:url("../../web/img/common/ic_arrow_down_ou.svg"); background-repeat:no-repeat; background-size: cover; transform:rotate(0); -webkit-transform:rotate(0); transition:all 0s ease; -webkit-transition:all 0s ease;} 	
	.footer .button.on button:after {transform:rotate(0); -webkit-transform:rotate(0); background-image:url("../../web/img/common/ic_arrow_up_ou.svg");}
	.footer .area {display:none; margin:1.5rem 1.5rem 0; }
	.footer .area .company {color:#7c838b; font-size:1.1rem; letter-spacing:-0.1em;}
	.footer .company a,
	.footer .company p{margin-top: 0.3rem;}
	.footer .area .company span {position:relative; vertical-align:middle; display:inline-block;}
	.footer .area .company span + span:before {content:""; width:1px; height:1rem; margin:-0.2rem 0.4rem 0; background-color:#ced4d9; vertical-align:middle; display:inline-block;}
	.footer .area .company span:nth-child(2n+2):after {display:none;}
	.footer .area .company a {display:block; color:#7c838b; font-weight:700; text-decoration:underline;}
	.footer .area .isms {margin-top:1.5rem; font-size:1.1rem; letter-spacing:-0.06em;}
	.footer .area .isms dt a {color:#2096ce; font-weight:700; text-decoration:underline;}
	.footer .area .isms dd {color:#7c838b; overflow:hidden;}
	.footer .area .isms dd span {position:relative; margin:0 1rem 0 -1rem; padding-left:1rem; vertical-align:middle; display:inline-block;}
	.footer .area .isms dd span:before {content:""; position:absolute; left:0.5rem; top:50%; width:1px; height:1rem; margin-top:-0.5rem; background-color:#ced4d9;}
	.footer .area .address {margin-top:1.5rem; color:#7c838b; font-size:1.1rem; line-height:1.65; letter-spacing:-0.1em;}
	.footer .area .contact {overflow:hidden; margin-top:1.2rem;}
	.footer .area .contact a {position:relative; float:left; padding:1.5rem 1rem; box-sizing:border-box; width:50%; border:1px solid #cdd0d3; color:#2C3242; font-size:1.2rem; line-height:1.2;}
	.footer .area .contact a:last-child {border-left:0;}
	.footer .area .contact a:after {content:""; position:absolute; right:1rem; top:50%; transform: translate(0, -50%); width:0.6rem; height:1rem; background:url("../img/common/icon_arrow.png") no-repeat -2.5rem 0; background-size:25rem auto;}
	.footer .area .contact a em {margin-left:0.75rem; color:#0AA4F7 ;} 
	.footer .button.on ~ .area {display:block;}
	.footer .copyright {display:block; margin-top:1.5rem; text-align:center; color:#7c838b; font-size:1.1rem; letter-spacing:-0.06em; font-family: 'Pretendard';}
	/* SNS */
	.btn_sns {width:0; height:3.3rem; padding-left:3.3rem; border-radius:50%; background:url("../img/common/icon_sns.png") no-repeat 0 -5rem; background-size:50rem auto; vertical-align:middle; display:inline-block; overflow:hidden;}
	.btn_sns.ico1 {background-position:0 -5rem;} /* 페이스북 */
	.btn_sns.ico2 {background-position:-5rem -5rem;} /* 네이버TV */
	.btn_sns.ico3 {background-position:-5rem -7.5rem;} /* 미사용 */
	.btn_sns.ico4 {background-position:-5rem -7.5rem;} /* 미사용 */
	.btn_sns.ico5 {background-position:-5rem -7.5rem;} /* 미사용 */
	.btn_sns.ico6 {background-position:-10rem -5rem;} /* 네이버 블로그 */
	.btn_sns.ico7 {background-position:-15rem -5rem;} /* 인스타 */
	.btn_sns.ico8 {background-position:-20rem -5rem;} /* 카카오톡 플러스 친구 */
	.btn_sns.ico9 {background-position:-25rem -5rem;} /* 유튜브 */




/*--------------------------------------------------------------------------------
# bottom menu
---------------------------------------------------------------------------------*/

/* footer menu */
.f_nav {position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #ddd; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); z-index: 1000; font-family: 'Pretendard;';}
.f_nav .f_nav_list {display: flex; justify-content: space-around; padding:0.9rem 0;}
.f_nav .f_nav_list li {width: 20%; text-align: center;}
.f_nav .f_nav_link {color: #667085; font-size: 1.2rem; padding: 0.8rem 0;}
.f_nav .f_nav_list li .f_nav_icon i{font-size: 0.9rem; position:relative; font-weight: 600; letter-spacing: -0.36px;}
.f_nav .f_nav_list li a.active .f_nav_icon i{color: #0AA4F7;}
.f_nav .f_nav_list li .f_nav_icon i:before{content:''; display:block; width:2.4rem; height:2.4rem; margin: 0 auto -0.3rem;}
.f_nav .f_nav_list li:nth-of-type(1) .f_nav_icon i:before{background: url('../img/common/menu_all.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(2) .f_nav_icon i:before{background: url('../img/common/menu_src.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(3) .f_nav_icon i:before{background: url('../img/common/menu_home.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(4) .f_nav_icon i:before{background: url('../img/common/menu_history.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(5) .f_nav_icon i:before{background: url('../img/common/menu_mypage.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(1) a.active .f_nav_icon i:before{background: url('../img/common/menu_all_on.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(2) a.active .f_nav_icon i:before{background: url('../img/common/menu_src_on.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(3) a.active .f_nav_icon i:before{background: url('../img/common/menu_home_on.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(4) a.active .f_nav_icon i:before{background: url('../img/common/menu_history_on.svg') center; background-size: cover;}
.f_nav .f_nav_list li:nth-of-type(5) a.active .f_nav_icon i:before{background: url('../img/common/menu_mypage_on.svg') center; background-size: cover;}
.f_nav .f_nav_text{text-align: center; color: #667085; font-size: 0.9rem;} 

/* 팝업 */
.lay_area {position: fixed; top: 0; right: -100%;  width: 100%;  height: 100%;  background: #fff;  transition: right 0.3s ease;  z-index: 2000;  overflow-y: auto; font-family: Pretendard;}
.lay_area.on {right: 0;}

/* 검색 */
.bking_inner {padding: 1rem 2rem; height: 100%; box-sizing: border-box;}
.bking_close {display: inline-block;  width: 1rem;  border: none;  cursor: pointer;  border-radius: 5px;  margin-bottom: 2rem;}
.search_header { display: flex; align-items: center; }
.search_input_wrap {flex-grow: 1; position: relative; margin-left:1rem; background-color: #F5F7F9; border-radius: 2rem; padding: 1rem 1.5rem;}
.bking_inner .search_input { width: 100%; border: none; font-size: 1.6rem; outline: none; background-color: transparent; color:#2c3242;}
.bking_inner .search_input::placeholder { color: #A4A7AE; font-size: 1.4rem; font-weight: 400;}
.bking_inner .icon_btn {font-size: 0;}

.bking_inner .clear_input_btn {display:block; width:1.6rem; height: 1.6rem; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);}
.bking_inner .clear_input_btn i{height: 100%; background: url('../img/main/ico_delete.png') center; background-size: cover;}
.bking_inner .state_panel {display: none;}
.bking_inner .state_panel.active { display: block; margin-top: 2rem;}
.bking_inner .state_panel.empty{display: block;}
.bking_inner .recent_header {display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 0 2.7rem;}
.bking_inner .recent_title {margin: 0; font-size: 1.4rem; font-weight: 600; color:#2F3438;}
.bking_inner .clear_all_btn { border: none; font-size: 1.2rem; color: #828C94; cursor: pointer; text-decoration: underline; font-weight: 400; }
.bking_inner .recent_list { list-style: none; padding: 0; margin: 0;}
.bking_inner .recent_list_li { display: flex; align-items: center; margin-bottom: 2.3rem; font-size: 1.4rem; position: relative;}
.bking_inner .recent_list_li:before{content:''; display:inline-block; width:2.4rem; height:2.4rem; margin-right: 1rem; background: url('../../web/img/common/ic_search_history_ou.svg') center; background-size: cover;}
.bking_inner .recent_list_li .clear_btn{width: 1.6rem; height: 1.6rem; position:absolute; top:50%; right: 0; transform: translate(0, -50%);}
.bking_inner .recent_list_li .clear_btn i{display:block; height: 100%; background: url('../../web/img/common/ic_cancel_ou.svg') center; background-size: cover;}
.bking_inner .recent_item:last-child { border-bottom: none;}
.bking_inner .delete_btn { border: none; background: transparent; cursor: pointer; color: #ccc; font-size: 1rem;}
.bking_inner .empty_message { text-align: center; color: #828C94; padding: 6rem 0; font-size: 1.4rem;}
.bking_inner .result_list { list-style: none; padding: 0; margin: 0;}
.bking_inner .result_list_li {margin-bottom: 2.3rem; line-height: 1.4; cursor: pointer; position:relative; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center;}
.bking_inner .result_list_li:before{content:''; display:block; width:2.4rem; height:2.4rem; margin-right: 1rem; background: url('../../web/img/common/ic_search_ou.svg') center; background-size: cover;}
.bking_inner .result_list_li:last-child { border-bottom: none;}
.bking_inner .result_list_li .highlight { color: var(--main-blue1);}
.bking_inner .result_list_li .info_text { font-size: 0.9rem;}
.bking_inner .result_list_li > .list_txt{flex: 1;}
.list_txt{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 6rem); }
.list_txt a{color:#2C3242;}

/* 전체메뉴 */
.menu_wrap { display: flex; flex-direction: column; height: 100vh; background-color: #fff; color: var(--main-grey1); }
.menu_wrap .menu_header {padding: 20px 20px 10px; border-bottom: 1px solid #eee; }
.menu_wrap .header_top ul{width:100%; display: flex; justify-content: space-between; align-items: center;}
.menu_wrap .header_top .icon_btn {font-size: 0;}
.menu_wrap .header_top button + button{margin-left: 0.7rem;}
.menu_wrap .header_top ul li i{display: block; width: 2.4rem; height: 2.4rem;}
.menu_wrap .header_top ul li i svg{width: 100%; height: 100%;}
.menu_wrap .header_top .login_link { display: flex; align-items: center; text-decoration: none; color: var(--main-grey1); flex-grow: 1;}
.menu_wrap .header_top .login_link h2 { margin: 0; font-size: 1.7rem; font-weight: normal; color:#333;}
.menu_wrap .header_top .login_link h2 strong{font-weight: 700;}
.menu_wrap .header_top .login_link h2 strong.no_login{font-weight: 700; text-decoration: underline;}
.menu_wrap .header_top .login_link svg{stroke-width: 1.5; margin-left: 0.5rem;} 
.menu_wrap .header_top .login_link i {font-size: 0; width: 1.2rem; height: 1.2rem; margin-left: 0.5rem;}
.menu_wrap .header_top .btn_logout {color:var(--main-grey2); font-weight: 400; font-size: 1rem; padding:0.25rem 1rem; border:1px solid #ebebeb; border-radius: 100px;}
.menu_wrap .header_top .setting_btn i{position:relative;}
.menu_wrap .header_top .setting_btn i:before{content:''; display:inline-block; width:2.4rem; height:2.4rem; margin-right: 1rem; background: url('../../web/img/common/ic_setting_ou.svg') center; background-size: cover;}
.menu_wrap .header_top .back_btn i{position:relative;}
.menu_wrap .header_top .back_btn i:before{content:''; display:inline-block; width:2.4rem; height:2.4rem; margin-right: 1rem; background: url('../img/main/icon_main_x.png') center; background-size: cover;}
.menu_wrap .menu_list_wrap{display: flex; overflow: hidden;}
.menu_wrap .menu_content { display: flex; flex-grow: 1; height: 0;}
.menu_wrap .main_menu_list { flex-shrink: 0; width: 14.5rem; overflow-y: auto;}
.menu_wrap .main_menu_list li { padding: 1.5rem 2rem; cursor: pointer; font-size: 1rem;   color: #555;}
.menu_wrap .main_menu_list li span i{position:absolute; top:50%; left:0; transform: translate(0, -50%); display:inline-block; font-size: 0; width: 2.4rem; height: 2.4rem;}
.menu_wrap .main_menu_list li span.dep1_txt{color: #2C3242; font-size: 1.4rem; font-weight: 700; padding-left: 3.2rem; position:relative;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_flight{ background:url('../img/main/menu_flight.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_tour{ background:url('../img/main/menu_tour.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_thema{ background:url('../img/main/menu_thema.png') no-repeat center; background-size: contain;}
.menu_wrap .main_menu_list li span.dep1_txt i.menu_service{ background:url('../img/main/menu_service.png') no-repeat center; background-size: contain;}

.menu_wrap .main_menu_list li a {display: block; font-size: 1.4rem; font-weight: 400;}
.menu_wrap .main_menu_list li.active { background-color: #F5F7F9; color: #2C3242;}
.menu_wrap .sub_menu_content { flex-grow: 1; overflow-y: auto; background-color: #F5F7F9; }
.menu_wrap .sub_menu_panel {display: none;}
.menu_wrap .sub_menu_panel.active {display: block;}
.menu_wrap .sub_menu_list li a {display: block; padding: 1.5rem 2rem; text-decoration: none; color: #333; font-size: 1.4rem;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }














/*--------------------------------------------------------------------------------
# 로그인/회원가입 : 비회원 예약조회
	---------------------------------------------------------------------------------*/
	.member_panel {padding:2rem 1.5rem 2.5rem; background-color:#fff;}
	.member_panel .util {margin-top:1rem;}
	.member_panel .util:after {content:""; display:block; clear:both;}
	.member_panel .util .check_type1 {float:left;}
	.member_panel .util .btn_txt {float:right; line-height:2.2rem; letter-spacing:-0.084em;}
	.member_panel .util .btn_txt a {position:relative; display:inline-block;}
	.member_panel .util .btn_txt a + a {margin-left:1.1rem;}
	.member_panel .util .btn_txt a + a:before {content:""; position:absolute; left:-0.6rem; top:50%; width:1px; height:1rem; margin-top:-0.5rem; background-color:#adb1b6; pointer-events:none;}
	.member_panel .btn_join {margin-top:2.5rem; text-align:center;}
	.member_panel .btn_wrap1 {margin:2.5rem 0; padding:0;}

	/* 로그인 - 간편회원가입 */
	.area_sns {}
	.area_sns .tit {margin-bottom:1rem; font-size:1.3rem; font-weight:700; letter-spacing:-0.078em;}
	.area_sns ul {overflow:hidden; margin:0 -0.2rem;}
	.area_sns ul li {display:inline-block; width:calc(50% - 0.8rem); height:5rem;}
	.area_sns ul li:only-child {margin:0; width:100%;}
	.area_sns ul li a {display:block; position:relative; box-sizing:border-box; width:100%; height:100%; border-radius:0.3rem; border:0.1rem solid #adb1b6; text-align:center; line-height:2.5rem; letter-spacing:-0.084em;}

	/************************* 20220816 임시 주석 해제 **********************/
	.area_sns[data-update="up20200423"] ul li a:before {content:""; display:inline-block; margin-right:1rem; width:2.5rem; height:2.5rem; background-image:url("https://actual.onlinetour.co.kr/mob/img/common/icon_sns.png"); background-size:50rem auto; vertical-align:middle;}
	.area_sns[data-update="up20200423"] ul li.ico1 a:before {background-position:-20rem 0;}
	.area_sns[data-update="up20200423"] ul li.ico2 a:before {background-position:-22.6rem 0;} 
	.area_sns[data-update="up20200423"] ul li.ico3 a:before {background-position:-25.2rem 0;}
	.area_sns[data-update="up20200423"] ul li.ico4 a:before {background-position:-27.8rem 0;}

	.area_sns[data-update="up20200423"] ul li {display:inline-block; margin:0 0.2rem 0.8rem; width:calc(100% - 0.4rem); height:5rem;}
	.area_sns[data-update="up20200423"] ul li a {display:block; position:relative; box-sizing:border-box; padding:1.1rem 0; width:100%; height:100%; border-radius:0.3rem; border:0.1rem solid #000; font-weight:700; font-size:1.6rem; text-align:center; line-height:2.5rem; letter-spacing:-0.084em;}
	.area_sns[data-update="up20200423"] ul li a:before {content:""; display:inline-block; margin-right:1rem; width:2.3rem; height:2.3rem; vertical-align:middle;}
	.area_sns[data-update="up20200423"] ul li.ico4 a {color:#000;}
	.area_sns[data-update="up20200423"] ul li:not(.ico4) a:before {width:2.3rem; height:2.3rem; background-image:url("https://actual.onlinetour.co.kr/mob/img/common/icon_sns.png"); background-size:50rem auto; background-repeat:no-repeat; vertical-align:middle;}
    .area_sns[data-update="up20200423"] ul li.btn_loginPlus a{position:relative; color:#fff; background-color:#ff464d; border:none} 
    .area_sns[data-update="up20200423"] ul li.btn_loginPlus a:before{margin-right:0; background-position:-38rem -5rem}
    .area_sns[data-update="up20200423"] ul li.btn_loginPlus a:after{content:'AD'; position:absolute; top:0.4rem; right:0.5rem; font-size:0.8rem; font-weight:lighter; line-height:0.8rem}

	.area_sns[data-update="up20200423"] ul li.ico1 a:before {background-position:-30rem -5rem;}
	.area_sns[data-update="up20200423"] ul li.ico2 a:before {background-position:-32.45rem -5rem;}
	.area_sns[data-update="up20200423"] ul li.ico3 a:before {background-position:-35rem -5rem;}
	.area_sns[data-update="up20200423"] ul li.ico4 a:before {width:2.45rem; height:2.7rem; padding:0.4rem; margin:-0.6rem 0.6rem -0.4rem -0.4rem; box-sizing:border-box; background:url("https://actual.onlinetour.co.kr/mob/img/common/icon_apple.png") no-repeat; background-size:2.5rem auto;}

	/********************************************************************/


/*--------------------------------------------------------------------------------
# 앱화면
	---------------------------------------------------------------------------------*/
	.wrap.app .header {padding-top:3rem; /* padding-top:constant(safe-area-inset-top); padding-top:env(safe-area-inset-top); background-color:red; */}
	.wrap.app .floating {margin-bottom:3rem; /* margin-bottom:constant(safe-area-inset-bottom); margin-bottom:env(safe-area-inset-bottom); */}
	.wrap.app .footer {padding:0 0 5.5rem;}


/*--------------------------------------------------------------------------------
# 20220805 로그인/회원가입 추가 수정
---------------------------------------------------------------------------------*/
	/*.area_sns[data-update="up20220805"] ul li a:before{display:none;}*/

	.member_panel[data-update="up20220805"] p.sns_txt{text-align:center; color:#adb1b6; font-family:'Noto Sans CJK KR'; font-size: 3.9vw; padding:3.5rem 0; letter-spacing: -0.09em;}
	.member_panel[data-update="up20220805"] p.sns_or{padding:11.5% 0; position:relative;}
	.member_panel[data-update="up20220805"] p.sns_or:before,
	.member_panel[data-update="up20220805"] p.sns_or:after{content:''; position:absolute; top:50%; width:40%; height:1px; background-color:#adb1b6;}
	.member_panel[data-update="up20220805"] p.sns_or:before{left:0;}
	.member_panel[data-update="up20220805"] p.sns_or:after{right:0;}
	.member_panel[data-update="up20220805"] fieldset .util label.check_type1{font-size:3.2vw;}
	.member_panel[data-update="up20220805"] fieldset .inp_type2 input:only-child{padding:4.3% 1.3rem; font-size:3.9vw;}
	.member_panel[data-update="up20220805"] [class*="btn_txt"].btnLoginWrap a{font-size:3.2vw;}
	 
	.area_sns[data-update="up20220805"] ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top: 2rem; padding:0 3rem;}
	.area_sns[data-update="up20220805"] ul li{width:calc(25% - 1.2rem); height:auto;}
	.area_sns[data-update="up20220805"] ul li a{border:0;}
	.area_sns[data-update="up20220805"] ul li a img{width:100%; max-width:110px;}
	.member_panel[data-update="up20220805"] a.btn_type3{padding:5.3% 0; font-size:4.2vw;}
	.member_panel[data-update="up20220805"] .text_join{font-size: 3.9vw; color:#000000; font-weight :600;}
	.member_panel[data-update="up20220805"] .text_join a{text-decoration: underline; color: #000000; margin-left: 0.5rem;}
	.member_panel[data-update="up20220805"] .text_join a:after{display:none;}
	.tab_type5[data-update="up20220805"]{display:flex; justify-content:center; margin:10% 0 3% 0; padding:0 7rem; border:0; overflow:hidden;}
	.tab_type5[data-update="up20220805"] li{position:relative;}
	.tab_type5[data-update="up20220805"] li:first-child:before{content:''; width:2px; height: 20px; background-color:#cdd0d3; position:absolute; top:13px; right:0;}
	.tab_type5[data-update="up20220805"] li a{color:#4b4bac; font-weight:bold; font-size:3.9vw;}
	.tab_type5[data-update="up20220805"]:after{display:none;}
	.area_sns[data-update="up20220805_h"] ul li.btn_loginPlus{height:auto;}
	.area_sns[data-update="up20220805_h"] ul li.btn_loginPlus a{position:relative; color:#fff; background-color:#ff464d; border:none; font-size:4.2vw; font-weight:bold; padding:5.3% 0;}  
  .area_sns[data-update="up20220805_h"] ul li.btn_loginPlus a:before{margin-right:0; background-position:-38rem -5rem}
  .area_sns[data-update="up20220805_h"] ul li.btn_loginPlus a:after{content:'AD'; position:absolute; top:0.4rem; right:0.5rem; font-size:0.8rem; font-weight:lighter; line-height:0.8rem}

	.area_sns[data-update="up20220805"] + .txt_wrap1 {margin: 7.5rem 0 1.3rem; font-weight: 600;}

/*--------------------------------------------------------------------------------
# 비회원 여행후기
	---------------------------------------------------------------------------------*/

	.non_member_panel {padding:2rem 1.5rem 2.5rem; background-color:#fff;}