﻿#sub_tit{width:100%; text-align:center; background:url(../../images/sub/sub_vis-2025-1.jpg) no-repeat 50% 100% #191b27; height:200px; padding-top:100px; position:relative;}
#sub_tit p{display:inline-block; padding:0 30px; height:88px; line-height:91px;  margin:52px auto 0; color:#fff; border:3px #fff solid; background:rgba(0,0,0,0.54);  font-weight:300; font-size:38px; font-family: 'Jal_Haru'; letter-spacing:0.05em;}

#snb{position:relative; height:68px; width:100%; border-bottom:2px #00c3bd solid;}
#snb ul{text-align:center; width:1000px; position:absolute; left:50%; margin-left:-500px; top:0; height:76px;}
#snb li{ display:inline-block; height:76px; vertical-align:top; position:relative; z-index:1;}
#snb li a{display:block; line-height:68px; padding:0 20px; margin:0 20px; color:#4a4e4e; font-size:16px;}
#snb li.current{background:url(../../images/sub/snb_but.png) no-repeat 50% 100%;  letter-spacing:-0.01em;}
#snb li.current a{color:#00c3bd;}
#snb ul:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
#snb .snb_btn{position:absolute; width:100px; left:50%; margin-left:500px; text-align:right;}
#snb .snb_btn a{display:inline-block; width:40px; height:40px; font-size:0; background:url(../../images/sub/snb_btn.gif) no-repeat 50% 0;}
#snb .snb_btn .S_print{background-position:50% 100%; margin-left:12px;}

