@charset "utf-8";

/******************************* 인트로 *******************************/ 
.travel_tip																	{ word-break:keep-all} 
.travel_tip img																{ max-width:100%}
.travel_tip.travel_tip_intro												{ position:relative;}
.travel_tip.travel_tip_intro::before										{ position:absolute; top:0; left:0; width:100%; height:900px; background:url(/images/visitjj/contents/tips/bg_intro.jpg) no-repeat 50% 50% / cover; z-index:-1; content:""}
.travel_tip .tip_top															{ margin-bottom:0; padding:7.33rem 6rem 4rem; text-align:center; color:#fff; }
.tip_top .tip_intro_badge												{ position:relative; padding:.2em 1em .2em 1.2em; font-size:1.3rem; font-weight:700; color:#fff; text-align:center; background:#a000ff; border-radius:2em}
.tip_top .tip_intro_badge::before										{ position:absolute; top:8%; left:-15px; width:33px; height:33px; background:url(/images/visitjj/contents/tips/img_intro_badge.png) no-repeat 50% 50% / cover; content:""}
.tip_top .tip_intro_badge::after											{ position:absolute; bottom:-9px; right:30%; width:21px; height:10px; background:url(/images/visitjj/contents/tips/bg_intro_badge.png) no-repeat 50% 50% / cover; content:""}
.travel_tip .tip_top .tip_tit												{ margin:.35em 0 .4em; font-size:3.06rem; letter-spacing:-.05em; font-weight:700; line-height:1.2;}
.travel_tip_intro .tip_top .tip_tit em									{ display:inline-block; position:relative; padding:.1em .2em 0; margin-top:-.2em; font-family:'ELAND_Nice_M', 'Noto Sans KR', 'Noto Sans SC', Arial, sans-serif; font-weight:normal; color:#c960ff; vertical-align:middle; border:1px solid rgba(196,95,255,.35) }		
.travel_tip_intro .tip_top .tip_tit em .square							{ position:absolute; width:8px; height:8px; background:#5b397b}
.travel_tip_intro .tip_top .tip_tit em .top_left						{ top:-4px; left:-4px;}
.travel_tip_intro .tip_top .tip_tit em .top_right						{ top:-4px; right:-4px;}
.travel_tip_intro .tip_top .tip_tit em .bot_left						{ bottom:-4px; left:-4px;}
.travel_tip_intro .tip_top .tip_tit em .bot_right						{ bottom:-4px; right:-4px;}
.travel_tip .tip_top .top_top_sum										{ font-size:1.33rem; letter-spacing:-.03em;}
.travel_tip .tip_top .tag													{ align-items:center; justify-content:center; gap:0 .7em; margin-top:1.2em; font-size:1.33rem; font-weight:700; letter-spacing:-.03em; opacity:.5}
.travel_tip .travel_tips														{ gap:2.5rem 2.3%; padding:5rem 3%; background:#fff; border-radius:2rem; }
.travel_tip .travel_tips .tip_card											{ width:31.8%; text-align:center;}		
.travel_tips .tip_card .img												{ position:relative; overflow:hidden; border-radius:4rem; border:1px solid #fff; -webkit-transition:all .3s ease; transition:all .3s ease;}
.travel_tips .tip_card a:hover .img,
.travel_tips .tip_card a:focus .img										{ border-color:#a000ff}
.travel_tips .tip_card .img img											{ width:100%}
.travel_tips .tip_card .img::after											{ position:absolute; bottom:0; left:0; right:0; width:100%; height:5em; background:linear-gradient(to top, rgba(0,0,0.006), rgba(0,0,0,.002)); content:''; }	
.travel_tips .tip_card .tip_cont											{ margin-top:-5rem; }
.travel_tips .tip_card .tip_cont h3										{ position:relative; margin:.15em 0 .9em; font-size:1.6rem; color:#fff; letter-spacing:-.03em;}
.travel_tips .tip_card .tip_cont .tip_label								{ display:inline-block; position:relative; padding:.1em .8em; font-size:.96rem; color:#fff; font-weight:500; letter-spacing:.05em; background:#a000ff; border-radius:2em}
.travel_tips .tip_card .tip_cont p										{ font-size:1.15rem; color:#585858; letter-spacing:-.04em; }
.travel_tips .tip_card a:hover .tip_cont p,
.travel_tips .tip_card a:focus .tip_cont p								{ text-decoration:underline}

.travel_tip.travel_tip_intro .more_tit					{ gap:.5em; margin:3.5rem auto 1em; padding-bottom:.3em; font-size:2.2rem; color:var(--purple); border-bottom:1px solid #e3ccf1}
.travel_tip .more_tit small								{ display:inline-block; position:relative; padding:0 .5em; font-size:.62em; letter-spacing:-.05em; font-weight:700; } 
.travel_tip .more_tit small::before,
.travel_tip .more_tit small::after						{ position:absolute; top:.4em; width:2px; height:.8em; background:var(--purple); content:""}
.travel_tip .more_tit small::before						{ left:0; }
.travel_tip .more_tit small::after						{ right:0;}
.travel_tip .more_tit em									{ font-family:'ELAND_Nice_M', 'Noto Sans KR', 'Noto Sans SC', Arial, sans-serif; font-weight:normal; letter-spacing:-.05em;}
.more_tips_items											{ justify-content:center; gap:2rem 2% }
.more_tips_items .item									{ justify-content:space-between; align-items:center; width:48%;}
/* 버튼이 2개인 항목은 한 줄을 다 쓰도록(외국어 3종 공통) */
.more_tips_items .item.full								{ width:98%}
.more_tips_items .item .icon							{ width:100px; height:100px; text-align:center; line-height:92px; background:var(--purple); border-radius:50%}
.more_tips_items .item .text								{ width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px)}
.more_tips_items .item .more_stit						{ align-items:center; gap:.5em}
.more_tips_items .item .more_stit em					{ font-size:1.6rem; letter-spacing:-.05em; font-weight:700;}
.more_tips_items .item .more_stit a					{ padding:.2em 1em; font-size:1.05rem; font-weight:300; color:var(--purple); letter-spacing:-.05em; border:1px solid; border-radius:2em; -webkit-transition:all .3s ease; transition:all .3s ease; }
.more_tips_items .item .more_stit a:hover,
.more_tips_items .item .more_stit a:focus			{ color:#fff; background:var(--purple)}
.more_tips_items .item .text>span:last-child,
.more_tips_items .item .text .txt					{ display:block; margin-top:.3em; font-size:1.23rem; letter-spacing:-.05em; color:#585858}



/******************************* TIP공통 *******************************/ 
.travel_tip .sub_top										{ background:no-repeat 50% 50% / cover}
.travel_tip .sub_top.black								{ color:#000}
.travel_tip .sub_top .contents_wrap					{ margin-bottom:3rem;}
.travel_tip .contents_wrap h3							{ margin:5rem 0 1rem}
.travel_tip .tip_sum										{ margin-bottom:1em; text-align:center; font-size:1.33rem; color:#585858; letter-spacing:-.05em;}

.travel_tip .tab_con										{ display:none}
.travel_tip .tab_con.on									{ display:block; margin-bottom:2rem;}

.grey_box													{ width:116%; margin-left:-8%; padding:3rem 8%; background:#f5f5f5}
.tips_basic													{ font-size:1.3rem; letter-spacing:-.025em; color:#010101; font-weight:300;}
.tip_dl															{ flex-wrap:wrap; justify-content:space-between; align-items:center; margin:.3em 0;}
.tip_dl.half													{ width:50%}
.tip_dl.full													{ width:100%}
.align_top													{ align-items:flex-start !important; }
.tip_dl dt														{ min-width:170px; padding:.2em 0 .3em; font-size:1.38rem; letter-spacing:-.05em; font-weight:700; text-align:center; background:#fff; border:1px solid; border-radius:2em }
.tip_dl dd													{ width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); padding:.5em 0; border-bottom:1px solid rgba(116,1,184,.2) }
.tip_dl .border_bot0										{ border-bottom-width:0;}	`
.tip_dl.half dd												{ border-bottom-width:1px;}
.tip_dl.align_top dt										{ margin-top:.2em;}
.tip_dl.align_top dd										{ padding:0;}
.grey_box .tip_dl dt										{ border:0;}



/**************** 도보해설투어 ****************/ 
.travel_tip.tip_walk .tab2						{ line-height:1.3;}
.travel_tip.tip_walk .tab2 span				{ display:block; overflow:hidden; font-size:.93em; opacity:.65; font-weight:400; text-overflow:ellipsis; white-space:nowrap;} 	
.travel_tip.tip_walk .tab2 li,
.travel_tip.tip_walk .tab2 li:first-child~li	{ width:25%}
.travel_tip.tip_walk .tip_dl dd strong		{ display:inline-block; }


/**************** 관광안내전화1330 ****************/ 
.tip_1330 .service_list											{ gap:40px;}
.tip_1330 .service_list li										{ display:flex; align-items:center; gap:0 50px; position:relative; width:calc(50% - 20px); padding:3rem 0 3.7rem 2.5rem; box-shadow:0 0 7px 6px rgba(0,0,0,.03); border-radius:1.5rem; background:#fff;}
.tip_1330 .service_list li .num								{ position:absolute; top:6px; right:30px; color:#cbcbcb; font-size:3.9rem; font-family:"Montserrat", sans-serif; font-weight:100;}
.tip_1330 .service_list .ic_wrap                                    { display:flex; align-items:center; flex-direction:column; text-align:center; font-size:1.333rem; font-weight:500; letter-spacing:-.04em;}
.tip_1330 .service_list .ic_wrap span                               { line-height:1.2;}
.tip_1330 .service_list .ic_service_bg                              { display:flex; justify-content:center; align-items:center; margin-bottom:12px; width:88px; height:88px; text-align:center; line-height:88px; border-radius:50%;}
.tip_1330 .service_list .ic_service_bg img                          { display:inline-block; vertical-align: middle;}
.tip_1330 .service_list li:nth-of-type(1) .ic_service_bg            {background-color:#fff371;}
.tip_1330 .service_list li:nth-of-type(1) .ic_service_bg img        {width:60%;}
.tip_1330 .service_list li:nth-of-type(2) .ic_service_bg            {background-color:#d7fbcf;}
.tip_1330 .service_list li:nth-of-type(2) .ic_service_bg img        {width:50%;}
.tip_1330 .service_list li:nth-of-type(3) .ic_service_bg            {background-color:#ffcdfc;}
.tip_1330 .service_list li:nth-of-type(3) .ic_service_bg img        {width:40%;}
.tip_1330 .service_list li:nth-of-type(4) .ic_service_bg            {background-color:#c4ddff;}
.tip_1330 .service_list li:nth-of-type(4) .ic_service_bg img        {width:40%;}
.tip_1330 .service_list li .con_wrap em								{font-size:1.733rem; font-weight:700; color:#222; letter-spacing:-.04em;}
.tip_1330 .service_list li .con_wrap p			 {margin-top:1rem; font-size:1.2rem; font-weight:400; color:#787878; line-height:1.5;}

.tip_1330 .service_tit							{ margin:1.5rem 0 .8em; padding:0 0 .5em 1.5em; font-size:1.73rem; letter-spacing:-.06em; color:var(--purple); background:no-repeat 0 30%; border-bottom:1px solid rgba(116,1,184,.2);}
.tip_1330 .info_txt + .service_tit			{ margin-top:4rem;}
.tip_1330 .service_tit b						{ font-weight:700;}
.tip_1330 .qr_list								{ justify-content:center; gap:.5rem 2%; margin-top:1.2rem;}
.tip_1330 .qr_list li								{ display:flex; justify-content:space-between; align-items:center; width:23.5%; padding:1.2rem; font-size:1.3rem; font-weight:700; border-radius:1.5rem; box-shadow:0 0 7px 6px rgba(0,0,0,.03);  background:#fff;}
.tip_1330 .qr_list .text							{ display:flex; justify-content:space-between; align-items:center; line-height:1.2;}
.tip_1330 .qr_list li img.qr                   { width:84px; height:84px; margin-right:0;}
.tip_1330 .qr_list li .icon						{ width:35px; height:35px; margin-right:5px}
.tip_1330 .info_txt								{ display:block; margin:1em 0; font-size:1.33rem; letter-spacing:-.05em; font-weight:300; color:#585858; text-align:center;;}
.tip_1330 .link                                   { display:block; max-width:300px; margin:2rem auto; padding:.7em 2em; font-size:1.26rem; color:#000; letter-spacing:-.04em; text-align:center; border:1px solid #a6a6a6; border-radius:2em; }   


/**************** 관광지도 ****************/ 
.travel_tip.tip_map .sub_top	{ padding-bottom:6rem;}
.tip_map_link					{ margin-top:-3.65rem;}
.tip_map_link dl				{ position:relative; width:33.33%; border-bottom:1px solid #7401b8}
.tip_map_link dl + dl			{ border-left:1px solid #d5b2ea}
.tip_map_link dt				{ padding:.6em 1.5rem .6em 4rem; font-size:1.4rem; color:#fff; font-weight:500; letter-spacing:-.03em; background:no-repeat 1.3rem 52%}
.tip_map_link dd				{ padding:.6em 1.5rem .9em 4rem; font-size:1.16rem; letter-spacing:-.03em; background:#fff; }
.tip_map_link dd .btn			{ position:absolute; top:1.1em; right:1.5em; font-size:1.03rem; color:#dccbeb; font-weight:300; letter-spacing:-.05em;}
.tip_map_link .view dt		{ background-color:rgba(116,1,184,.5); background-image:url(/images/visitjj/contents/tips/icon_tip_map01.png) }
.tip_map_link .down dt		{ background-color:rgba(116,1,184,.5); background-image:url(/images/visitjj/contents/tips/icon_tip_map02.png) }
.tip_map_link .apply dt		{ background-color:var(--purple); background-image:url(/images/visitjj/contents/tips/icon_tip_map03.png) }


/**************** 주차장 ****************/ 
.tip_park .tip_park_items										{ margin:5rem auto}
.tip_park .tip_park_items>li									{ align-items:center; justify-content:space-between; position:relative; margin-top:2.5rem;}
.tip_park .tip_park_items .img								{ width:26.9%; overflow:hidden; border-radius:1.5rem; }
.tip_park .tip_park_items .text								{ width:69.9%}
.tip_park .tip_park_items .text::before						{ position:absolute; bottom:0; right:0; width:69.9%; height:1px; background:#ddd; content:""}
.tip_park .tip_park_items .text .park_name				{ margin-bottom:1.4rem;}
.tip_park_items .text .park_name em						{ font-size:1.93rem; letter-spacing:-.06em; font-weight:700; color:#000; vertical-align:middle}
.tip_park_items .text .park_name a						{ display:inline-block; position:relative; margin-left:.3em; padding:0 1em .2em 0; font-size:1rem; font-weight:300; color:var(--purple); letter-spacing:-.005em; vertical-align:middle }
.tip_park_items .text .park_name a::before				{ position:absolute; left:0; bottom:0; height:1px; width:100%; background:var(--purple); content:"" }
.tip_park_items .text .park_name a::after					{ position:absolute; right:0; bottom:.25em; height:1px; width:.6em; background:var(--purple); transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); content:"" }
.tip_park_items .text .park_info dl							{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:.5em 0;  }
.tip_park_items .text .park_info dt							{ width:4rem; padding:0 0 .1em; font-weight:700; font-size:1.1rem; letter-spacing:-.05em; color:var(--purple); text-align:center; border:1px solid; border-radius:2em}
.tip_park_items .text .park_info dd						{ width:-webkit-calc(100% - 4.5rem); width:-moz-calc(100% - 4.5rem); width:calc(100% - 4.5rem); font-size:1.26rem; letter-spacing:-.025em; }	
.tip_park_items .text .park_info dd small					{ display:inline-block; font-size:.89em; letter-spacing:-.02em; color:#424242}


/**************** 셔틀버스 ****************/ 
.tip_bus .tip_sum.course									{ align-items:center; justify-content:center; gap:.2em 2rem; font-weight:500; color:#212121}
.tip_bus .tip_sum.course span							{ position:relative;}
.tip_bus .tip_sum.course span + span::before		{ position:absolute; left:-1.6rem; top:.6em; width:23px; height:23px; color:#fff; font-size:.55em; line-height:22px; background:var(--purple); border-radius:50%; content:"▶"}
.travel_tip .map_area										{ position:relative; width:100%; height:500px; }
.travel_tip .map_area iframe 							{ width:100% !important; height:100%;}
.travel_tip .map_area .map_btn						{ position:absolute; bottom:0; right:0; z-index:1; padding:.3em 1em .5em; font-size:1em; color:#7401b8; letter-spacing:-.05em; background:#fff; border:1px solid;}


@media all and (max-width:1500px){
	/* TIP공통 */ 
	.grey_box													{ width:108%; margin-left:-4%; padding:3rem 4%; }
}
@media all and (max-width:1368px){
	/* TIP공통 */ 
	.grey_box													{ width:calc(100% + 2.5rem); margin-left:-1.25rem; padding:1.5rem 1.25rem; }

	/* 관광안내전화1330 */ 
	.tip_1330 .service_list								{ gap:16px; padding:2rem 2.4rem;}
	.tip_1330 .service_list li .num					{ top:10px; right:24px; font-size:3rem;}
	.tip_1330 .service_list li							{ gap:0 24px; width:calc(50% - 8px); padding:60px 20px 40px; }
	.tip_1330 .service_list li p br						{ display:none;}
	.tip_1330 .qr_list li									{ font-size:1.2rem;}
}
@media all and (max-width:1200px){
	/* 인트로 */ 
	.travel_tip .tip_top															{ padding:4.5rem 1.5rem 2.5rem}
	.travel_tip .tip_top .tip_tit												{ font-size:2.6rem; }
	.travel_tip .tip_top .top_top_sum,
	.travel_tip .tip_top .tag													{ font-size:1.17rem;}

	.travel_tip .travel_tips														{ padding:3.5rem 3%}
	.travel_tip.travel_tip_intro::before										{ height:500px}

	/* 관광지도 */ 
	.travel_tip.tip_map .sub_top					{ padding-bottom:3rem;}
	.tip_map_link									{ margin-top:-2.8rem;}
	.tip_map_link dt								{ padding:.4em 1rem .4em 3.5rem; font-size:1.25rem; background-size:28px auto}
	.tip_map_link dd								{ padding:.4em 1rem; font-size:1.1rem; }
	.tip_map_link dd .btn							{ top:.75em; right:1em; font-size:1rem;}
}
@media all and (max-width:1024px){
	/* 인트로 */ 
	.travel_tips .tip_card .tip_cont											{ margin-top:-4.5rem; }
	.travel_tips .tip_card .tip_cont h3										{ font-size:1.4rem;}
	.travel_tips .tip_card .tip_cont .tip_label								{ font-size:.88rem; }
	.travel_tips .tip_card .tip_cont p										{ font-size:1.08rem;  }
	.travel_tip .travel_tips														{ gap:2rem 1.5%; padding:3rem 1rem 1.5rem }
	.travel_tip .travel_tips .tip_card											{ width:32.33%}

	.travel_tip.travel_tip_intro .more_tit					{ gap:.3em; margin:2.5rem auto 1em; font-size:2rem; }
	.more_tips_items .item .icon							{ width:80px; height:80px; line-height:72px; }
	.more_tips_items .item .icon img						{ width:45%}
	.more_tips_items .item .text								{ position:relative; width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); padding-bottom:2.2rem;}
	.more_tips_items .item .more_stit em					{ font-size:1.35rem; }
	.more_tips_items .item .more_stit a					{ position:absolute; bottom:0; left:0; padding:.1em .9em; font-size:.97rem; }
	.more_tips_items .item .more_stit a + a				{ left:6.5rem}
	.more_tips_items .item .text .txt,
	.more_tips_items .item .text>span:last-child			{ font-size:1.07rem; }

	/* TIP공통 */ 
	.travel_tip .contents_wrap h3							{ margin:3.5rem 0 .5rem}
	.travel_tip .tip_sum										{ font-size:1.22rem;}
	.tips_basic													{ font-size:1.16rem; }
	.tip_dl dt														{ min-width:120px; font-size:1.25rem;  }
	.tip_dl dd													{ width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px); width:calc(100% - 135px); padding:.3em 0; }

	/* 관광안내전화1330 */ 
	.tip_1330 .service_list .ic_wrap							{ font-size:1.18rem;}
	.tip_1330 .service_list li									{ padding:2rem 1rem 1.5rem;}
	.tip_1330 .service_list li .num							{ top:.5rem; right:1.2rem; font-size: 2.4rem;}
	.tip_1330 .service_list li .con_wrap em				{ font-size:1.5rem; line-height:1.2;}
	.tip_1330 .service_list li .con_wrap p					{ margin-top:.7rem; font-size:1.16rem; line-height:1.3}
	.tip_1330 .service_list .ic_service_bg					{ width:60px; height:60px; margin-bottom:.3em;}

	.tip_1330 .service_tit										{ margin:1.2rem 0 1em; padding:0 0 .3em 1.5em; font-size:1.5rem; }
	.tip_1330 .qr_list .text										{ justify-content:center; min-height:1.8em}
	.tip_1330 .qr_list li											{ flex-direction:column; font-size:1.15rem;}
	.tip_1330 .qr_list li											{ text-align:center;}
	.tip_1330 .qr_list li .icon									{ width:25px; height:25px; }
	.tip_1330 .qr_list li img.qr								{ width:75px; height:75px;}
	.tip_1330 .qr_list .text br									{ display:none}
	.tip_1330 .info_txt											{ margin:.5em 0; font-size:1.2rem; }

	/* 도보해설투어 */ 
	.tip_dl.half													{ width:100%}

	/* 주차장 */ 
	.tip_park .tip_park_items>li									{ align-items:flex-start; margin-top:2rem;}
	.tip_park .tip_park_items .text,
	.tip_park .tip_park_items .text::before						{ width:71%; }
	.tip_park .tip_park_items .text .park_name				{ margin-bottom:.7rem;}
	.tip_park_items .text .park_name em						{ font-size:1.65rem; }
	.tip_park_items .text .park_info dl							{ margin:.3em 0;  }
	.tip_park_items .text .park_info dt							{ width:3.5rem; font-size:1rem; }
	.tip_park_items .text .park_info dd						{ width:-webkit-calc(100% - 4rem); width:-moz-calc(100% - 4rem); width:calc(100% - 4.em); font-size:1.15rem;  }	
}
@media all and (max-width:968px){
	/* 관광안내전화1330 */ 
	.tip_1330 .service_list li										{ width:100%}
}
@media all and (min-width:669px){
	/* 관광안내전화1330 */ 
	.m_display										{ display:none;}
}
@media all and (max-width:768px){
	/* 인트로 */ 
	.travel_tip .tip_top															{ padding:3.5rem 1rem .5rem}
	.travel_tip .tip_top .tip_tit												{ font-size:2rem; }
	.tip_top .tip_intro_badge												{ min-width:11em; padding:.2em 1em .2em 1.2em; font-size:1.06rem; }
	.tip_top .tip_intro_badge::before										{ left:-8px; width:25px; height:25px; }
	.travel_tip_intro .tip_top .tip_tit em									{ padding:.1em .1em 0}
	.travel_tip_intro .tip_top .tip_tit em .square							{ width:5px; height:5px; background:#5b397b}
	.travel_tip_intro .tip_top .tip_tit em .top_left						{ top:-2px; left:-2px;}
	.travel_tip_intro .tip_top .tip_tit em .top_right						{ top:-2px; right:-2px;}
	.travel_tip_intro .tip_top .tip_tit em .bot_left						{ bottom:-2px; left:-2px;}
	.travel_tip_intro .tip_top .tip_tit em .bot_right						{ bottom:-2px; right:-2px;}
	.travel_tip .tip_top .top_top_sum,
	.travel_tip .tip_top .tag													{ font-size:1.06rem;}
	.travel_tip .tip_top .top_top_sum br									{ display:none}

	.travel_tips .tip_card .img::after											{ display:none}
	.travel_tips .tip_card .tip_cont											{ margin-top:.2em }
	.travel_tips .tip_card .tip_cont h3										{ margin-bottom:.3em; font-size:1.28rem; color:#000; line-height:1.2;}
	.travel_tips .tip_card .tip_cont .tip_label								{ font-size:.8rem; }
	.travel_tips .tip_card .tip_cont p										{ font-size:1rem; line-height:1.3;}

	/* TIP공통 */ 
	.travel_tip .tip_sum										{ font-size:1.17rem;}
	.tips_basic													{ font-size:1.13rem; }

	/* 관광안내전화1330 */ 
	.tip_1330 .service_list li .con_wrap em				{ font-size:1.35rem; }
	.tip_1330 .service_list li .con_wrap p					{ margin-top:.3em; font-size:1rem; }
	.tip_1330 .service_list .ic_service_bg					{ width:50px; height:50px; margin-bottom:.2em;}
	.tip_1330 .service_list .ic_wrap							{ font-size:1.1rem;}
	.tip_1330 .service_tit										{ margin-bottom:.8em; padding-left:1.2em; font-size:1.3rem; background-size:25px}
	.tip_1330 .link											  { width:70%; padding:.6em 1.5em; font-size:1.12rem; }   

	/* 관광지도 */ 
	.tip_map_link									{ margin:-2.5rem auto 2rem;}
	.tip_map_link dt								{ padding:.4em 1rem .4em 3.5rem; font-size:1.12rem; background-size:23px auto}
	.tip_map_link dd								{ font-size:1rem; }

	/* 주차장 */ 
	.tip_park .tip_park_items .text .park_name				{ margin:.5rem 0;}
	.tip_park_items .text .park_name em						{ font-size:1.4rem; }
	.tip_park_items .text .park_info dl							{ align-items:flex-start; line-height:1.3; }
	.tip_park_items .text .park_info dt							{ font-size:.95rem; }
	.tip_park_items .text .park_info dd						{ font-size:1.1rem;  }	
}
@media all and (max-width:668px){
	/* 인트로 */ 
	.travel_tip .travel_tips														{ padding:2rem 1rem 1rem }
	.travel_tip .travel_tips .tip_card											{ width:49.25%}
	.travel_tips .tip_card .tip_cont h3										{ font-size:1.22rem;}
	.travel_tips .tip_card .tip_cont .tip_label								{ font-size:.7rem; }
	.travel_tips .tip_card .tip_cont p										{ font-size:.9rem;}
	.travel_tips .tip_card .tip_cont p br,
	.travel_tip .m_none														{ display:none}

	.travel_tip.travel_tip_intro .more_tit					{ margin:2rem auto 1em; font-size:1.7rem; }
	.more_tips_items .item									{ align-items:flex-start}
	.more_tips_items .item .icon							{ width:50px; height:50px; line-height:42px; }
	.more_tips_items .item .text								{ width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); padding-bottom:2rem;}
	.more_tips_items .item .more_stit em					{ font-size:1.2rem; }
	.more_tips_items .item .more_stit a					{ padding:.1em .7em; font-size:.88rem; }
	.more_tips_items .item .more_stit a + a				{ left:5.8rem}
	.more_tips_items .item .text span.txt,
	.more_tips_items .item .text>span:last-child			{ font-size:.98rem; }

	/* TIP공통 */ 
	.tip_dl															{ padding-top:.5 em;}
	.tip_dl dt														{ font-size:1.03rem;  }
	.tip_dl dd													{ width:100%; padding:.1em 0 .5em;  }
	.tip_dl.align_top dd										{ margin-top:.2em;}
	.tips_basic													{ font-size:1rem; }

	/* 관광안내전화1330 */ 
	.tip_1330 .service_list										{ padding:2rem 1.3rem;}
	.tip_1330 .service_list li									{ padding:1.3rem 1rem; gap:0 1rem}
	.tip_1330 .service_list li .con_wrap em				{ font-size:1.18rem;}
	.tip_1330 .service_list li .num,
	.tip_1330 .ic_wrap span:last-of-type					{ display:none;}
	.tip_1330 .qr_list li											{ justify-content:center; flex:1; position:relative; min-width:49%; padding:.6rem; font-size:1.02rem; border-radius:1rem; }
	.tip_1330 .qr_list li .text .qr								{ color:#969696; font-weight:300;}	
	.tip_1330 .qr_list li a										{ position:absolute; top:0; left:0; width:100%; height:100% }
	.tip_1330 .link												{ font-size:1em; }   

	/* 관광지도 */ 
	.tip_map_link												{ margin:-2.25rem auto 2rem;}
	.tip_map_link dt											{ padding:.4em .8rem .4em 2rem; font-size:1rem; background-size:1.1em auto; background-position-x:.7rem }
	.tip_map_link dd											{ padding:.4em .8rem; font-size:.92rem; }
	.tip_1330 .service_tit										{ padding-left:1.2em; font-size:1.25rem; background-size:22px; background-position-y:40%}
	.tip_1330 .info_txt											{ font-size:1rem;}

	/* 주차장 */ 
	.tip_park .tip_park_items									{ display:flex; flex-wrap:wrap; justify-content:space-between; margin:1.5rem auto 4rem}
	.tip_park .tip_park_items .img,
	.tip_park .tip_park_items .text,
	.tip_park .tip_park_items .text::before,
	.tip_park .tip_park_items .img img					{ width:100%}
	.tip_park_items .text .park_name em					{ font-size:1.13rem; line-height:1.1; }
	.tip_park_items .text .park_name a					{ font-size:.8rem;}
	.tip_park_items .text .park_info dt						{ width:3rem; font-size:.8rem; }
	.tip_park_items .text .park_info dd					{ font-size:.92rem;  }	
	.tip_park_items .text .park_info dl						{ margin:.7em 0}
	.tip_park_items .text .park_info dd					{ width:100%}
}
@media all and (max-width:768px) and (min-width:569px){
	/* 관광지도 */ 
	.tip_map_link dd .btn							{ position:relative; top:auto; right:auto; margin:.2em 0; padding:.1em .7em; font-size:.88rem; color:var(--purple); text-align:center; border:1px solid; border-radius:2em}
}

@media all and (max-width:568px){
	/* 인트로 */ 
	.travel_tip .tip_top .tip_tit								{ font-size:1.62em; }
	.travel_tips .tip_card .img									{ border-radius:2rem}
	.tip_top .tip_intro_badge								{ padding:.1em .7em .1em 1em; font-size:1rem; }
	.tip_top .tip_intro_badge::before						{ top:11%; width:20px; height:20px; }
	.travel_tip .tip_top .top_top_sum,
	.travel_tip .tip_top .tag									{ font-size:.95rem;}
	.travel_tip .sub_top .icon									{ width:75px; margin:0 auto}

	.travel_tip.travel_tip_intro .more_tit					{ gap:0 .2em; font-size:1.55rem;}
	.more_tips_items											{ flex-direction:column;}		
	.more_tips_items .item									{ width:100%}

	/* TIP공통 */ 
	.travel_tip .tip_sum										{ font-size:1.06rem;}
	.travel_tip .map_area										{ height:350px}
	.travel_tip .map_area .map_btn						{ padding:.2em .7em; font-size:.88rem;}

	/* 관광지도 */ 
	.tip_map_link												{ margin:-2.3rem auto 1rem;}
	.tip_map_link .view,
	.tip_map_link .down										{ display:none}
	.tip_map_link dl											{ width:100%; }
	.tip_map_link dl + dl										{ border-left:0; }
	.tip_map_link dd .btn										{ top:.6em; font-size:.88rem;}

	/* 도보해설투어 */ 
	.travel_tip.tip_walk .tab2 span							{ display:none;} 	

	/* 셔틀버스 */ 
	.tip_bus .tip_sum.course									{ gap:.1em 1.5rem;}
	.tip_bus .tip_sum.course span + span::before		{ left:-1.2rem; top:.7em; width:18px; height:18px; line-height:17px;}
	.tip_bus .over_table table								{ min-width:100%; font-size:.9rem; }
	.tip_bus .over_table th, 
	.tip_bus .over_table td									{ padding:.5em .2em}
}              


/*******************************************************************
	언어별 (외국어 페이지는 .travel_tip 에 .eng / .ch / .jp 부여)
*******************************************************************/
/*영문*/
.travel_tip.eng																	{ word-break:normal; overflow-wrap:break-word;}
/* 국문용 음수 자간을 영문 가독성에 맞게 넓힘 */
.travel_tip.eng .tip_top .tip_tit,
.travel_tip.eng .more_tit em,
.travel_tip.eng.tip_1330 .service_tit,
.travel_tip.eng.tip_park .tip_park_items .text .park_name em				{ letter-spacing:0;}
.travel_tip.eng .tip_top .top_top_sum,
.travel_tip.eng .tip_sum,
.travel_tip.eng .tips_basic,
.travel_tip.eng .travel_tips .tip_card .tip_cont h3,
.travel_tip.eng .travel_tips .tip_card .tip_cont p,
.travel_tip.eng .more_tips_items .item .more_stit em,
.travel_tip.eng .more_tips_items .item .text>span:last-child,
.travel_tip.eng.tip_1330 .service_list .ic_wrap,
.travel_tip.eng.tip_1330 .service_list li .con_wrap em,
.travel_tip.eng.tip_1330 .service_list li .con_wrap p,
.travel_tip.eng.tip_1330 .info_txt,
.travel_tip.eng.tip_park .tip_park_items .text .park_info dd,
.travel_tip.eng.tip_park .tip_park_items .text .park_info dd small		{ letter-spacing:.01em;}
.travel_tip.eng .tip_top .tag,
.travel_tip.eng .more_tit small,
.travel_tip.eng .more_tips_items .item .more_stit a,
.travel_tip.eng .tip_dl dt,
.travel_tip.eng .map_area .map_btn,
.travel_tip.eng.tip_1330 .link,
.travel_tip.eng.tip_park .tip_park_items .text .park_name a,
.travel_tip.eng.tip_park .tip_park_items .text .park_info dt,
.travel_tip.eng.tip_bus .over_table th										{ letter-spacing:.02em;}

/* 영문 - 관광안내전화1330 : 서비스명이 길어 아이콘열이 세로로 늘어나는 것 방지 */
.travel_tip.eng.tip_1330 .service_list .ic_wrap							{ min-width:6em;}
.travel_tip.eng.tip_1330 .service_list li p br								{ display:none;}
.travel_tip.eng.tip_1330 .service_list li								{ gap:0 20px}
.travel_tip.eng.tip_1330 .service_list li .con_wrap						{ padding-right:3em}
.travel_tip.eng.tip_1330 .service_list li .con_wrap em					{ line-height:1.2}
.travel_tip.eng.tip_1330 .link											{ max-width:400px}


/* 영문 - TIP 모아보기 : 제목이 길어 이미지 위 흰 글씨로는 잘리므로, 배지만 이미지에 겹치고 제목은 이미지 아래에 둠 */
/*                        (마크업에서 .tip_label 을 .img 안으로 옮김) */
.travel_tip.eng .travel_tips .tip_card .img .tip_label				{ display:inline-block; position:absolute; left:50%; bottom:1rem; z-index:1; padding:.1em .8em; font-size:.96rem; font-weight:500; color:#fff; letter-spacing:.05em; background:#a000ff; border-radius:2em; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.travel_tip.eng .travel_tips .tip_card .img::after					{ display:none;}
.travel_tip.eng .travel_tips .tip_card .tip_cont						{ margin-top:.7em;}
.travel_tip.eng .travel_tips .tip_card .tip_cont h3					{ margin:0 0 .35em; font-size:1.35rem; color:#111; line-height:1.25;}

/* 영문 - 도보해설투어 : 코스명이 길어 한 줄로는 말줄임되므로 두 줄까지 허용 */
.travel_tip.eng.tip_walk .tab2 span											{ font-size:.82em; line-height:1.2; white-space:normal; text-overflow:clip;}
.travel_tip.eng .tip_dl + .tip_dl										{ margin-top:1.5em}
.travel_tip.eng .tip_dl dt												{ display:inline-block; padding:0 1.5em }

/* 영문 - 주차장 : 「Location」이 dt 고정폭(4rem)을 넘어 라벨 밖으로 나오는 문제 */
.travel_tip.eng.tip_park .tip_park_items .text .park_info dt			{ width:7.5rem; padding:0 .7em;}
.travel_tip.eng.tip_park .tip_park_items .text .park_info dd			{ width:auto; flex:1 1 0; margin-left:.8rem;}
.travel_tip.eng.tip_park .tip_park_items .text .park_name em 			{ font-size:1.75rem}



/*중문*/
/* keep-all은 국문 전용 - 중문에 걸리면 문장이 끊기지 않아 화면 밖으로 넘침 */
/* overflow-wrap:anywhere - “Kkotsingi” 처럼 끊을 곳이 없는 덩어리의 넘침 방지 */
.travel_tip.ch																	{ word-break:normal; overflow-wrap:anywhere;}
/* 한자는 음수 자간이 과하므로 기본 자간으로 */
.travel_tip.ch .tip_top .tip_tit,
.travel_tip.ch .tip_top .top_top_sum,
.travel_tip.ch .tip_top .tag,
.travel_tip.ch .tip_sum,
.travel_tip.ch .tips_basic,
.travel_tip.ch .tip_dl dt,
.travel_tip.ch .more_tit small,
.travel_tip.ch .more_tit em,
.travel_tip.ch .map_area .map_btn,
.travel_tip.ch .travel_tips .tip_card .tip_cont p,
.travel_tip.ch .more_tips_items .item .more_stit em,
.travel_tip.ch .more_tips_items .item .more_stit a,
.travel_tip.ch .more_tips_items .item .text>span:last-child,
.travel_tip.ch.tip_1330 .service_tit,
.travel_tip.ch.tip_1330 .service_list .ic_wrap,
.travel_tip.ch.tip_1330 .service_list li .con_wrap em,
.travel_tip.ch.tip_1330 .info_txt,
.travel_tip.ch.tip_1330 .link,
.travel_tip.ch.tip_park .tip_park_items .text .park_name em,
.travel_tip.ch.tip_park .tip_park_items .text .park_name a,
.travel_tip.ch.tip_park .tip_park_items .text .park_info dt,
.travel_tip.ch.tip_park .tip_park_items .text .park_info dd,
.travel_tip.ch.tip_park .tip_park_items .text .park_info dd small		{ letter-spacing:0;}

/* 중문 - 카드 제목은 폭이 빠듯하므로 자간을 완전히 풀지 않음 */
.travel_tip.ch .travel_tips .tip_card .tip_cont h3						{ letter-spacing:-.02em;}
.travel_tip.ch .more_tit													{ align-items:center;}
.travel_tip.ch .more_tit em													{ font-family: 'Noto Sans SC', sans-serif; font-weight:700}


/* 중문 - 도보해설투어 : 코스명이 길어 한 줄로는 말줄임되므로 두 줄까지 허용 */
.travel_tip.ch.tip_walk .tab2 span											{ font-size:.85em; line-height:1.25; white-space:normal; text-overflow:clip;}




/*일문*/
/* keep-all은 국문 전용 - 일문에 걸리면 문장이 끊기지 않아 화면 밖으로 넘침 */
/* line-break:loose - 「」（）／ 등 금칙문자 앞뒤에서도 줄바꿈을 허용 */
/* overflow-wrap:anywhere - 「コッシンイ」·（Pungnammun 2-gil 60） 처럼 끊을 곳이 없는 덩어리의 넘침 방지 */
.travel_tip.jp																	{ word-break:normal; overflow-wrap:anywhere; line-break:loose;}

/* 일문 - 1330 */
.travel_tip.jp.tip_1330 .service_list li .con_wrap						{ padding-right:3em}
.travel_tip.jp.tip_1330 .service_list li .con_wrap em					{ line-height:1.2}
.travel_tip.jp.tip_1330 .link											{ max-width:450px; width:85%}

/* 일문 - 카드 제목은 폭이 빠듯하므로 자간을 완전히 풀지 않음 */
.travel_tip.jp .travel_tips .tip_card .tip_cont h3						{ letter-spacing:-.02em;}
.travel_tip.jp .more_tit													{ align-items:center;}
.travel_tip.jp .more_tit em													{ font-family:'Mochiy Pop One', 'Noto Sans JP', 'Noto Sans SC', sans-serif;}


/* 일문 - 도보해설투어 : 코스명이 길어 한 줄로는 말줄임되므로 두 줄까지 허용 */
.travel_tip.jp.tip_walk .tab2 span											{ font-size:.85em; line-height:1.25; white-space:normal; text-overflow:clip;}

/* 일문 - 주차장 : flex 아이템의 min-width:auto 때문에 dd가 내용보다 작아지지 못해 넘침 */
.travel_tip.jp.tip_park .tip_park_items .text .park_info dd				{ min-width:0;}


/*중문·일문 공통*/
/* 관광안내소(1_guide)는 상단 소개만 번역하고 안내소 목록은 국문으로 남으므로, 그 영역만 국문 줄바꿈 규칙을 유지 */
/* (영문은 본문까지 번역되어 이 규칙에서 제외) */
.travel_tip.ch .infoDesk_wrap,
.travel_tip.ch .small_txt,
.travel_tip.jp .infoDesk_wrap,
.travel_tip.jp .small_txt													{ word-break:keep-all; overflow-wrap:break-word; line-break:auto;}




/*3개 언어 공통*/
/* 도보해설투어 - 코스명이 길어 두 줄이 되는 탭이 있어 높이가 어긋나므로, 모든 탭을 같은 높이로 맞춤 */
/* ① 같은 줄의 탭끼리 높이를 맞추고 ② 코스명 자리를 두 줄로 확보해 윗줄·아랫줄까지 같은 높이가 되게 함 */
.travel_tip.eng.tip_walk .tab2 ul,
.travel_tip.ch.tip_walk .tab2 ul,
.travel_tip.jp.tip_walk .tab2 ul											{ display:flex; flex-wrap:wrap;}
.travel_tip.eng.tip_walk .tab2 li,
.travel_tip.ch.tip_walk .tab2 li,
.travel_tip.jp.tip_walk .tab2 li											{ display:flex; float:none;}
.travel_tip.eng.tip_walk .tab2 li a,
.travel_tip.ch.tip_walk .tab2 li a,
.travel_tip.jp.tip_walk .tab2 li a										{ display:flex; flex-direction:column; justify-content:center; width:100%;}
.travel_tip.eng.tip_walk .tab2 span,
.travel_tip.ch.tip_walk .tab2 span,
.travel_tip.jp.tip_walk .tab2 span										{ min-height:2.5em;}

@media all and (max-width:1368px){
	.travel_tip.jp.tip_1330 .service_list li .con_wrap					{ padding-right:0}
	.travel_tip.jp.tip_1330 .service_list .ic_wrap span.txt								{ display:none}
}
@media all and (min-width:768px){
	/*3개 언어 공통*/
	/* 관광지도 - 해당 언어 파일 1종만 노출되므로 4열용 컬럼폭을 전체 폭으로 바꾸고 버튼을 나란히 배치 */
	.travel_tip.eng.tip_map .map_boxbox li,
	.travel_tip.ch.tip_map .map_boxbox li,
	.travel_tip.jp.tip_map .map_boxbox li								{ width:100%; float:none;}
	.travel_tip.eng.tip_map .map_boxbox li a,
	.travel_tip.ch.tip_map .map_boxbox li a,
	.travel_tip.jp.tip_map .map_boxbox li a							{ width:44%;}
}
@media all and (max-width:767px){
	/*3개 언어 공통*/
	/* 관광지도 - Adobe 안내문이 국문보다 길어 버튼이 문장 중간에 끼어 보이므로 줄을 바꿔 배치 */
	.travel_tip.eng.tip_map .mapdown_wrap .right,
	.travel_tip.ch.tip_map .mapdown_wrap .right,
	.travel_tip.jp.tip_map .mapdown_wrap .right					{ display:block; margin-top:1rem;}
}
@media all and (max-width:1024px){
	/*3개 언어 공통*/
	/* TIP 더보기 - 버튼 2개를 한 덩어리로 묶어 제목 아래 나란히 배치 */
	.more_tips_items .item .more_stit .more_btn							{ position:absolute; bottom:0; left:0; display:flex; gap:3px; }
	.more_tips_items .item .more_stit .more_btn a 						{ position:relative;}
	.more_tips_items .item .more_stit .more_btn a + a					{ left:auto; }

	/*영문*/
	/* TIP 모아보기 - 카드가 좁아지는 만큼 제목도 줄임 */
	.travel_tip.eng .travel_tips .tip_card .tip_cont h3					{ font-size:1.2rem;}

	/* 도보해설투어 - 탭 폭이 좁아져 코스명이 세 줄까지 늘어나므로 글자를 줄이고 자리를 세 줄로 확보 */
	.travel_tip.eng.tip_walk .tab2 span										{ font-size:.78em; min-height:3.75em;}
	/* 주차장 */
	.travel_tip.eng.tip_park .tip_park_items .text .park_name em 			{ font-size:1.35rem}
}
@media all and (max-width:768px){
	/*중문*/
	/* 카드가 2열이 되는 구간 - 「」·“” 로 묶인 상호명은 금칙문자라 강제 줄바꿈으로도 끊기지 않으므로 크기로 맞춤 */
	.travel_tip.ch .travel_tips .tip_card .tip_cont h3					{ font-size:1.18rem;}

	/*일문*/
	.travel_tip.jp .travel_tips .tip_card .tip_cont h3					{ font-size:1.18rem;}
}
@media all and (max-width:668px){
	/*영문*/
	/* TIP 모아보기 - 카드가 2열이 되는 구간 */
	.travel_tip.eng .travel_tips .tip_card .img .tip_label				{ bottom:.5rem;}
	.travel_tip.eng .travel_tips .tip_card .tip_cont h3					{ font-size:1.05rem;}
	/* 1330 */ 
	.travel_tip.eng.tip_1330 .service_list li							{ flex-direction:column;}
	.travel_tip.eng.tip_1330 .service_list li .con_wrap					{ padding-right:0}
	.travel_tip.eng.tip_1330 .service_list .ic_wrap						{ min-width:auto;}
	.travel_tip.eng.tip_1330 .service_tit span							{ display:none}

	/* 주차장 - 라벨/내용이 세로로 쌓이는 구간 */
	.travel_tip.eng.tip_park .tip_park_items .text .park_info dd		{ width:100%; flex:none; margin-left:0;}
	.travel_tip.eng.tip_park .tip_park_items .text .park_name em 			{ font-size:1.13rem}

	/*중문*/
	/* 카드가 더 좁아지는 구간 */
	.travel_tip.ch .travel_tips .tip_card .tip_cont h3					{ font-size:1.08rem;}
	.travel_tip.ch .tourtable_wrap .basic_box h4::after					{ display:none}

	/*일문*/
	.travel_tip.jp .travel_tips .tip_card .tip_cont h3					{ font-size:1.08rem;}
	/* 주차장 - 라벨과 같은 줄에 눌리지 않도록 내용을 다음 줄 전체 폭으로 (숫자가 중간에 끊기는 것 방지) */
	.travel_tip.jp.tip_park .tip_park_items .text .park_info dd			{ flex-basis:100%;}
	.travel_tip.jp .tourtable_wrap .basic_box h4::after					{ display:none}
}
@media all and (max-width:768px) and (min-width:569px){
	/*3개 언어 공통*/
	/* 도보해설투어 - 탭 폭이 좁아지는 구간이라 코스명이 최대 네 줄까지 늘어나므로 자리를 네 줄로 확보 */
	.travel_tip.eng.tip_walk .tab2 span,
	.travel_tip.ch.tip_walk .tab2 span,
	.travel_tip.jp.tip_walk .tab2 span									{ min-height:5em;}
}
@media all and (max-width:568px){
	/*영문*/
	.travel_tip.eng .more_tit small										{ margin:0 auto}

	/*일문*/
	/* 주차장 - 「（1日最大5,000ウォン）」처럼 금칙문자로 묶인 덩어리가 있어 폭 대신 크기로 맞춤 */
	.travel_tip.jp.tip_park .tip_park_items .text .park_info dd			{ font-size:.87rem;}

	/*영문*/
	/* 셔틀버스 - 요일 머리글이 국문보다 길어 표가 넘침 */
	.travel_tip.eng.tip_bus .over_table table								{ font-size:.82rem;}
	.travel_tip.eng.tip_bus .over_table th,
	.travel_tip.eng.tip_bus .over_table td									{ padding:.5em .15em;}
}


/*영문 - 여행도우미 > 관광안내소 (본문까지 영문으로 번역된 페이지 전용)*/
.travel_tip.eng .infoDesk_wrap .infoDesk + .infoDesk							{ margin-top:5rem; padding-top:5rem; border-top:1px solid #ddd;}
.travel_tip.eng .infoDesk_wrap .infoDesk	 img									{ max-width:100%}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area							{ position:relative; margin-top:-4.44rem;}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area::before					{ position:absolute; height:4.44rem; top:0; left:0; width:75%; background:#fff; content:""}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .txt						{ position:relative; width:75%; padding:1.4em 1.4em 0 0; z-index:1}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .num					{ position:absolute; top:-1.1em; left:-.2em; font-family:'Montserrat'; font-size:7.22em; font-weight:700; color:#fff; }
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area h3						{ margin-bottom:.7em; font-size:1.88em; letter-spacing:-.03em; font-weight:700; color:#181818;}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dl			{ justify-content:space-between; align-items:flex-start; margin:.2em 0}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dt			{ width:10em; padding:.3em 0; font-size:.94em; letter-spacing:-.03em; font-weight:700; color:#808080; text-align:center; border:1px solid #bbb; border-radius:2em}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dd			{ width:-webkit-calc(100% - 10.3em); width:-moz-calc(100% - 10.3em); width:calc(100% - 10.3em); margin-top:.35em; font-size:1.05em; letter-spacing:-.02em; line-height:1.4; }
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap .service	{ gap:0 .6em; font-weight:500; }
.travel_tip.eng .infoDesk_wrap .infoDesk .service span::before				{ content:"#"; display:inline-block; vertical-align:top }
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img				{ width:25%; padding-top:6em;}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img img		{ width:100%}
.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .map_link				{ align-items:center; justify-content:center; position:absolute; right:0; top:0; width:25%; height:4.44rem; color:#fff; background:rgba(0,0,0,.6)}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker								{ position:relative; margin-top:2em; padding-left:2.7em }
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .icon						{ position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:5em; height:5em; background:var(--purple) url(https://tour.jeonju.go.kr/images/visitjj/contents/infoDesk/icon_locker.png) no-repeat 55% 50%; border-radius:50%}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .bg_grey					{ justify-content:space-between; align-items:center; padding:2em 2em 2em 4em; background:#f5f5f5; border-radius:1em}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .tit em						{ display:block; font-weight:700; font-size:1.45em; letter-spacing:-.03em;}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .tit .location				{ letter-spacing:-.02em; }
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap					{ font-size:.94em;}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dl				{ gap:0 .5em}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dt				{ width:3.5em; color:#8f8f8f; font-weight:700; letter-spacing:-.03em;}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dd				{ letter-spacing:-.02em;}
.travel_tip.eng .infoDesk_wrap .infoDesk .locker .img							{ overflow:hidden; border-radius:1em; }
.travel_tip.eng .infoDesk_wrap .small_txt						{ margin:2em auto 5em; color:var(--purple); letter-spacing:-.025em; text-align:center;}


@media all and (max-width:1100px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker							{ padding-left:0 }
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .icon					{ top:-2em; left:50%; transform:translate(-50%,0); -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); width:3.5em; height:3.5em; background-size:63% auto}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .bg_grey				{ padding:1.5em; }
}
@media all and (max-width:1024px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .num				{ font-size:6em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area h3					{ font-size:1.7em; }
}
@media all and (min-width:969px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img						{ gap:1.5em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img>div:last-child	{ display:none}
}
@media all and (max-width:968px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area						{ flex-direction:column}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .txt,
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img			{ width:100%}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img			{ justify-content:space-between; gap:1em; padding:1em 0 2em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img>div	{ flex:1; }

	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .map_link			{ font-size:.95em; z-index:1 }
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker br						{ display:none}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .list_etc br                        {display:block;}

	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .bg_grey				{ flex-direction:column; gap:1em; padding:2.5em 1.5em 1.5em; text-align:center;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .img img				{ width:100%}
}
@media all and (max-width:768px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area						{ margin-top:-3rem;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area::before				{ height:3rem;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dt		{ font-size:.92em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dd		{ font-size:1em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .map_link			{ height:3rem; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .num				{ font-size:4.5em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .txt					{ padding:.8em 0 0}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area h3					{ margin-bottom:.4em; font-size:1.4em; }
}
@media all and (max-width:568px){
	.travel_tip.eng .infoDesk_wrap .infoDesk	 + .infoDesk						{ margin-top:3rem; padding-top:3rem; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area::before				{ width:96%}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dt		{ width:auto; padding:0 1em}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dd		{ width:100%; margin:.1em .5em .2em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .small_img			{ gap:.5em; padding:1em 0;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .map_link			{ position:relative; top:auto; right:auto; width:100%; height:auto; padding:.3em; font-size:.92em; color:#888; border:1px solid #ddd; border-radius:5px; background:none; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker							{ margin-top:2.5em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .icon					{ top:-1.3em; width:2.7em; height:2.7em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .bg_grey				{ gap:.6em; padding:2em 1.2em 1.2em;  }
}
@media all and (max-width:468px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area						{ margin-top:-2rem;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area::before				{ height:2.5rem;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .txt					{ padding-top:.5em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dt		{ font-size:.87em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .info_wrap dd		{ font-size:.92em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area .num				{ font-size:3.6em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area h3					{ font-size:1.2em; }
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap				{ width:100%; font-size:.88em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dl			{ gap:0; line-height:1.2;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dt,
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dd			{ width:100%;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .info_wrap dl + dl	{ margin-top:.3em;}
	.travel_tip.eng .infoDesk_wrap .small_txt					{ margin:1em auto 4em; font-size:.92em;}
}
@media all and (max-width:428px){
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area::before				{ width:100%}
	.travel_tip.eng .infoDesk_wrap .infoDesk .info_area h3					{ line-height:1.2;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .tit em					{ font-size:1.2em;}
	.travel_tip.eng .infoDesk_wrap .infoDesk .locker .tit .location			{ font-size:.92em; line-height:1.2;}
}

.travel_tip.eng .infoDesk_wrap .icCall_wrap{height:380px;margin-top:2rem;background:url(https://tour.jeonju.go.kr/images/contents/foreigner_call1.jpg) center bottom no-repeat;background-size:cover;position:relative;overflow:hidden;}
.travel_tip.eng .infoDesk_wrap .icCall_wrap .wrap{padding:3rem 1.25rem;color:#fff;}
.travel_tip.eng .infoDesk_wrap .icCall_wrap div div{max-width:400px;padding:1rem;margin:0 auto;background:rgba(0,0,0,.5)}
.travel_tip.eng .infoDesk_wrap .icCall_wrap img{max-width: 100%}
.travel_tip.eng .infoDesk_wrap .icCall_wrap h3{margin-bottom:2rem;text-transform:uppercase; font-size:1.45em;}
@media all and (min-width:768px){
	.travel_tip.eng .infoDesk_wrap .icCall_wrap div div{padding:2rem;margin:0 auto 0 0;}
}
@media all and (min-width:1400px){
	.travel_tip.eng .infoDesk_wrap .icCall_wrap{background-position:center; }
}