@charset "utf-8";

/************* 2023.04.14. 전북투어패스 추가 *************/
.tourpass_wrap								{ max-width:1600px; margin:0 auto; line-height:1.3; word-break:keep-all}
.tourpass_wrap .area						{ width:92%; max-width:1120px; margin-left:auto; margin-right:auto; }
.tourpass_wrap .tourpass_top_visual			{ font-size:0; line-height:1; } 
.tourpass_wrap .tourpass_top .box			{ background:#fffdd9; padding:1.667em 0 8em 0; text-align:center }
.tourpass_wrap .tourpass_top .box h2		{ display:block; position:relative; width:29rem; height:104px; text-align:center; margin:0 auto; }
.tourpass_wrap .tourpass_top .box h2 span	{ display:inline-block; position:relative; width:29rem; height:6.933rem; font-size:2.133rem; letter-spacing:-.02em; line-height:9.667rem; font-weight:normal; color:#fff;
												background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8329&command=update&fileSid=70236) center center no-repeat; background-size:cover; z-index:2 }
.tourpass_wrap .tourpass_top .box h2::before{ position:absolute; width:29rem; height:4.533rem; right:-1.867rem; bottom:-.8rem; background:#fde482; content:'';}								
.tourpass_wrap .point_Txt					{ font-size:1.733rem; line-height:1.4; color:#000; font-weight:500; letter-spacing:-.055em; margin-top:40px; text-align:center; }								
.tourpass_wrap .point_Txt strong			{ position:relative; display:inline-block; color:#fca430; font-weight:bold; border-bottom:1px solid #fca430 }	
.tourpass_wrap .graph						{ margin-top:2.667rem; }									
.tourpass_wrap .round_list					{ display:flex; flex-wrap:wrap; max-width:1116px; margin:3.5rem auto 0 auto }
.tourpass_wrap .round_list>li				{ width:32%; position:relative }

.tourpass_wrap .round_list>li+li			{ margin-left:2%; }	
.tourpass_wrap .round_list>li .img			{ position:absolute; top:-3rem; left:50%; transform:translateX(-50%); }
.tourpass_wrap .round_list>li .img img		{ max-height:127px; }
.tourpass_wrap .round_list>li .cont			{ width:100%; background:#fff; border-radius:50% 50% 0 0; border-bottom:1px solid #fca430; padding:10rem 0 4.333rem }					
.tourpass_wrap .round_list>li .cont p		{ font-size:1.6rem; font-weight:300; color:#000; letter-spacing:-.045em; line-height:1.35; }												
.tourpass_sec								{ margin-top:5rem }
.tourpass_sec .tab							{ font-size:1.6rem; color:#010101; letter-spacing:-.065em; line-height:4.333rem; background:#f1f1f1; border-radius:15px}
.tourpass_sec .tab li						{ float:left; width:50%; text-align:center }
.tourpass_sec .tab li + li a				{ border-left:1px solid #fff}
.tourpass_sec .tab li a						{ display:block;}
.tourpass_sec .tab li a:hover				{ font-weight:700;}
.tourpass_sec .tab li .icon					{ display:none; }
.tourpass_sec .tab li.on					{ position:relative; font-size:2rem; font-weight:800; z-index:1}
.tourpass_sec .tab li.on .icon				{ display:inline-block; *display:inline; vertical-align:middle; line-height:1; *zoom:1; margin-top:-.3em; margin-right:.25em; }
.tourpass_sec .tab li.on::before			{ position:absolute; top:-3%; left:0; width:100%; height:100%; background:#fff; border:3px solid #ff7a39; border-radius:15px; content:""; z-index:-1 }
.tourpass_sec .tab li.on::after				{ position:absolute; bottom:-12px; left:50%; width:19px; height:12px; margin-left:-9.5px; background:no-repeat 0 0; content:""; 
												background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8329&command=update&fileSid=70235) center center no-repeat}
.tourpass_sec .tourpass_con					{ margin:3em auto }	
.tourpass_sec .tourpass_list				{ display:flex; flex-wrap:wrap; margin-top:3.333rem;  }
.tourpass_sec .tourpass_list>li				{ width:32%; text-align:center }
.tourpass_sec .tourpass_list>li+li			{ margin-left:2%; }		
.tourpass_sec .tourpass_list>li strong		{ display:block; margin-top:1rem; font-size:1.533rem; letter-spacing:-.055em; color:#000; }	
.tourpass_sec .tourpass_list>li span		{ display:block; font-size:1.267rem; font-weight:300; letter-spacing:-.025em; line-height:1.25; margin-top:.5rem } 
.tourpass_sec .bg_box						{ margin-top:4rem; padding:6.667rem	0; background:#f7f7f7; }
.tourpass_sec h4							{ font-size:1.667rem; font-weight:500; color:#000; letter-spacing:-.07em; text-align:left }
.tourpass_sec .tourpass_slide				{ position:relative; margin-top:2rem; text-align:center }
.tourpass_sec .tourpass_slide strong		{ display:block; font-size:1.166rem; font-weight:500; padding:0 .5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#000; letter-spacing:-.025em; margin-top:.75rem; }
.tourpass_sec .tourpass_slide .swiper-button-next:after,
.tourpass_sec .tourpass_slide .swiper-button-prev:after				{ font-size:2rem; color:#cecece; }
.tourpass_sec .tourpass_slide .swiper-button-next					{ right:-3rem; }
.tourpass_sec .tourpass_slide .swiper-button-prev					{ left:-3rem; }						
.tourpass_sec .tourpass_slide .swiper-pagination					{ position:inherit; margin-top:1.5rem; display:none }
.tourpass_sec .icon_box												{ display:flex; flex-wrap:wrap; position:relative; margin:5rem 0; border-radius:15px; border:1px solid #ffbc9c; text-align:center }
.tourpass_sec .icon_box::before										{ position:absolute; width:1px; height:40%; left:50%; top:50%; background:#ff7a39; content:''; transform:translateY(-50%); }
.tourpass_sec .icon_box>li											{ width:50%; padding:2.5em 0 }
.tourpass_sec .icon_box>li .icon,
.tourpass_sec .icon_box>li .cont									{ display:inline-block; *display:inline; vertical-align:middle; text-align:left; }
.tourpass_sec .icon_box>li .icon									{ margin-right:.75rem; }
.tourpass_sec .icon_box>li .cont strong								{ display:block; font-size:1.533rem; font-weight:500; color:#ff7a39; letter-spacing:-.055em; }
.tourpass_sec .icon_box>li .cont span								{ display:block; font-size:1.2rem; font-weight:500; color:#000; letter-spacing:-.05em; line-height:1.4; margin-top:.5rem }
.tourpass_sec .card_list											{ margin-top:2rem; display:flex; flex-wrap:wrap; margin-bottom:5rem }
.tourpass_sec .card_list>li											{ width:32%; }
.tourpass_sec .card_list>li+li										{ margin-left:2%; }
.tourpass_sec .card_list .cont										{ margin-top:1.25rem; padding:0 .5rem; }
.tourpass_sec .card_list .cont strong								{ display:block; font-size:1.2rem; color:#616161; letter-spacing:-.045em; }
.tourpass_sec .card_list .cont span									{ display:block; margin-top:.5rem; font-size:1rem; line-height:1.3; letter-spacing:-.065em; color:#616161; font-weight:300; padding-left:.25em }						
.tourpass_sec .text_list>li											{ float:none;  margin-top:2rem; }
.tourpass_sec .text_list strong										{ display:block; font-size:1.2rem; color:#616161; letter-spacing:-.045em; }
.tourpass_sec .text_list span										{ display:block; margin-top:.5rem; font-size:1rem; line-height:1.3; letter-spacing:-.065em; color:#616161; font-weight:300; padding-left:.25em }	
.tourpass_wrap .tourpass_bottom										{ margin-top:5rem; margin-bottom:5rem }
.tourpass_wrap .tourpass_bottom	.list								{ display:flex; flex-wrap:wrap; }
.tourpass_wrap .tourpass_bottom	.list>li							{ float:left; width:25%; padding:2.333em; box-sizing:border-box; min-height:14rem; }
.tourpass_wrap .tourpass_bottom	.list>li+li							{ position:relative; margin-left:2%; }
.tourpass_wrap .tourpass_bottom	.list>li+li::before					{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); left:0; top:0; content:''; z-index:1 }
.tourpass_wrap .tourpass_bottom	.list>li:first-child				{ width:46%;  }
.tourpass_wrap .tourpass_bottom	.list>li strong						{ position:relative; display:block; font-size:1.8rem; color:#fff; line-height:1.2; z-index:2 }
.tourpass_wrap .tourpass_bottom	.list>li .view						{ position:relative; display:inline-block; position:relative; font-size:1rem; color:#fff; letter-spacing:-.065em; padding-right:1.25em; padding-bottom:.25rem; 
																		border-bottom:1px solid #fff; margin-top:1rem; z-index:2 }
.tourpass_wrap .tourpass_bottom	.list>li .view::before				{ position:absolute; right:6px; bottom:-2px; width:1px; height:15px; transform:rotate(315deg); content:''; background:#fff }
.tourpass_wrap .tourpass_bottom .product							{ background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8329&command=update&fileSid=70232) right center no-repeat #ffc32e; }
.tourpass_wrap .tourpass_bottom .store								{ background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8329&command=update&fileSid=70233) center center no-repeat; background-size:cover }
.tourpass_wrap .tourpass_bottom .facility							{ background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8329&command=update&fileSid=70234) center center no-repeat; background-size:cover}
.tourpass_wrap .tourpass_bottom	.list>li:first-child strong			{ font-size:2.3rem; }
	
@media all and (max-width:1368px){	
	.tourpass_wrap .tourpass_top .box h2 span						{ font-size:2.033rem; }
	.tourpass_wrap .point_Txt										{ font-size:1.633rem; }
	.tourpass_wrap .round_list>li .cont								{ padding-top:9rem; }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.5rem; }
	.tourpass_sec .tab												{ font-size:1.5rem; }
	.tourpass_sec .tab li.on										{ font-size:1.9rem; }
	.tourpass_sec .tourpass_list>li strong							{ font-size:1.433rem; }
	.tourpass_sec .tourpass_list>li span							{ font-size:1.167rem; }
	.tourpass_sec h4												{ font-size:1.567rem; }
}
@media all and (max-width:1268px){	
	.tourpass_wrap .tourpass_top .box h2 span						{ font-size:1.933rem; }
	.tourpass_wrap .point_Txt										{ font-size:1.533rem; }
	.tourpass_wrap .round_list>li .cont								{ padding-top:8rem; padding-bottom:4rem }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.4rem; }
	.tourpass_sec .tab												{ font-size:1.4rem; }
	.tourpass_sec .tab li.on										{ font-size:1.8rem; }
	.tourpass_sec .tourpass_list>li strong							{ font-size:1.333rem; }
	.tourpass_sec .tourpass_list>li span							{ font-size:1.117rem; }
	.tourpass_sec .card_list .cont span br							{ display:none; }
	.tourpass_sec h4												{ font-size:1.467rem; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child strong		{ font-size:2.2rem; }
	.tourpass_wrap .tourpass_bottom .list>li strong					{ font-size:1.7rem; }
}
@media all and (max-width:1168px){	
	.tourpass_wrap .tourpass_top .box h2 span						{ font-size:1.833rem; }
	.tourpass_wrap .point_Txt										{ font-size:1.433rem; }
	.tourpass_wrap .round_list>li .cont								{ padding-top:8rem; padding-bottom:3.5rem }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.3rem; }
	.tourpass_sec .tab												{ font-size:1.3rem; }
	.tourpass_sec .tab li.on										{ font-size:1.7rem; }
	.tourpass_sec .tourpass_list>li strong							{ font-size:1.233rem; }
	.tourpass_sec .tourpass_list>li span							{ font-size:1.017rem; }
	.tourpass_sec .icon_box>li .cont strong							{ font-size:1.433rem; }
	.tourpass_sec .icon_box>li .cont span							{ font-size:1.15rem; }
	.tourpass_sec h4												{ font-size:1.367rem; }
	.tourpass_sec .tourpass_slide .swiper-button-next				{ right:-2rem; }
	.tourpass_sec .tourpass_slide .swiper-button-prev				{ left:-2rem; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child strong		{ font-size:2.1rem; }
	.tourpass_wrap .tourpass_bottom .list>li strong					{ font-size:1.6rem; }
}
@media all and (max-width:968px){	
	.tourpass_wrap .tourpass_top .box h2 span						{ font-size:1.733rem; }
	.tourpass_wrap .point_Txt										{ font-size:1.333rem; }
	.tourpass_wrap .round_list>li .cont								{ padding-top:7rem; padding-bottom:2.5rem }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.2rem; }
	.tourpass_sec .tab												{ font-size:1.2rem; }
	.tourpass_sec .tab li.on										{ font-size:1.6rem; }
	.tourpass_sec .tourpass_list>li strong							{ font-size:1.133rem; }
	.tourpass_sec .icon_box>li .cont strong							{ font-size:1.333rem; }
	.tourpass_sec h4												{ font-size:1.267rem; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child strong		{ font-size:2rem; }
	.tourpass_wrap .tourpass_bottom .list>li strong					{ font-size:1.5rem; }
}
@media all and (max-width:868px){	
	.tourpass_wrap .tourpass_top .box h2							{ width:25rem; height:94px; }
	.tourpass_wrap .tourpass_top .box h2::before					{ height:4rem; right:-4.567rem; bottom:-1.8rem}
	.tourpass_wrap .tourpass_top .point_Txt							{ margin-top:4rem; }
	.tourpass_wrap .round_list>li									{ width:49%; }
	.tourpass_wrap .round_list>li .cont								{ padding-top:8rem; }
	.tourpass_wrap .round_list>li:last-child						{ margin-left:25%; margin-top:5rem; }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.1rem; }
	.tourpass_wrap .tourpass_top .box								{ padding-bottom:6rem; }
	.tourpass_sec .tab li.on										{ font-size:1.4rem; }
	.tourpass_sec .bg_box											{ padding:5.667rem 0; }
	.tourpass_sec .icon_box											{ margin:3rem 0; }
	.tourpass_sec .icon_box::before									{ width:90%; height:1px; left:5% }
	.tourpass_sec .icon_box>li										{ width:100%; display:flex; flex-wrap:wrap; padding:2.5em}
	.tourpass_sec .icon_box>li .icon								{ max-width:5rem; margin-right:1.75rem; }
	.tourpass_sec .icon_box>li .cont								{ width:calc(100% - 10em); }
	.tourpass_sec .icon_box>li .cont strong							{ font-size:1.233rem; }
	.tourpass_sec .icon_box>li .cont span							{ font-size:1.1rem; }
	.tourpass_sec .icon_box>li .cont span br						{ display:none; }
	.tourpass_sec .card_list										{ margin-bottom:4rem; }
	.tourpass_sec .card_list>li										{ width:100%; display:flex; flex-wrap:wrap}
	.tourpass_sec .card_list>li+li									{ margin-left:0; margin-top:1.5rem; }
	.tourpass_sec .card_list>li img									{ width:50%; }
	.tourpass_sec .card_list>li .cont								{ margin-left:5%; width:45%; padding:0; }
	.tourpass_wrap .tourpass_bottom .list>li						{ width:49%; }
	.tourpass_wrap .tourpass_bottom .list>li+li						{ margin-top:2%; }
	.tourpass_wrap .tourpass_bottom .list>li.store					{ margin-left:0; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child			{ width:100%; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child strong		{ font-size:1.9rem; }
	.tourpass_wrap .tourpass_bottom .list>li strong					{ font-size:1.4rem; }
}
@media all and (max-width:668px){
	.tourpass_wrap .point_Txt										{ font-size:1.233rem; }
	.tourpass_wrap .point_Txt br									{ display:none; }
	.tourpass_top_visual											{ position:relative; height:17rem; }
	.tourpass_top_visual img										{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
																		-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
	.tourpass_wrap .tourpass_top .box h2							{ width:100%; height:inherit }
	.tourpass_wrap .tourpass_top .box h2::before					{ width:100%; height:80%; right:-2%; bottom:-.5rem; }
	.tourpass_wrap .tourpass_top .box h2 span						{ width:100%; height:auto; background-image:none; background-color:#ff7a39; line-height:1.2; padding:.75rem 0 }
	.tourpass_wrap .round_list>li .cont								{ padding-top:6rem; }
	.tourpass_wrap .round_list>li .img								{ top:-2rem; }
	.tourpass_sec .tab li											{ float:none; width:100%; }	
	.tourpass_sec .card_list>li img									{ width:100%; }
	.tourpass_sec .card_list>li .cont								{ margin-left:0; margin-top:1.5rem; width:100%; }
	.tourpass_sec .tourpass_list>li									{ width:49%; }
	.tourpass_sec .tourpass_list>li:last-child						{ margin-left:25%; margin-top:1.5rem;  }
	.tourpass_sec .tourpass_slide .swiper-pagination				{ display:block; }
	.tourpass_sec .tourpass_slide .swiper-button-next,
	.tourpass_sec .tourpass_slide .swiper-button-prev				{ display:none; }
}
@media all and (max-width:568px){
	.tourpass_wrap .round_list										{ width:85%; margin-top:4.5rem; }
	.tourpass_wrap .round_list>li									{ width:100%; }
	.tourpass_wrap .round_list>li+li								{ margin-left:0; margin-top:4rem; }
	.tourpass_wrap .round_list>li .img img							{ max-height:117px }
	.tourpass_wrap .round_list>li .cont								{ border-radius:0; }
	.tourpass_wrap .round_list>li:last-child						{ margin-left:0; }
}
@media all and (max-width:468px){
	.tourpass_sec .tourpass_list>li									{ width:100%; }
	.tourpass_sec .tourpass_list>li+li								{ margin-left:0; margin-top:1.5rem; }
	.tourpass_sec .tourpass_list>li:last-child						{ margin-left:0;  }
	.tourpass_sec .icon_box>li .icon								{ max-width:4rem; margin-right:.75rem; }
	.tourpass_sec .icon_box>li .cont								{ width:calc(100% - 8em); }
	.tourpass_sec .icon_box>li .cont strong							{ font-size:1.133rem; }
	.tourpass_sec .icon_box>li .cont span							{ font-size:.95rem; }
	.tourpass_sec .card_list .cont strong							{ font-size:1.15rem; }
	.tourpass_sec .card_list .cont span								{ font-size:.95rem; }
	.tourpass_wrap .tourpass_bottom .list>li						{ padding:1.5em; }
}
@media all and (max-width:368px){
	.tourpass_wrap .point_Txt										{ font-size:1.08rem; }
	.tourpass_top_visual											{ height:11rem; }
	.tourpass_wrap .tourpass_top .box								{ padding-bottom:5em }
	.tourpass_wrap .tourpass_top .box h2							{ width:100%; height:inherit }
	.tourpass_wrap .tourpass_top .box h2::before					{ width:100%; height:80%; right:-2%; bottom:-.5rem; }
	.tourpass_wrap .tourpass_top .box h2 span						{ width:100%; height:auto; background-image:none; background-color:#ff7a39; line-height:1.2; font-size:1.433rem; padding:.75rem 0 }
	
	.tourpass_wrap .round_list>li .cont								{ padding:6rem 0 2rem 0; }
	.tourpass_wrap .round_list>li .cont p							{ font-size:1.1rem; }
	.tourpass_sec													{ margin-top:4rem }
	.tourpass_sec .tab												{ font-size:1.2rem; }
											
	.tourpass_sec .tab li.on										{ font-size:1.3rem }											
	.tourpass_sec .tourpass_list>li									{ width:100%; }
	.tourpass_sec .tourpass_list>li+li								{ margin-left:0; margin-top:2rem }
	.tourpass_sec .tourpass_list>li strong							{ font-size:1.133rem; }
	.tourpass_sec .tourpass_list>li span							{ font-size:.95rem; }
	.tourpass_sec h4												{ font-size:1.167rem }
	.tourpass_sec .bg_box											{ padding:3.667rem 0; }
	.tourpass_sec .tourpass_slide									{ margin-top:1.5rem; }
	.tourpass_sec .tourpass_slide strong							{ font-size:1.033rem; }
	
	.tourpass_sec .icon_box>li										{ padding:1.5em; }
	.tourpass_sec .icon_box>li .icon								{ max-width:4rem; } 
	.tourpass_sec .icon_box>li .cont								{ width:calc(100% - 6em); }
	.tourpass_wrap .tourpass_bottom									{ margin-top:4rem; margin-bottom:4rem }
	.tourpass_wrap .tourpass_bottom .list>li						{ width:100%; padding:1.5rem; min-height:inherit; padding-bottom:3rem; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child			{ width:100%; }
	.tourpass_wrap .tourpass_bottom .list>li+li						{ margin-left:0; margin-top:1.5rem; }
	.tourpass_wrap .tourpass_bottom .list>li:first-child strong		{ font-size:1.5rem; }
	.tourpass_wrap .tourpass_bottom .list>li strong					{ font-size:1.3rem; }
	.tourpass_wrap .tourpass_bottom .list>li .view					{ font-size:.85rem; }
}


/************* 2023.04.26. 전북특별자치도농촌관광 참참 추가 *************/
.chamcham_wrap										{ max-width:1600px; margin:0 auto; line-height:1.3; word-break:keep-all}
.chamcham_wrap .area								{ width:92%; max-width:1120px; margin-left:auto; margin-right:auto; }
.chamcham_wrap h3									{ text-align:center; }
.chamcham_wrap h4									{ display:table; font-size:2.133rem; color:#000; padding-right:1rem; border-bottom:3px solid #4ec05d; }
.chamcham_wrap .point_color							{ color:#4ec05d; }
.chamcham_wrap .speech								{ position:relative; display:table; padding:.65rem 2.5rem; background:#4ec05d; color:#ffff00; font-size:1.2rem; border-radius:5rem }
.chamcham_wrap .speech::before						{ position:absolute; left:12px; bottom:-16px; width:0; height:0; border-right:20px solid #4ec05d;  border-bottom:19px solid transparent; content:''; }
.chamcham_wrap .chamcham_top_visual					{ background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=8333&command=update&fileSid=70296) center top no-repeat #fbffef; text-align:center; padding-top:4.333rem; padding-bottom:1.5rem; }
.chamcham_wrap .chamcham_top .box					{ background:#fbffef; padding:1.667em 0 8em 0; text-align:center }
.chamcham_wrap .point_Txt							{ font-size:1.733rem; line-height:1.4; color:#4d4d4d; font-weight:400; margin-top:40px; text-align:center; letter-spacing:-.05em }								
.chamcham_wrap .point_Txt strong					{ display:inline-block; border-bottom:1px solid #4d4d4d; font-weight:700; letter-spacing:-.02em }
.chamcham_wrap .chamcham_top .box .point_Txt strong	{ display:table; font-weight:700; margin:0 auto .5rem auto; letter-spacing:-.02em }
.chamcham_wrap .intro_con_list						{ display:flex; flex-wrap:wrap; margin-top:4.333rem }
.chamcham_wrap .intro_con_list>li					{ width:23.5%; }
.chamcham_wrap .intro_con_list>li+li				{ margin-left:2%; }
.chamcham_wrap .intro_con_list .icon				{ position:relative;  margin:0 auto; z-index:2 }
.chamcham_wrap .intro_con_list .box 				{ position:relative; min-height:11rem; border-radius:1.5em; padding:5.33rem 1rem 2rem 1rem; margin-top:-4rem;  background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); z-index:1 }
.chamcham_wrap .intro_con_list .box strong			{ display:table; font-size:1.6em; color:#222; line-height:1.6; letter-spacing:-.06em; margin:0 auto; border-bottom:1px solid #4ec05d }
.chamcham_wrap .intro_con_list .box .text			{ display:block; font-size:1.2em; margin-top:1rem; font-weight:300; color:rgba(34,34,34,.54); line-height:1.3; letter-spacing:-.06em; word-wrap:break-word; word-break:keep-all; }
.chamcham_wrap .chamcham_sec						{ margin-top:5rem }
.chamcham_wrap .full_list							{ margin-top:3rem; display:none }
.chamcham_wrap .full_list>li						{ float:none;}
.chamcham_wrap .full_list>li+li						{ margin-top:2rem }
.chamcham_wrap .full_list>li .img					{ float:left; width:43.75%; position:relative; padding-top:25.447%; border-radius:1.5em; overflow:hidden }
.chamcham_wrap .full_list>li .img	img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
														-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.chamcham_wrap .full_list>li .cont					{ float:right; width:53%; padding-top:2rem }
.chamcham_wrap .full_list>li .cont strong			{ display:block; font-size:1.867rem; color:#222; letter-spacing:-.07em; white-space:nowrap; text-overflow:ellipsis; font-weight:500; margin-bottom:.75rem; margin-top:2.5rem; 
														overflow:hidden; font-weight:500; line-height:1.1; }
.chamcham_wrap .full_list>li .cont strong em		{ font-weight:700 }
.chamcham_wrap .full_list>li .cont .txt				{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.133rem; letter-spacing:-.06em; color:rgba(34,34,34,.64); line-height:1.3;
														font-weight:300; word-wrap:break-word; word-break:keep-all; }	
.chamcham_wrap .inline								{ display:block; margin-top:1.5rem; }
.chamcham_wrap .inline>li							{ display:inline-block; font-size:1.167rem; font-weight:500; color:#666; letter-spacing:-.05em }
.chamcham_wrap .inline>li img						{ display:inline-block; vertical-align:middle; margin-right:.5em; margin-top:-5px; }
.chamcham_wrap .inline>li+li						{ margin-left:3rem }
.chamcham_wrap .chamcham_sec .list_03				{ display:flex; flex-wrap:wrap; margin-top:4rem }
.chamcham_wrap .chamcham_sec .list_03>li			{ width:32%; }
.chamcham_wrap .chamcham_sec .list_03>li+li			{ margin-left:2%; }
.chamcham_wrap .chamcham_sec .list_03 .img			{ width:100%; position:relative; padding-top:79.523%; border-radius:1.5em; overflow:hidden }	
.chamcham_wrap .chamcham_sec .list_03 .img img		{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
														-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:-1}
.chamcham_wrap .chamcham_sec .list_03 .speech		{ margin-bottom:-1rem; }
.chamcham_wrap .chamcham_sec .list_03 .cont			{ padding:1.5rem; }
.chamcham_wrap .chamcham_sec .list_03 strong		{ display:block; font-size:1.8rem; color:#222; letter-spacing:-.07em; white-space:nowrap; text-overflow:ellipsis; font-weight:500; margin-bottom:.5rem;
														overflow:hidden; font-weight:500; line-height:1.1; }
.chamcham_wrap .chamcham_sec .list_03 .cont .txt	{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:1.133rem; letter-spacing:-.06em; color:rgba(34,34,34,.64); line-height:1.3;
														font-weight:300; word-wrap:break-word; word-break:keep-all; }

.chamcham_wrap .chamcham_bottom						{ margin-top:5rem }
.chamcham_wrap .chamcham_bottom .bg_tit				{ display:table; width:23rem; height:8rem; margin:0 auto -2rem auto; border-radius:50rem 50rem 0 0; background:#edf9ee; padding-top:3rem }
.chamcham_wrap .chamcham_bottom .bg_box				{ background:#edf9ee; padding:6rem 0 9rem 0 }
.chamcham_wrap .chamcham_bottom	div.clearfix		{ display:flex; flex-wrap:wrap; }
.chamcham_wrap .chamcham_bottom	.bg					{ position:relative; width:100%; height:0; padding-top:19rem; border-radius:1.5rem; overflow:hidden }
.chamcham_wrap .chamcham_bottom	.bg	img				{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
														-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); object-fit:cover; -o-object-fit:cover;}
.chamcham_wrap .chamcham_bottom .left				{ width:63%; }
.chamcham_wrap .chamcham_bottom .list_02			{ display:flex; flex-wrap:wrap; }
.chamcham_wrap .chamcham_bottom .list_02>li			{ width:49%; position:relative }
.chamcham_wrap .chamcham_bottom .list_02>li+li		{ margin-left:2%; }
.chamcham_wrap .chamcham_bottom .list_02>li .cont					{ position:absolute; top:0; left:0; padding:3rem 0 0 2.5rem; color:#fff; }
.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit				{ font-weight:500; margin-bottom:.3em; font-size:2.2em; line-height:1.2; letter-spacing:-.075em;}
.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit strong		{ font-weight:500; }
.chamcham_wrap .chamcham_bottom .list_02>li .cont .small			{ font-size:1.12em; font-weight:300; letter-spacing:-.05em; line-height:1.4;}
.chamcham_wrap .chamcham_bottom .right				{ margin-left:3%; width:34%; }
.chamcham_wrap .chamcham_bottom .txt				{ margin-top:1rem; font-size:1.2rem; letter-spacing:-.05em; color:#a2a6a2; text-align:left; margin-bottom:1.5rem}
.chamcham_wrap .chamcham_bottom .btn				{ display:block; background:#4ec05d; padding:1rem 0; text-align:center; border-radius:5rem; box-shadow:4px 4px 5px rgba(0,0,0,.05); margin-top:3rem }

@media all and (max-width:1268px){	
	.chamcham_wrap .intro_con_list .box .text br		{ display:none; }
	.chamcham_wrap .full_list>li .cont					{ padding-top:1rem }
	.chamcham_wrap .chamcham_bottom .bg_box				{ padding:5rem 0 8rem 0; }
	.chamcham_wrap .chamcham_bottom .txt				{ font-size:1.15rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont	{ padding:2.5rem 0 0 2rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:2.1rem; }								
}
@media all and (max-width:1168px){	
	.chamcham_wrap .full_list>li .cont					{ padding-top:0; }
	.chamcham_wrap .chamcham_bottom .bg_box				{ padding-bottom:7rem; }
	.chamcham_wrap .chamcham_bottom .txt				{ font-size:1.1rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont	{ padding:2rem 0 0 1.5rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:2rem; }
}
@media all and (max-width:1024px){	
	.chamcham_wrap h4									{ font-size:2.033rem; }
	.chamcham_wrap .speech								{ font-size:1.15rem; }
	.chamcham_wrap .point_Txt							{ font-size:1.633rem }
	.chamcham_wrap .intro_con_list						{ margin-top:3.333rem; }
	.chamcham_wrap .intro_con_list>li					{ width:49%; }
	.chamcham_wrap .intro_con_list>li:nth-child(-n + 2)	{ margin-bottom:2%; }
	.chamcham_wrap .intro_con_list>li:nth-child(2n+1)	{ margin-left:0; }
	.chamcham_wrap .intro_con_list .box					{ min-height:8rem }
	.chamcham_wrap .full_list>li .cont strong			{ font-size:1.767rem; }
	.chamcham_wrap .chamcham_sec .list_03 strong		{ font-size:1.7rem; }
	.chamcham_wrap .chamcham_sec .list_03 .cont .txt,
	.chamcham_wrap .full_list>li .cont .txt				{ font-size:1.083rem }
	.chamcham_wrap .inline>li							{ font-size:1.107rem; }
	.chamcham_wrap .chamcham_bottom .bg_box				{ padding-bottom:6rem; }
	.chamcham_wrap .chamcham_bottom .txt				{ font-size:1.1rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont	{ padding:1.5rem 0 0 1.5rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:1.8rem; }
	.chamcham_wrap .chamcham_bottom .bg						{ padding-top:17rem }
	.chamcham_wrap .chamcham_bottom .btn img				{ max-height:58px; }
}
@media all and (max-width:968px){	
	.chamcham_wrap h4									{ font-size:1.833rem; }
	.chamcham_wrap .speech								{ font-size:1.05rem; }
	.chamcham_wrap .point_Txt							{ font-size:1.433rem }
	.chamcham_wrap .intro_con_list						{ margin-top:2rem; }
	.chamcham_wrap .full_list>li .cont strong			{ font-size:1.567rem; }
	.chamcham_wrap .chamcham_sec .list_03 strong		{ font-size:1.4rem; }
	.chamcham_wrap .chamcham_sec .list_03 .cont .txt,
	.chamcham_wrap .full_list>li .cont .txt				{ font-size:1rem }
	.chamcham_wrap .inline>li							{ font-size:.95rem; }
	.chamcham_wrap .chamcham_bottom .txt				{ font-size:1.05rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:1.6rem; }
}
@media all and (max-width:868px){
	.chamcham_wrap h4									{ font-size:1.733rem; }
	.chamcham_wrap .speech								{ font-size:1rem; }
	.chamcham_wrap .point_Txt							{ font-size:1.333rem }
	.chamcham_wrap .chamcham_top .box					{ padding:1.667em 0 7em 0 }
	.chamcham_wrap .intro_con_list .box					{ padding:5.33rem 1rem 2rem 1rem }
	.chamcham_wrap .full_list>li .cont strong			{ font-size:1.467rem; margin-top:2rem }
	.chamcham_wrap .chamcham_sec .list_03 strong		{ font-size:1.3rem; }
	.chamcham_wrap .inline								{ margin-top:1rem }
	.chamcham_wrap .full_list>li .cont .txt					{ -webkit-line-clamp:1 }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:1.5rem; }
	.chamcham_wrap .chamcham_sec .list_03 .cont				{ padding:1rem }
	.chamcham_wrap .chamcham_bottom .bg						{ padding-top:16rem }
	.chamcham_wrap .chamcham_bottom .btn img				{ max-height:48px; }
	.chamcham_wrap .chamcham_sec,
	.chamcham_wrap .chamcham_bottom							{ margin-top:4rem }
}
@media all and (max-width:768px){
	.chamcham_wrap h4									{ font-size:1.633rem; }
	.chamcham_wrap .chamcham_top .box					{ padding:1.667em 0 6em 0 }
	.chamcham_wrap .intro_con_list .box					{ padding:5.33rem 1rem 2rem 1rem }
	.chamcham_wrap .intro_con_list .box strong			{ font-size:1.5em }
	.chamcham_wrap .intro_con_list .box .text			{ font-size:1.15em; }
	.chamcham_wrap .full_list>li .img					{ float:none; width:100%; padding-top:45.447% }
	.chamcham_wrap .full_list>li .cont					{ float:none; width:100%; margin-top:2%; }
	.chamcham_wrap .chamcham_sec .list_03				{ margin-top:3rem }
	.chamcham_wrap .inline>li+li						{ margin-left:1.5rem; }
	.chamcham_wrap .full_list>li .cont .txt					{ -webkit-line-clamp:2 }
	.chamcham_wrap .chamcham_bottom .list_02>li .cont .tit	{ font-size:1.4rem; }
	.chamcham_wrap .chamcham_bottom .left					{ width:100%; }
	.chamcham_wrap .chamcham_bottom .right					{ margin-left:0; width:100%; margin-top:2rem }
	.chamcham_wrap .chamcham_sec .list_03 .cont				{ padding:1rem }
	.chamcham_wrap .chamcham_bottom .bg						{ padding-top:15rem }
	.chamcham_wrap .chamcham_bottom .right .bg				{ padding-top:70% }
}
@media all and (max-width:768px){
	.chamcham_wrap .point_Txt								{ padding-left:1rem; padding-right:1rem }
	.chamcham_wrap h2 img									{ max-width:80% }
	.chamcham_wrap h3 img									{ max-width:60% }
}
@media all and (max-width:668px){
	.chamcham_wrap .chamcham_sec .list_03>li				{ width:100%; }
	.chamcham_wrap .chamcham_sec .list_03>li+li				{ margin-left:0; margin-top:2%; }
	.chamcham_wrap .chamcham_sec .list_03					{ margin-top:2rem; padding-top:2rem; border-top:1px solid rgba(0,0,0,.1); }
	.chamcham_wrap .chamcham_sec .list_03>li .img			{ padding-top:72.447%; }
	.chamcham_wrap .chamcham_sec .list_03 .cont				{ padding-left:0; }
}
@media all and (max-width:568px){
	.chamcham_wrap .point_Txt								{ margin-top:30px; }
	.chamcham_wrap .intro_con_list>li						{ width:100%; }
	.chamcham_wrap .intro_con_list>li+li					{ margin-left:0; margin-top:2%; }
	.chamcham_wrap .intro_con_list>li:nth-child(-n + 2)		{ margin-bottom:0; }
	.chamcham_wrap .intro_con_list .icon img				{ max-width:89px; }
	.chamcham_wrap .intro_con_list .box						{ min-height:inherit; }
	.chamcham_wrap .full_list>li .img						{ padding-top:79.447%; }
	.chamcham_wrap .chamcham_bottom .btn img				{ max-height:38px; }
	.chamcham_wrap .full_list								{ margin-top:2rem }
	.chamcham_wrap .chamcham_bottom .bg_tit					{ width:18rem; height:7rem; }
	.chamcham_wrap .chamcham_bottom .list_02>li				{ width:100%; }
	.chamcham_wrap .chamcham_bottom .list_02>li+li			{ margin-left:0; margin-top:2%; }
	.chamcham_wrap .chamcham_bottom .bg						{ padding-top:13rem }
	
}
@media all and (max-width:468px){
	.chamcham_wrap .point_Txt								{ font-size:1.133rem; }
	.chamcham_wrap .intro_con_list .box strong				{ font-size:1.4em }
	.chamcham_wrap .full_list>li .cont strong				{ font-size:1.367rem; white-space:inherit; }
	.chamcham_wrap .speech									{ font-size:.85rem; padding:.4rem 1.5rem }
	.chamcham_wrap .speech::before							{ left:9px; bottom:-12px; border-right:17px solid #4ec05d; border-bottom: 14px solid transparent;}
	.chamcham_wrap .chamcham_bottom .bg_tit					{ width:13rem; height:5rem; }
	.chamcham_wrap .chamcham_sec .list_03>li .img			 { padding-top:69.447%;}
}
@media all and (max-width:414px){
	.chamcham_wrap .chamcham_top_visual						{ padding-bottom:2.5rem; }
}
@media all and (max-width:368px){
	.chamcham_wrap .chamcham_top_visual						{ padding-bottom:3.5rem; }
	.chamcham_wrap .point_Txt								{ font-size:1.08rem; }
	.chamcham_wrap .full_list>li .img						{ padding-top:65.447%; }
	.chamcham_wrap .chamcham_bottom .bg_box					{ padding-top:4rem; padding-bottom:5rem }
	.chamcham_wrap .chamcham_bottom .bg_tit					{ width:11rem; height:5rem; padding-top:2rem }
}


/* 여행도우미>관광마케팅 종합지원센터 */
.marketing_tit_bg				{ margin-bottom:0; padding:90px 0 90px; text-align:center; background:#6ab7a7 url(/board/download.do?boardId=Resources&startPage=1&dataSid=5757&command=update&fileSid=65722) no-repeat 50%}
.marketing_tit_bg h3                      {font-size:2rem;}
.marketing_intro				{ padding:8em 0 5em; background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=5757&command=update&fileSid=65723) no-repeat 50% 0}
.marketing_intro .con			{ width:95%; max-width:1120px; margin:0 auto; text-align:center;}
.marketing_intro .con>li		{ display:inline-block; *display:inline; max-width:240px; margin:.5em;}
.marketing_intro .con>li h4		{ padding:1.2em 2em 1.2em 5em; font-size:1.21em; color:#fff; letter-spacing:-.03em; text-align:left; line-height:1.4; word-break:keep-all; background-image:url(/board/download.do?boardId=Resources&startPage=1&dataSid=5757&command=update&fileSid=65724); background-repeat:no-repeat; background-position:1.5em 50%}
.marketing_intro .con>li.blue h4	{ line-height:46px}
.marketing_intro .con>li div		{ height:265px; padding-top:25px; background:#fff; border:1px solid #e1e1e1; border-top:0}
.marketing_intro .con>li div p	{ width:174px; height:174px; overflow:hidden; margin:0 auto; line-height:0; border-radius:50%}
.marketing_intro .link			{ padding-top:25px; font-size:0}
.marketing_intro .link li		{ display:inline-block; *display:inline; width:100% }
.marketing_intro .blue .link li	{ width:50%;}
.marketing_intro .blue .link li:last-child	{ width:100%;}
.marketing_intro .link li a		{ display:block; font-size:14px; color:#fff; padding:1.7em 0; border-top:1px solid #fff}
.marketing_intro .blue .link li a		{padding:.5em 0;}
.marketing_intro .link li+li:nth-child(2n) a { border-left:1px solid #fff}
.marketing_sns				{ display:flex; align-items:center; gap:.5em; max-width:500px; margin:3.5em auto 0; padding:1.8em; text-align:center; background:#f3f3f3;}
.marketing_sns li			{ flex:1}
.marketing_sns li a		{ display:block; overflow:hidden; border-radius:.8em}

@media all and (max-width:1100px){
	.marketing_intro .con>li		{ max-width:100%; width:23%; margin:.5%;}
}
@media all and (max-width:1040px){
	.marketing_intro				{ padding-top:8%}
	.marketing_intro .con>li		{ width:48.5%;}
	.marketing_intro .con>li.blue h4	{ line-height:1.3}
}
@media all and (max-width:680px){
	.marketing_tit_bg				{ padding:50px 0; background-size:cover}

	.marketing_intro .con>li		{ width:98%;}
	.marketing_sns			{ width:95%;}
}



/* 여행도우미>관광마케팅 종합지원센터>센터소개 */
.marketing_info                                                           { margin-bottom:2rem;  }
.marketing_info>section>h4						{ margin-bottom:1.5em; text-align:center; font-size:2.14em; color:#2a2a2a;}
.marketing_info>section							{ width:95%; max-width:1120px; margin:0 auto; padding:6em 0; letter-spacing:-.025em}
.marketing_info .introduction						{ border-bottom:1px solid #e6e6e6}
.marketing_info .introduction>ul					{ display:flex; flex-wrap:wrap; justify-content:center; text-align:center}
.marketing_info .introduction>ul>li					{ display:inline-block; *display:inline; width:30%; margin:0 1.6%; text-align:left}
.marketing_info .introduction p					{ width:218px; height:218px; overflow:hidden; margin:0 auto; border-radius:50%;}
.marketing_info .introduction dt					{ margin:1.8em 0 1.3em; font-size:1.42em; font-weight:700; text-align:center;}
.marketing_info .introduction dd li					{ position:relative; padding:0 0 .5em 10px; color:#585858 }
.marketing_info .introduction dd li:after				{ position:absolute; left:0; top:.5em; width:4px; height:4px; border-radius:50%; content:""}
.marketing_info .introduction>ul>li:first-child dd li:after		{ background:#f2bb8f}
.marketing_info .introduction>ul>li:nth-child(2) dd li:after	{ background:#53b8b2}
.marketing_info .introduction>ul>li:last-child dd li:after		{ background:#9c7fbd}
.marketing_info .introduction .address				{ margin-top:3em; text-align:center; background:#fbf9fd; border-top:1px solid #f1e5ff; border-bottom:1px solid #f1e5ff;}
.marketing_info .introduction .address dt				{ display:inline-block; *display:inline; margin:0 5px 0 0; padding-left:40px; line-height:60px; background:url(/board/download.do?boardId=Resources&startPage=1&dataSid=5757&command=update&fileSid=65739) no-repeat 0 50%}
.marketing_info .introduction .address dd				{ display:inline-block; *display:inline; font-size:1.2em; color:#585858; line-height:60px;}

.marketing_info>section.team			{ padding-bottom:0}
.team .director                             { display:flex; align-items:center; width:140px; height:140px; margin:0 auto; background:#9653e4; border-radius:50%}
.team .director .ceo						{ margin: 0 auto; font-size:1.5em; text-align:center; color:#fff; line-height:1.4;}
.team table						{ width:100%; margin:5px 0 10px; text-align:center;}
.team table th, 
.team table td					{ padding:.9em 1.3em; border:1px solid #d8d8d8; font-size:1.13em; line-height:1.3; vertical-align:middle;}
.team table thead tr:first-child th		{ border-top:1px solid #a772e4; border-bottom:none;}
.team table thead tr:last-child th		{ border-bottom:1px solid #848484;}
.team table tbody tr:first-child th, 
.team table tbody tr:first-child td		{ border-top-color:#848484;}
.team table th:first-child, 
.team table td:first-child			{ border-left:none}
.team table th:last-child, 
.team table td:last-child			{ border-right:none}
.team table thead th		{ background:#faf7fd; color:#9653e4; font-weight:700;}
.team table tbody th		{ background:#fafafa; color:#555; font-weight:500;}
.team table .ceo			{ border:2px solid #6d6d6d}


@media all and (max-width:1040px){
	.marketing_info .introduction>ul>li				{ display:block; width:100%; margin:0 0 1.5em; zoom:1}
	.marketing_info .introduction>ul>li:after			{ display:block; clear:both; content:""}
	.marketing_info .introduction p				{ float:left; width:30%; height:auto; text-align:center; border-radius:0}
	.marketing_info .introduction ul dl				{ float:left; width:65%; margin-left:5%}
	.marketing_info .introduction dt				{ margin:1em 0; text-align:left; line-height:1.3}
}
@media screen and (max-width:1000px){
	.team table			{ font-size:12px}
	.team table th, 
	.team table td		{ padding:.5em}
}

@media all and (max-width:600px){
	.marketing_info>section>h4						{ margin-bottom:1em; font-size:1.8em; }

	.marketing_info .introduction p				{ float:none; width:100%; }
	.marketing_info .introduction ul dl				{ float:none; width:100%; margin-left:0}
	.marketing_info .introduction dt				{ margin:.8em 0 .5em; font-size:1.3em; line-height:1.3}
	.marketing_info .introduction .address			{ font-size:12px}

	.team .director                             { width:100px; height:100px; }
	.team .director .ceo						{ font-size:1.2em;}	
}
@media all and (max-width:500px){
	.marketing_info .introduction .address			{ padding:15px}
	.marketing_info .introduction .address dt,
	.marketing_info .introduction .address dd		{ line-height:2}
}