.page{margin:55px auto 0; text-align:center;}
.inner{max-width:1200px; margin:0 auto;}
.inner_1100{max-width:1100px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

#sub_cont{width:100%; min-width:1200px; margin: auto; padding:60px 0 80px; line-height:26px; min-height:310px; word-break:keep-all;}
.sub_width{width:1200px; margin:0 auto; position:relative;}
.contact_ex .color01, .color01{color:#e14222; font-weight:500;}
.contact_ex .color02, .color02{color:#2f71a5; font-weight:500;}
.color01.tit{border:0; color:#e14222; padding:0; }
.contact_ex{margin-top:10px;}
.contact_ex li{font-size:14px; color:#555c6b; line-height:22px; margin:2px 0;}
.text-under{text-decoration:underline;}
.bg-wrap{ background:#e7ecec; margin-top:-40px; margin-bottom:-160px; padding-top:40px; padding-bottom:160px;}

.tab-wrap{display:block; text-align:center; margin-bottom:40px;}
.tab-list{font-size:0; display:inline-block; box-sizing:border-box; width:auto; margin:0 auto;}
.tab-list li{display:inline-block; font-size:16px; margin:0 7px; text-align:center; box-sizing:border-box; vertical-align:middle; border:1px solid #e0e0e0; border-radius:999px; margin-bottom:10px; background:#fff;}
.tab-list li.current{background:#7d5fb9; }
.tab-list li a{display:block; padding:7px 35px;}
.tab-list li.current a{color:#fff;}

/*table*/
.no_bl{border-left-width:0 !important;}

/*페이지 상태*/
.page_state_box{text-align:center; padding:45px 50px 50px; border:4px dashed #e0e0e0; margin-top:40px;}
.page_state_box .txt_box .icon{margin-bottom:10px;}
.page_state_box .txt_box .icon i{font-size:80px; color:#f7ae00;}
.page_state_box.prepare .txt_box .icon i{color:#00c3bd;}
.page_state_box .txt_box .tb_01{font-size:32px; font-weight:500; line-height:1.3em;}
.page_state_box .txt_box em{color:#f7ae00;}
.page_state_box.prepare .txt_box em{color:#00c3bd;}
.page_state_box .txt_box .tb_02{font-size:20px; margin-top:15px; font-weight:600;}

/*행사개요*/
#sub0101{margin-top:-60px;}
.sub0101_01{position:relative; background:url(../../images/sub/about_bg-2025-4.jpg) 50% top; background-size:cover;  padding:105px 0 250px;}
.sub0101_01_width{width:1200px; margin:0 auto;}
.sub0101_01_width h4{float:left; text-align:center; /*width:430px;*/}
.sub0101_01_width h4 img{width:350px; max-width:100%;}
.sub0101_01_width h4 .poster_img{width:350px; margin-top:40px;}
.sub0101_01_cont{width:700px; float:right; color:#fff;}
.sub0101_01_width:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.font0101_img{margin-bottom:45px;}
.sub0101_01_cont p{text-align:justify; margin-bottom:16px; font-size:15px; font-weight:300;}
.sub0101_01_cont ul{border-top:2px #fff solid; margin-top:40px; }
.sub0101_01_cont li{border-bottom:1px rgba(255,255,255,0.4) solid; position:relative; padding:25px 0; padding-left:130px; font-size:16px;}
.sub0101_01_cont li span{position:absolute; width:90px; font-size:17px; left:0; top:25px; text-align:center;}
.sub0101_01_cont li strong{font-size:18px;}
.sub0101_01_cont ul p{margin-bottom:0;}
.over-list{position:relative; padding-left:45px;}
.over-list em{position:absolute; left:0;}
.sub0101_01 .bottom_bg{width:100%; max-width:1200px;  position:absolute; bottom:0px; left:50%; transform:translateX(-50%);}
.sub0101_01 .bottom_bg img{width:100%;}


/*피란수도 문화재*/
.her-list{font-size:0;}
.her-list li{display:inline-block; width:calc((100% - 60px)/3); font-size:16px; margin-left:30px; margin-bottom:30px;}
.her-list li:nth-child(3n+1){margin-left:0;}
.her-list li .img_box img{max-width:100%;}
.her-list li .txt_box{padding:15px; background:#f5f7f7; border:1px solid #eaebec; text-align:center; display:table; width:100%; box-sizing:border-box; height:103px; transition:all 0.2s; -webkit-transition:all 0.2s;}
.her-list li .txt_box > div{display:table-cell; vertical-align:middle;}
.her-list li .txt_box .pgt01 {font-size:17px; line-height:1.3em; font-weight:500;}
.her-list li .txt_box .pgt01 span{display:block; font-size:15px; font-weight:400;}
.her-list li .txt_box .pgt02{color:#858585; font-size:14px; margin-top:3px;}
.her-list li:hover .txt_box{background:#fff;}
.her-view{border:1px solid #eaebec;}
.her-view .hv-top{position:relative; background:#f5f7f7; padding:35px 60px; overflow:hidden;}
.her-view .hv-top .bg_icon{display:inline-block;vertical-align:middle;  margin-right:60px;}
.her-view .hv-top .bg_icon img{height:95px;}
.her-view .hv-top .top_box{display:inline-block;vertical-align:middle;}
.her-view .hv-top .hvt-tit {font-size:20px; font-weight:400; margin-bottom:15px; color:#444;}
.her-view .hv-top .hvt-tit em{font-size:17px; font-weight:300; display:inline-block; margin-left:10px;}
.her-view .hv-top .lbt-list li { position: relative; padding-left: 70px; font-size:16px;}
.her-view .hv-top .lbt-list span{display: inline-block; color:#209d9a; height: 100%; position: absolute; left: 0; font-weight:400;}
.her-view .hv-top .lb-lo{ position:absolute; top:50%; transform:translateY(-50%); right:60px;}
.her-view .hv-top .lb-lo span {display: inline-block; vertical-align:middle; background-color: #209d9a; color: #fff; font-size: 16px; padding: 0 20px 0 17px; line-height: 32px; border-radius: 16px;}
.her-view .hv-top .lb-lo span i{display:inline-block; }
.her-view .hv-cont{padding:50px 60px; font-size:16px;}
.her-view .hv-cont .hvc01{line-height:1.8em; font-size:16px; word-break:keep-all;}
.her-view .hv-cont .hvc02{margin-top:45px;}
.her-view .hv-cont .hvc02 dt {border: 1px #209d9a solid; color: #209d9a; font-size:16px; line-height: 32px; border-radius: 16px; padding: 0 20px; display: inline-block; margin-bottom: 14px;}
.her-view .hvc-img-box{margin-top:30px;}
.her-view .hvc-img-box img{width:100%; max-width:570px;}
.hvc-btn {text-align: center; margin-top: 35px;}
.hvc-btn a {display: inline-block; background: #209d9a; line-height: 44px; padding: 0 50px; color: #fff; border-radius: 22px; font-size: 16px;}
.hvc-btn a i{margin-left: 10px;}

/*대표캐릭터*/
#about_character{line-height:1.8em;}
#about_character .intro_box{text-align:center;}
#about_character .intro_box .title{font-size:30px; font-family: 'Jal_Haru'; }
#about_character .intro_box .img_box{margin-top:45px;}
#about_character .intro_box .img_box img{max-width:100%;}
#about_character .intro_box .tit{padding:10px; background:#43409b; font-size:23px; color:#fff; line-height:34px;}
#about_character .intro_box .tit em{font-weight:500;}
#about_character .intro_box .txt{font-size:20px; margin-top:30px;}
#about_character .intro_box .txt em{display:inline-block; font-weight:600; margin-top:10px;}

#about_character .detail_box{margin-top:70px;}
#about_character .detail_box ul{font-size:0;}
#about_character .detail_box li{width:50%; display:inline-block; font-size:20px; vertical-align:top; text-align:center; padding:0 35px; box-sizing:border-box;}
#about_character .detail_box .img_box img{height:278px;}
#about_character .detail_box .txt_box{margin-top:40px;}
#about_character .detail_box .txt_box .t_01{font-size:25px; font-weight:600;}
#about_character .detail_box .txt_box .t_02{font-size:21px; font-weight:600; margin-top:8px;}
#about_character .detail_box .txt_box .cont{margin-top:30px;}
#about_character .detail_box .txt_box .cont p{margin-top:25px;}
#about_character .detail_box .txt_box .cont p:first-child{margin-top:0;}

#about_character.ver_2023 .intro_box .img_box img{width:100%; max-width:514px;}
#about_character.ver_2023 .intro_box .tit{display:inline-block; padding:10px 30%;}
#about_character.ver_2023 .intro_box .txt em{display:block; margin-top:10px;}
#about_character.ver_2023 .detail_box .txt_box .t_02{display:none;}

#about_character .down_btn{text-align:center; margin-top:50px;}
#about_character .down_btn a{display:inline-block; padding:0 25px; height:50px; line-height:50px; vertical-align:middle; background:#6440ab; color:#fff; font-size:17px; font-weight:500; border-radius:999px;}
#about_character .down_btn a i{display:inline-block; margin-right:5px; font-size:20px; vertical-align:middle;}
#about_character .down_btn a em{display:inline-block; margin:0 2px;}
#about_character .down_btn a br{display:none;}

/*찾아오시는길*/
.lo-list li{position:relative; margin:10px 0; font-size:16px; display:table; table-layout:fixed; width:100%; }
.lo-list{margin-bottom:50px;}
.lo-list span{ border-bottom:2px #6464f5 solid; color:#6464f5; width:100px; text-align:center; display:table-cell; padding:10px; vertical-align:middle;}
.lo-list p{border-bottom:2px #e0e0e0 solid; padding:10px; display:table-cell;}
.lo-list p strong{/*color:#fa6615;*/}
.lo-list p em{display:inline-block; width:25px; height:25px; background:#fdb729; border-radius:50%; text-align:center; line-height:25px; color:#0d5980;font-family:'Roboto'; font-weight:500; margin-right:8px;}
.TVB_map{height:500px; border:3px #f0f0f0 solid; margin-top:30px; margin-bottom:20px;}
.lo-tit{text-align:center;}
.lo-tit span{display:inline-block; border:2px #00c3bd solid; color:#00c3bd; padding:0 25px; font-size:28px; text-align:center; line-height:40px; border-radius:22px;}
.lo-list .long span{padding:36px 10px;}
.map-img{border:3px #e0e0e0 solid; margin-bottom:90px; margin-top:30px;}
.map-img img{width:100%;}

/*찾아오시는길 주차장*/
.p_add{display:block; padding-left:25px; font-weight:400;}
.lo-list .parking p{display:inline-block; position:relative;}
.parking-table thead{display:none;}
.parking-table td{width:33%; border-bottom: 2px #e0e0e0 solid; vertical-align:top;}
.lo-list .parking-table p{border-bottom:0;}
.long_txt{font-weight:500; display:block; padding-left:32px; margin-top:-4px;}
.lo-list.last{margin-bottom:0;}
.lo-list li{margin:0;}
.p_long span{padding:15px 10px;}
.lo-list .parking-table p{padding:15px 10px;}
.lo-list .parking-table .long p{padding:10px;}

/*오디오 가이드*/
#about_audio{display:flex;}
#about_audio .tab_box{width:300px; margin-right:70px;}
#about_audio .tab_box .tab_list{border-top:1px solid #e5e5e5;}
#about_audio .tab_box .tab_list li{border-bottom:1px solid #e5e5e5; cursor:pointer;}
#about_audio .tab_box .tab_list li span{display:block; padding:10px 10px 14px; font-size:16px; font-weight:500;}
#about_audio .tab_box .tab_list li span em{display:block; font-size:14px; color:#585858; line-height:1.3em; font-weight:400;}
#about_audio .tab_box .tab_list li.active{background:#6a4aab;}
#about_audio .tab_box .tab_list li.active span{color:#fff;  font-weight:500;}
#about_audio .tab_box .tab_list li.active span em{color:#fff;}
#about_audio .cont_box{width:calc(100% - 370px); padding:50px; background:#f5f5f5;}
#about_audio .cont_box .title{font-size:23px; font-weight:600; color:#482795; padding-bottom:20px; border-bottom:1px solid #482795; margin-bottom:25px;}
#about_audio .cont_box .title em{font-size:18px; font-weight:500;}

#about_audio .youtube_wrap{max-width:543px;}
#about_audio .youtube_box{position:relative; width:100%; height:0; padding-bottom:56.2%;}
#about_audio .youtube_box iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:1;}

#about_audio .cont_box .txt_box{margin-top:40px;}
#about_audio .cont_box .txt_box p{font-size:16px; margin-top:20px;}
#about_audio .cont_box .txt_box p.first{margin-top:0; font-size:18px; font-weight:500;}

.pro_sub_tit{text-align:center; font-size:17px; margin-bottom:40px; color:#777;}
.pro_sub_tit em{font-size:28px; color:#7d5fb9; font-weight:600; display:block; margin-bottom:10px;}

/*사전예약*/
.p-top-box{position:relative; margin:0 auto; margin-bottom:40px; text-align:center; }
.p-top-box .tit{position:relative; font-size:32px; font-weight:500; color:#7d5fb9;  margin-bottom:15px; padding-bottom:15px; line-height:1.3em;}
.p-top-box .tit:before{content:""; display:block; width:40px; height:3px; background:#7d5fb9; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.p-top-box .txt{ font-size:18px;}

.register-box{position:relative; background:#ebf9f8; padding:20px 30px; text-align:center; }
.register-box .date{display:inline-block; font-size:19px; font-weight:500; color:#005856; }
.register-box .btn{ text-align:center; position:absolute; top:50%; transform:translateY(-50%); right:30px;}
.register-box .btn a{display:inline-block; padding:0 16px 0 20px; background:#00c3bd; color:#fff; text-align:center; height:38px; line-height:38px; font-size:16px; font-weight:500; border-radius:999px;}
.register-box .btn a i{display:inline-block; margin-left:20px;}

.pro_tab_form{min-height:300px;}

/*사전신청-2023*/
#p_pro02 .LR_wrap{position:relative;}
#p_pro02 .LR_wrap .left_box .wrap{border:1px solid #e5ebeb; width:380px; box-sizing:border-box;}
#p_pro02 .LR_wrap .left_box .img_box img{max-width:100%;}
#p_pro02 .LR_wrap .left_box .tit_box{background:#f5f7f7; text-align:center; padding:30px;}
#p_pro02 .LR_wrap .left_box .tit_box .cate{display:inline-block; color:#7d5fb9; font-weight:500; font-size:15px; border-bottom:1px solid #7d5fb9;}
#p_pro02 .LR_wrap .left_box .tit_box .title{font-size:19px; font-weight:500; margin-top:10px;}
#p_pro02 .LR_wrap .left_box .tit_box .m_block{display:none;}
#p_pro02 .LR_wrap .left_box .tit_box .date{font-size:15px; color:#787d7d; margin-top:3px;}
#p_pro02 .LR_wrap .left_box .tit_box .btn_box{margin-top:15px;}
#p_pro02 .LR_wrap .left_box .tit_box .btn_box a{display:inline-block; font-size:15px; font-weight:500; padding:0 15px 0 20px; height:35px; line-height:35px; vertical-align:middle; background:#00c3bd; color:#fff; border-radius:999px;}
#p_pro02 .LR_wrap .left_box .tit_box .btn_box a i{font-size:18px; display:inline-block; vertical-align:inherit; margin-top:-4px; margin-left:5px;}
#p_pro02 .LR_wrap .left_box .tit_box .btn_box.finish a{background-color:#0e5856; color:#cadddc; padding:0 20px; cursor:inherit;}
#p_pro02 .LR_wrap .right_box{position:absolute; left:445px; top:50%; transform:translateY(-50%); width:calc(100% - 445px);}
#p_pro02 .LR_wrap .right_box .title{font-size:23px; font-weight:500; color:#7d5fb9; margin-bottom:15px;}
#p_pro02 .LR_wrap .right_box dl{position:relative; border-bottom:1px dashed #c7c7c7;}
#p_pro02 .LR_wrap .right_box dl.first{border-top:2px solid #7d5fb9;}
#p_pro02 .LR_wrap .right_box dt{font-size:16px; font-weight:500; position:absolute; top:50%; transform:translateY(-50%); left:20px;}
#p_pro02 .LR_wrap .right_box dd{padding:18px 20px 20px 120px; font-size:16px; line-height:1.5em;}
#p_pro02 .LR_wrap .right_box dd .small{font-size:15px; color:#717171; margin-top:10px; line-height:1.4em;}
#p_pro02 .LR_wrap .right_box dd strong{/*color:#2f0a8b;*/}

.mt_60{margin-top:60px;}

/*gallery tab*/
.gallery-tab{margin-bottom:30px;}
.gallery-tab ul{text-align:center;}
.gallery-tab li{margin:0 3px; display:inline-block; }
.gallery-tab li a{display:block; border:1px #e8e8ea solid; line-height:40px; padding:0 25px; border-radius:999px;}
.gallery-tab li.current a{color:#fff; background:#7d5fb9;}


/*프로그램*/
.all_bg_wrap{margin-top:-60px;}
.all_bg_wrap #p_pro00{position:relative; background: url(../../images/sub/about_bg-2023.jpg) no-repeat 50% top; background-size:cover; padding:60px 0 240px; }
.all_bg_wrap #p_pro00 .img_box{text-align:center; margin-top:85px;}
.all_bg_wrap #p_pro00 .img_box img{display:inline-block; max-width:100%;}
.all_bg_wrap #p_pro00 .bottom_bg{width: 100%; max-width: 1200px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.all_bg_wrap #p_pro00 .bottom_bg img {width: 100%;}

.pg-num{display:none; position:absolute; width:40px; height:40px; line-height:40px; text-align:center;  color:#fff; z-index:2; background:#00c3bd;}
.lbt-a, .pvt-tit{display:block; color:#303232; font-size:21px; }
.lbt-a .lbt-a-t02{font-size:16px; line-height:1.6; margin-top:10px;}
.lbt-a{padding-right:0px;}
.lbt-a.s_0303{padding-right:131px;}
.lbt-a p{display:inline-block; font-weight:400;}
.pts{font-size:15px;}
.lb-lo{display:inline-block; margin-left:10px; vertical-align:text-top;}
.lb-lo span{display:inline-block;background-color:#7d5fb9; color:#fff; font-size:14px; padding:0 20px;line-height:31px; font-weight:400; border-radius:999px;}
.lb-lo span i{display:inline-block; vertical-align:middle; line-height:31px; margin-right:5px;}
.pvt-tit p{display:inline-block;}

.lbt-a.event-lbt{font-weight:400; font-size:24px; padding-right:0;}
.lbt-a.event-lbt p{margin-bottom:10px;}
.lbt-a.event-lbt .in-txt01{font-weight:300; line-height:1.3;}

.l-box{position:relative; margin-top:20px;}
.list-box .l-box:first-child{margin-top:0;}
.lb-img{position:absolute;left:0; top:0;}
.lb-img-box{width:240px; height:180px; overflow:hidden;}

.lb-img-box img{width:100%;}
.lb-txt{margin-left:40px; padding:30px 30px 30px 247px; background:#f5f7f7;border:1px #e5ebeb solid; min-height:128px; word-break:keep-all;}
.lb-txt.txt-no-more{padding-right:215px;}

.lb-txt .btn_box{position:absolute; top:50%; transform:translateY(-50%); right:40px;}
.lb-txt .btn_box a{display:inline-block; padding:0 30px; height:39px; line-height:39px; vertical-align:middle; background:#c36500; color:#fff; border: 1px solid #ab5900; font-size:15px; font-weight:400;  border-radius:999px;}
.lb-txt .btn_box a i{display:inline-block; margin-left:5px;}
.lb-txt .btn_box a.more{background-color:#4db9b1; border-color:#4db9b1;}

.lbt-list{margin-top:20px;}
.lbt-list li{color:#787d7d; position:relative; padding-left:70px;}
.lbt-list span{display:inline-block;color:#00c3bd; height:100%; position:absolute; left:0;}
.lbt-list li em.strong{color: #7c60bb; font-weight: 600;}

.grid-box{font-size:0;}

.box{display:inline-block; position:relative;background:#f5f7f7; font-size:14px;}
.box a {display:block;}
.pgi{width:100%; overflow:hidden; position:relative;}

.pgi img{width:100%; }

.pg-txt{background:#f5f7f7; height:79px; width:100%; text-align:center; display:table;}
.pg-p-box{height:79px; text-align:center; display:table-cell; vertical-align:middle; border:1px #e5ebeb solid; border-top-width:0;}
.grid-box:after{clear:both; display:block; visibility:hidden; content:"."; height:0;}
.grid-box .box:first-child{margin-left:0;}
.pgt01{color:#303232; line-height:1.1; word-break:break-all;}
.pgt01 span{display:block;}
.pgt03{font-size:21px; color:#303232;}
.pgt02{color:#9ba0a0; font-size:13px;}
.pgt04{font-size:18px;width:100%; margin-bottom:5px; font-weight:500;}
.pgt04 .cate{display:block; margin-bottom:5px;}
.pgt04 .cate em{display:inline-block; height:25px; line-height:25px; background:#c36500; color:#fff; border-radius:999px; font-size:14px; padding:0 10px;}
.pgt04 span{display:block; vertical-align:middle;}
.pgt05{font-size:15px; color:#787d7d; line-height:1.5; /*border-bottom:1px #dce1e1 solid; padding-bottom:10px; margin-bottom:10px;*/}
.pgt06{display:none; font-size:16px; color:#235050;}
.pg-p-box .btn{display:none; margin-top:20px;text-align:center;}
.pg-p-box .btn a{display:inline-block; width:50%; background:#00c3bd; color:#fff; text-align:center; height:34px; line-height:32px; font-size:16px; font-weight:500; border-radius:999px; border:1px solid #00a7a2;}

.grid-01 .box{width:585px; position:relative; margin-left:30px; margin-bottom:30px;}
.grid-03 .box{width:calc((100% - 60px)/3); position:relative; margin-left:30px; margin-top:30px; border: 1px #e5ebeb solid; box-sizing:border-box;}
.grid-03 .box:nth-child(3n+1){margin-left:0;}

.grid-01 .pg-p-box{height:230px; text-align:left;  padding:30px 30px 30px 260px;border-top-width:1px; position:relative;}
.pgi01{height:230px; width:200px; position:absolute; top:30px; left:30px; text-align:center;}
.pgi01 img{height:100%; width:auto;}
.grid-01 .lb-lo{width:100%; position:relative;}
.grid-01 .lbt-list .lb-lo span{color:#fff; height:auto; right:10px; left:auto;}
.grid-01 .lbt-list li,.lbt-list.lbl-pa-50 li{padding-left:65px; line-height:1.5em; margin-top:10px;}
.grid-01 .lbt-list li,.lbt-list.lbl-pa-50 .pipe{padding-right:155px;}
.grid-05 .box{width:220px;  margin-left:25px; margin-bottom:25px;} 
.pgi05{height:160px;}
.pgi05 div{width:220px; height:180px; margin-left:-60%;}
.pgi03 div{height:240px;}
.pgi03{position:relative; overflow:hidden;}
.grid-03 .pg-p-box{height:75px; padding:15px 39px; border:0;}

.eating .grid-03.food .box{width:277px; margin-left: 30px;}
.eating .grid-03.food .pgi03{height:208px;}
.eating .grid-03.food .pg-p-box{height:80px;}

.box .gr03-lo{background:#00c3bd; width:24px; height:24px; border-radius:50%; display:inline-block; color:#fff;}
.box .pgt-posi{height:auto;position:absolute; right:25px; top:25px; width:100%; text-align:right; z-index:9;}
.box .pgt-posi.building{top:10px;   bottom:auto; z-index:4;}
.box .pgt-posi.building .pgt-mo{font-size:13px; height:20px; line-height:20px; padding:0 10px; }
.box .pgt-mo{color:#fff; background:#c36500; height:28px; line-height:28px; padding:0 17px; display:inline-block; border-radius:999px; border: 1px solid #995308; font-size:15px;}
.box .pgt-mo.m_1909{background: #0060c3;}
.pgi03 .lb-lo{ display:inline-block; margin-left:0px;}

.program-list .detail_table{border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:5px;}
.program-list .detail_table th, .program-list .detail_table td{border:1px solid #ccc; border-width:0px 1px 1px 0; text-align:center; padding:3px; font-size:13px;}
.program-list .detail_table th{background:#ebebeb; font-size:12px;}


/*일정표*/
.all_bg_wrap #p_pro03{background:#f5f5f5;  padding:60px 0 100px;}
table.schedule th{font-weight:normal; font-weight:400; background:#418991; color:#fff; border-bottom:1px #e0e0e0 solid; border-left:1px #d3d3d3 solid; font-size:17px; vertical-align:middle; text-align:center; padding:15px 20px;}
table.schedule td{padding:15px; border-bottom:1px #e0e0e0 solid; font-size:16px; border-left:1px solid #e0e0e0; background:#fff; line-height:1.3; vertical-align:top; word-break:keep-all; vertical-align:middle; text-align:center;}
table.schedule tr:nth-child(even) td:first-child{background:#e4f0f1;}
table.schedule td.center{text-align:center;}
table.schedule td .small{font-size:15px;}
table.schedule td .s_02{margin-top:20px;}
table.schedule dl{position:relative; margin:0 auto; margin-top:15px; text-align:left; width:60%;}
table.schedule dl.first{margin-top:0;}
table.schedule dl dt{display:block;  margin-bottom:7px;}
table.schedule dl dt.blind{display:none;}
table.schedule dl dt em{display:inline-block; padding: 0px 10px; background: #1fa2af; color: #fff; border-radius: 5px; font-size: 14px; line-height: 1.8;}
table.schedule dl dt em.type02{background:#7d5fb9;}
table.schedule dl dd{display:inline-block; }
table.schedule dl dd p:nth-child(n+2){margin-top:5px;}
table.schedule dl dd p{position:relative; padding-left:10px; text-align:left;}
table.schedule dl dd span{display:block; position:absolute; top:0; left:0;}
table.schedule dl dd em.strong{font-weight:500; color:#e31818; border-bottom:1px solid #e31818;}
table.schedule.p03 dl{text-align:center; width:100%;}
table.schedule.p03 dl dd p{text-align:center; padding-left:0;}
table.schedule.p03 dl dd .time{display:block; color:#c36500; margin-top:5px; font-size:15px; display:none;}
table.schedule.p03 dl dd .tiny{display:block; font-size:14px; color:#777;}
.detail_txt{font-size:16px; margin-top:15px;}


/*발자취*/
.gp_wrap{position:relative; margin-top:75px; min-height:353px;}
.gp_wrap.first{margin-top:0;}
.gp_wrap .left_box{position:absolute; top:0; left:0; z-index:1;}
.gp_wrap .left_box:after{content:""; display:block; width:95%; height:95%; border:1px solid #00c3bd; position:absolute; bottom:-10px; right:-10px; z-index:-1;}
.gp_wrap .left_box img{ max-width:100%; width:270px;}
.gp_wrap .right_box{margin-left:340px;  border-top:3px solid #00c3bd; border-bottom:1px solid #ddd; padding-bottom:30px; }
.gp_wrap .right_box .left_tit{position: relative; font-size: 23px; font-weight: 500; margin-bottom: 30px; padding:25px; padding-right:190px; padding-left:30px; border-bottom:1px solid #ddd; }
.gp_wrap .right_box .left_tit .btn{position:absolute; top:50%; transform:translateY(-50%); right:20px;}
.gp_wrap .right_box .left_tit .btn a{display:inline-block; font-size:13px; background:#00c3bd; color:#fff; font-weight:400;  padding:0px 15px; line-height:32px;  vertical-align:middle; border:1px solid #00a9a3; border-radius:999px;}
.gp_wrap .right_box .left_tit .btn a i{display:inline-block; margin-right:7px; font-size:17px; vertical-align:bottom; line-height:32px;}

.gp_wrap .right_box dl{position:relative; margin-top:13px; padding-left:40px;}
.gp_wrap .right_box dl.first{margin-top:0;}
.gp_wrap .right_box dt{position:absolute; top:0; left:30px; font-size:16px; font-weight:500; }
.gp_wrap .right_box dd{padding-left:140px; font-size:16px; vertical-align:middle;}
.gp_wrap .right_box dd .m_cont{margin-top:20px;}
.gp_wrap .right_box dd .m_cont:first-child{margin-top:0;}
.gp_wrap .right_box dd .m_cont .tit{font-weight:500;}
.gp_wrap .right_box dd .m_cont ul{padding-left:15px; margin-top:10px;}
.gp_wrap .right_box dd .m_cont li{position:relative; padding-left:15px; margin-top:5px; word-break:keep-all;}
.gp_wrap .right_box dd .m_cont li:first-child{margin-top:0;}
.gp_wrap .right_box dd .m_cont li:before{content:"-"; display:block; position:absolute; top:0; left:0; }
.gp_wrap .right_box dd .tiny{font-size:14px; color:#777;}

.gp_wrap #poster_box{position:relative;  text-align:center;}
.gp_wrap #poster_box .slick-prev, .gp_wrap #poster_box .slick-next{display:none !important; width:0; height:0;}
.gp_wrap #poster_box .slick-prev:before, .gp_wrap #poster_box .slick-next:before{display:none;}
.gp_wrap #poster_box .slick-dots{position:absolute; left:50%; bottom:-25px;  margin-left:-75px;}
.gp_wrap #poster_box .slick-dots li{float:left; margin:0; width:auto;}
.gp_wrap #poster_box .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: #c3c3c3; text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.gp_wrap #poster_box .slick-dots li.slick-active button{ width: 36px; background-color: #00c3bd;}
.gp_wrap #poster_box .P_btn{position:absolute;left:50%;bottom:-42px; margin-left:31px;}
.gp_wrap #poster_box .P_btn button i{font-size:20px; color:#fff; opacity:1;  text-shadow:2px 2px 2px rgba(0,0,0,0.2);}
.gp_wrap #poster_box .P_btn .play{display:none;}

/*온라인문의*/
.kakao_qna{position:relative; margin:0 50px 50px 50px;}
.kakao_qna .left_box p{display:inline-block; vertical-align:middle; font-size:18px; font-weight:500;}
.kakao_qna .left_box .icon_box{margin-right:25px;}
.kakao_qna .left_box .icon_box img{height:80px;}
.kakao_qna .left_box .txt_box em{font-weight:600;}
.kakao_qna .right_box{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.kakao_qna .right_box a{display:inline-block; height:40px; line-height:40px; background:#fae100; border-radius:999px; padding:0 6px 0 20px; font-size:15px; font-weight:600; vertical-align:middle;}
.kakao_qna .right_box a span{display:inline-block; width:30px; height:30px; line-height:30px; background:#020303; text-align:center; border-radius:999px; margin-left:15px; transition:all 0.2s;}
.kakao_qna .right_box a span i{font-size:20px; color:#fff; display:inline-block; vertical-align:middle; margin-top:-3px;}

/*사이트맵*/
#utility_sitemap > ul{font-size:0;}
#utility_sitemap .site_list{position:relative; display:inline-block; width:calc((100% - 120px)/4);  margin-left:40px;font-size:16px; vertical-align:top; box-sizing:border-box; }
#utility_sitemap .site_list:nth-child(4n+1){margin-left:0;}
#utility_sitemap .site_list h2{position:relative;  font-size:18px; background:#6a6ad5; padding:13px 25px;  border-left:5px solid #3939a7; border-radius:0 10px 0 0;}
#utility_sitemap .site_list h2 a{color:#fff;}
#utility_sitemap .site_list ul li{position:relative;}
#utility_sitemap .site_list ul li:after{content:""; display:none; width:0; height:0; border-style:solid; border-width:5px; border-color: transparent transparent transparent #535353; position:absolute; top:50%; right:25px; transform:translateY(-50%);}
#utility_sitemap .site_list ul li a{display:block; padding:10px 25px; border-bottom:1px dashed #e0e0e0;}
#utility_sitemap .site_list ul li:hover{background:#f7f7f7;}
#utility_sitemap .site_list ul li:hover a{color:#6a6ad5; font-weight:400;}
#utility_sitemap .site_list ul li:hover:after{border-color:transparent transparent transparent #20599d;}


@media (hover: hover) and (pointer: fine) {
.kakao_qna .right_box a:hover{color:#303232;}
.kakao_qna .right_box a:hover span{margin-left:20px;}

#p_pro02 .LR_wrap .left_box .tit_box .btn_box a:hover{background:#00a9a3;}
#p_pro02 .LR_wrap .left_box .tit_box .btn_box.finish a:hover{background:#00706d;}
}

@media screen and (max-width:1200px){
#sub_cont{min-width:100%;}
.sub_width{width:100%; padding:0 15px; box-sizing:border-box;}
.inner{max-width:100%; box-sizing:border-box; padding:0 15px;}
.inner_1100{max-width:100%; box-sizing:border-box; padding:0 15px;}
.inner_1000{max-width:100%; box-sizing:border-box; padding:0 15px;}

.sub0101_01{padding:105px 15px 250px;}
.sub0101_01_width{width:100%;}
.sub0101_01_width h4{width:30%;}
.sub0101_01_cont{width:65%;}

/*피란수도 문화재*/
.her-view .hv-top .bg_icon{display:block; margin-right:0; margin-bottom:5px;}
.her-view .hv-top .top_box{display:block;}

/*대표캐릭터*/
#about_character.ver_2023 .intro_box .tit{display:block; padding:10px;}

/*온라인문의*/
.kakao_qna{margin:0; margin-bottom:50px;}
.kakao_qna .left_box{text-align:center;}
.kakao_qna .left_box .txt_box{text-align:left;}
.kakao_qna .right_box{position:static; top:auto; right:auto; transform:inherit; margin-top:20px; text-align:center;}
}


@media screen and (max-width:1024px){
.pic-info{padding:0 5%;}

#sub_tit{padding-top:48px; height:auto; background-size:cover; position:relative; padding-bottom:30px;}
#sub_tit p{height:60px; line-height:60px; font-size:28px; margin-top:30px; border-width:4px;}

.night-tit{width:94%; padding:0 3%; line-height:1.5; margin-top:0; font-size:18px;}
.night-tit span{font-size:16px; line-height:22px; padding:15px; border-radius:5px;}
.pgt-posi.food{text-align:center;}

#snb{height:100%;}
#snb.fixed{height:auto; top:55px; background-color:#fff;}
#snb.snb_h5.fixed{height:47px;}
#snb.snb_h2.fixed{height:141px;}
#sub_cont{width:100%; min-width:100%; overflow:hidden;padding:10px 0 40px; margin-top:20px; min-height:inherit;}
#snb .snb_btn{display:none;}
#snb ul,#snb.fixed ul{width:100%; position:relative; margin-left:0; left:0; text-align:left; height:100%; font-size:0;}
#snb li{width:49.69%; height:46px; border-bottom:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; margin:0; padding:0; font-size:13px;}
#snb.fixed ul li{height:46px;}

#snb li a,#snb.fixed ul li a{width:100%; padding:0; margin:0; text-align:center; display:inline-block; line-height:46px; font-size:15px;}
#snb li.current{background:none;}
#snb .snb01 li:nth-child(5),#snb .snb02 li:nth-child(5),#snb .snb03 li:nth-child(3), #snb .snb06 li:nth-child(3), #snb .snb04 li:nth-child(5){border-right:1px #e0e0e0 solid;}
#snb .snb07 li{width:99%;border-bottom:0; border-left:0;}

/*행사개요*/
.sub0101_01{padding-top:50px; background-size:cover; padding-bottom:195px;}
.sub0101_01_width{width:100%;}
.sub0101_01_width h4{width:250px; margin:0 auto; float:none; margin-top:30px;}
.sub0101_01_width h4 img{width:250px;}
.sub0101_01_width h4 .poster_img{margin-top:20px;}
.font0101_img{width:230px; margin:25px 0;}
.font0101_img img{width:230px;}
.sub0101_01_cont{width:100%; float:none;}
.sub0101_01_cont p{ margin:0 auto 20px;}
.sub0101_01_cont ul{margin:0 auto;}
.sub0101_01_cont li{word-break:keep-all; padding:15px 0; padding-left:100px; }
.sub0101_01_cont li span{width:70px; top:13px; left:5px; text-align:left;}
.sub0101_01_cont li p{width:auto;}
.sub0101_01 .pc_br br{display:none;}

.sub0101_02_width{width:100%;}
.S02_list{width:90%; margin:0 auto;}
.S02_list li{width:100%; margin-bottom:30px; float:none; margin-left:0;}
.sub0101_02_width h4{margin-bottom:50px;}
.S02_list li.SL02_01,.S02_list li.SL02_02{min-height:auto;}
.S02_list h5{height:auto;}
.S02_list h5 span{font-size:40px;}

/*피란수도 문화재*/
.her-list li{width: calc((100% - 40px)/3); margin-left:20px; margin-bottom:20px;}
.her-list li:nth-child(3n+1){margin-left:0px;}
.her-view .hv-top .lb-lo{position:static; top:auto; transform:inherit; right:auto; margin-top:10px;}

/*대표캐릭터*/
#about_character .intro_box .title{line-height:1.3em;}
#about_character .intro_box .txt br{display:none;}
#about_character .detail_box li{padding:0 15px;}

/*찾아오시는길*/
#sub0701{width:90%; margin:0 auto;}
.TVB_map{width:95%; height:320px; margin:20px auto;}
.lo-list{margin:0px 0 30px;}
.lo-list li{font-size:15px; display:block;}
.lo-list p{font-size:15px; display:block;}
.lo-list span{position:relative; width:96%; padding:2%; text-align:left; display:block;}
.lo-list .long span{padding:2%;}
.lo-tit span{font-size:18px;}
.map-img{margin-bottom:40px;}

.lo-list .m_br br{display:none;}
.parking-table, .parking-table tr, .parking-table tbody, .parking-table td{display:block;}
.parking-table td{width:auto;}
.parking-table td.empty{border-bottom:0; display:none;}
.lo-list .parking-table p{padding:10px;}

/*준비중 페이지*/
.page{text-align:center; width:100%; margin-bottom:40px;}
.page img{width:100%; max-width:400px;}

/*오디오 가이드*/
#about_audio{flex-direction:column;}
#about_audio .tab_box{width:100%; margin-right:0;}
#about_audio .tab_box ul{display:flex; flex-wrap:wrap;}
#about_audio .tab_box .tab_list li{width:50%; box-sizing:border-box; align-items:center; text-align:center;}
#about_audio .tab_box .tab_list li:nth-child(even){border-left:1px solid #e5e5e5;}
#about_audio .tab_box .tab_list li span{font-size:14px; padding:10px; vertical-align:middle; line-height:1.3em; font-weight:500;}
#about_audio .tab_box .tab_list li span em{ font-size:13px;}
#about_audio .cont_box{margin-top:40px;width:100%; box-sizing:border-box; padding:40px;}

/*사전신청-2023*/
#p_pro02 .LR_wrap .left_box{text-align:center;}
#p_pro02 .LR_wrap .left_box .wrap{display:inline-block; max-width:380px; width:100%;}
#p_pro02 .LR_wrap .left_box .tit_box .m_block{display:block; margin-bottom:5px;}
#p_pro02 .LR_wrap .left_box .tit_box .m_block .lb-lo{margin-left:0;}
#p_pro02 .LR_wrap .left_box .tit_box .m_block .lb-lo span{font-size:12px; padding:0 15px; line-height:25px;}
#p_pro02 .LR_wrap .right_box{position:static; top:auto; left:auto; transform:inherit; margin-top:30px; width:100%;}
#p_pro02 .LR_wrap .right_box .title{display:none;}

/*gallery tab*/
.gallery-tab{margin-bottom:30px}
.gallery-tab ul{text-align:center; width:100%;}
.gallery-tab li{ width:40%; margin-top:5px;}
.gallery-tab li a{line-height:36px;}

/*프로그램*/
.all_bg_wrap{margin-top:-10px;}
.all_bg_wrap #p_pro00{padding:60px 0 200px;}
.all_bg_wrap #p_pro00 .img_box{margin-top:0;}

.lbt-a a, .pvt-tit{display:block; text-align:center; font-size:18px; line-height:25px;}
.lb-txt{margin-left:0; padding:30px; padding-top:20px;}
.lb-img{left:50%; margin-left:-120px; top:50px;}
.lbt-list li,.lbt-list.lbl-pa-50 li{padding-left:0;}
.lbt-list span{position:relative; display:block;}
.lbt-a{padding-right:0px; text-align:center; margin-top:13px;}
.lbt-a.s_0303{padding-right:00px;}
.lbt-a p{text-align:center; display:inline-block; }
.lb-txt .lb-lo{ display:inline-block; }
.lb-txt .lb-lo span{margin:0 auto; }
.lbt-list.more-txt{padding-right:0px;}
.lb-txt{padding-top:229px;}

/*grid*/
.grid-box .box{width:calc((100% - 30px)/2);  height:100%;}
.grid-03 .box:nth-child(3n+1){margin-left:30px;}
.grid-03 .box:nth-child(2n+1){margin-left:0;}
.grid-01 .box{margin-top:30px;}
.grid-01 .box:first-child{margin-top:0;}
.pgi01{position:relative; width:100%; height:100%; left:0; top:0;}
.grid-01 .pg-p-box{padding:30px; height:auto;}
.grid-01 .lbt-list .lb-lo{margin-top:20px;}
.grid-01 .lbt-list .lb-lo span{text-align:center;}
.pgi01 img{height:auto; width:100%;}
.grid-01 .lbt-list li, .lbt-list.lbl-pa-50 .pipe{padding-right:0;}

.pgi05{height:100%;}
.grid-01 .lbt-list li, .lbt-list.lbl-pa-50 li{padding-left:0;}
.pgi03{height:auto;}

.mus-img li{float:none; width:100%; max-width:500px; margin-left:0;}
.mus-img.modern li{width:100%;}
.mus-img.student li{width:100%;}

.eating .grid-03.food .box{width:100%; margin-left:0px !important;}
.eating .grid-03.food .box.first{margin-left:0;}
.eating .grid-03.food .pgi03{height:auto;}

.lb-txt.txt-no-more{padding-right:30px;}
.lb-txt .btn_box{position:static; top:auto; right:auto; transform:inherit; text-align:center; margin-top:20px;}

/*일정표*/
table.schedule dl{width:100%;}

/*발자취*/
.gp_wrap #poster_box .slick-dots{margin-left:-30px;}
.gp_wrap .left_box{position:static; top:auto; left:auto; width:100%; height:auto; text-align:center;}
.gp_wrap .left_box:after{display:none;}
.gp_wrap .left_box li{text-align:center;}
.gp_wrap .left_box img{ margin: 0 auto;}
.gp_wrap .right_box{margin-left:0; margin-top:30px;}

/*사이트맵*/
#utility_sitemap .site_list{display:block; width:100%; margin-left:0; margin-top:30px; box-sizing:border-box;}
#utility_sitemap .site_list:first-child{margin-top:0;}
#utility_sitemap .site_list h2{padding:10px 15px;}
#utility_sitemap .site_list ul li a{padding:10px 15px;}
}

@media screen and (max-width:767px){
/*테이블*/
table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0;}

.table_scroll {position:relative; overflow-x: auto; width: 100%;}
.table_scroll:before{content:""; display:block; width:50px; height:50px;  position:absolute; top:70px; left:50%; transform:translateX( -50%); background:url(../../images/sub/scroll_ico.png) no-repeat; background-size:50px auto; z-index:1;}
.table_scroll.scrolled:before{display:none;}
.table_box { width: 120%;}
.table_box table{min-width:650px;}

::-webkit-scrollbar{-webkit-appearance:none;}
::-webkit-scrollbar:horizontal{height:10px;}
::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5); border-radius:10px; border:2px solid #fff;}


/*준비중 페이지*/
.page{margin:40px auto 20px;}
.page img{max-width:300px;}

/*페이지 상태 width : 767 */ 
.page_state_box{padding:30px; margin-top:0px;}
.page_state_box .txt_box .icon i{font-size:60px;}
.page_state_box .txt_box .tb_01{font-size:23px; word-break:keep-all;}


.tab-wrap{margin-bottom:25px;}
.tab-list{display:block; width:100%; text-align:left;}
.tab-list li{margin:0; margin-left:5px; margin-bottom:5px; width:49%; }
.tab-list li:nth-child(2n+1){margin-left:0;}
.tab-list li a{padding:5px 0; font-size:14px;}

.tab-wrap.p01 .tab-list li{width:32.3%;}
.tab-wrap.p01 .tab-list li:nth-child(2n+1){margin-left:5px;}
.tab-wrap.p01 .tab-list li:nth-child(3n+1){margin-left:0px;}

/*gallery tab*/
.gallery-tab ul{text-align:left;}
.gallery-tab li{width:47%; text-align:center;}

table.m_block,
table.m_block thead,
table.m_block tbody,
table.m_block tr,
table.m_block th, 
table.m_block td{display:block; width:100%; text-align:left;}
table.m_block th, 
table.m_block td{padding:10px 2%; width:100%; box-sizing:border-box; border-left:0; font-size:1.6rem;}
table.m_block th{background:#f7f7f7;}

table.m_block.qna{border-top:2px #697887 solid;}
table.m_block.qna thead, table.m_block.qna colgroup{display:none;}
#list table.m_block.qna tbody tr{border-bottom:1px solid #dee0e2;}
#list table.m_block.qna tbody td{border-bottom:0; padding:5px;}
#list table.m_block.qna tbody td:nth-child(3), #list table.m_block.qna tbody td:nth-child(4){display:inline-block; width:auto; }
#list table.m_block.qna tbody td a{max-width:90%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/*행사개요*/
.sub0101_01{padding-bottom:125px;}
.sub0101_01_width h4 img{width:180px;}
.sub0101_01_cont li, .sub0101_01_cont li span{font-size:14px;}

/*피란수도 문화재*/
.her-list{text-align:center;}
.her-list li{width: 100%; margin-left:0; max-width:570px;}
.her-list li .txt_box{display:block; height:auto;}
.her-list li .txt_box > div{display:block;}
.her-view .hv-top{padding:20px;}
.her-view .hv-top .bg_icon img{height:70px;}
.her-view .hv-top .hvt-tit{margin-bottom:10px;}
.her-view .hv-top .hvt-tit span{display:block;}
.her-view .hv-top .hvt-tit em{margin-left:0;}
.her-view .hv-top .lbt-list li{padding-left:0px;}
.her-view .hv-top .lbt-list span{position:static; left:auto; display:block;}
.her-view .hv-top .lb-lo span{font-size:14px;}
.her-view .hv-cont{padding:20px;}
.her-view .hv-cont .hvc02{margin-top:20px;}
.her-view .hv-cont .hvc02 dt{font-size:14px;}
.her-view .hvc-img-box img{max-width:100%;}

/*대표캐릭터*/
#about_character{line-height:1.5em;}
#about_character .intro_box .title{font-size:20px; line-height:1.4em;}
#about_character .intro_box .img_box{margin-top:25px;}
#about_character .intro_box .tit{font-size:16px; line-height:1.5em;}
#about_character .intro_box .txt{font-size:14px; margin-top:15px; word-break:keep-all;}

#about_character .detail_box{margin-top:30px;}
#about_character .detail_box li{width:100%; display:block; font-size:14px; padding:0;}
#about_character .detail_box li:first-child{margin-bottom:20px;}
#about_character .detail_box .img_box img{height:150px;}
#about_character .detail_box .txt_box{margin-top:20px;}
#about_character .detail_box .txt_box .t_01{font-size:18px;}
#about_character .detail_box .txt_box .t_02{font-size:16px; margin-top:5px;}
#about_character .detail_box .txt_box .cont{margin-top:15px;}
#about_character .detail_box .txt_box .cont p{margin-top:5px;}
#about_character .detail_box .txt_box .cont p br{display:none;}

#about_character.ver_2023 .intro_box .img_box img{max-width:280px;}

#about_character .down_btn{margin-top:30px;}
#about_character .down_btn a{height:auto; line-height:inherit; padding:10px 17px; font-size:15px;}
#about_character .down_btn a i{font-size:17px;}

/*오시는길*/
.TVB_map{height:250px;}
.m_none{display:none !important;}

/*오디오 가이드*/
#about_audio .cont_box{padding:25px;}
#about_audio .cont_box .title{font-size:20px; padding-bottom:15px; margin-bottom:20px;}
#about_audio .cont_box .title em{display:block; font-size:14px;}
#about_audio .cont_box .txt_box{margin-top:20px;}
#about_audio .cont_box .txt_box p.first{font-size:17px;}
#about_audio .cont_box .txt_box p{font-size:15px;}

/*사전신청-2023*/
#p_pro02 .LR_wrap .left_box .tit_box{padding:15px 20px 20px 20px;}
#p_pro02 .LR_wrap .right_box{margin-top:0;}
#p_pro02 .LR_wrap .right_box dl{padding:10px 15px;}
#p_pro02 .LR_wrap .right_box dl.first{border-top-width:0}
#p_pro02 .LR_wrap .right_box dl.last{border-bottom:3px solid #00c3bd;}
#p_pro02 .LR_wrap .right_box dt{position:static; top:auto; left:auto; font-size:15px; transform:inherit;}
#p_pro02 .LR_wrap .right_box dd{padding:0px; font-size:15px;}

/*프로그램*/
.all_bg_wrap #p_pro00{padding:30px 0 125px;}

.l-box{background: #f5f7f7; border: 1px #e5ebeb solid; padding:30px;}
.lb-img{position:relative; top:auto; left:auto; margin-left:0; text-align:center;}
.lb-img-box{width:100%; height:auto; max-width:300px; display:inline-block;}
.lb-txt{border:0; padding:0;}
.lb-txt.txt-no-more{padding-right:0;}

.lbt-a{margin-top:8px;}
.lbt-a p{font-size:20px; font-weight:400;}
.lb-txt .lb-lo{display:block; margin-left:0; margin-top:10px;}
.lb-txt .btn_box a{height:35px; line-height:35px; font-size:14px; font-weight:500;}

.lbt-list.lbl-pa-50 li{line-height:1.5em; margin-top:10px;}

.pro_sub_tit{font-size:15px; margin-bottom:20px; color:#777;}
.pro_sub_tit em{font-size:23px; margin-bottom:5px;}

/*일정표*/
.all_bg_wrap #p_pro03 {padding: 30px 0 40px;}

table.schedule th{font-size:15px; padding:10px; line-height:1.4em;}
table.schedule td{font-size:14px; padding:10px;}
table.schedule dl{text-align:left; margin-top:20px;}
table.schedule dl dt em{font-size:13px; line-height:1.3em; padding:4px 10px;}
table.schedule.p03 dl dd .time{font-size:13px;}
table.schedule.p03 dl dd .tiny{font-size:13px;}

/*발자취*/
.gp_wrap{min-height:inherit; margin-top:40px;}
.gp_wrap #poster_box .slick-dots{bottom:-20px; margin-left:-38px;}
.gp_wrap .left_box img{width:180px;}
.gp_wrap .right_box{margin-top:25px; padding-bottom:15px;}
.gp_wrap .right_box .left_tit{padding:15px; font-size:20px; margin-bottom:15px; text-align:center;}
.gp_wrap .right_box .left_tit .btn{position:static; top:auto; right:auto; transform:inherit; text-align:center; margin-top:10px;}
.gp_wrap .right_box .left_tit .btn a{font-size:13px;}
.gp_wrap .right_box dl{padding-left:10px; margin-top:15px;}
.gp_wrap .right_box dt{position:static; top:auto; left:auto; margin-bottom:0px; font-size:15px;}
.gp_wrap .right_box dd{padding-left:0; font-size:14px; word-break:keep-all; line-height:1.5em;}
.gp_wrap .right_box dd .m_cont ul{margin-top:5px;}

/*사전예약*/
.p-top-box{margin-bottom:20px;}
.p-top-box .tit{font-size:20px;}
.p-top-box .txt{font-size:16px; margin-top:0;}

.register-box{position:relative; background:#ebf9f8; padding:15px;}
.register-box .date{font-size:15px; margin-bottom:5px;}
.register-box .btn{position:static; top:auto; right:auto; transform:inherit;}
.register-box .btn a{height:32px; line-height:32px; font-size:14px;}

/*grid*/
.grid-box .box{width:100%; margin-left:0;}
.grid-03 .box:nth-child(3n+1){margin-left:0;}
.grid-box .box:last-child{margin-bottom:0;}
.grid-03 .pg-p-box{height:auto; padding:15px 20px;}
.pgt04{font-size:16px;}
.pgt05{/*padding-bottom:7px; margin-bottom:7px;*/ }
.pgt05, .pgt06{font-size:14px;}
.pg-p-box .btn{margin-top:10px;}
.pg-p-box .btn a{font-size:15px; height:32px; line-height:32px;}

/*온라인문의*/
.kakao_qna{margin-bottom:40px;}
.kakao_qna .left_box p{font-size:16px;}
.kakao_qna .left_box .icon_box{margin-right:0; display:block;}
.kakao_qna .left_box .icon_box img{height:50px;}
.kakao_qna .left_box .txt_box{text-align:center; margin-top:10px;}
.kakao_qna .right_box a span i{margin-top:-5px;}
}

@media screen and (max-width:400px){
/*행사개요*/
.sub0101_01{padding-bottom:75px;}

/*프로그램*/
.all_bg_wrap #p_pro00{padding-bottom: 70px;}
}