@charset "utf-8";


html, body, #wrap {width:100%;}
.btn_gnb {display:none;}
.mob_gnb_wrap {display:none;}


/* header */
@media all and (max-width:1280px){
#header {position:absolute; top:0; z-index:101; width:100%; height:70px !important; background:rgba(255,255,255,0.8); overflow:hidden;}
#header .headerWraptop {width:100%; height:70px;}
#header .headerWraptop ul li {display:none;}
#header .headerWraptop ul li:first-child {display:block; position:absolute; top:15px; left:20px;}
#header .headerWraptop ul li:first-child > a > img {width:148px; padding-top:0 !important;}
#header .headerWraptop .t_call {display:none;}

#header .headerWraptop .btn_gnb {position: absolute; top:20px; right:20px; display:block; width:30px; padding:12px 0px; box-sizing:border-box; }
#header .headerWraptop .btn_gnb span {display:block; width:100%; height:3px; background:#000;}
#header .headerWraptop .btn_gnb:after,
#header .headerWraptop .btn_gnb:before {content:''; position:absolute; width:100%; background:#000; height:3px;}
#header .headerWraptop .btn_gnb:after {top:0;}
#header .headerWraptop .btn_gnb:before {bottom:0;}
}
@media all and (max-width:640px){
#header {height:60px !important;}
#header .headerWraptop {height:60px;}
#header .headerWraptop ul li:first-child {top:10px;}
#header .headerWraptop .btn_gnb {top:16px;}
}


