@charset "utf-8";

/* 축제소개 */

.intro{}
.intro .info{background:url("https://www.uljin.go.kr/images/15_crab/sub/sub01/sub0101_img01.jpg") no-repeat right top;background-size:cover;padding:30px 20px;}
.intro .info h4{background:none;text-align:center;margin:0;padding:0;font-size:32px;}
.intro .info h4 em{font-style:normal;display:block;}
.intro .info h4 span{color:#de0000;}
.intro .info p{text-align:center;font-size:15px;color:#000;margin:20px 0;}
.intro .info .con{background:url("https://www.uljin.go.kr/images/15_crab/sub/sub01/sub0101_img02.png");padding:20px 20px 10px 20px;border-radius:10px;}
.intro .info .con dt{text-align:center;background:#0072bc;font-size:16px;color:#fff;width:120px;margin:10px auto;padding:8px 0;border-radius:30px;}
.intro .info .con dd{text-align:center;color:#000;font-size:15px;margin:0 0 20px 0;}

.program{}
.program .con01{border:1px solid #d7d7d7;border-radius:0 0 20px 20px;margin:0 0 20px 0;}
.program .con01 dt{background:#f88600;color:#fff;text-align:center;padding:8px;font-size:16px;}
.program .con01 dd{padding:20px;}
.program .con01 dd ul, .program .con02 dd ul, .program .con03 dd ul, .program .con04 dd ul{margin:0;}

.program .con02{border:1px solid #d7d7d7;border-radius:0 0 20px 20px;margin:0 0 20px 0;}
.program .con02 dt{background:#f26d7d;color:#fff;text-align:center;padding:8px;font-size:16px;}
.program .con02 dd{padding:20px;}


.program .con03{border:1px solid #d7d7d7;border-radius:0 0 20px 20px;margin:0 0 20px 0;}
.program .con03 dt{background:#7cb92b;color:#fff;text-align:center;padding:8px;font-size:16px;}
.program .con03 dd{padding:20px;}


.program .con04{border:1px solid #d7d7d7;border-radius:0 0 20px 20px;margin:0 0 20px 0;}
.program .con04 dt{background:#1bb2a6;color:#fff;text-align:center;padding:8px;font-size:16px;}
.program .con04 dd{padding:20px;}

.program .con05{border:1px solid #d7d7d7;border-radius:0 0 20px 20px;margin:0 0 20px 0;}
.program .con05 dt{background:#1b89b2;color:#fff;text-align:center;padding:8px;font-size:16px;}
.program .con05 dd{padding:20px;}





/* Tablet */
@media all and (min-width:768px) {

/* 축제소개 */
.intro .info h4{font-size:70px;}
.intro .info p{font-size:20px;}
.intro .info .con dt{font-size:18px;width:200px;}
.intro .info .con dd{font-size:16px}

.program{overflow:hidden;}
.program .con01{float:left;width:49%;margin:0 1.4% 20px 0;}
.program .con02{float:left;width:49%;margin:0 0 20px 0;}
.program .con03{float:left;width:49%;margin:0 1.4% 0 0;}
.program .con04{float:left;width:49%}
.program .con05{float:left;width:49%;margin:0 1.4% 0 0;}
.program .con01 dt, .program .con02 dt, .program .con03 dt, .program .con04 dt, .program .con05 dt{padding:15px 0;font-size:20px;}
.program .con01 dd, .program .con02 dd{height:180px;}
.program .con03 dd, .program .con04 dd, .program .con05 dd{height:150px;}

}




/* Desktop */
@media all and (min-width:1023px) {

/* 축제소개 */
.intro .info{background-size:auto;padding:50px;height: 500px;}
.intro .info h4{font-size:90px;}
.intro .info h4 em{font-size:60px;}
.intro .info .con dt{margin:20px auto;}
.intro .info .con dd{margin:0 0 30px 0;}
.program .con01 dd ul, .program .con02 dd ul, .program .con03 dd ul, .program .con04 dd ul{padding: 0 0 0 20px;}

}             

.fes_map img{width:100%}
.fes_map p{position:relative;}
.fes_map a{position:absolute;bottom:0;right:0;display:block;background:url("https://www.uljin.go.kr/images/01_potal/common/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}      


.sitemap>div{margin:50px 0 0 0;border-top:2px solid #223e99;border-bottom:1px solid #dedede}
.sitemap h4{margin:0 0 10px 0;padding:5px 0 0 60px;height:30px;border-bottom:1px dotted #dedede}
.sitemap>div:first-child{margin-top:0}
.sitemap li{font-size:16px;line-height:1.5em}
.sitemap div div>ul>li>a{display:block;color:#223e99;font-size:16px;font-weight:600;padding: 8px 0 8px 12px;background:url("https://www.uljin.go.kr/images/01_potal/common/nav_icon1.png") no-repeat 0 15px}
.sitemap li ul{margin: 0 0 10px 10px}
.sitemap li li{font-size:16px;padding:0 0 0 10px;margin:0 0 5px 0;background:url("https://www.uljin.go.kr/images/01_potal/common/li02.png") no-repeat 0 7px}
.sitemap li li a{color:#333}
.sitemap li ul ul{margin: 5px 0 15px 0}
.sitemap li li li{padding:0 0 0 12px;margin: 0 30px 5px 0;background:url("https://www.uljin.go.kr/images/01_potal/common/li03.png") no-repeat 0 7px}

.sitemap li li li a{color:#666}

@media all and (min-width:768px) {
.sitemap{overflow:hidden}
.sitemap>div{overflow:hidden}
.sitemap h4{float:left;width:25%;padding: 50px 0 0 0;border:none}
.sitemap div div{float:left;width: 74%;background: #fff;border-left: 1px solid #f3f3f3}
.sitemap div div>ul{margin: 15px 0 15px 30px;}
.sitemap li{border-top:1px dotted #dedede;}
.sitemap li:first-child{border:none}
.sitemap li ul{overflow:hidden}
.sitemap li li{float:left;margin:0 50px 5px 0;border:none}
.sitemap li ul ul{margin: 5px 0}
}    


.card_news_p{position:relative;}
.card_news_p .num{text-align:center;margin-top: 20px;}
.card_news_p .num a{display:inline-block;border:solid 1px #d7d7d7;width:25px;height:25px;border-radius:3px;padding-top:2px;box-sizing:border-box;letter-spacing:-1px;}
.card_news_p .num a.on{background:#ed244a;color:#fff;font-weight:600;}
.card_news_p .img{text-align:center;}
.card_news_p .img img{width:90%;}
.card_news_p a.prev,
.card_news_p a.next{display:block;position:absolute;top:50%;width:40px;height:40px;font-size:0;transform:translate(0,-50%);opacity:0.9}
.card_news_p a.prev{left:-10px;background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/174044906845414.png") no-repeat;background-size:cover;}
.card_news_p a.next{right:-10px;background:url("https://www.uljin.go.kr/upload_data/board_data/BBS_0000130/174044906845478.png") no-repeat;background-size:cover;}

@media all and (min-width:768px) {
.card_news_p .num a{width:40px;height:40px;padding-top:10px;}
.card_news_p .img img{width:auto;}
.card_news_p a.prev,
.card_news_p a.next{width:90px;height:90px;}
}

@media all and (min-width:1024px) {
.card_news_p a.prev{left:60px;}
.card_news_p a.next{right:60px;}
}