@charset "utf-8";


/* ----------------------------------------------------------------- */
/* sub_common */
/* ----------------------------------------------------------------- */


.sub_visual {display:flex; justify-content:center; align-items:center; width:100%; height:var(--header-height);}
.sub_visual  h2 {line-height:1; padding-top:3px; font-size:2.8rem; color:#333; font-family:var(--font-title); font-weight:normal;}

/* nav */
.location_wrap {position:relative; width:var(--sub-width); margin:-56px auto 0; border-bottom:0px solid rgba(0, 0, 0, .15); background:rgba(21, 36, 75, 0.8); z-index:99;}
.locationArea {position:relative; width:100%; margin:0 auto;}
.locationArea:after {content:''; display:block; clear:both;}
.locationArea .location {float:left;letter-spacing:0.25px;}
.locationArea .location > li.home a {display:block; width:65px; height:56px; background:#477fc2 url("../images/common/ico_home.png") no-repeat center center; background-size:19px; text-indent:-99999px;
 transition: 0.3s;}
.locationArea .location > li {float:left; position:relative;}
.locationArea .location > li:after {content: ""; position:absolute; right:0; top:0; width:1px; height:100%; border-right:1px solid rgba(255,255,255, 0.15);}
.locationArea .location > li:first-child {border-left:0px solid rgba(0,0,0, 0.15);}
.locationArea .location > li:first-child:after {border-right:0;}

.locationArea .location > li.locationLink > a {display:block; padding:0 90px 0 25px; min-width:220px; line-height:56px; font-size:1.4rem; color:rgba(255, 255, 255, 1.0); font-family:'S-CoreDream-4Regular';}
.locationArea .location > li.locationLink > a:after {content: ""; position:absolute; right:22px; top:50%; transform:translateY(-50%); width: 0; height: 0;
				border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 6px solid #fff; border-right: 6px solid transparent;
				transform: rotate(90deg); transform-origin:50% 50%;}
.locationArea .location > li.locationLink.on > a:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-top:-6px;}
.locationArea .location > li.locationLink .selectMenu {display:none; position:absolute; left:-1px; top:56px; width:100%;  border:0px solid rgba(0, 0, 0, .15); background:#fff; 
box-sizing:content-box; box-shadow: 2px 0 20px rgb(0 0 0 / 10%); z-index:10;}
.locationArea .location > li.locationLink .selectMenu.open {display:block;}	
.locationArea .location > li.locationLink .selectMenu li {background:#fff; border-top:1px solid rgba(0, 0, 0, .07); }
.locationArea .location > li.locationLink .selectMenu li:first-child {border-top:0;}
.locationArea .location > li.locationLink .selectMenu li a {display:block; padding:15px 25px; color:#555; text-decoration:none; line-height:1.3; font-size:1.3rem; font-family:'S-CoreDream-4Regular';
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.locationArea .location > li.locationLink .selectMenu li a:hover,
.locationArea .location > li.locationLink .selectMenu li a:focus {}
.locationArea .location > li.locationLink .selectMenu li.on a {color:#777;}

.locationArea .location > li.locationLink.dep3 > a {min-width:200px;}
.locationArea .location > li.locationLink .selectMenu li a i {margin-left:3px; margin-top:6px;}



/* sub :: 레이아웃 */
.sub_wrap {position:relative;}

/* lnb  */
.aside { width:100%; border-bottom:1px solid rgba(0, 0, 0, .15);}
.aside:after {clear:both; display:block; content:""}

.lnb {position:relative; display:table; margin:0 auto;}
.lnb:after {content:""; display:block; clear:both;}
.lnb > li {float:left; position:relative;}
.lnb > li > a {display:block; position:relative; height:58px; padding:18px 50px 0; font-size:1.5rem;
font-family:'S-CoreDream-4Regular'; color:#333; border-left:0px solid rgba(255,255,255, 0.2); text-align:center;}
.lnb > li:first-child a {border-left:0;}
.lnb > li > a::before {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:3px; -webkit-border-radius:4px; border-radius:4px; background-color:var(--main-color);
	word-break:keep-all; -webkit-transition:all 0.4s; transition:all 0.4s;}
/* .lnb > li > a i {margin-left:7px; margin-top:4px;} */
.lnb > li.on > a {border-color:transparent; color:#333; font-family:'S-CoreDream-5Medium'; background-color:#fff;}
.lnb > li > a:hover:before,
.lnb > li.on > a:before{width:100%; margin-left:-50%;}

/* .lnb.item3 li {width:33.33%;}
.lnb.item4 li {width:25%;} 
.lnb.item5 li {width:20%;} 
.lnb.item6 li {width:calc(100% / 6);}  */



/* sub :: 본문 */
.contents {overflow:hidden; position:relative; min-height:500px;}
.sub_title {position:relative; margin:70px auto 45px; text-align:center;}
.sub_title h3 {font-size:4rem; color:#333; font-family:'Paperlogy'; font-weight:500; letter-spacing:0.025em;}

.sub_cont {position:relative; font-size:1.7rem; word-break:keep-all;}
.sub_cont h4, 
.personal > .personal_area .tit 
{position:relative; display:inline-block; margin:50px 0 13px;/*  padding-left:22px; */ line-height:1.2; font-size:2.2rem; color:#333; font-family:'Paperlogy'; font-weight:500; letter-spacing:-0.025em;}
.personal > .personal_area .tit {padding-left:0;}
.sub_cont h4:first-child,
.personal > .personal_area .tit:first-child {margin-top:0;} /* 약관 */
/* .sub_cont h4:before {content:''; display:block; position:absolute; left:0; top:6px; width:7px; height:7px; border:4px solid transparent;
background-image: linear-gradient(#fff, #fff), linear-gradient(-315deg, rgba(33,73,166,1) 0%, rgba(71,179,254,1) 100%); background-origin:border-box; background-clip:content-box, border-box; border-radius:100%;} 
 */
.sub_cont h4 + .table_wrap {margin-top:0;}
.sub_cont h5 {position:relative; display:inline-block; margin:40px 0 15px; line-height:1.2; font-size:2.2rem; color:#333; font-family:'S-CoreDream-5Medium'; letter-spacing:-0.025em;}
.sub_cont h4 + h5 {margin-top:5px !important;}

/* 게시판 wr : 인사고충 여러 폼 */
form input + h4 {margin-top:0 !important;}
/* sub :: 관리자 내역 */
.sub_cont h4 + .table_wrap, .sub_cont h5 + .table_wrap  {margin-top:0;}




/* tab */
.tab_wrap {margin-bottom:50px;}
.tabList {display:-ms-flexbox; display:flex; flex-wrap:wrap; margin:1px 0 0 1px;}
.tabList li:nth-child(n+7){flex:inherit; width:calc(16.667% + 1px);}
.tabList li {flex:auto; display:table; table-layout:fixed; position:relative; margin:-1px 0 0 -1px; width:16.667%; border:1px solid #e1e1e1; background-color:#fff; }
.tabList li a {display:table-cell; position:relative; padding-top:2px; width:100%; height:54px; line-height:1.1; text-align:center; vertical-align:middle; z-index:1;}
.tabList li a em {font-size:1.5rem; color:#444; font-family:'S-CoreDream-4Regular';}
.tabList li.on {border-color:transparent; }
.tabList li.on em {color:#233271;}
.tabList li.on:before {content:""; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; border:3px solid #233271; z-index: 1;}


.tabList.item2 li {width:auto; flex:1 !important;}
.tabList.item3 li {width:calc(100%/3);}
.tabList.item3 li:nth-child(n+1){flex:inherit; width:calc((100%/3) + 1px);}
.tabList.item4 li {width:25%}
.tabList.item4 li:nth-child(n+1){flex:inherit; width:calc(25% + 1px);} /*-n 까지 n부터*/
.tabList.item5 li {width:20%;}
.tabList.item5 li:nth-child(n+1){flex:inherit; width:calc(20% + 1px);} 
.tabList.item6 li {width:calc(100% / 6);}
.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/6) + 1px);} 

.tabContent {display:none;}
.tabContent.on {display:block;}
/* .tabContent h4:first-child {margin-top:20px;} */
.tab_wrap + h4 {margin-top:20px;} 
.tabList li:not(:first-child) {}

/* .tabList {margin:0 0 0 -8px;}
.tabList li {width:calc(100% / 7 - 8px); margin-left:8px; margin-top:8px; border-radius:0 10px 0 10px;}
 */


/* li list */
.dot_list > li, .dot {position:relative; margin:0 0 3px 5px; padding-left:12px;}
.dot_list > li::before, .dot::before {content:""; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background:#555; border-radius:50%;}

.dashed_list li, .dashed {position:relative; margin:0 0 3px 3px; padding:0 0 0 11px;}
.dashed_list li:before, .dashed:before {content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:1px; background:#797979;}
.dashed_list li strong {font-weight:500;}

.default_list {margin:12px 0 0 3px;}
.default_list li {}

.dot_list > li > .dashed_list {margin:7px 0 7px 0px;}

.dot_list li a:hover {color:var(--main-color);}
.dot_list li i {margin-top:6px;}


table .dot_list > li, table .dot {margin:0 0 3px 1px;}

/* 기본 테이블 */
.tList {position:relative; width:100%; border-top:2px solid #666;}
.tList th, .tList td {padding:15px 20px; border:1px solid #dcdcdc; vertical-align:middle;}
.tList th:first-child, .tList td:first-child {border-left:none;}
.tList th:last-child, .tList td:last-child {border-right:none;} 
.tList thead th,
.tList tbody th,
.tList tfoot th {background:#f7f7f7; color:#444; font-weight:normal; word-break:keep-all; text-align:center;}
.tList tbody td,
.tList tfoot td {background:#fff; word-break:keep-all; text-align:center;}
.tList th, .tList td.tLeft {text-align:left;}
.tList tr.bg {background:#f7f7f7;}
.tList .st {font-size:90%;} /* 작은글씨 */


.tList.t2 th {padding:12px 15px;}


table col.no {width:8%;}
table col.space_01 {width:10%} 
table col.space_02 {width:15%}
table col.space_03 {width:20%}
table col.space_04 {width:25%} 
table col.space_05 {width:30%}
table col.space_06 {width:35%}
table col.space_07 {width:40%}
table col.space_08 {width:50%;} 
table col.checkbox {width:50px;}


.table_sup {margin-bottom:10px; text-align:right;}

/* 스토킹 체크 리스트*/
.tList.ck td:last-child {border-left:none;} 
.tList.ck td:nth-child(2){border-right:none;} 

/* i마크 정보 */
.ic_alert {font-size:94%; font-family:'S-CoreDream-4Regular';}
.ic_alert i {padding-top:3px; font-size:2rem; color:#f84e18;}
.txt_subs {display:inline-block; margin-left:5px; margin-top:4px; font-size:80%; color:#dd613a; font-family:'S-CoreDream-4Regular';}



/* 좌우 스크롤 :: 모바일 */
.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch;}	
.limitArea .w600 {min-width:600px;}
.limitArea .w500 {min-width:500px;}
.limitArea .w400 {min-width:450px;}





@media (max-width:1300px){ /* 선택 */


}

@media (max-width:1200px){ /* 1152px 96%*/


	.sub_visual h2 {}


	/* nav */
	.location_wrap {width:100%; margin:-50px auto;}
	.locationArea .location > li.home a {width:55px; height:50px; background-size:17px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:210px; line-height:50px; font-size:1.4rem;}
	.locationArea .location > li.locationLink .selectMenu {top:50px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:15px 20px;}
	.locationArea .location > li.locationLink.dep3 > a {min-width:180px;}
	




	/* sub :: 본문 */
	.sub_title {margin:60px auto 35px;}
	.sub_title h3 {font-size:3.4rem;}
	.sub_cont h4,
	.personal > .personal_area .tit {font-size:2.4rem;}
	.sub_cont h4:before {top:6px;} 



	/* tab */
	.tabList li a {height:52px;}
	.tabList li a em {font-size:1.4rem;}	

	

}

@media (max-width:1024px){ /* tablet 980 */



	.sub_visual h2 {}



	/* nav */
	.location_wrap {margin:-46px auto;}
	.locationArea .location > li.home a {width:52px; height:46px; background-size:16px;}

	.locationArea .location > li.locationLink > a {padding:0 50px 0 20px; min-width:170px; line-height:46px; font-size:1.3rem;}
	.locationArea .location > li.locationLink > a:after {right:20px;}
	.locationArea .location > li.locationLink .selectMenu {top:46px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:13px 20px;}

	

	/* sub :: 본문 */
	.sub_title {margin:50px auto 35px;}
	.sub_title h3 {font-size:3.2rem;}
	.sub_cont {font-size:1.6rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:40px 0 10px;}


		

	/* li list */
	.dot_list > li, .dot {padding-left:11px;}
	.dot_list > li::before, .dot::before {top:11px; width:4px; height:4px;}



	/* 기본 테이블 */
	.tList th, .tList td {padding:12px 15px;}
	.tList.t2 th {padding:10px 15px;}


	/* i마크 정보 */
	.ic_alert i {padding-top:2px;}


}


@media (max-width:900px){ /* tablet ~ 768 */

	

	.sub_visual h2 {}

	
	
	/* lnb  */
	.aside {top:-48px;}
	.lnb > li > a {height:48px; padding:12px 0 0; font-size:1.4rem;}
	.lnb > li > a i {margin-top:3px;}

	
	
	/* sub :: 본문 */
	.sub_title {margin:50px auto 35px;}
	.sub_title h3 {font-size:3rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:40px 0 10px; font-size:2.2rem;}
	.sub_cont h4:before {top:5px; width:7px; height:7px; border:4px solid transparent;} 
	

	
	
	/* tab */
	.tabList li a em {font-size:1.36rem;}






}

@media (max-width:830px){ /* tablet ~ 768 */


	
	.sub_visual h2 {font-size:2.6rem;}


	/* sub :: 본문 */
	.sub_title {margin:45px auto 30px;}
	.sub_title h3 {font-size:2.8rem;}
	.sub_cont {font-size:1.56rem;} /* 폰트설정 */


	/* tab */
	.tab_wrap {margin-bottom:30px;}
	.tabList li a {height:50px;}

	.tabList.item6 li {width:calc(100% / 5);}
	.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/4) + 1px);} 
	


	/* 기본 테이블 */
	.tList th, .tList td {font-size:1.46rem;}



	/* i마크 정보 */
	.ic_alert i {padding-top:0;}



	/* 좌우 스크롤 :: 모바일 */
	.limitArea {position:relative; overflow-x:auto; overflow-y:hidden; width:100%; -webkit-overflow-scrolling:touch; padding-bottom:10px;}	
	.limitArea .w600 {min-width:800px;}
	.scroll_drag_guide {display:none;}


}

@media (max-width:768px){ /* mobile 가로 */


	/* nav */
	.location_wrap {margin:-42px auto;}
	.locationArea .location > li.home a {width:48px; height:42px; background-size:14px;}

	.locationArea .location > li.locationLink > a {padding:0 40px 0 20px; line-height:42px; font-size:1.3rem;}
	.locationArea .location > li.locationLink .selectMenu {top:42px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:12px 20px;}


	/* sub :: 본문 */
	.sub_title {margin:40px auto 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont {font-size:1.5rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:30px 0 10px;}	


	
	/* tab */
	.tabList li a {height:46px;}
	.tabList li a em {font-size:1.3rem;}




	/* li list */
	.dot_list > li, .dot {margin:0 0 3px 1px; padding-left:10px;}
	.dot_list > li::before, .dot::before {top:9px;}

	.dashed_list li, .dashed {margin:0 0 3px 1px; padding:0 0 0 11px;}
	.dashed_list li:before, .dashed:before {top:10px; left:0;}



	/* 기본 테이블 */
	table col.space_01 {width:17%} 
	table col.space_02 {width:20%}
	table col.space_03 {width:25%}
	table col.space_04 {width:30%} 
	table col.space_05 {width:35%}
	table col.space_06 {width:43%}
	table col.space_07 {width:50%}


	.table_sup {margin-bottom:8px;}



	/* 신청 내역 */		
	.ic_link {margin:7px 0 0 5px; }

	/* i마크 정보 */
	.ic_alert i {padding-top:1px; font-size:1.8rem;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */


	.sub_visual h2 {font-size:2.4rem;}



	/* sub :: 본문 */
	.sub_title {margin:40px 0 25px;}
	.sub_title h3 {font-size:2.6rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {font-size:2rem;}
	.sub_cont h4:before {top:4px; width:6px; height:6px; border:4px solid transparent;}



	.tabList.item4 li {width:calc(100%/3);}
	.tabList.item4 li:nth-child(n+1) {width:calc((100%/3) + 1px);}



	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 15px; font-size:1.4rem;}
	.tList.t2 th {padding:10px 15px;}



	/* 신청 내역 */		
	.ic_link {margin:8px 0 0 5px; font-size:1.7rem; }

	.txt_subs {display:block; margin-left:0px; font-size:86%;}


	/* 좌우 스크롤 :: 모바일 */
	.limitArea {padding-bottom:10px;}	
	.scroll_drag_guide {display:flex; justify-content:flex-end; margin-right:10px;}
	.scroll_drag_guide .scroll_drag_inner {position:relative; width:45px; height:45px;}
	.scroll_drag_guide .scroll_drag_inner:before {content:""; position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; border-radius:5px;}
	.scroll_drag_guide .drag_bar {position: absolute; left:0px; top:3px; animation:moveScrollAni 3s both infinite; z-index:1;}
	.scroll_drag_guide .drag_bar .bar {display:block; width:23px; height:5px; background-color:rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1;}
	.scroll_drag_guide .drag_bar i {font-size:28px; color:#aaa }

	@keyframes moveScrollAni {
	0%, 10% {
		left: 0;
		margin-left: 0px;
		}
	50% {
		left: 100%;
		margin-left: -25px;
		}
	100% {
		left: 0;
		margin-left: 0px;
		}
	}



}

@media (max-width:610px){ /* mobile 세로 */

	
	
	/* nav */
	.location_wrap {margin:-40px auto;}
	.locationArea .location > li.home a {width:40px; height:39px;}
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:160px; line-height:40px;}
	.locationArea .location > li.locationLink > a:after {right:15px;}
	.locationArea .location > li.locationLink .selectMenu {top:40px;}
	.locationArea .location > li.locationLink .selectMenu li a {padding:11px 15px;}

	.locationArea .location > li.locationLink.dep3 > a {min-width:160px;}
	


	/* sub :: 본문 */	
	.sub_title {margin:35px auto 25px;}
	.sub_title h3 {font-size:2.4rem;}
	.sub_cont {font-size:1.4rem;}
	.sub_cont h4,
	.personal > .personal_area .tit {margin:30px 0 10px;}

 

	/* tab */
	.tab_wrap {margin-bottom:25px;}	



	/* li list */
	.dot_list > li, .dot {padding-left:9px;}
	.dot_list > li::before, .dot::before {top:9px;}
	.dashed_list li:before, .dashed:before {top:9px;}

	

	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 10px; font-size:1.36rem;}
	.tList.t2 th {padding:10px 10px;}


	/* i마크 정보 */
	.ic_alert {font-size:90%;}
	.ic_alert i {padding-top:0; font-size:1.7rem;}
	



}

@media (max-width:430px){ /* mobile 세로 */

	
	.sub_visual h2 {font-size:2.2rem;}


	/* nav */	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:140px;}
	.locationArea .location > li.locationLink.dep3 {display:none;}
	


	/* sub :: 본문 */
	.sub_title {margin:35px auto 20px;}
	.sub_title h3 {font-size:2.4rem;}
	.sub_cont h4, 
	.personal > .personal_area .tit {margin:25px 0 8px; font-size:1.8rem;}	


	
	.tabList.item6 li {width:calc(100% / 3);}
	.tabList.item6 li:nth-child(n+1){flex:inherit; width:calc((100%/3) + 1px);} 
	

	table col.space_01 {width:16%;} 
	table col.space_02 {width:19%;} 


}

@media (max-width:380px){ /* mobile 세로 */

	/* nav */	
	.locationArea .location > li.locationLink > a {padding:0 40px 0 15px; min-width:130px;}

	table col.space_02 {width:22%;} 



	/* 기본 테이블 */
	.tList th, .tList td {padding:10px 8px;}
	.tList.t2 th {padding:10px 8px;}


}



/* ----------------------------------------------------------------- */
/* sub */
/* ----------------------------------------------------------------- */

.map {height:450px; background:#f7f7f7;}


.exp_txt {overflow:hidden; position:relative; margin-bottom:30px; font-size:2rem; font-family:'TTTtangsbudaejjigaeL'; letter-spacing:-0.025em; text-align:center;}
.exp_txt em {color:var(--main-color);}

.exp_txt.result {font-size:2rem;}
.exp_txt.smart {font-size:2.2rem;}
.exp_txt.smart .add {display:flex; align-items:center; justify-content:center;}
.exp_txt.smart em {font-size:2.6rem;}
.exp_img {display:flex; align-items:center; justify-content:center;}
.exp_img img {width:70%; max-width:400px;}

/* 사진인하, 스마트투어, 통영은지금 리스트 */ 
.photoList {display:flex; flex-wrap:wrap; gap:25px 20px;}
.photoList li {position:relative; width:calc((100% - 40px)/3);}
.photoList li .item {overflow:hidden; position:relative; height:100%;}
.photoList li .item .imgthumb {position:relative; overflow:hidden; width:100%; aspect-ratio:5 / 4; border-radius:12px; background:#f6f6f6;}
.photoList li .item .imgthumb img {width:100%; height:auto; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); }
.photoList li .item .cont {overflow:hidden; position:relative; padding:12px 0 0; text-align:center;}
.photoList li .item .cont .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; visibility:visible; font-size:1.8rem; color:#333; font-family:'Paperlogy'; font-weight:500;}

.photoList li .item > a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.photoList li .tagArea {position:absolute; top:5px; left:5px; display:flex; gap:3px; z-index:10;}
.photoList .tag {display:inline-block; padding:0 10px; height:20px; line-height:19px; font-size:1.2rem; border-radius:20px; color:#fff; text-align:center;}

.tag.dis {background:#fc6719;} /* 할인 */
.tag.hot {background:#fc6719;} /* 인기 */


/* 폼 */
input[type="date"],
input[type="text"],
input[type="password"],
input[type="file"],
input[type="time"],
select {padding:0 10px; height:40px; line-height:38px; color:#666; text-align:left; border:1px solid #ddd; border-radius:6px;
	/* -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; */
	-webkit-appearance: none; -moz-appearance: none; appearance: none;  /*text-indent: 0.01px;*/ text-overflow:'';	zoom:1}
select {background:url("../images/bbs/input_select_arrow2.gif") right center no-repeat;}

.btn_list.big_w {width:100%; padding:40px 0 0 !important;}
.btn_list.big_w a,
.btn_list.big_w button, 
.btn_list.big_w input {display:flex; align-items:center; justify-content:center; 
position:relative; width:100% !important; height:50px; font-size:1.7rem; color:#fff; font-family:'S-CoreDream-5Medium'; letter-spacing:-0.025em; background:var(--main-color); border-radius:6px;}


.photo_box {overflow:hidden; position:relative; width:100%; height:auto; background:#f9f9f9; border:1px solid rgba(0, 0, 0, 0.1);}
.photo_box:before {content:'\e9c5'; display:block; font-size:3rem; color:#ccc; font-family:xeicon; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.photo_box img {width:100%; height:100%; position:absolute; left:0; top:0;}

.photo_box label {position:absolute; top:0; left:0; right:0; bottom:0;}
.photo_box label.file .btn_file {width:100%; height:100%;}
.photo_box label.file input {width:0px; height:0px; overflow:hidden; position:absolute; top:-9999px; left:-9999px;}


/* ----------------------------------------------------------------- */
/* 사진인하 */
/* ----------------------------------------------------------------- */

/* 뷰 */
.goodsView {display:flex; align-items:center; justify-content:center;}
.goodsView .imgthumb {overflow:hidden; position:relative; max-width:900px; width:100%; aspect-ratio:5 / 4; background:#f9f9f9;}
.goodsView .imgthumb img {width:100%;}

/* 슬라이드 */
.goods_slide {overflow:hidden; position:relative;}
.goods_slide img {width:100%;}
.goods_slide .slick-arrow {position:absolute; top:50%; z-index:1; font-size:0;}
.goods_slide .slick-arrow.slick-prev {left:25px; transform:rotate(135deg);}
.goods_slide .slick-arrow.slick-next {right:25px; transform:rotate(-45deg);}
.goods_slide .slick-arrow.slick-prev, .goods_slide .slick-arrow.slick-next {display:block; width:18px; height:18px; margin-top:-8px; padding:3px; border:solid rgba(255, 255, 255, 0.7);
border-width:0 2px 2px 0;}

.goods_slide .slick-dots {position:absolute; bottom:15px; width:100%; text-align:center;}
.goods_slide .slick-dots li {display:inline-block; margin:0 7px; height:6px;}
.goods_slide .slick-dots li button {cursor:pointer; margin:0px; padding:0; width:6px; height:6px; background:none; font-size:0; background-color:#000; border-radius:100%;}
.goods_slide .slick-dots li.slick-active button {background-color:#f37321;}

.slide_count {position:absolute; left:50%; bottom:15px; transform:translateX(-50%); width:60px; padding:5px 0; line-height:1; color:#fff; font-size:1.3rem; font-family:'verdana', sans-serif; 
text-align:center; background:rgba(0, 0, 0, 0.25); border-radius:25px; z-index:99;}

/* 사진인하 구분 */
.goodsView .cont {flex:1 0 40%; width:100%; margin-top:5px;}
.goodsView .cont dl {display:flex; flex-wrap:wrap; align-items:flex-start; font-size:1.5rem; font-family:'Paperlogy'; font-weight:400;}
.goodsView .cont dl dt {position:relative; width:115px;}
.goodsView .cont dl dt:after {content: ':'; position:absolute; top:0; right:12px;}
.goodsView .cont dl dd {width:calc(100% - 115px); color:#444;}

.goodsView .cont dl dt {padding:0 0 13px 25px;}
.goodsView .cont dl dt:before {content: ''; position:absolute; top:2px; left:0; width:19px; height:19px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.goodsView .cont dl dt.ls1:before {background-image: url('/images/common/ico_s01.png');}
.goodsView .cont dl dt.ls2:before {background-image: url('/images/common/ico_s02.png');}
.goodsView .cont dl dt.ls3:before {background-image: url('/images/common/ico_s03.png');}
.goodsView .cont dl dt.ls4:before {background-image: url('/images/common/ico_s04.png');}
.goodsView .cont dl dt.ls5:before {background-image: url('/images/common/ico_s05.png');}
.goodsView .cont dl dt.ls6:before {background-image: url('/images/common/ico_s06.png');} 

.goodsView .cont dl dd {padding-bottom:13px;}


/* 옵션별 */
.myPoint {margin-top:3px; font-size:1.3rem; color:#888;}

.old_price {margin-bottom:3px; font-size:1.4rem; color:#999;}
.sale_price {display:flex; align-items:flex-end; line-height:1;}
.sale_price .price {font-size:2.2rem; color:#333; font-family:'Paperlogy'; font-weight:600; letter-spacing:0.025em;}
.sale_price .tx {margin-left:2px; padding-bottom:2px;}

.total_price {display:flex; align-items:flex-end; justify-content:flex-end; width:100%; line-height:1; margin-top:15px; padding:20px 5px 0; font-family:'Paperlogy';
 border-top:1px solid rgba(0, 0, 0, 0.15);}
.total_price strong {font-size:1.7rem; font-weight:600; margin-right:15px;}
.total_price .price {font-size:2.2rem; color:var(--main-color); font-family:'Paperlogy'; font-weight:600; letter-spacing:0.025em;}
.total_price .tx {margin-left:2px; padding-bottom:2px;}

/* 수량 */
.num_count button {float:left; width:38px; height:40px; background-color:#f7f7f7;}
.num_count button:after {width:30px; height:30px;}
.num_count .inpt_counter {float:left; display:block; font-size:1.5rem; color:#333; width:55px; height:40px; line-height:38px; text-align:center; border:1px solid #ddd; border-radius:0; background-color:#fff;}
.num_count .btn_decrement {border:1px solid #ddd; border-top-left-radius:6px; border-bottom-left-radius:6px; border-right:none;}
.num_count .btn_decrement:after {content: ""; display:block; width:12px; height:2px; background-color:#333; margin:-2px auto; transform: rotate(0);}
.num_count .btn_increment {border:1px solid #ddd; border-top-right-radius:6px; border-bottom-right-radius:6px; border-left:none;}
.num_count .btn_increment:after {content: ""; display:block; width:12px; height:2px; background-color:#333; margin:0 auto;transform: rotate(0);}
.num_count .btn_increment:before {content: ''; display:block; width:12px; height:2px; background-color:#333; margin:-2px auto; transform: rotate(90deg);}

.goodsView .cont dl dd .photo_box {width:120px; height:120px;}




/* ----------------------------------------------------------------- */
/* 스마트투어 */
/* ----------------------------------------------------------------- */

/* 리스트 */
.photoList li .item .cont .point {margin-top:-4px; font-size:90%; color:#777;}

.clear, .reg {display:flex; align-items:center; justify-content:center; flex-direction:column;  position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); border-radius:11px;}
.photoList li .item .imgthumb .clear {border:4px solid var(--sub-color);}
.photoList li .item .imgthumb .reg { background:rgba(0, 0, 0, 0.7); border:0 solid var(--main-color);}
.photoList li .item .imgthumb .clear .txt {font-size:3rem; color:var(--sub-color); font-family:var(--font-title); line-height:1; z-index:10;}
.photoList li .item .imgthumb .reg .txt {font-size:1.6rem; color:#fff; font-family:'Paperlogy'; font-weight:500; line-height:1; z-index:10;}
.photoList li .item .imgthumb .reg .exp {margin-top:5px; color:#fff; font-size:1.2rem; font-family:'Paperlogy'; }

/* 누적포인트 */
.myAccPoint {overflow:hidden; position:relative; width:100%; padding:20px 5px 0; font-family:'Paperlogy'; border-top:1px solid rgba(0, 0, 0, 0.15); }
.myAccPoint p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} 
.myAccPoint .now {margin-bottom:5px; font-size:2rem; font-weight:600;}
.myAccPoint .now .point {padding-left:10px; font-size:2.2rem; color:var(--main-color); font-family:'Paperlogy'; font-weight:600; letter-spacing:0.025em;}


/* 누적포인트 */
.myAccPoint.mypage {padding:20px 5px 16px; border:0; background:#edf8f8; border-radius:12px;}

.smart.photo_box {height:400px;}



/* ----------------------------------------------------------------- */
/* 관광지소개 */
/* ----------------------------------------------------------------- */

.touristList {display:flex; flex-wrap:wrap; gap:20px;}
.touristList li {position:relative; width:100%;}
.touristList li .item {overflow:hidden; position:relative; height:100%;}
.touristList li .item .imgthumb {position:relative; overflow:hidden; width:100%; height:250px; border-radius:12px; background:#f6f6f6;}
.touristList li .item .imgthumb img {width:100%; height:auto; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); 
-webkit-transform:translate(-50%, -50%);}
.touristList li .item .imgthumb .subject {position:absolute; bottom:15px; right:20px; font-size:3.2rem; color:#fff; font-family:var(--font-title); text-shadow:0 0 6px rgb(0 0 0 / 40%);}
.touristList li .item  a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}



/* ----------------------------------------------------------------- */
/* 마이페이지 */
/* ----------------------------------------------------------------- */

.card_box {display:flex; flex-wrap:wrap;}
.card_box .item {overflow:hidden; position:relative; padding:20px 0 25px; border:1px solid #ddd; text-align:center;}
.card_box .item:nth-of-type(n+2) {border-left:none;}
.card_box .item img {display:block; margin:0 auto 5px; width:60px;}
.card_box .item .tit {font-size:1.5rem; font-family:'Paperlogy'; font-weight:500;  letter-spacing:0.025em;}
.card_box .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}

.card_box.item4 .item {width:25%;}
.card_box.item4 .item:nth-of-type(5) {border:1px solid #ddd;}
.card_box.item4 .item:nth-of-type(n+5) {border-top:none;}



@media (max-width:1300px){ /* 선택 */


}

@media (max-width:1200px){ /* 1152px 96%*/


	
}

@media (max-width:1024px){ /* tablet 980 */

	

	/* box */
	.box {padding:35px 35px;}
	


}

@media (max-width:900px){ 

	

	/* box */
	.box {padding:30px 30px;}
	.box.list {padding:25px 25px;}
	


	
}

@media (max-width:830px){ /* tablet ~ 768 */

	

	/* 사진인하 리스트 */ 	
	.photoList li .item .cont .subject {}
	
	/* box */
	.box {padding:25px 25px;}

	/* 관광지소개 리스트 */ 
	.touristList li .item .imgthumb {height:220px;}
	.touristList li .item .imgthumb .subject {bottom:15px; right:20px; font-size:2.8rem;} 

	
}

@media (max-width:768px){ /* mobile 가로 */

	
	/* 스마트투어 */
	.photoList li .item .imgthumb .clear .txt {font-size:2.6rem;} 


	/* 마이페이지 */
	.card_box .item img {width:50px;}



}

@media (max-width:680px){ /* mobile 가로 640기준 */

	.exp_txt {font-size:1.8rem;}

	/* 사진인하 리스트 */ 
	.photoList > li {width:calc((100% - 20px)/2);} 

	/* 관광지소개 리스트 */ 
	.touristList li .item .imgthumb {height:200px;}
	.touristList li .item .imgthumb .subject {font-size:2.4rem;}

	/* 스마트투어 */
	.photoList li .item .imgthumb .clear .txt {font-size:2.8rem;} 


	/* 마이페이지 */
	.card_box.item4 .item {width:50%; padding:20px 0 25px;}
	.card_box .item:nth-of-type(n+3) {border-top:none;}
	.card_box .item:nth-of-type(3) {border-left:1px solid #dbdee1 !important;}


	

}
@media (max-width:610px){ /* mobile 세로 */


	/* box */
	.box {padding:25px 20px;}
	.box.list {padding:20px 15px;}



	/* 관광지소개 리스트 */ 
	.touristList li .item .imgthumb {height:160px;}




}

@media (max-width:430px){ /* mobile 세로 */

	.exp_txt {font-size:1.7rem;}

	/* 사진인하 리스트 */ 
	.photoList {gap:25px 10px;}
	.photoList li {width:calc((100% - 10px)/2);} 
	.photoList li .item .cont {padding:8px 0 0;}
	.photoList li .item .cont .subject {font-size:1.7rem;}

	.photoList .tag {padding:0 8px; height:18px; line-height:17px; font-size:1.1rem;}

	/* 스마트투어 */
	.photoList li .item .imgthumb .clear .txt {font-size:2.2rem;} 


	
	/* 관광지소개 리스트 */ 
	.touristList {gap:15px;}
	.touristList li .item .imgthumb {height:140px;}
	.touristList li .item .imgthumb .subject {bottom:13px; right:18px; font-size:2.2rem;}


	/* 마이페이지 */
	.card_box .item img {width:46px;}


}

@media (max-width:380px){ /* mobile 세로 */




}


/* ----------------------------------------------------------------- */
/* member_회원가입 */
/* ----------------------------------------------------------------- */

/* 개별 개인정보취급방침 */
.agreeArea {position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px;}

.agreeArea .agreeBox {padding:30px 40px; border:0px solid #ddd; background:#f7f7f7;  }
.agreeArea .agreeBox strong {display:block; margin-bottom:10px;}
.agreeArea .agreeTxt {position:relative; overflow:hidden; margin-top:20px;}
.agreeArea .agreeTxt li {float:left;}
.agreeArea .agreeTxt li.agree {float:right;}
.agreeArea .agreeTxt li.agree input {margin-left:25px;}

.agreeArea .terms_check {position:relative; overflow:hidden; margin-top:15px;}


/* 이메이수집거부 */
.lawBox, .agreeBox {overflow:hidden; position:relative; padding:30px 30px; border:1px solid #ddd; background:#f7f7f7; word-break:keep-all;}
.lawBox .stit, .agreeBox .stit {display:block; margin:15px 0 4px; color:#444; font-weight:500;}
.lawBox .stit:first-child, .agreeBox .stit:first-child {margin-top:0px;}


.sub_cont h5 + .lawBox {margin-top:20px;}



/* 약관동의 :: 체크 */
.cau {margin-bottom:15px;}
.cau i {margin:0 2px 0 0; font-size:2.4rem; color:#cb302c; padding-top:1px;} 
.cau + h4 {margin-top:30px;}



.member h4::before, .personal h4::before {display:none;}


@media (max-width:1300px){ /* 선택 */

}


@media (max-width:1200px){ /* 1152px 96%*/

}


@media (max-width:1024px){ /* tablet 980 */


	/* 개별 개인정보취급방침 */
	.agreeArea .agreeBox {padding:25px 30px;}
	.agreeArea .agreeTxt {margin-top:18px;}

		
	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:25px 30px;}

	.sub_cont h5 + .lawBox {margin-top:15px;}

}


@media (max-width:830px){ /* tablet ~ 768 */

	/* 개별 개인정보취급방침 */
	.agreeArea .agreeBox {padding:20px 25px;}
	.agreeArea .agreeTxt {margin-top:15px;}


	/* 약관동의 :: 체크 */
	.cau i {font-size:2.2rem;} 
	.cau + h4 {margin-top:25px;}


	.member .contents {margin:35px auto 0;}
	.member .btn_list, .rent .btn_list {padding:30px 0 0;}
	.member .btn_list a, .rent .btn_list a,
	.member .btn_list button, .rent .btn_list button,
	.member .btn_list input, .rent .btn_list input {height:38px; line-height:36px; padding:0 30px; font-size:1.36rem;}


	/* biz :: 이메일수집거부 */
	.lawBox, .agreeBox {padding:20px 25px;}


}

@media (max-width:768px){ /* mobile 가로 */



	/* 마이페이지 */
	.mypage .summary_tit {font-size:2.2rem;}

	.member {}
	.member .contents {margin:35px auto 0;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */

	


	.member .contents {margin:30px auto 0;}
	
	

}

@media (max-width:610px){ /* mobile 세로 */

	
	.cau i {font-size:2.1rem;} /* 약관 추가*/

}

@media (max-width:430px){ /* mobile 세로 */

	/* 프로그램신청, 1:1문의 - 개별 개인정보취급방침 */
	.agreeArea {padding-bottom:15px;}
	.agreeArea .agreeBox {padding:20px 15px;}


	.cau i {font-size:1.7rem;} /* 약관 추가*/	

	/* biz :: 이메이수집거부 */
	.lawBox, .agreeBox {padding:20px 15px; font-size:1.3rem;}

}

@media (max-width:380px){ /* mobile 세로 */

}