/* gnb */
@media all and (max-width:1280px){
body.show_gnb {height:100%; overflow:hidden;}
body.show_gnb:before {content:''; position:fixed; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.mob_gnb_wrap {display:none; position:absolute; top:0; right:-460px; z-index:10001; width:80%; max-width:460px; height:100%; background:#fff; overflow:hidden;}
.mob_gnb_head {position:relative; height:106px; background:#aa0000; overflow:hidden;}
.mob_gnb_head > .logo {float:left; height:60px; padding:15px 0 0 20px; box-sizing:border-box;}
.mob_gnb_head > .logo > img {height:30px;}
.mob_gnb_head > .gosite {clear:both; height:46px; background:rgba(0,0,0,0.3); overflow:hidden;}
.mob_gnb_head > .gosite > ul > li {float:left;}
.mob_gnb_head > .gosite > .sns {float:left; padding-left:14px;;}
.mob_gnb_head > .gosite > .sns > li {}
.mob_gnb_head > .gosite > .sns > li > a {display:block; width:35px; height:46px; padding-top:10px; text-align:center; box-sizing:border-box;}
.mob_gnb_head > .gosite > .lng {float:right; padding-right:10px;}
.mob_gnb_head > .gosite > .lng > li {position:relative;}
.mob_gnb_head > .gosite > .lng > li:before {content:''; position:absolute; top:22px; left:-1px; display:block; width:3px; height:3px; background:rgba(255,255,255,0.5);}
.mob_gnb_head > .gosite > .lng > li:first-child:before {display:none;}
.mob_gnb_head > .gosite > .lng > li > a {display:block; padding:0 10px; font-size:13px; color:#fff; line-height:46px;}
.mob_gnb_close {float:right; display:block; width:40px; height:40px; margin:10px 12px 0 0; background:url(/kor/images/etc/mob_gnb_close.png) no-repeat center center; text-indent:-9999em;}
.mob_gnb_cont {height:calc(100% - 106px); overflow-y:auto;}
.mob_gnb {}
.mob_gnb > li {border-bottom:1px solid #ddd;}
.mob_gnb > li > a {position:relative; display:block; height:52px; padding-left:40px; font-size:18px; line-height:52px; color:#666;}
.mob_gnb > li > a:after {content:''; position:absolute; top:21px; right:40px; display:block; width:14px; height:9px; background:url(../../images/etc/mob_gnb_arr.png) no-repeat center center; background-size:14px 9px;}
.mob_gnb > li > ul {display:none; padding:0 20px 10px; background:#ebebeb;}
.mob_gnb > li > ul > li {border-top:1px solid #f1f1f1; border-bottom:1px solid #bcbcbc}
.mob_gnb > li > ul > li > a {display:block; height:40px; padding:0 20px; font-size:15px; color:rgba(0,0,0,0.6); line-height:40px;}
.mob_gnb > li.active > a {color:#aa0000;}
.mob_gnb > li.on > a {color:#000;}
.mob_gnb > li.on > ul {/*display:block;*/}
.mob_gnb > li > ul > li.on > a {color:#000;}
}
@media all and (max-width:640px){
.mob_gnb_head > .gosite > .sns {padding-left:12px;}
.mob_gnb_head > .gosite > .sns > li > a {width:29px;}
.mob_gnb_head > .gosite > .lng > li > a {padding:0 6px;}
.mob_gnb_head > .gosite > .lng > li > a > span {display:none;}
.mob_gnb > li > a {padding-left:15px;}
.mob_gnb > li > ul > li > a {padding:0;}
}


/* 메인비주얼 */
#main_visual {position:relative; width:100%; padding-top:192px;}
.main_visual {position:relative; width:100%; max-width:1300px; margin:0 auto;}
.main_visual img {display:block; width:100%;}
.main_visual .bx-prev,
.main_visual .bx-next {position:absolute; bottom:0; z-index:100; display:block; width:30px; height:30px; background-color:rgba(0,0,0,0.9); background-repeat:no-repeat; background-position:center center; text-indent:-9999em;}
.main_visual .bx-prev {right:31px; background-image:url('http://herbfestival.org/kor/images/main/pre.png');}
.main_visual .bx-next {right:0; background-image:url('http://herbfestival.org/kor/images/main/next.png');}

@media all and (max-width:1280px){
#main_visual {padding-top:0 !important;}
}
@media all and (max-width:640px){
.main_visual .bx-wrapper, 
.main_visual .bx-viewport, 
.main_visual .bxslider, 
.main_visual .bxslider .slide {height:300px !important;}
.main_visual img {position:absolute; top:0; left:50%; width:auto; height:300px; transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
}


/* 이벤트0 */

.event0{width:1300px; margin:0 auto; overflow:hidden;  padding-top:192px;}
.event0 > ul > li {float:left; display:inline-block; width:100%; background:#000;}


@media all and (max-width:1280px){
.event0{width:100%; padding-top:70px; }
.event0 > ul > li{height:auto;}
}


@media all and (max-width:640px){
.event0 > ul > li {width:100%;}
.event0 > ul > li img{width:100%;}
}

/* 이벤트1 */
.event1 {width:1300px; margin:0 auto; overflow:hidden;}
.event1 img{width:100%;}
.mobilenone{display:show;}
.mobileshow{display:none;}

@media all and (max-width:1280px){
.event1{width:100%;}
}

@media all and (max-width:640px){
.event1{width:100%;}
.mobilenone{display:none;}
.mobileshow{display:block;}
}

/* 이벤트2 */
.event2 {width:1300px; margin:0 auto; overflow:hidden;}
.event2 > ul > li {float:left; display:inline-block; width:50%;}
.event2 > ul > li img{width:100%;}

@media all and (max-width:1280px){
.event2{width:100%;}
}


@media all and (max-width:640px){
.event2 > ul > li {width:100%;}
}

/* 메인바로가기 */
.mainctn1 {width:1300px; margin:0 auto; overflow:hidden;}
.mainctn1 > ul > li {float:left; height:162px;}
.mainctn1 > ul > li.outline {width:50%; overflow:hidden; text-align:center;}
.mainctn1 > ul > li.outline > a {display:block;}
.mainctn1 > ul > li.ico {width:12.5%;}
.mainctn1 > ul > li.ico1 {background:#e84353;}
.mainctn1 > ul > li.ico2 {background:#fecb09;}
.mainctn1 > ul > li.ico3 {background:#3399cc;}
.mainctn1 > ul > li.ico4 {background:#31c102;}
.mainctn1 > ul > li.ico > a {display:block; height:162px; padding-top:25px; box-sizing:border-box; text-align:center;}
.mainctn1 > ul > li.ico > a > span {display:block; font-size:16px; color:#fff;}

@media all and (max-width:1280px){
.mainctn1 {width:100%;}
.mainctn1 > ul > li.outline {width:100%; height:auto; margin-bottom:-1px;}
.mainctn1 > ul > li.outline > a > img {width:100%; max-width:647px;}
.mainctn1 > ul > li.ico {width:25%;}
}
@media all and (max-width:640px){
.mainctn1 > ul > li.ico {width:50%; height:50px;}
.mainctn1 > ul > li.ico > a {padding-top:0; text-align:left;}
.mainctn1 > ul > li.ico > a > img {float:left; width:40px; height:40px; margin:5px 3px 0 5px;}
.mainctn1 > ul > li.ico > a > span {line-height:50px;}
}


/* 메인 공지사항 */
@media all and (max-width:1280px){
.news {height:130px;}
.newsleft,.newsright {width:100%; text-align:left;}
.newsleft div,.newsright div  {float:none; width:100%;}
.newsleft ul li,.newsright ul li {float:left;}
.newsleft ul li.subj,.newsright ul li.subj {}
.newsleft ul li.conj,.newsright ul li.conj {width:calc(100% - 142px) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsleft ul li.cn1,.newsright ul li.cn1 {position:absolute; top:25px; right:5px;}
.newsleft .bx-prev,
.newsleft .bx-next,
.newsright .bx-prev, 
.newsright .bx-next {display:none;}
}


/* 메인 행사장별 프로그램*/
#maincon2 { padding:50px;}
.main_program {width:100%; padding:35px 35px 0 30px; overflow:hidden; box-sizing:border-box;}
.main_program > div {width:25%; padding:0 5px 35px 5px; text-align:center; box-sizing:border-box;}
.list-in1,
.list-in2 {margin:0; height:auto;}
.photoa {left:calc(50% - 150px);}
.list-in1 li,
.list-in2 li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-in1 li.t1,
.list-in2 li.t1 {width:100%;}

@media all and (max-width:1280px){
#maincon2 {height:auto; padding:0 20px 40px; box-sizing:border-box;}
.main_program {padding:30px 20px 0 20px;}
.main_program > div {width:50%;}
#sub_con1 {width:100%;}
#sub_con1 > section > ul {}
#sub_con1 > section > ul > li {float:left; width:25%; margin-right:-1px;}
#sub_con1 > section > ul > li:nth-of-type(1) > a,
#sub_con1 > section > ul > li:nth-of-type(2) > a,
#sub_con1 > section > ul > li:nth-of-type(3) > a,
#sub_con1 > section > ul > li:nth-of-type(4) > a {margin-bottom:-1px !important;} 
#sub_con1 > section > ul > li a {width:100%; height:50px; margin-right:0; line-height:50px;}
}

@media all and (max-width:640px){
.main_program {padding:30px 0 0 0;}
.main_program > div {height:250px; }
.photoa {top:0; left:calc(50% - 75px); width:150px; height:135px; background-size:cover;}
.main_program .img {height:135px !important; margin-top:4px;}
.main_program .img > img {width:140px !important; height:125px !important;}
#sub_con1 > section > ul > li a {font-size:14px;}
#sub_con > .myButton2 {width:100%; margin-top:10px; box-sizing:border-box;}
}


/* 메인 프로그램 추천 */
.program_title > br {display:none;}
@media all and (max-width:1280px){
.maincon7 {float:none; height:380px;}
.maincon7 ul {width:100%;}
.maincon7 ul li {padding-top:105px;}
.maincon7 ul li.program1 {}
.maincon7 ul li.program1, 
.maincon7 ul li.program2, 
.maincon7 ul li.program3 {height:380px; width:50%;}
.program_title {padding-bottom:8px; line-height:38px;}
.program_title > br {display:block;}
}
@media all and (max-width:640px){
.maincon7 {height:auto;}
.maincon7 ul li {width:100%; padding:20px 20px 30px; border-top:1px solid rgba(255,255,255,0.4);}
.maincon7 ul li.program1 {width:100%;}
.maincon7 ul li.program1, 
.maincon7 ul li.program2, 
.maincon7 ul li.program3 {height:auto; background-size:cover;}
.maincon7 ul li.program1,
.maincon7 ul li.program3 {text-align:left;}
.maincon7 ul li.program2 {text-align:right;}
.maincon7 ul li .program_title > br {display:none;}
.maincon7 ul li > .myButton1 {margin-top:20px;}
}


/* 메인 갤러리 */
@media all and (max-width:1280px){
.maincon3  {width:100%; padding:0 20px; box-sizing:border-box;}
.galleryleft {float:none; width:100%;}
.galleryleft ul {width:calc(100% + 8px); margin:0 -4px; overflow:hidden;}
.galleryleft ul li {width:calc(50% - 14px); margin-bottom:8px;}
.galleryleft ul li img {width:100%; height:auto !important;}
.galleryright {float:none; width:100%;}
.galleryright div {position:relative; width:100%; height:0; padding-bottom:56.25%}
.galleryright div > iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
}


/* 메인 공지사항 자유게시판 */
@media all and (max-width:1280px){
.maincon4  {width:100%;}
.maincon4 > div > ul > li {position:relative; padding-right:90px; padding-left:35px; background-position:-5px 1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.maincon4 > div > ul > li > span {position:absolute; top:0; right:20px; font-size:13px; vertical-align:middle;}
.noticeleft {float:none; width:100%; padding-bottom:25px; border-right:0; border-bottom:solid 1px #d9d9d9;}
.noticeright {float:none; width:100%; margin-top:25px; padding-bottom:25px;}
}


/* 메인 사이트맵 */
@media all and (max-width:1280px){
.maincon8  {height:auto; margin-top:0; padding-bottom:25px; background-size:cover;}
.maincon8 ul {width:100%; padding:25px 20px 0; box-sizing:border-box; overflow:hidden;}
.maincon8 ul li {width:33.3%; margin-right:0; padding-left:1px; white-space:nowrap; box-sizing:border-box;}
.maincon8 ul li:nth-of-type(3n-2) {padding-left:0;}
.maincon8 ul li:nth-of-type(1), 
.maincon8 ul li:nth-of-type(2), 
.maincon8 ul li:nth-of-type(3) {height:210px;} 
}
@media all and (max-width:640px){
.sitlemaptitle1 {padding-left:0; font-size:13px !important; line-height:22px; letter-spacing:-0.03em;}
}



/* 메인 관련기관배너 */
.bannerWrap {position:relative; width:100%; padding:20px 20px 22px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.bannerInr {width:1300px; margin:0 auto; overflow:hidden;}
.bannerInr > div {width:1300px important;}
.bannerInr ul {height:58px;}
.bannerInr ul li {float:left; }
.bannerInr ul li a {display:block; width:185px; height:58px; line-height:0; text-align:center;}
.bannerInr .bx-prev,
.bannerInr .bx-next {display:none;}

@media all and (max-width:1280px){
.bannerInr {width:100%; padding:0 10px; box-sizing:border-box;}
.bannerInr .bx-prev,
.bannerInr .bx-next {display:block; position:absolute; top:20px; width:20px; height:58px; text-indent:-9999em;}
.bannerInr .bx-prev {left:5px; background:url(../../images/etc/banner_arr_prev.png) no-repeat center center;}
.bannerInr .bx-next {right:5px; background:url(../../images/etc/banner_arr_next.png) no-repeat center center;}
}


/* 하단 */
#footer {}
#footer > address > .info {}
#footer > address > .info > span {display:block; float:left; position:relative; padding:0 18px;}
#footer > address > .info > span:before {content:''; position:absolute; top:5px; left:0; display:block; width:2px; height:10px; background:#888;}
#footer > address > .info > span.add {padding-left:0;}
#footer > address > .info > span.add:before {display:none;}
#footer > address > .copy {clear:both; padding-top:2px;}

@media all and (max-width:1280px){
#footer  {width:100%; background:none;}
#footer address {margin-left:0; padding:20px 20px 0 20px;}
#footer > address > .info > span {padding:0 12px;}
#footer > address > .info > span:first-child {width:100%; box-sizing:border-box;} 
#footer > address > .info > span.add {padding-bottom:4px;}
#footer > address > .info > span.tel {padding-left:0;}
#footer > address > .info > span.tel:before {display:none;}
#footer > address > .copy {font-size:12px;}
}


/* 서브공통 */
.taC {text-align:center;}
.mob_show {display:none;}
.web_show {display:block;}

.popup_img_html {height:100%; overflow:hidden;}
.popup_img {position:relative; height:100%; background:#000; overflow-y:auto;}
.popup_img > div {display:table; width:100%; height:100%; padding:20px; text-align:center; box-sizing:border-box;}
.popup_img > div > p {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.popup_img > div > p > img {width:100%;}
.popup_img > a {position:fixed; bottom:20px; left:calc(50% - 80px); display:block; width:160px; height:44px; font-size:16px; color:#e23704; line-height:38px; border:3px solid #e23704; border-radius:22px; background:#fff; text-align:center; box-sizing:border-box;}

@media all and (max-width:1280px){
.mob_show {display:block;}
.web_show {display:none;}
#page1 {}
.sub_visual1,
.sub_visual2,
.sub_visual3,
.sub_visual4,
.sub_visual5,
.sub_visual6 {top:0; height:200px; overflow:hidden;}
.v_text {top:82px; margin-left:-275px;}
.v_text h2 {font-size:30px;}
.v_text p {margin-top:-6px;}
.s_menu,.s_menu2 {display:none;}

.subContents {width:100%; margin-top:0; padding-left:20px; padding-right:20px;}
.subContents .rightCon {width:100%;}
.subContents .rightCon .subCon {width:100%;}
.subContents .rightCon .conTop {width:100%; height:100px;}
.subContents .rightCon .conTop p {padding-top:0; text-align:left;}
.subContents .rightCon .conTop p span {padding:0 5px;}
.new_titlest11 {display:block; padding-top:10px; font-size:30px;}


.h4sub04 {font-size:20px; letter-spacing:-0.02em; background-position:left 4px;}
}


/* 약령시소개 */
@media all and (max-width:1280px){
.sub01_01 .topText01 {height:auto; min-height:150px; padding-bottom:20px; font-size:15px;}
}

@media all and (max-width:640px){
.sub01_01 .topText01 {position:relative; padding-top:190px; padding-left:0; background:url(../../images/etc/sub01_bg_1.png) no-repeat center top; background-size:270px 184px;}
.sub01_01 .sub04_01_txt1 img {width:40%; margin-right:15px; margin-bottom:5px;}
.sub01_02 > div > img {width:40%; margin-right:15px; margin-bottom:5px;}
}



/* 역대축제안내 */
.history {}
.history > ul {width:100%; border-bottom:1px solid #ddd;}
.history > ul > li {display:table-cell; min-height:76px; padding:15px; font-size:15px;  vertical-align:middle;}
.history > ul > li.li_01 > span {display:inline-block; width:69px; height:34px; font-weight:600; font-size:14px; color:#fff; line-height:34px; background:url(/kor/images/sub01/bg_01.gif) no-repeat; text-align:center;}

@media all and (max-width:640px){
.history > ul > li {display:block; min-height:auto; padding:0;}
.history > ul > li.li_01,
.history > ul > li.li_02 {float:left; padding-top:15px;}
.history > ul > li.li_01 > span {width:54px; height:27px; padding-right:6px; line-height:27px; background-size:50px 25px; box-sizing:border-box;}
.history > ul > li.li_02 {padding-left:10px;}
.history > ul > li.li_02 > span {line-height:27px;}
.history > ul > li.li_03 {clear:both; width:100%; padding:8px 0 12px 0; font-size:14px;}
}



/* 축제개요 */
.sub02_02_1 {position:relative; border:1px solid #d0d0d0; background:#f0e9df url('') no-repeat right top; overflow:hidden;}
.sub02_02_1:before {content:''; position:absolute; top:0; right:0; bottom:0; width:calc(100% - 450px); background:url('http://herbfestival.org/kor/images/new/con_bg01.jpg') no-repeat right top;}
.sub02_02_1 > img {position:relative; float:left;}
.sub02_02_1 > div {float:left; width:calc(100% - 450px); height:620px; padding:50px; background:; box-sizing:border-box;}
.sub02_02_1 > div > ul {}
.sub02_02_1 > div > ul > li {position:relative; padding-left:112px; font-size:17px; line-height:40px; text-align:left;}
.sub02_02_1 > div > ul > li > span {position:absolute; top:0; left:0; font-size:18px; color:#a44e01; line-height:40px;}

.sub02_02_2 {margin-top:50px;}
.sub02_02_2 > div {display:none;}

@media all and (max-width:1280px){
.sub02_02_1 {padding:25px; text-align:center;}
.sub02_02_1:before {width:calc(100% - 40%); opacity:0.3;}
.sub02_02_1 > img {width:40%;}
.sub02_02_1 > div {width:calc(100% - 40%); height:auto; padding:0 0 0 20px;}
.sub02_02_1 > div > ul > li {font-size:15px; padding-left:86px; line-height:34px;}
.sub02_02_1 > div > ul > li > span {font-size:16px; line-height:34px;}
.sub02_02_1 > div > ul > li > br {display:none;}

.sub02_02_2 > img {width:100%;} 
}
@media all and (max-width:720px){
.sub02_02_1 {padding:25px 20px 20px 15px;}
.sub02_02_1 > img {float:none; width:80%; margin:0 auto;}
.sub02_02_1 > div {width:100%; margin-top:25px; padding-left:0;}
.sub02_02_1 > div > ul > li {padding-left:80px; line-height:28px; letter-spacing:-0.02em;}
.sub02_02_1 > div > ul > li > span {line-height:28px;}
.sub02_02_2 > img {display:none;}
.sub02_02_2 > div {display:block; text-align:left;}
.sub02_02_2 > div > .tit {font-size:18px; color:#663300;}
.sub02_02_2 > div > .txt {font-size:15px;}
.sub02_02_2 > div > .txt.p1 {padding-top:5px;}
.sub02_02_2 > div > .txt.p2 {padding-top:20px;}
}


/* 축제즐기기 */
.festival_enjoy > ul > li > .pic {display:none;}
.festival_money {clear:both; margin-top:30px; text-align:center;}
.festival_money > div {display:none;}

@media all and (max-width:1280px){
.festival_enjoy {width:100%; height:auto; background:none;}
.festival_enjoy > ul {background:url(../../images/etc/festival_enjoy_bg1.png) no-repeat center top;}
.festival_enjoy > ul > li {position:relative; background:url(../../images/etc/festival_enjoy_bg2.png) no-repeat center bottom;}
.festival_enjoy ul li.enjoy01 {height:auto; padding:0 25px 30px 25px; background:none;}
.festival_enjoy ul li.enjoy01 img {width:100%; max-width:634px;}
.festival_enjoy ul li.enjoy01:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:15px; background:url(/kor/images/etc/festival_enjoy_bg2.png) no-repeat center bottom;}
.festival_enjoy ul li.last {background:url(../../images/etc/festival_enjoy_bg3.png) no-repeat center bottom;}
.festival_enjoy ul li.enjoy02,
.festival_enjoy ul li.enjoy03 {height:auto; padding:0 25px 40px 25px;}
.festival_enjoy ul li.enjoy02 > img,
.festival_enjoy ul li.enjoy03 > img {display:block;width:30%; max-width:180px;}
.festival_enjoy ul li.enjoy02 > img {float:left; margin:30px 15px 0 0;}
.festival_enjoy ul li.enjoy03 > img{float:right; margin:30px 0 0 15px;}
.festival_enjoy ul li.enjoy02 > br,
.festival_enjoy ul li.enjoy03 > br {display:none;}

.enjoytt {padding-top:50px; font-size:22px;}
.enjoyttt {padding-top:30px; font-size:22px; line-height:30px;}
.enjoytt1 > br {display:none;}
.enjoytt2 {padding-top:5px; font-size:16px; line-height:26px;}
.enjoytt2 > br {display:none;}

.festival_money {text-align:left; overflow:hidden;}
.festival_money > img {display:none;}
.festival_money > div {display:block;}
.festival_money > div > .con  > img {float:left; margin-top:5px; margin-right:25px; border:1px solid #ccc; box-sizing:border-box;}
}
@media all and (max-width:720px){
.festival_money > div {}
.festival_money > div > .con  > img {width:35%; max-width:202px; margin-right:15px; box-sizing:border-box;}
.festival_money > div  > .con > p > br {display:none;}
}
@media all and (max-width:640px){
.enjoyttt {font-size:20px; line-height:28px;}
.enjoytt2 {font-size:15px; line-height:24px;}
}


/* 축제CI */
@media all and (max-width:1280px){
.sub02_04 .txt_02 img {width:40%; margin-right:0 !important; box-sizing:border-box;}
.sub02_04 .txt_02 span.textWrap {width:60%; margin-left:0; padding-top:0; padding-left:20px; box-sizing:border-box;}
}
@media all and (max-width:640px){
.sub02_04 .txt_02 img {width:100%;}
.sub02_04 .txt_02 span.textWrap {width:100%; padding-top:20px; padding-left:0;}
}



/* 포스터/배너/팜플렛 */
.sub02_05  .prepare > br {display:none;}
@media all and (max-width:1280px){
.sub02_05  .prepare {padding:50px 20px; font-size:24px; line-height:40px; box-sizing:border-box;}
.sub02_05  .prepare > br {display:block;}
}
@media all and (max-width:640px){
.sub02_05  .prepare {font-size:18px; line-height:28px;}
}


/* 행사장배치도 */
.event_hall {text-align:center;}
.event_hall > .prepare {color:red; box-sizing:border-box;}
.event_hall > .prepare > br {display:none;}
.event_hall > .img {margin-top:50px;}
.event_hall > .img > img {width:100%; max-width:1202px; box-sizing:border-box;}
.event_hall > .btn {}
.event_hall > .btn > a {}
@media all and (max-width:1280px){
.event_hall > .prepare {padding:50px 20px; font-size:24px; line-height:40px;}
.event_hall > .prepare > br {display:block;}
}


/* 행사장오시는 길 */
.sub03_03 .addr > br {display:none;}
.sub03_03 .addr > a {margin-top:0; margin-left:5px;}
.sub03_03 .btn.taC {display:none;}
@media all and (max-width:1024px){
.sub03_03 .btn.taC {display:block;}
}
@media all and (max-width:640px){
.sub03_03 ul.tab02 li:nth-of-type(1) {width:28% !important;}
.sub03_03 ul.tab02 li:nth-of-type(2) {width:38% !important;}
.sub03_03 ul.tab02 li:nth-of-type(3) {width:34% !important;}
.sub03_03 ul.tab02 li a {font-size:13px;}
.sub03_03 .addr > br {display:block;}
.sub03_03 .addr > a {margin-top:5px; margin-bottom:10px; margin-left:35px;}
}

/* 약령시 업소안내 */
.herb_store {text-align:center;}
.herb_store > .guide {}
.herb_store > .guide > img {width:100%; max-width:1100px;}
.herb_store > .qr {margin-top:25px;}
.herb_store > .btn {}



/* 프로그램안내 */
.prgrm_img {text-align:center;}
.prgrm_img > img {width:100%; max-width:468px;}
.prgrm_tab {width:100%; margin-bottom:35px; overflow:hidden;}
.prgrm_tab > li {float:left; padding-left:1px; padding-bottom:1px; box-sizing:border-box;}
.prgrm_tab > li:first-child {padding-left:0;}
.prgrm_tab > li > a {display:block; width:100%; height:44px; line-height:44px; border:1px solid #cccccc; background:#fff; text-align:center; box-sizing:border-box;}
.prgrm_tab > li > a.active {font-weight:600; color:#fff; font-size:15px; border-color:#e63702; background:#e63702;}
.prgrm_tab > li > a > br {display:none;}
.sub04_01 .prgrm_tab > li {width:14.285%;}
.sub04_02 .prgrm_tab > li {width:33.333%;}

.program_guide > ul {overflow:hidden;}
.program_guide > ul > li {float:left; width:30.5%; margin-left:4.25%; padding-bottom:25px;}
.program_guide > ul > li:nth-of-type(3n-2) {margin-left:0;}
.program_guide > ul > li > .pic {position:relative; width:100%;}
.program_guide > ul > li > .pic > img {width:100%;}
.program_guide > ul > li > .pic > .viewarea {display:none; position:absolute; top:0; right:0; bottom:0; left:0; padding:25px; font-size:13px; color:#fff; line-height:20px; background:rgba(0,0,0,0.5); cursor:pointer; overflow-y:auto;}
.program_guide > ul > li > .con {padding:15px 0 0 15px;border:0px solid red; }
.program_guide > ul > li > .con > .tit {font-size:16px; color:#993300;}
.program_guide > ul > li > .con > .txt {}
.program_guide > ul > li > .btn {text-align:center; border:0px solid red; padding:0px !important;}
.myButton3.on {border:3px solid rgb(238, 135, 17); background:rgb(238, 135, 17);}

@media screen and(min-width:1100px) and (max-width:1280px){
	.program_guide > ul > li {width:32%; margin-left:2%;}
	.program_guide > ul > li > .pic > .viewarea {padding:20px;}
}
@media all and (max-width:1099px){
	.program_guide > ul > li {width:48%; margin-left:4%;}
	.program_guide > ul > li:nth-of-type(3n-2) {margin-left:4%;}
	.program_guide > ul > li:nth-of-type(2n-1) {margin-left:0;}							
}
@media all and (min-width:721px){
.program_guide > ul > li > .con {min-height:80px;}
}
@media all and (max-width:720px){
	.sub04_01 .prgrm_tab > li {width:25%;}
	.program_guide > ul {width:80%; margin:0 auto;}
	.program_guide > ul > li {width:100%; margin-left:0;}	
}
@media all and (max-width:640px){
	.sub04_02 .prgrm_tab > li > a {height:46px; padding-top:2px; font-size:14px; line-height:20px;}
	.sub04_02 .prgrm_tab > li > a > br {display:block;}	
	.program_guide > ul > li > .pic > img {height:220px !important;}
	.program_guide > ul > li > .pic > .viewarea {padding:12px;}
}
@media all and (max-width:480px){
	.program_guide > ul {width:100%;}
}




/* 주변관광안내 */
.nearby_wrap {width:100%;}
.nearby_head {position:relative; padding-bottom:20px; background:url(../../images/etc/nearby_bg.png) no-repeat right bottom; overflow:hidden;}
.nearby_head > .ico {float:left; margin-right:25px; padding:0 25px; text-align:center;}
.nearby_head > .ico > img {width:100%;}
.nearby_head > .ico.ico1 > img {max-width:294px;}
.nearby_head > .ico.ico2 > img {max-width:149px;}
.nearby_head > .ico.ico3 > img {max-width:183px;}
.nearby_head > .ico.ico5 > img {max-width:258px;}
.nearby_head > .t1 {padding-bottom:8px; font-size:17px; line-height:26px;}
.nearby_head > .t2 {padding-bottom:8px; font-size:16px; color:#d50000;}
.nearby_head > a {display:inline-block; height:30px; padding:0 35px; color:#fff; line-height:30px; border-radius:4px; background:#fe0000;}

.nearby_view {margin-top:10px; border-top:1px solid #d2d2d2;}
.nearby_view > li {position:relative; height:223px; padding:20px 0 20px 282px; border-bottom:1px solid #d2d2d2; overflow:hidden; box-sizing:border-box;}
.nearby_view > li > .img {border:1px solid #ccc; box-sizing:border-box;}
.nearby_view > li > .img > img {width:100%; height:auto;}
.nearby_view > li > .tit {padding-bottom:3px; font-weight:bold; font-size:16px; color:#663300;}
.nearby_view > li > .con {}
.nearby_view > li > .con > a {display:block; width:124px; height:22px; margin-top:10px; color:#fff; line-height:20px; border:1px solid #777; background:#888; text-align:center;}
.nearby_view > li > .con > a:hover {border:1px solid #ff6400; background:#ff6400;}

@media all and (max-width:1280px){
.nearby_head {margin-top:20px; background:none;}
.nearby_head > .ico {width:40%; max-width:262px; padding:0;}
.nearby_head > .t1 > br {display:none;}
}
@media all and (min-width:721px){
.nearby_view > li > .img {position:absolute; top:20px; left:0; width:262px; height:182px;}
}

@media all and (max-width:720px){
.nearby_head {margin-top:0;}
.nearby_head > .ico {display:none; margin-right:0;}

.nearby_view > li {height:auto; padding:50px 0 20px 0;}
.nearby_view > li > .tit {position:absolute; top:15px; left:0; padding-left:23px; background:url('/kor/images/new/bullet_main.png') no-repeat left 4px;}
.nearby_view > li > .img {float:left; width:40%;}
.nearby_view > li > .con {float:left; width:60%; padding-left:15px; box-sizing:border-box;}
.nearby_view > li > .con > br {display:none;}
}
@media all and (max-width:360px){
.nearby_view > li > .img {float:none; width:100%;}
.nearby_view > li > .con {float:none; width:100%; padding-top:9px; padding-left:0;}
}


/* 주변숙박시설, 주변맛집 */
.sub_tbl_2 .th_no {width:50px;}
.sub_tbl_2 .th_pic {width:256px;}
.sub_tbl_2 .th_cate {width:100px;}
.sub_tbl_2 .th_josik {width:50px;}
.sub_tbl_2 .td_pic {vertical-align:top;}
.sub_tbl_2 .td_pic > img {width:100%; max-width:250px; height:auto;}
.sub_tbl_2 .td_con {padding-left:10px; vertical-align:top; }
.sub_tbl_2 .td_con.stay {vertical-align:top; }
.sub_tbl_2 .td_con > div { vertical-align:top; }
.sub_tbl_2 .td_con > div > .tit { font-weight:bold; font-size:14pt; }

@media all and (max-width:720px){
.sub_tbl_2 .th_no,
.sub_tbl_2 .td_no,
.sub_tbl_2 .th_cate,
.sub_tbl_2 .td_cate,
.sub_tbl_2 .th_josik,
.sub_tbl_2 .td_josik {width:0; padding:0; font-size:0; line-height:0;}

.sub_tbl_2 .th_pic {width:35%; padding:0; box-sizing:border-box;}
.sub_tbl_2 .td_pic {width:0; padding:12px 0; font-size:0; line-height:0; vertical-align:top; box-sizing:border-box;}
.sub_tbl_2 .th_con {width:65%; box-sizing:border-box;}
.sub_tbl_2 .td_con {padding:10px 0 12px 10px; vertical-align:top;}
.sub_tbl_2 .td_con > div {line-height:21px;}
}

@media all and (max-width:640px){
.stay_info {display:none;}
}



/* 시티투어 */
.city_tour {clear:both; margin-top:25px; overflow:hidden;}
.city_tour > img {float:left; width:100%; max-width:314px; margin-right:35px; margin-bottom:35px;}
.city_tour > dl > dt {font-weight:bold; font-size:18px; color:#663300;}
.city_tour > dl > dd {padding:5px 0 25px;}
.city_tour_box {margin-top:10px; padding:30px; border:1px solid #d2d2d2; box-sizing:border-box; overflow:hidden;}
.city_tour_box > a {display:block; float:left; vertical-align:top;}
.city_tour_box > a > img {border:1px solid #ccc;}
.city_tour_box > p {float:left; margin-top:-10px; margin-left:30px; vertical-align:top;}
.city_tour_box > p > strong {font-weight:bold; line-height:30px;}
@media all and (max-width:1024px){
.city_tour_box {padding:0; border:0;}
.city_tour_box > p {margin-left:20px;}
}
@media all and (max-width:880px){
.city_tour > img {width:40%; margin-bottom:10px;}
.city_tour_box > a {float:none;}
.city_tour_box > p {float:none; margin-top:5px; margin-left:0;}
}
@media all and (max-width:750px){
.city_tour > dl.con3 {float:none; clear:both;}
}



/* 축제커뮤니티 : 공지사항 */
.boardList {table-layout:fixed;}
.boardList .th_no {width:50px;}
.boardList .th_subject {}
.boardList .th_proName {width:62px;}
.boardList .th_date {width:92px;}
.boardList .th_hit {width:62px;}
.boardList .td_subject > a {display:inline-block; width:99%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media all and (max-width:720px){
.boardList .th_no,
.boardList .td_no {width:0; padding:0; font-size:0 !important;}
.boardList .td_no > img {display:none;}
.boardList .th_subject {background:none;}
.boardList .td_subject > a {font-size:14px;}
.boardList .th_cmmnt {background:none;}
}
@media all and (max-width:640px){
.boardList .th_hit,
.boardList .td_hit {width:0; padding:0; font-size:0 !important;}
.boardList .th_date {width:88px;}
.boardList td.td_subject {padding-left:0;}
}


/* 게시판 보기 */
.boardView th {font-size:15px; line-height:22px; border-left:1px solid #ddd;}
.boardView td > .view_info {overflow:hidden;}
.boardView td > .view_info > li {float:left; position:relative; padding:0 10px; font-size:13px; line-height:35px;}
.boardView td > .view_info > li:before {content:''; position:absolute; top:12px; left:0; display:block; width:1px; height:11px; background:#ccc;}
.boardView td > .view_info > li:first-child {padding-left:0;}
.boardView td > .view_info > li:first-child:before {display:none;}
.boardView td > .view_info > li > span {font-weight:bold;}

.boardView td > .view_file {position:relative; min-height:35px; padding:7px 10px 8px 60px; font-size:13px; line-height:35px; box-sizing:border-box;}
.boardView td > .view_file > span {position:absolute; top:0; left:0; display:block; font-weight:bold;}
.boardView td > .view_file > a {display:inline-block; font-size:13px; line-height:22px;}
.boardView td > .view_file > a:first-child {margin-top:0;}

.sub_page {margin-top:15px; text-align:center;}

@media all and (max-width:720px){
.boardView td.view img {width:100%; height:auto;}
}

@media all and (max-width:640px){
.boardView td > .view_info > .hit {display:none;}
}



/* 축제커뮤니티 갤러리 */
.gallery {}
.gallery > ul {padding-bottom:10px; overflow:hidden;}
.gallery > ul > li {float:left; position:relative; width:33.333%;}
.gallery > ul > li > .img,
.gallery > ul > li > .tit {width:100%;}
.gallery > ul > li > .img {position:relative; width:100%; overflow:hidden;}
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:289px;}
.gallery > ul > li > .img > a {position:absolute; top:0; left:50%; display:block; width:800px; margin-left:-400px; text-align:center;}
.gallery > ul > li > .img > a > img {width:auto !important; height:100%;}
.gallery > ul > li > .tit {padding:10px 0 25px; text-align:center;}
.gallery > ul > li > .img > a,
.gallery > ul > li > .tit > a {display:block;}
.gallery > ul > li > .tit > a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media all and (max-width:1280px){
.pageWrap > * {display:inline-block; margin:0 1px 4px;}
.pageWrap > span {display:none;}
.pageWrap > strong,
.pageWrap a.btn {width:30px; height:30px; font-size:13px; color:#454545; line-height:28px; border:1px solid #ccc; text-align:center; vertical-align:top; box-sizing:border-box;}
.pageWrap strong {color:#000; background:#ddd;}
}
@media all and (max-width:1024px){
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:255px;}
}
@media all and (max-width:720px){
.gallery > ul > li {width:50%;}
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:220px;}
}
@media all and (max-width:640px){
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:200px;}
}
@media all and (max-width:480px){
.gallery > ul > li > .img,
.gallery > ul > li > .img > a {height:120px;}
}



/* 이미지 새창에서 확대축소 */
.zoomer_html, .zoomer_body {width:100%; height:100%; margin:0; padding:0;}
.zoomer_wrapper {width:100%; height:100%; overflow:hidden; box-sizing:border-box;}			
.zoomer .zoomer-controls {padding:0;}
.zoomer .zoomer-controls-bottom {margin:0 0 0 -72px;}
.zoomer .zoomer-controls span {width:40px; height:40px; line-height:40px;}
.zoomer_close {display:block; position:absolute; bottom:10px; left:calc(50% + 12px); width:60px; height:40px; font-weight:bold; font-size:14px; color:#fff; line-height:40px; text-decoration:none; 
	border-radius:3px; background:rgba(0, 0, 0, 0.8); box-shadow:0 0 5px rgba(0, 0, 0, 0.5); cursor:pointer; text-align:center;}
.zoomer_close:hover {background: #000;}


/*축제개요 20210914*/
.subConleft{width:40%; float:left; padding:30px; background:#efefef;box-sizing:border-box;text-align:center; }
.subConleft img{width:100%;}
.subConright{width:59%; float:left; padding-left:20px; box-sizing:border-box; }
.titlest01{width:100%; font-size:15px; line-height:25px; padding:15px; border:solid 0px rgba(0,0,0,0.2); box-sizing:border-box;}

.tblst01{width:100%; margin-top:25px;border-top:solid 2px #867d6a; }
.tblst01 tr th{width:25%; height:55px; line-height:55px; border-bottom:solid 1px rgba(0,0,0,0.1); text-align:center;
background: #efefef; color:#322201; font-weight:500;
}
.tblst01 tr td{width:75%; padding-left:10px; box-sizing:border-box; height:55px; line-height:55px; border-bottom:solid 1px rgba(0,0,0,0.1);}

.mobileshow{display:none;}


@media all and (max-width:789px){

.subConleft{width:100%; padding:20px; text-align:center;}
.subConright{width:100%; padding-left:0px; padding-top:25px;}
.titlest01{padding:0px;}
.mobileshow{display:show;}
}



.myButton11 {
	background-color:#322201;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	margin-top:25px;
	padding:10px;


}
.myButton11:hover {
	background-color:#322201;
}
.myButton11:active {
	position:relative;
	top:1px;
}


@media all and (max-width:789px){

margin-top:35px;
}


/*축제즐기기*/
.sub0305{width:100%; float:left;}
.sub0305 ul li{display:inline-block; float:left;}
.sub0305 ul li:first-child{width:30%; float:left;}
.sub0305 ul li img{width:90%;  border-top-left-radius:28px; border-bottom-right-radius:28px;}
.sub0305 ul li:last-child{width:70%; float:left;}



@media all and (max-width:789px){
.sub0305 ul li{width:100% !important;}
.sub0305 ul li img{width:100%; margin-bottom:25px;}
}



.tblst02{width:100%; margin-top:25px;border-top:solid 2px #867d6a; }
.tblst02 tr th{width:25%; padding:10px; border-bottom:solid 1px rgba(0,0,0,0.1); text-align:center;
background: #efefef; color:#322201; font-weight:500;
}
.tblst02 tr td{width:75%; padding-left:10px; box-sizing:border-box; padding:10px; border-bottom:solid 1px rgba(0,0,0,0.1);}

.tblst02_p{font-weight:500; color:#422102; font-size:18px; line-height:40px;}

.mt55{margin-top:55px !important;}
.mb55{margin-bottom:55px !important;}


.myButton111 {
	background-color:#f17406;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	margin-top:25px;
	padding:10px 15px;


}
.myButton111:hover {
	background-color:#322201;
}
.myButton111:active {
	position:relative;
	top:1px;
}



.tblst03{width:100%; margin-top:25px;border-top:solid 2px #867d6a; }
.tblst03 tr th{width:25%; padding:10px; border-bottom:solid 1px rgba(0,0,0,0.1); text-align:center;
background: #efefef; color:#322201; font-weight:500;
}
.tblst03 tr td{width:75%; padding-left:10px; box-sizing:border-box; padding:10px; border-bottom:solid 1px rgba(0,0,0,0.1);}

.tblst03_p{font-weight:500; color:#422102; font-size:18px; line-height:40px;}


@media all and (max-width:789px){

.tblst03 tr th{display:block; width:100%;}
.tblst03 tr td{display:block; width:100%;}
.tblst03 tr td.acenter{text-align:center;}


.sub0305 img{width:100%;}
.wd80{width:50%;}
.mobileshow{display:block;}
}


.ttst01{background:url(/kor/images/new/btn_01.jpg)no-repeat;background-position:10px; padding-left:40px; line-height:30px; border:0px solid red; }