@charset "UTF-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSansMedium.css');

#wrap{width:100%;position:absolute;}
/* 20250520 */
.coffee-festival .main{background:url(/resources/www/images/festival/coffee_festival_top_bg.jpg) no-repeat;position:relative;padding:60px;}
.coffee-festival .main .goto-nowon{position: absolute;top: 0; left: 41px;color: #fff;background: #9e703e;}
.coffee-festival .main .goto-nowon a{display: block;width:229px;height:58px;line-height:58px;text-align:center;font-size: 16px;}
.coffee-festival .main .main-info{display:flex;gap:50px;justify-content:center;padding-left: 100px;align-items: flex-end;}
.coffee-festival .main .main-info .title{}
.coffee-festival .main .main-info .desc{margin-top:25px;font-size: 30px;color: #231815;font-weight: 700;position:relative;}
.coffee-festival .main .main-info .desc p{line-height: 1.4;}
.main .main-info .l-part{text-align:center;}
.main .main-info .r-part i{display:block;font-style:normal;width:476px;height:488px;background:url(/resources/www/images/festival/coffee_festival_top_trip_coffee.png) no-repeat;}
.main .main-info .tbm-txt{margin-top:18px;}
.main .clr-d-brown{color:#7b1e00;}
.main .fw-9{font-weight:900;}

.jumping-nav{margin-top:55px;text-align:center;}
.jumping-nav ul{display:inline-block;margin:-10px 0 0 -10px;}
.jumping-nav li{margin:10px 0 0 10px;float: left;}
.jumping-nav li a{display:block;font-size:21px;color:#222222;font-weight:700;text-align:center;width:200px;height:54px;line-height: 52px;background:#fff;border-radius:25px;border:1px solid #7b1e00;}
.jumping-nav li a:hover,
.jumping-nav li a:focus{color:#ffffff;background:#7b1e00;border-color:transparent;}

.coffee-festival .program{background:url(/resources/www/images/festival/coffee_program_bg.png) no-repeat  center 265px #fdf8ef;}
.coffee-festival .program .img{width:100%;text-align: center;}
.coffee-festival .program .list-con{margin-top:40px;font-size:18px;color:#313131;}
.coffee-festival .program .list-con > p{position:relative;padding-left:26px;font-weight:bold;}
.coffee-festival .program .list-con > p::before{content:'';position:absolute;top:5px;left:0;width:15px;height:20px;background:url(/resources/www/images/festival/coffee_bean_before.png) no-repeat;}
.coffee-festival .program .list-con > ul{display:flex;flex-direction: column;}
.coffee-festival .program .list-con > ul > li{position:relative;padding-left:38px;font-size:18px;color:#313131;padding-top:4px;}
.coffee-festival .program .list-con > ul > li::before{content:'';position:absolute;top:18px;left:28px;width:5px;height:2px;background:#313131;}

.program .list-con.import-style > ul > li{padding-left:46px;}
.program .list-con.import-style > ul > li::before{content:'※';position:absolute;top:4px;left:24px;color:#313131;width:0;height:0;background:none;}

.coffee-festival .program .list-con.operation > ul{flex-wrap:wrap;width: 500px;height: 103px;}
.coffee-festival .program .list-con.operation > ul > li:nth-child(1),
.coffee-festival .program .list-con.operation > ul > li:nth-child(2),
.coffee-festival .program .list-con.operation > ul > li:nth-child(3){width:238px;}

.section-title{margin-top:100px;text-align:center;margin-bottom:50px;}
.section-title h4{font-size:40px;color:#313131;text-align:center;font-weight:800;font-family:'GmarketSansMedium';}
.section-title.mb0{margin-bottom:0;}

.jumping-nav + .section-title{margin-top:80px;}
.coffee-festival .program .section-title h4{display:inline-block;position:relative;}
.coffee-festival .program .section-title h4::after{content:'';position:absolute;top:-14px;right:-65px;width:55px;height:51px;background:url(/resources/www/images/festival/coffee_leaf_icon.png) no-repeat;}

.ta-tit{font-size:30px;font-weight:700;padding-left:33px;position:relative;padding-bottom: 11px;padding-top: 50px;}
.ta-tit::before{content:'';position:absolute;top: 62px;left:0;width: 20px;height: 20px;border:4px solid #7b1e00;border-radius:50%;}

.table-box{border-top: 3px solid #d8c6b2;}
.table-box.food-b-style thead tr:first-child th:not(.yuan){border-bottom:1px solid #ddd;}
.table-box.food-b-style .fbs,
.table-box.food-b-style tbody td:nth-child(3){border-right: double #d8c6b2;}
.coffee-festival table{width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;border: 1px solid #ddd; background: #fff;}
.coffee-festival table th{font-size:18px;color: #000;font-weight: 500;background-color: #fafafa;border: 1px solid #ddd;border-top: 0; border-bottom: double #d8c6b2;padding: 17px 5px;}
.coffee-festival table td{font-size:16px;color:#454545;border: 1px solid #ddd;color: #454545;text-align:center;padding: 19px 5px;}

.coffee-festival .perfomance-schedule{background:url(/resources/www/images/festival/coffee_schedule_bg.png) no-repeat  center 60px #fdf8ef ;padding-bottom:105px;}

.coffee-festival .way{padding-bottom:106px;position:relative;}
.coffee-festival .way .waybox{display: flex; justify-content: space-between;}
.coffee-festival .way .waybox .map{width: 640px;}
.coffee-festival .way .waybox .goto-map{display: block;font-family: 'GmarketSansMedium';border-radius: 30px;width: 240px;padding-left:53px;height:50px;line-height: 56px;font-size:18px;margin: 24px auto 0;background:url(/resources/www/images/festival/map_location_icon.png) 25px center no-repeat #fae200;}
.coffee-festival .way .waybox .waybox-right{line-height: 1.8; padding-left:40px;}

.coffee-festival .way .waybox .waybox-right p{font-size:18px;color:#454545;font-family:'Noto Sans CJK KR';font-weight:300;}
.coffee-festival .way .waybox .waybox-right p .one-line{display:inline-block;width:100%;}
.coffee-festival .way .waybox .waybox-right .flr-red{color:#ee001d;}
.way .waybox .pt15{padding-top:15px;}

.text-med{font-weight:500;}

.b-top-btn{position:fixed;right:98px;bottom:320px;display:none;width:60px;height:60px;border-radius:50%;border:1px solid #dedede;background:url(/resources/www/images/festival/icon_top_triangle.png) no-repeat center 12px #fff;font-size:18px;color:#222222;font-weight:700;text-align:center;padding-top:22px;}
.b-top-btn.show{display:block;}

.w1280{width:1280px;margin:auto;overflow:hidden;}

footer{width: 100%;padding: 60px 0;background: #f8f8f8;border-top: 1px solid #ccc;color: #373737;text-align: center;}
footer #logo{margin-bottom: 18px;display: inline-block;position:static;}
footer .text-bm{font-size:14px;font-weight:300;}


@media screen and (max-width: 1400px){
	.coffee-festival .main .main-info{gap:30px;padding-left:45px;}
	.coffee-festival .main .main-info .title{width: 75%;margin: 0 auto;}
	.coffee-festival .main{background-repeat:repeat;padding:80px 20px 40px;}

	.main .main-info .r-part i{background-size: contain;width: 420px;height: 430px;}
}

@media screen and (max-width: 1280px){
	.w1280{width:100%;padding:0 10px;}

	.coffee-festival .main .main-info .desc{font-size:25px;}

	.main .main-info .r-part i{width:370px;height:380px;}

	.b-top-btn{right:10px;}
}

@media screen and (max-width: 1024px){
	.coffee-festival .main .main-info{gap:20px;}
	.coffee-festival .main .main-info .desc{margin-top:20px;}

	.main .main-info .r-part i{width:220px;height:230px;}

	.jumping-nav ul{width:100%;}
	.jumping-nav li{width:calc(33.3% - 10px);}
	.jumping-nav li a{width:auto;font-size:18px;height:44px;line-height:42px;}

	.coffee-festival .way .waybox .map{width:500px;}
	.coffee-festival .way .waybox .waybox-right{padding-left:20px;}
}

@media screen and (max-width: 767px){

	.section-title h4{font-size:30px;}
	.coffee-festival .program .list-con.operation > ul{width:auto;height:auto;}
	.section-title{margin-bottom:30px;margin-top:80px;}

	.coffee-festival .main{padding:70px 10px 25px;}
	.coffee-festival .main .main-info{padding-left:0;}
	.coffee-festival .main .main-info .desc{font-size:22px;margin-top:10px;}
	.main .main-info .r-part{display:none;}
	.main .main-info .tbm-txt img{width:250px;}

	.coffee-festival .way{padding-bottom: 60px;}
	.coffee-festival .way .waybox{display: block;}
	.coffee-festival .way .waybox .map,
	.coffee-festival .way .waybox .map img{ width: 100%;}
	.coffee-festival .way .waybox .waybox-right{margin-top: 20px;padding-left:0;}
	.coffee-festival .way .waybox .waybox-right p{font-size:16px;}
	.coffee-festival .way .waybox .goto-map{margin:16px auto 0;}
	.coffee-festival .program .section-title h4::after{top:-23px;right:-62px;}

	.ta-tit{font-size:25px;padding-top:35px;padding-bottom:6px;padding-left: 28px;}
	.ta-tit::before{top:46px;width:16px;height:16px;border-width:3px;}

	.coffee-festival .program .list-con{margin-top:25px;font-size:16px;}
	.coffee-festival .program .list-con > p::before{top:2px;}
	.coffee-festival .program .list-con > ul > li{font-size:16px;padding-top:2px;}
	.coffee-festival .program .list-con > ul > li::before{top:16px;}
	.program .list-con.import-style > ul > li::before{top:3px;}

	.coffee-festival table th{font-size:17px;padding:12px 4px;}
	.coffee-festival table td{font-size:15px;padding:14px 4px;}

	.coffee-festival .perfomance-schedule{padding-bottom: 60px;}

	.b-top-btn{width: 45px;height: 45px;font-size: 15px;background-position: center 6px;background-size: 12px;padding-top: 15px;}

	footer{padding:30px 10px;}
}

@media screen and (max-width: 480px){
	.coffee-festival .main .goto-nowon{left: 50%;transform: translate(-50%, 0);}
	.coffee-festival .main .goto-nowon a{font-size: 12px;width:170px;height:45px;line-height:45px;}

	.section-title{margin-bottom:15px;margin-top:50px;}
	.section-title h4{font-size:25px;}

	.coffee-festival .main .main-info .title{width:90%;}

	.ta-tit{font-size:20px;padding-top:20px;padding-bottom:5px;}
	.ta-tit::before{top:27px;width:14px;height:14px;}

	.coffee-festival .way .waybox .waybox-right .goto-map{width: 100%;}

	.coffee-festival .program .section-title h4::after{top:-10px;right:-42px;background-size:100%;width:35px;height:32px;}

	.jumping-nav{margin-top:30px;}
	.jumping-nav + .section-title{margin-top:40px;}
	.jumping-nav ul{margin:-5px 0 0 -5px;}
	.jumping-nav li{margin:5px 0 0 5px;width:calc(50% - 5px);}



}

/* //20250520 */