@charset "utf-8";

/* 관광정보 */
.tourInfo {position:relative; padding-top:6.666667em; word-break:keep-all;}
.tourInfo:before {content:''; display:block; position:absolute; top:0; left:0; right:0; width:100%; height:6.666667em; background:url('../img/content/04/img_00_obj_01.svg') no-repeat 50% 50%;}
.tourInfo .in {padding:4.444445em 16.111112em 5.555556em; background:linear-gradient(180deg,rgba(232, 240, 251, 1) 0%, rgba(255, 255, 255, 1) 95%); border-radius:10em 10em 0 0; text-align:center;}
.tourInfo .tit {font-size:1.222223em;}
.tourInfo .tit strong {font-size:1.909091em; color:#3875CB; font-weight:700;}
.tourInfo .tit p + p {margin-top:.454546em;}
.tourInfo ul {margin-top:3.333334em; display:flex; position:relative; justify-content:center;}
.tourInfo li {position:relative; width:50%; padding:3.333334em; margin:0 1.111112em; border-radius:3.333334em; background:#fff; text-align:center;}
.tourInfo li:before {content:''; display:block; position:absolute; bottom:0; width:11.666667em; height:13.333334em;}
.tourInfo li.ad:before {background:url('../img/content/04/img_mascot_ad.svg') no-repeat 0 100% / contain; left:-8.055556em;}
.tourInfo li.yc:before {background:url('../img/content/04/img_mascot_yc.svg') no-repeat 0 100% / contain; right:-8.333334em;}
.tourInfo li strong {display:block; margin-top:.25em; font-family:'Tenada'; font-size:2.222223em;}
.tourInfo li p {font-size:1.222223em; font-weight:500;}
.tourInfo li p:before {content:''; display:block; width:2em; height:1.363637em; margin:0 auto .909091em;}
.tourInfo li.ad p:before {background:url('../img/content/04/img_symbol_ad.svg') no-repeat 0 0 / contain;}
.tourInfo li.yc p:before {background:url('../img/content/04/img_symbol_yc.svg') no-repeat 0 0 / contain;}
.tourInfo .btn {margin-top:2em; font-size:1.111112em;}

@media all and (max-width:1024px) {
	.tourInfo {padding-top:0;} 
	.tourInfo:before {display:none;}
	.tourInfo .in {padding:3em; border-radius:5em 5em 0 0;}
	.tourInfo li {padding:2em; margin:0 .5em;}
}

@media all and (max-width:640px) {
	.tourInfo .in {padding:3em 2em;}
	.tourInfo li:before {width:9em;}	
	.tourInfo li.ad:before {left:-4.5em;}
	.tourInfo li.yc:before {right:-4.5em;}
	.tourInfo li strong {font-size:2em;}
}

@media all and (max-width:480px) {
	.tourInfo ul {flex-direction:column !important; align-items:center;}
	.tourInfo li {width:100%; margin-bottom:1em;}
	.tourInfo .btn {margin-top:1em;}
}