@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif');

#content{width:100%; max-width:100%;  }
#content img{max-width:100%}

#content h2{ max-width:100%; height:45px; color:#484848; font-size:24px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:500; text-align:left; background:url(../images/content/dot1.png) left 5px no-repeat; padding:4px 0 0 50px; clear:both; display: inline-block}
#content h2 span{font-size:18px !important}
#content h3{ max-width:100%; height:28px; color:#4e4e4e; font-size:20px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:left; background:url(../images/content/dot2.png) left 0 no-repeat; padding:5px 0 0 15px; margin:10px 0 5px 15px; clear:both; display:block }
#content h4{ max-width:100%; height:28px; color:#4e4e4e; font-size:17px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:left; background:url(../images/content/dot4.png) left 12px no-repeat; padding:5px 0 0 15px; margin:10px 0 5px 15px; clear:both ; display:block}
#content h5{ max-width:100%; height:28px; color:#4e4e4e; font-size:17px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:left; padding:5px 0 0 15px; margin:10px 0 5px 15px; clear:both ; display:block}


.pl35{padding-left:35px !important}
.pl25{padding-left:25px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}

.ct_b{color:#383838 !important;  }
.ct_b2{color:#3245fa !important}
.ct_y{color:#bda55f !important}
.ct_r{color:#f63131 !important}

.text_l{text-align:left !important}
.text_r{text-align:right !important}

.con_blx{background:none !important; margin-left:-15px !important} /* 블릿기호 삭제 */
.con_blx2{background:none !important; margin-left:0px !important} /* 블릿기호 삭제 */

.con_s1 li{font-size:90% !important; line-height:140% !important; padding-bottom:0 !important}

.con_img{text-align:center; }
.con_img2{text-align:center; }

caption{display:none}

.admin_info { width:100%;  border:1px solid #d0d0d0;  background:#fbfbfb; margin:40px 0 10px 0; display:inline-block; color:#6e6d6d; line-height:160%; font-size:15px; display:none}
.admin_info dt{ float:left; width:18%; text-align:center; background:#fff !important; border-right:1px solid #d0d0d0; padding:15px 0; }
.admin_info dd{ float:left ; width:70%; text-align:left; padding:15px 0 15px 15px ; margin:0 0 0 10px ; background:url(../images/content/dot4.png) left 22px no-repeat;}
.admin_info_t{ padding-left:3%}

.admin_info2 { width:96%; border:1px solid #d0d0d0;  background:#fbfbfb; margin:40px 10px 10px 10px; display:inline-block; color:#6e6d6d; line-height:160%; font-size:15px; display:none}
.admin_info2 dt{ float:left; width:18%; text-align:center; background:#fff !important; border-right:1px solid #d0d0d0; padding:15px 0; }
.admin_info2 dd{ float:left ; width:70%; text-align:left; padding:15px 0 15px 15px ; margin:0 0 0 10px ; background:url(../images/content/dot4.png) left 22px no-repeat;}
.admin_info2_t{ padding-left:3%}

.tt{ width:96%;  color:#4e4e4e; font-size:16px; line-height:150%; padding:0;font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial'; }


/*초대*/
#greetings{ width:100%; text-align:left; font-size:17px;color:#6e6d6d; line-height:160%}
#greetings p{padding:15px 0}
.greet_img{text-align:center; padding-bottom:20px}
.greet_name{text-align:right}
#greetings p span{ color:#4e4e4e; font-weight:bold}

/*개요*/
#ssum{width:100%; text-align:left}
#ssum_img{text-align:center; padding-bottom:30px}

/*  ci */
#ci{ width:100%; text-align:left; font-size:17px;color:#6e6d6d; line-height:160%; padding-bottom:20px; border-bottom:1px dashed #b0b2b4}
#ci p{padding:10px 0}
.ci_img{float:left; padding:0px 70px 0 40px}
.ci_img2{width:100%; padding:0px 10px 20px 10px ; clear:both; min-height:200px}
.ci_img2 li{list-style:none; float:left; text-align:center; width:100%  }
.ci_img2 li li{list-style:none; float:left; text-align:center; width:50%; padding-bottom:20px}
.ci_img2 li li span{display:block; color:#6e6d6d; font-size:15px;}

.ci_img3{width:100%; padding:0px 10px 0px 10px ; clear:both; height:150px}
.ci_img3 li{list-style:none; float:left; text-align:center; padding-right:6.8%}
.ci_img3 li:last-child{padding-right:0 !important}
.ci_img3 li span{display:block; color:#6e6d6d; font-size:15px;}

/* 조직도 */
#c141 a{text-decoration:none}
.after1{ display:block !important }
.before1{ display:none !important}

/* 후원협찬*/
.sponsor{width:98%; text-align:left; padding:10px 0 0 2%; display:inline-block}
.sponsor li{float:left; padding:0 15px 15px 0}
.sponsor li:nth-child(4){padding-right:0px !important}
.sponsor li:nth-child(8){padding-right:0px !important}

.sponsor_box{ width:95%; margin:10px 0 0 5%; display:inline-block; clear:both}
.sponsor_box li{float:left; width:17% !important; list-style:none; background:none !important; border:1px solid #ccc; background-color:#fbfbfb !important; text-align:center; padding:10px 0 !important; font-size:14px !important; color:#6e6d6d; }
.sponsor_box li:nth-child(2) {width:3% !important; border:none !important; background-color:#fff !important}
.sponsor_box li:nth-child(4) {width:3% !important;border:none !important; background-color:#fff !important}
.sponsor_box li:nth-child(6) {width:3% !important;border:none !important; background-color:#fff !important}
.sponsor_box li:nth-child(8) {width:3% !important;border:none !important; background-color:#fff !important}

.account_box{width:100%; margin:10px 0 0 0; display:inline-block; clear:both; background-color:#fbfbfb !important;border:1px solid #ccc; background-color:#fbfbfb !important; padding:10px 0  }
.account_box dl{ width:100%;border:1px solid #ccc; color:#6e6d6d;}
.account_box dt{float:left; width:17%; height:50px; line-height:50px; font-size:15px !important; font-weight:bold ;border-right:1px solid #ccc; text-align:center}
.account_box dd{float:left;font-size:15px !important; }


/* 찾아오시는길 */
#c161 { position:relative;}
#c161 #img_over { display:none; position:absolute; left:0; top:45px; width:850px; height:350px; }
#c161 #img_over img { width:100%;}

.map{width:100%; display:inline-block; border-bottom:1px solid #c5c5c5;}
.map_l{width:55%; float:left; }
.map_l .map_info{width:100%; border-bottom:1px solid #c5c5c5; padding:15px 0; display:inline-block}
.map_info_l{float:left; width:55%}
.map_info_l2{float:left; width:62%}

.map_info_r{float:left; width:38%; padding-top:30px}
.map_info_r2{float:left; width:38%; padding-top:50px}
.map_info_rj3{float:left; width:38%; padding-top:0px}


.map_info_r{float:left; width:38%; padding-top:30px}
.map_l .map_info_s{width:100%; border-bottom:1px solid #c5c5c5; padding:0 0 15px 0; display:inline-block}
.map_l .m_icon_s{width:20%; float:left}
.map_info_s dl{ float:left; width:76%; text-align:left; margin:0; padding-left:3%}
.map_info_s dt{ width:100%; color:#4e4e4e ; font-size:16px; font-weight:bold; line-height:180%; letter-spacing:-0.7px; letter-spacing:-2px}
.map_info_s dt span{letter-spacing:-1px; font-weight:normal !important; font-size:14px !important}

.map_info_s dd{ width:100%; color:#6e6d6d ; font-size:15px; margin:0; padding-top:5px ; line-height:175%}


.map_l .m_icon{width:14%; float:left}
.map_l .m_icon3{width:9%; float:left}
.map_info_l dl{ float:left; width:83%; text-align:left; margin:0; padding-left:3%}
.map_info_l dt{ width:100%; color:#4e4e4e ; font-size:16px; font-weight:bold; line-height:180%; letter-spacing:-0.7px}
.map_info_l dd{ width:100%; color:#6e6d6d ; font-size:15px; margin:0; padding-top:0px ; line-height:175%}
.map_info_l2 dl{ float:left; width:83%; text-align:left; margin:0; padding-left:3%}
.map_info_l2 dt{ width:100%; color:#4e4e4e ; font-size:16px; font-weight:bold; line-height:180%; letter-spacing:-0.7px}
.map_info_l2 dd{ width:100%; color:#6e6d6d ; font-size:15px; margin:0; padding-top:0px ; line-height:175%}
.map_info_l3 dl{ float:left; width:83%; text-align:left; margin:0; padding-left:3%}
.map_info_l3 dt{ width:100%; color:#4e4e4e ; font-size:16px; font-weight:bold; line-height:180%; letter-spacing:-0.7px}
.map_info_l3 dd{ width:100%; color:#6e6d6d ; font-size:15px; margin:0; padding-top:0px ; line-height:175%}

.map_r{float:right; width:45%}
.mmap{ padding-bottom:7%}
.jmap{ padding-bottom:25%}
.m_btn {padding:0 0 0 3.5%}
.m_btn li{ list-style:none; float:left; padding:5px 7px 5px 0px }
.m_btn li:nth-child(1) {padding-left:0 !important; } 
.m_btn li:nth-child(2) {padding-right:px !important; padding-left:px !important;} 
.m_btn li:nth-child(3) {padding-right:px !important;  }
.m_btn li:nth-child(4) {padding-left:0px !important; }
.map_b{border-bottom:none !important}
.m_btn2{display:none !important}

 a:hover, a:focus, a:active{text-decoration:none !important}

/* 기본 탭 - 찾아오시는길, 프로그램소개, 행사장소개, 관람안내,후원협찬 */
#top_btn{ width:100%; height:50px;  margin-bottom:35px; font-size:17px; font-weight:bold; clear:both; display:inline-block}

/* 후원 협찬 */
#tab12{ float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab13{float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}

/*찾아오시는길*/
#tab01{ float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab02{float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}

/* 프로그램 소개*/
#tab03{ float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab04{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab05{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}

/* 전시장 소개*/
#tab06{ float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab07{float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}

/* 관람안내 */
#tab08{ float:left; width:24.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#fff}
#tab09{float:left; width:24.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab10{float:left; width:24.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab11{float:left; width:24.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}

/*#tab2311{ float:left; width:19.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#fff}*/
#tab2312{float:left; width:19%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#fff;}
#tab2313{float:left; width:19%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab2314{float:left; width:19%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab2315{float:left; width:19.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab2316{float:left; width:22%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}


/* 셔틀버스*/
/*#tab15{ float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab16{float:left; width:49.5%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}*/
#tab15{ float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab16{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab17{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}


/* 관광정보 - 목포*/
#tab18{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
#tab19{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}
#tab20{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}



#a01{ color:#fff}
#a02{ color:#6e6d6d}
#a03{ color:#6e6d6d}
#a04{ color:#6e6d6d}
#a05{ color:#6e6d6d}

#a11{color:#ffd400}



.after{background:#f2c700 !important; font-size:18px !important }
/*.after{background:#3da8c0 !important; font-size:18px !important }*/
.before{background:#fbfbfb !important}

		

#sub221_1{ width:100%; clear:both} /* 행사장 소개*/
#sub222_1{ width:100%; display:none; clear:both}

#sub151_1{ width:100%; clear:both} /* 후원협찬*/
#sub152_1{ width:100%; display:none; clear:both}

#sub161_1{ width:100%; clear:both} /* 찾아오시는길*/
#sub162_1{ width:100%; display:none; clear:both}


#sub211_1{ width:100%; clear:both} /* 프로그램소개*/
#sub212_1{ width:100%; display:none; clear:both}
#sub213_1{ width:100%; display:none; clear:both}

#sub231_1{ width:100%; clear:both} /* 관람안내*/
#sub232_1{ width:100%; display:none; clear:both}
#sub233_1{ width:100%; display:none; clear:both}
#sub234_1{ width:100%; display:none; clear:both}
#sub235_1{ width:100%; display:none; clear:both}

#sub241_1{ width:100%; clear:both} /* 셔틀버스*/
#sub242_1{ width:100%; display:none; clear:both}
#sub243_1{ width:100%; display:none; clear:both}

/*프로그램소개*/
.program{width:99.5%; text-align:left; display:inline-block; clear:both; padding-bottom:30px; border-bottom:1px dashed #b0b2b4; }
.program_img{width:30%; float:left; padding-right:2%}
.program dl{float:left; margin:0; width:67%}
.program dt{ width:96%; list-style:none; color:#4e4e4e; font-size:20px; font-weight:bold; line-height:150%;  background:url(../images/content/dot2.png) left 0 no-repeat; padding:5px 0 0 15px;  }
.program dd{list-style:none; color:#6e6d6d; font-size:17px; line-height:150%;background:url(../images/content/dot4.png) left 13px no-repeat; padding:5px 0 5px 15px; margin-left:15px }


/* 행사장 소개 */
.venue{ width:99.5%; text-align:left;}
.venue dl{width:48%; float:left ; padding:0px ; text-align:left; display:inline-block; min-height:500px; margin:0 }
.venue dt{ text-align:left}
.venue dt span{color:#393939; font-weight:bold; font-size:20px; text-align:left; padding:15px 0; display:block} 
.venue dd { width:98%; color:#4e4e4e !important; padding:0 0 15px 0; margin:0; line-height:160% ; font-size:17px}
.venue dd span{ color:#6e6d6d ; text-align:right; border-top:1px dashed #b0b2b4; padding:15px 0 0 0;line-height:140% ; display:block}
.venue dl:nth-child(2) { float:right; }
.venue dl:nth-child(4) { float:right; }



.venue2{ width:99.5%; text-align:left;display:inline-block; clear:both; padding-bottom:30px; border-bottom:1px dashed #b0b2b4;}
.venue2_t{margin:0px 0 0px 30px; clear:both}
.venue2_t li{ width:96%; list-style:none; color:#4e4e4e; font-size:17px; line-height:150%; background:url(../images/content/dot4.png) left 11px no-repeat; padding:2px 0 2px 15px; }
.venue2_t li li{background:none !important; margin-left:-10px !important}
.venue2_img{width:100%; text-align:left; padding-left:30px}
.venue2_t2{margin:10px 0 0px 35px ; clear:both;}
.venue2_t2 li{ width:95%; list-style:none; color:#4e4e4e; font-size:16px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:2px 0 2px 10px; }
.venue2_t2 li span{color:#6e6d6d !important}
.venue2_bo{border-bottom:none !important}



/* 편의시설 */
.facilities_img{text-align:center; }

/* 입장권판매*/
#c231 a{text-decoration:none}

.tbt{font-size:15px; color:#6e6d6d}

.bu_box{ margin-top:10px !important}
.btn_link{ color:#fff; background-color:#3da8c0; font-size:15px; display:inline-block; text-decoration:none; cursor:pointer; text-align:center; padding:10px}
.btn_link2{ color:#fff; background-color:#f63131; font-size:15px; display:inline-block; text-decoration:none; cursor:pointer; text-align:center; padding:10px}


.con1{margin:0px 0 0px 35px; clear:both}
.con1 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:5px 0 5px 10px; }


/* 개요, 개인정보  */
.con2{margin:0px 0 0px 20px; clear:both}
.con2 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot4.png) left 13px no-repeat; padding:5px 0 5px 15px; }
.con2 li li{ width:100%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:5px 0 5px 10px; }

.con3{margin:0px 0 0px 20px; clear:both} /* 블릿없음 */
.con3 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%;  padding:5px 0 5px 15px; }
.con3 li li{ width:100%; list-style:none ; color:#6e6d6d; font-size:17px; line-height:150%; padding:5px 0 5px 10px; }

/* 기본 표, 입장권판매*/
.ctable1{max-width:97%; margin:10px 0 10px 25px; padding:0; border-top:2px solid #8b8b8b;}
.ctable1 th{/*background-color:#f7f4ef;*/ background-color:#efeae0; color:#4e4e4e; font-size:17px; font-weight:600; padding:10px; text-align:center; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}
.ctable1 td{color:#6e6d6d; font-size:16px; padding:10px; text-align:center;  border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}

/* 편의시설 */
.ctable2{max-width:97%; margin:10px 0 10px 25px; padding:0; border-top:2px solid #8b8b8b;}
.ctable2 th{background-color:#efeae0; color:#4e4e4e; font-size:17px; font-weight:600; padding:10px; text-align:center; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}
.ctable2 td{color:#6e6d6d; font-size:16px; padding:10px 0 10px 10px; text-align:left;  border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}
.ctable2 td a{color:#6e6d6d; }

/* 왼쪽 정렬 표*/
.ctable3{max-width:97%; margin:10px 0 10px 25px; padding:0; border-top:2px solid #8b8b8b;}
.ctable3 th{background-color:#efeae0; color:#4e4e4e; font-size:17px; font-weight:600; padding:10px 10px 10px 20px; text-align:left; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}
.ctable3 td{color:#6e6d6d; font-size:16px; padding:10px 10px 10px 20px; text-align:left;  border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5}

.table_r{border-right:none !important}

/* 동영상 */
#mov2{width:100%; text-align:center; padding:20px 0 30px 0; display:inline-block; margin:0 auto}
#mov2 li{list-style:none; text-align:left; float:left; padding-bottom:15px}
.mov2_r{padding-right:35px}


/* 관광정보 - 주변관광 */
#tour{width:99.5%; text-align:left; padding-bottom:30px; display:inline-block}
#tour li{list-style:none; text-align:left; float:left; padding-bottom:15px}
.tour_r{padding-right:10px}


/* 관광정보 -목포*/
#top_btn_tab{ width:100%; height:50px;  margin-bottom:30px; font-size:17px; font-weight:bold; clear:both; display:inline-block}
.btn_tab_r{float:left; width:33%; height:50px; background:#f2c700; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#4e4e4e}
.btn_tab_o{float:left; width:33%; height:50px; background:#fbfbfb; text-align:center; line-height:50px; border:1px solid #dbdbdb; color:#6e6d6d; border-left:none}


#sub621_1{ width:100%; clear:both} 

#top_tit{ width:100%; min-height:46px; border-top:1px solid #c5c5c5;  border-bottom:1px solid #c5c5c5; margin-bottom:35px; text-align:center; display:inline-block}
#top_tit li{ float:left; height:46px; line-height:46px; margin:0; font-size:16px ; color:#6e6d6d !important; padding:0 6px; font-weight:normal;background:url(../images/content/s621_b.png) right center no-repeat; }
#top_tit li a { display:inline; width:100%; color:#6e6d6d;   }
#top_tit li:first-child{padding-left:8px !important}
#top_tit li:last-child{ background:none !important}
#top_tit li a:link, #top_tit li a:visited{text-decoration:none; color:#6e6d6d;}

#top_tit ul li:hover ul { display:block;}
#top_tit ul:hover li a:hover{color:#ffd400;font-weight:700 }

#top_tit li.active a { color:#f2c700; font-weight:bold;}

#top_tit2{ width:100%; min-height:46px; border-top:1px solid #c5c5c5;  border-bottom:1px solid #c5c5c5; margin-bottom:35px; text-align:center; display:inline-block}
#top_tit2 li{ float:left; height:46px; line-height:46px; margin:0; font-size:14.5px ; color:#6e6d6d !important; padding:0 3px; font-weight:normal;background:url(../images/content/s621_b.png) right center no-repeat; }
#top_tit2 li a { display:inline; width:100%; color:#6e6d6d;   }
#top_tit2 li:first-child{padding-left:4px !important}
#top_tit2 li:last-child{ background:none !important}
#top_tit2 li a:link, #top_tit2 li a:visited{text-decoration:none; color:#6e6d6d;}

#top_tit2 ul li:hover ul { display:block;}
#top_tit2 ul:hover li a:hover{color:#ffd400;font-weight:700 }

#top_tit2 li.active a { color:#f2c700; font-weight:bold;}


.s621_tit{max-width:100%;  color:#4e4e4e; font-size:24px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:center; padding:10px 0 0 0; margin:0 0 20px 0; clear:both ; display:block ;background:url(../images/content/s621_bar.png) center top no-repeat; }
.s621_img{ width:100%; text-align:center; padding-top:10px}
.s621{width:96%; text-align:left; clear:both; padding:20px 0 0 0; margin-left:3%}
.s621 span{ color:#4e4e4e; font-size:24px; }
.s621 ul{list-style:none; padding:0; margin:0}
.s621 li{ width:98%; list-style:none; padding:0 0 10px 0; color:#6e6d6d; font-size:16px;  clear:both; }

.s621_1{margin:0px 0 0px 35px !important; clear:both; padding:0 !important}
.s621_1 li{ width:96%; list-style:none; color:#6e6d6d; font-size:16px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:2px 0 2px 10px; }

.s621_2{margin:0px 0 0px 5px !important; clear:both; padding:0 !important}
.s621_2 li{ width:96%; list-style:none; color:#6e6d6d; font-size:16px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:2px 0 2px 10px; }

.s621_3{margin:0px 0 0px 5px !important; clear:both; padding:20px 0 0 0 !important}
.s621_3 span{ color:#f63131; font-size:21px; }
.s621_3 ul{padding-top:10px}
.s621_3 li{ width:96%; list-style:none; color:#6e6d6d; font-size:16px; line-height:150%;  padding:2px 0 2px 0px; }


.s621_box{ width:100%; text-align:right; clear:both; margin:30px 0 0 0}
.s621_box a{color:#fff !important;  background:#188657; padding:5px 10px; font-size:17px}

.s621_box2{ width:100%; text-align:right; clear:both; margin:30px 0 0 0}
.s621_box2 a{color:#fff !important;  background:#214489; padding:5px 10px; font-size:17px}


/* 개인정보처리방침 */
#privacy{width:100%; text-align:left; clear:both ; display:inline-block}
.p_img{float:left; width:25%}
.p_txt{float:left; width:75%; text-align:left; font-size:17px;color:#6e6d6d; line-height:160%; padding-top:0px}
.p_txt_t{color:#484848; font-size:24px; font-weight:500; text-align:left; background:url(../images/content/bar_dot.png) left top no-repeat; padding:15px 0 10px 0px;}


/* 이메일무단수집거부*/
#email{width:100%; text-align:left; padding-bottom:20px; clear:both ; display:inline-block}
.e_img{float:left; width:25%}
.e_txt{float:left; width:75%; text-align:left; font-size:17px;color:#6e6d6d; line-height:160%; padding-top:10px}
.e_txt_t{color:#484848; font-size:24px; font-weight:500; text-align:left; background:url(../images/content/bar_dot.png) left top no-repeat; padding:15px 0 10px 0px;}
#email_box{ height:auto; background:#f8f8f8; padding:25px; clear:both}
#email_box li{width:98%; font-size:17px;color:#6e6d6d; line-height:160%; background:url(../images/content/dot4.png) left 23px no-repeat; padding:15px 0 15px 20px; border-bottom:1px solid #cccccc}
#email_box li:last-child{border-bottom:none !important}


/* 사이트맵 */
#sitemap{width:100%; text-align:center; clear:both ;}
#sitemap ul{width:100%; padding:0 0 20px; }
#sitemap li{list-style:none; width:33%; position:relative; display:inline-table;text-align:left}

.sbox{ width:94%; position: relative; margin:0 auto;}
.site_tit{ padding:10px 0 10px 15px;  border-top:2px solid #bda55f; border-bottom:1px solid #bda55f; font-size:20px; font-weight:bold; color:#bda55f; text-align:left}
.sbox li{width:90% !important; font-size:15px; color:#6e6d6d !important; line-height:160%; background:url(../images/content/dot5.png) 5% 5px no-repeat; padding:5px 0 5px 10%; border-bottom:1px dashed #cccccc;text-align:left}
.sbox li:last-child{border-bottom:1px solid #cccccc !important}

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

/* 행사장 */
.venue{ width:98.5%}
.venue img{width:100% !important}
.venue dl{ min-height:500px}

}

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

#content h3{ max-width:100%; height:28px; color:#4e4e4e; font-size:20px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:left; background:url(../images/content/dot2.png) left 0 no-repeat; padding:5px 0 0 15px; margin:10px 0 5px 7px; clear:both; }
#content h4{ max-width:100%; height:28px; color:#4e4e4e; font-size:17px; font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial';  font-weight:400; text-align:left; background:url(../images/content/dot4.png) left 12px no-repeat; padding:5px 0 0 15px; margin:10px 0 5px 5px; clear:both ; display:block}

.admin_info dt{ width:100%; border-bottom:1px solid #d0d0d0; }
.admin_info dd{ width:100%;background:url(../images/content/dot4.png) left 17px no-repeat;padding:10px 0 10px 15px !important}


/* 입장권판매*/
.con1{margin:0px 0 0px 25px; clear:both}
.con1 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:5px 0 5px 10px; }

/* 개요*/
.con2{margin:0px 0 0px 20px; clear:both}
.con2 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot4.png) left 13px no-repeat; padding:5px 0 5px 15px; }
.con2 li li{ width:98%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:5px 0 5px 10px; }

.con3{margin:0px 0 0px 20px; clear:both}
.con3 li{ width:96%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%;  padding:5px 0 5px 15px; }
.con3 li li{ width:98%; list-style:none; color:#6e6d6d; font-size:17px; line-height:150%; padding:5px 0 5px 10px; }


.ctable1{margin:10px 0 10px 0px;  max-width:99%; display:table; word-wrap:break-word; word-break:break-all;font-family:'Noto Sans KR', 'Noto Sans', sans-serif, 'Dotum', '돋움', 'Arial'}
.ctable1 th{font-size:85%}
.ctable1 td{font-size:85%; padding:10px 0 }
.text_l{text-align:left !important; padding-left:5px !important}

.ctable2{ max-width:99%; margin:10px 0 10px 0px;display:table}
.ctable2 th{font-size:85%}
.ctable2 td{font-size:85%; padding-left:5px !important}

/* 왼쪽 정렬 표*/
.ctable3{max-width:99%; margin:10px 0 10px 0px; }
.ctable3 th{font-size:85%; padding:10px 10px 10px 20px; }
.ctable3 td{font-size:85%; padding:10px 10px 10px 20px; }


/* 심볼 */
.ci_img{float:left; padding:0px 10px 20px 10px}
.con_img2{text-align:left; }
.ci_img2{height:200px}

.ci_img3{height:300px;padding:0px 10px 20px 0px}
.ci_img3 li{ padding-right:18%}
.ci_img3 li:last-child{padding-bottom:20px !important}

/* 후원*/
.account_box dt{float:left; width:22%; height:90px; line-height:50px; font-size:15px !important; font-weight:bold ;border-right:1px solid #ccc; text-align:center}
.account_box dd{float:left;width:70%;font-size:14px !important; margin:0 !important; padding-left:15px !important }




/* 탭*/
#top_btn{ font-size:90%; }

#tab2312{width:19%;height:30px;  line-height:30px  ;font-size:80% ; padding:10px 0}
#tab2313{width:18%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2314{width:20%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2315{width:21%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2316{width:20%;height:30px;  line-height:150% ; font-size:80% ; padding:10px 0}


.after{ font-size:90% !important }


/* 찾아오시는길 */
.mmap{ padding-bottom:35%}
.jmap{ padding-bottom:35%}
.m_btn li{ list-style:none; float:left; padding:5px 7px 5px 0px }

/* 행사장*/
.venue dl{min-height:485px;  }

/* 관광정보 */
#top_tit li{ font-size:14px ;  }
#top_tit li:first-child{padding-left:6px !important}


.s621{width:100% !important; text-align:left; clear:both; padding:20px 0 0 0; margin-left:0 !important}
.s621_1{margin:0px 0 0px 28px !important;}


/* 사이트맵*/
#sitemap li{ width:100%; }


}

@media screen and (max-width:414px) {
#content h2{ line-height:120%; background:url(../images/content/dot1.png) left 0px no-repeat; font-size:20px;  }
#content h3{font-size:18px} 

.pl25{padding-left:5px !important}
.pl35{padding-left:0 !important}
.con2, .con3{margin:0px 0 0px 10px; clear:both;}
.con1 li, .con2 li, .con2 li li{font-size:15px !important}
.con3 li, .con3 li li{font-size:15px !important}
.con2 li{background:url(../images/content/dot4.png) left 12px no-repeat; }

/*.admin_info dt{ width:20%; padding:10px !important  }
.admin_info dd{ width:50%;background:url(../images/content/dot4.png) left 17px no-repeat;padding:10px 0 10px 15px !important}
*/
.admin_info2 { width:94%; }



/* 탭*/
#top_btn{  margin-bottom:25px; height:40px; line-height:40px ; }
/* 찾아오시는길*/
#tab01{width:49%;height:40px;  line-height:40px }
#tab02{width:49%;height:40px;  line-height:40px }

#tab03{width:32.5%;height:40px;  line-height:40px  }
#tab04{width:32.5%;height:40px; line-height:40px }
#tab05{width:32.5%;height:40px; line-height:40px  }

#tab06{width:49%;height:40px;  line-height:40px }
#tab07{width:49%;height:40px;  line-height:40px }

#tab08{width:24.5%;height:40px;  line-height:40px ; font-size:86% }
#tab09{width:24.5%;height:40px;  line-height:40px  ;font-size:86%}
#tab10{width:24.5%;height:40px;  line-height:40px ;font-size:86% }
#tab11{width:24.5%;height:40px;  line-height:40px ;font-size:86% }

#tab2312{width:19%;height:30px;  line-height:30px  ;font-size:80% ; padding:10px 0}
#tab2313{width:18%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2314{width:20%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2315{width:21%;height:30px;  line-height:30px ;font-size:80% ; padding:10px 0}
#tab2316{width:20%;height:30px;  line-height:150% ; font-size:80% ; padding:10px 0}



#tab12{width:49%;height:40px;  line-height:40px }
#tab13{width:49%;height:40px;  line-height:40px }
/*
#tab15{width:49%;height:40px;  line-height:40px }
#tab16{width:49%;height:40px;  line-height:40px }*/


#tab15{width:32.5%;height:40px;  line-height:40px  }
#tab16{width:32.5%;height:40px; line-height:40px }
#tab17{width:32.5%;height:40px; line-height:40px  }



/*초대*/
#greetings{ font-size:15px; line-height:150%}

/* 심볼 */
#ci{ font-size:15px;line-height:150%; padding-bottom:20px; }

.ci_img{float:none; padding:0px 0px 20px 0px; text-align:center}
.con_img2{text-align:center; padding-left:10px  }

.ci_img2{height:220px; max-width:98%; padding:0px 10px 20px 0px}
.ci_img2 li:nth-child(4) {padding-bottom:20px !important}
.ci_img2 li li{width:100%}
.ci_img3{height:400px; max-width:98%; padding:0px 10px 20px 0px}
.ci_img3 li{ padding-right:18%}
.ci_img3 li:nth-child(2) {padding-right:0 !important}
.ci_img3 li:nth-child(4) {padding-right:0 !important}
.ci_img3 li:nth-child(5) {padding-bottom:30px !important}


/* 후원협찬*/
.sponsor_box{ margin:0px 0 0 10% !important; width:90%}
.sponsor_box li{width:30% !important; padding:5px 0 !important; font-size:13px !important; margin:5px !important}
.sponsor_box li:nth-child(2) {width:3.5% !important; }
.sponsor_box li:nth-child(4) {width:3.5% !important}
.sponsor_box li:nth-child(6) {width:3.5% !important;}
.sponsor_box li:nth-child(8) {width:3.5% !important;}

/*.account_box dt{float:left; width:100%; height:20px; line-height:20px; font-size:15px !important; font-weight:bold ;border-bottom:1px solid #ccc; text-align:center; padding-bottom:10px}
.account_box dd{float:left;width:auto;font-size:14px !important; margin:0 !important; padding:10px 10px 0px 10px!important }
*/

/* 찾아오시는길 */
.map{padding:5px 0 15px 0}
.map_l{width:100%;}
.map_r { display:none}
.m_btn2{display:block !important}
.m_btn2 {padding:0 0 0 4.5%}
.m_btn2 li{ list-style:none; float:left; padding:5px 10px 5px 0}


.map_info_l{float:left; width:100%}
.map_info_l2{float:left; width:100%}

.map_info_r{float:left; width:100%; vertical-align:top; padding-top:15px}
.map_info_r2{float:left; width:100%; padding-top:15px !important}
.map_info_rj3{float:left; width:100%;  padding-top:15px}

.m_icon_s{width:14% !important}
.m_icon3{width:14% !important}


/*프로그램소개*/
.program_img{width:100% !important;  padding-right:0 !important; padding-bottom:15px}
.program_img img{width:99%}
.program dl{margin:0; width:100% !important}
.program dt{ width:96%; list-style:none; color:#4e4e4e; font-size:17px; font-weight:bold; line-height:150%;  background:url(../images/content/dot2.png) left 0 no-repeat; padding:5px 0 0 15px; }
.program dd{list-style:none; color:#6e6d6d; font-size:15px; line-height:150%;background:url(../images/content/dot4.png) left 13px no-repeat; padding:5px 0 5px 15px; margin-left:15px }

/* 행사장 */
.venue{padding-top:5px !important }
.venue dl{width:100%; clear:both; min-height:auto; padding-bottom:25px }
.venue dt img{border:1px solid #c5c5c5; }
.venue dt span{font-size:17px; } 
.venue dd {line-height:150% ; font-size:15px}


.venue2_t{margin:0px 0 0px 10px !important; clear:both}
.venue2_img{width:100%; text-align:left; padding-left:0px}
.venue2_t2{margin:5px 0 0px 5px !important ; clear:both;}
.venue2_t2 li{ width:95%; list-style:none; color:#4e4e4e; font-size:16px; line-height:150%; background:url(../images/content/dot3.png) left 14px no-repeat; padding:2px 0 2px 10px; }
.venue2_t2 li span{color:#6e6d6d !important}


/* 관람안내 - 입장권안내*/
.tbt{font-size:14px !important;}


/* 편의시설 */	
#c241 .ctable2 td{font-size:80%; }

/* 동영상 */
.mov2_r{padding-right:0px}


/* 관광정보*/
.tour_r{padding-right:0px !important}

.btn_tab_r{width:32.5%; }
.btn_tab_o{width:32.5%; }

#top_tit li:first-child{padding-left:0px !important}
#top_tit2 li:first-child{padding-left:0px !important}



/* 개인정보 */
#privacy{min-height:auto; display:inline-block}
.p_img{ display:none}
.p_txt{ width:100%; padding-top:0 !important; font-size:15px !important;line-height:150%; }
.p_txt_t{font-size:20px; font-weight:bold }

/* 이메일 */
.e_img{ display:none}
.e_txt{ width:100%; padding-top:0 !important ;font-size:15px; line-height:150%;}
#email_box{ padding:15px;}
#email_box li{width:auto ; font-size:15px; line-height:150%; }
.e_txt_t{font-size:20px; font-weight:bold;}


.stit{ font-size:95%; }
.sbox li{font-size:90%;}

	
}