@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about{padding-top:50px;}
.about .con{display:flex;align-items:flex-start;padding:110px 90px 180px;background:url('/images/sub/about-bg.jpg')no-repeat 50% 50%/cover;border-radius:var(--bd30);}
.about .con .poster{margin-top:-160px;margin-right:110px;}
.about .con .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.about .con .tt-wrap .tit{margin-bottom:15px;font-size:var(--fz46);font-weight:800;color:var(--pri);line-height:1.2em;}
.about .con .tt-wrap .tt1{margin-bottom:25px;font-size:var(--fz24);font-weight:800;color: #333;line-height:1.5em;}
.about .con .tt-wrap .tt2{margin-bottom:45px;font-weight:500;font-size:var(--fz18);line-height:1.44em;}
.about .con .tt-wrap .date p{font-size:var(--fz20);font-weight:800;color: #333;line-height:1.6em;}

.video-list{padding:0 20px;}
.video-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -90px;}
.video-list ul li{width:50%;padding:0 20px;margin-bottom:90px;text-align:center;}
.video-list ul li .pic{position:relative;}
.video-list ul li .pic:after{content:'';width:87px;height:87px;background:url('/images/sub/ic-play.png')no-repeat 50% 50%/contain;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.video-list ul li .pic img{box-shadow:0 0 25px rgba(0,0,0,.4);border-radius:var(--bd24);}
.video-list ul li p{margin-top:35px;font-size:var(--fz20);font-weight:800;color: #333;line-height:1.5em;}

.overview{display:flex;align-items:flex-start;padding:80px 100px 0;border:1px solid #ccc;border-radius:var(--bd24);}
.overview .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:40px;}
.overview .tt-wrap .title{margin-bottom:35px;color:var(--pri);font-weight:800;font-size:var(--fz46);line-height:1.3em;}
.overview .tt-wrap .info dl{display:flex;margin-bottom:8px;}
.overview .tt-wrap .info dl:last-child{margin-bottom:0;}
.overview .tt-wrap .info dl dt{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border-radius:20px;margin-right:35px;background-color:var(--pri);color: #fff;font-weight:800;line-height:1.2em;font-size:var(--fz18);}
.overview .tt-wrap .info dl dd{padding-top:8px;min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz18);color: #333;}
.overview .poster{position:relative;margin-bottom:-50px;}

html[lang=en] .overview .tt-wrap .info dl dt {width:150px;}

.guide .row{margin-bottom:60px;}
.guide .row:last-child{margin-bottom:0;}
.guide .row .tit-wrap{display:flex;align-items:center;margin-bottom:40px;}
.guide .row .tit-wrap .day{display:flex;justify-content:center;align-items:center;width:96px;height:96px;margin-right:35px;border-radius:50%;background-color:var(--pri);}
.guide .row .tit-wrap .day p{display:flex;align-items:flex-end;font-size:var(--fz20);font-weight:500;color: #fff;line-height:1.2em;}
.guide .row .tit-wrap .day p strong{font-size: clamp(1.25rem, 0.6579rem + 2.3684vw, 3.5rem);font-weight:800;line-height:.7em;}
.guide .row .tit-wrap .wrap{min-width:0;width:1%;flex:1 1 auto;}
.guide .row .tit-wrap .wrap .date{margin-bottom:3px;font-size:var(--fz32);font-weight:800;color: #333;line-height:1.3em;}
.guide .row .tit-wrap .wrap .time{font-size:var(--fz24);font-weight:500;color: #333;line-height:1.3em;}
.guide .row .list ul{display:flex;flex-wrap:wrap;margin:0 -22px -45px;}
.guide .row .list ul li{padding:0 22px;width:20%;margin-bottom:45px;text-align:center;}
.guide .row .list ul li p{margin-top:15px;color: #333;}

.location .maps{margin-bottom:70px;}
.location .maps .root_daum_roughmap {width:100% !important; height:650px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:650px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .map_border{display:none;}
.location .maps .roughmap_lebel_text:after {content:"여주오곡나루 축제"; font-size:12px; line-height:15px;}
.location .maps iframe {display:block; width:100% !important; height:650px !important;}
.location .info{display:flex;padding:0 30px;margin-bottom:55px;}
.location .info dl{position:relative;padding-left:70px;margin-right:150px;}
.location .info dl:before{content:'';width:42px;height:43px;background:url('/images/sub/loc-ic1.png')no-repeat 0 50%/contain;position: absolute;left:0;top:.4em;}
.location .info dl.type2:before{background-image:url('/images/sub/loc-ic2.png');}
.location .info dl:last-child{margin-right:0;}
.location .info dl dt{margin-bottom:7px;font-size:var(--fz18);font-weight:700;color: #333;line-height:1.3em;}
.location .way{padding:50px 70px;background-color: #fff5e8;border-radius:var(--bd30);}
.location .way .row{margin-bottom:40px;}
.location .way .row:last-child{margin-bottom:0;}
.location .way .row .row-tit{margin-bottom:30px;color:var(--pri);font-weight:800;font-size:var(--fz24);}
.location .way .row .col{display:flex;align-items:center;}
.location .way .row .col .ic{margin-right:30px;}
.location .way .row .col .wrap{min-width:0;width:1%;flex:1 1 auto;}
.location .way .row .col .wrap .tit{margin-bottom:8px;font-size:var(--fz18);font-weight:800;color: #333;line-height:1.3em;}
.location .way .row .col .wrap p .arr{margin:0 8px;}
.location .way .row .flex{display:flex;margin:0 -20px;}
.location .way .row .flex .col{width:50%;padding:0 20px;}

.program .item .img{margin-bottom:30px;}
.program .item .img img{border-radius:var(--bd36);}
.program .item .wrap{padding-left:40px;}
.program .item .wrap .tit{margin-bottom:15px;font-size:var(--fz26);font-weight:800;line-height:1.4em;color: #242424;}
.program .item .wrap .date{position:relative;padding-left:35px;margin-top:15px;font-weight:800;color:var(--pri);}
.program .item .wrap .date:before{content:'';position: absolute;left:0;top:-.1em;width:23px;height:22px;background:url('/images/sub/ic-cal.png')no-repeat 0 50%/contain;}

.program ul{display:flex;flex-wrap:wrap;margin:0 -20px -50px;}
.program ul li{width:33.3333%;padding:0 20px;margin-bottom:50px;}

.program .item.flex{display:flex;}
.program .item.flex .img{margin-bottom:0;margin-right:90px;}
.program .item.flex .wrap{min-width:0;width:1%;flex:1 1 auto;padding-left:0;padding-top:45px;}

.location .qr-con{display:flex;margin-top:35px;padding:0 30px;}
.location .qr-con .qr{margin-right:30px;}
.location .qr-con .wrap .tt1{margin-bottom:10px;font-size:var(--fz18);font-weight:700;color: #333;}
.location .qr-con .wrap .tt2{color: #555;}
.location .time-table .flex{display:flex;margin:0 -20px;}
.location .time-table .flex .col{width:50%;padding:0 20px;}
.location .time-table .flex .col .tit{margin-bottom:15px;font-size: clamp(1rem, 0.8684rem + 0.5263vw, 1.5rem);color: #333;font-weight:800;line-height:1.4em;}
.location .time-table .flex .col .tit span{margin-left:25px;font-size: clamp(0.875rem, 0.8421rem + 0.1316vw, 1rem);color: #555;font-weight:400;}

html[lang=en] .location .time-table .flex .col .tit span {margin-left:10px;}