@charset "utf-8";


.contentStyle {line-height: 160% !important;}

#container.sub .con-section h3 {font-size: 36px;position:relative;padding: 20px 0;margin-bottom: 30px;}
#container.sub .con-section h3:after{content:''; width:60px;height:1px; background:#fbbd00; position:absolute; left:0; bottom:0;}

#container.sub .con-section h4 {font-size: 24px;position:relative;padding: 30px 0 20px;}
#container.sub .con-section h4:after{content:'';width:29px;height:6px;background:url(/nagan/common/images/contents/h4.png) no-repeat;position:absolute;left:0;top: 11px;}
#container.sub .con-section h5 {font-size: 18px;line-height: 100%;position: relative;margin: 30px 0 10px;padding: 0 0 0 19px;background: url(/kr/img/common/bul4.png) no-repeat 5px 4px;}
#container.sub .con-section h6 {font-size: 16px;line-height: 100%;position: relative;margin: 30px 0 10px;padding: 0 0 0 19px;background: url(/kr/img/common/bu_dt02.png) no-repeat 5px 4px;}

#container.sub .con-section .tabMenu01>ul {display: table;width: 100%;border-collapse: collapse;margin-bottom: 40px;}
#container.sub .con-section .tabMenu01>ul>li {display: table-cell;border: 1px solid #ddd;vertical-align: middle;line-height: 130% !important;font-size: 18px;}
#container.sub .con-section .tabMenu01>ul>li>a {display: block;text-align: center;vertical-align: middle;padding: 15px 0;width: 100%;}
#container.sub .con-section .tabMenu01>ul>li.on {background: #fbbd00;border: 1px solid #fbbd01;}

.tabMenu02 {position:relative;display:inline-block;padding: 15px;background:#f0eee5;border:1px solid #e2e0d6;margin-bottom:10px;}
.tabMenu02 ul { }
.tabMenu02 ul li { float:left;display:inline;margin:0px 10px 0 0; }
.tabMenu02 ul li a {width:115px;display:block;margin:0;color:#676b73;padding: 0 0 0 15px;background: url(/kr/common/img/bu_dt02.png) no-repeat left 5px;}
.tabMenu02 ul li.on a {font-weight:bold;color:#2b2d2f;background: url(/kr/common/img/bu_dt01.png) no-repeat left 5px;}

.tab-type02 .tabMenu01>ul {display: block;}
.tab-type02 .tabMenu01>ul>li {display: inline-block !important;width: 221px;margin: 0 4px 4px 0;background: #fbbd00;border: 1px solid #fbbd01 !important;}
.tab-type02 .tabMenu01>ul>li.on {background: none !important;border: 1px solid #ddd !important;}

    .con-section p { text-align: justify;}
    .con-section p.center {text-align: center !important;}
    p.em{font-size: 17px !important;font-weight:bold;}
    .AlignCenter {text-align: center !important;}
    .font_big {font-size: 1.6em;line-height: 200%;margin: 20px 0;}
    .font_middle {font-size: 1.3em;line-height: 150%;margin: 20px 0;color: #ac3509;}

    .FloatRight {float: right !important;padding: 0 0 3px 0;}
    .AlignRight {text-align: right !important;} 
    .cost table {margin: 0 0 5px 0;}

    .constitution ol {padding: 0 0 0 30px;margin: 20px 0;}
    .constitution ol>li {list-style-type: decimal-leading-zero;padding: 5px;}

	/*tap*/
	.tabMenu01 .tab.units_1 li {width:100%;}
	.tabMenu01 .tab.units_2 li {width:50%;}
	.tabMenu01 .tab.units_3 li {width:33.3%}
	.tabMenu01 .tab.units_4 li {width:25%;}
	.tabMenu01 .tab.units_5 li {width:20%;}
	.tabMenu01 .tab.units_6 li {width:16.6%;}
	.tabMenu01 .tab.units_6 li:first-child{width:17%}
	.tabMenu01 .tab.units_7 li {width:14.1%;}
	.tabMenu01 .tab.units_8 li {width:12.5%;}
	.tabMenu01 .tab.units_9 li {width:11.1%;}
	.tabMenu01 .tab.units_10 li {width:10%;}
	.tabMenu01 .tab.units_11 li {width:18.18%;}
	.tabMenu01 .tab.units_12 li {width:16.66%;}
	.tabMenu01 .tab.units_13 li {width:15.38%;}
	.tabMenu01 .tab.units_14 li {width:14.1%;}
	.tabMenu01 .tab.units_15 li {width:14.1%;}
	.tabMenu01 .tab.units_16 li {width:12.5%;}
	.tabMenu01 .tab.units_29 li {width:10%;}
    
    /* Button */
    .btn_wrap {width:100%;height:50px;text-align:center;margin-bottom: 30px}
    .btn_wrap .type_al_r {display:inline-block;float:right}
    .btn_wrap .type_al_l {display:inline-block;float:left}
    .btn{display:inline-block;vertical-align:middle;transition:all 100ms ease-in-out;-o-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out;-webkit-transition: all 100ms ease-in-out;border:none}
    .btn.type_a {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}
    .btn.type_as {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#8da9c4}
    .btn.type_b {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#13315c;margin: 5px 0;}
    .btn.type_bs {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#13315c}
    .btn.type_c {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#134074}
    .btn.type_cs {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#134074}
    .btn.type_d {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#0b2545}
    .btn.type_ds {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#0b2545}
    .btn.type_e {margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#2083e9}
    .btn.type_es {margin-left: 5px; padding:0 23px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight: 400; letter-spacing:-1px;background:#2083e9}
    .btn.type_search {float: left;border: 0; padding:0 66px 0 23px; height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%}

    a.down {background: #fcfcfd url(/kr/img/common/btn_down01.png) no-repeat -2px 43%;padding: 15px 15px 15px 45px;border: 1px solid #cdcdcd;box-shadow: 2px 2px #f0f0f0;}

	#GalleryupfileAdd a{background: #eaeaea;width: 28px;height: 28px;display: inline-block; border:1px solid #b0b0b0;border-radius: 3px;}
	#upfileAdd,#upfileDel {background: #eaeaea;width: 28px;height: 29px;display: inline-block;border: 1px solid #b0b0b0;border-radius: 3px;padding: 0;}

    /*게시판*/
    .boardWrap {padding: 60px 0 0 0;position: relative;}
    .total {float: left;margin-bottom: 10px;padding: 0 0 0 25px;background: url(/kr/img/common//icon_alllist.png) no-repeat 0 50%;}
    table.bbsList {width: 100%;margin-bottom: 20px;border: 0;border-top: 2px solid #134074;}
    table.bbsList th {padding: 15px 5px;background: #fcfcfc;font-size: 16px;font-weight: 500;}
    table.bbsList th, table.bbsList td{border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
    table.bbsList th:last-child, table.bbsList td:last-child{border-right:0}
    table.bbsList td{padding:10px 5px;font-size: 14px;text-align: center;color: #555}
    table.bbsList th.no {width: 5%;}
    table.bbsList th.category {width:15%}
	table.bbsList th.title, table.bbsList td.title{text-align: left!important; padding-left: 10px;}
    table.bbsList th.writer {width: 10%;}
    table.bbsList th.created {width: 12%;}
    table.bbsList th.hit {width: 10%;}
    table.bbsList th.file{width: 8%;}
    table.bbsList td.nodata {padding: 70px 0 !important;}

    /* Search */
    .searchBoxWrap{float:right;margin-top: -30px; margin-bottom: 15px}
    .select_type1{width: 100%;height: 60px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
    .select_type1.w280{width: 280px;}
    .select_type2{display: inline-block;width: 100%;height: 50px; border: 1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px;vertical-align: top;}
    select.select_type2 {float: left;margin-right: 5px;background: url(/kr/img/common/icon_sharrow.png) no-repeat 89% 50% #f8f8f8;}
    .select_type2.w140{width: 140px;}
    .searchBox {position: relative;float: left;display: inline-block;width: 420px;}
    .searchBox input[type="text"]{float: left;margin-right: 5px;border: 1px solid #e0e0e0;height: 50px;display: block;box-sizing:border-box;padding: 0 50px 0 15px;width: 300px;}
    .top_srch:after {content: '';display: block;clear: both;}

    label.hide {display: none;}
    .paginate {margin: 40px 0 50px; text-align: center}
    .listbtn {text-align: right;margin-bottom: 30px;}
	div.span3 a.btn{margin-left: 5px; padding:0 33px;height:50px;line-height:50px;color:#fff;font-size:18px;font-weight: 400; letter-spacing:-1px;background:#13315c}
    .border_top_no {position: relative;padding: 20px 0 0 0;}
    .board-search {position: absolute;top: 20px;width: 100%;}
    .form-search {float: right;margin-top: -5px;margin-bottom: 15px;}
    .form-search input[type=text] {float: left;margin-right: 5px;border: 1px solid #e0e0e0;height: 50px;display: block;box-sizing: border-box;padding: 0 50px 0 15px;width: 300px;}
    .form-search select {float: left;margin-right: 5px;display: inline-block;height: 50px;border: 1px solid #e0e0e0;box-sizing: border-box;padding: 0 21px 0 10px;vertical-align: top;width: 113px;background: url(/kr/img/common/icon_sharrow.png) no-repeat 89% 50% #f8f8f8;}
    .board-rss a {padding: 0 23px;height: 30px;line-height: 30px;color: #fff;font-size: 13px;font-weight: 400;letter-spacing: -1px;background: #8da9c4;display: inline-block;}

	.gallerySun .board-rss{width: 30%; display: inline-block;}
	.gallerySun .listbtn{/*width: 68%;*/width: 100%; display: inline-block;}

    button.btn[type=submit] {float: left;border: 0;padding: 0 61px 0 19px;height: 50px;line-height: 40px;color: #fff;font-size: 18px;font-weight: 400;letter-spacing: -1px;background: #134074 url(/kr/img/common/icon_search.png) no-repeat 72px 50%;}

	.paginate {margin: 40px 0 50px; text-align: center!important;}
	.paginate > a {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0 2px}
	.paginate > a.on
	.paginate > a:hover {background: #8da9c4;color: #fff;font-weight:400 !important}

	.paginate > strong {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#fff;font-weight:400;font-size:14px;background: #8da9c4;}
	.paginate > strong > a {color:#fff !important;font-weight:400 !important}

	.paginate >  span {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0;font-size:0}
	.paginate >  span a{padding:16px}

	.paginate >  span.first_page {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
	.paginate >  span.prev_page {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
	.paginate >  span.next_page {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
	.paginate >  span.last_page {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}

	.paginate > a.pg_num {display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #e2e2e2;transition: all .2s ease;color:#333;font-weight:400;font-size:14px;margin:0 2px}
	.paginate > a.pg_num > strong {background: #8da9c4;color: #fff;font-weight:400 !important;display:block}

	.paginate >  span.first {background: url(/kr/img/common/icon_pgfirst.png) no-repeat 50% 50%}
	.paginate >  span.prev {background: url(/kr/img/common/icon_pgprev.png) no-repeat 50% 50%}
	.paginate >  span.next {background: url(/kr/img/common/icon_pgnext.png) no-repeat 50% 50%}
	.paginate >  span.last {background: url(/kr/img/common/icon_pglast.png) no-repeat 50% 50%}


    /*갤러리*/
    .boardWrap .gallery {width: 100%;padding: 35px 0;margin-bottom: 30px;border-top: 2px solid #134074;border-bottom: 1px solid #d2d2d2;overflow: hidden;}
    .gallery ul{text-align: center}
    .gallery ul li{position: relative;float: left;border-radius: 2px;border: 1px solid #d2d2d2;width: 22%;margin: 1.392%;background: #fff;height: 250px; padding-left: 0!important;}
    .gallery ul li img{width: 100%;height: 135px;}
   
    .gallery ul>li p.title a{color: #0b2545 !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
    .gallery ul>li p.created {text-align: center;display: block;padding-top: 10px;margin: 0 10px 10px 10px;border-top: 1px dotted #d2d2d2;font-size: 14px;color: #8da9c4;letter-spacing: -1px;}
    .gallery ul>li p.ext01, .gallery ul>li p.ext02, .gallery ul>li p.ext03 {padding-left: 10px; font-size: 14px;}
	.gallery .board-rss, .thumbnail .board-rss{float: left;}
	.gallery ul li img{width: 100%;height: 135px;position:absolute;top:115px}
    .gallery ul li p{display:none}
	 .gallery ul li p.title{display:block;text-align:center;margin: 0;overflow: hidden;color: #0b2545;font-size: 16px;line-height: 34px;letter-spacing: -1px;font-weight: 700;padding: 10px 10px 0 10px;}
	 .gallery ul li p.writer{display:block;height:20px;text-align:center;color:#666;font-size:14px}
	  .gallery ul li p.created{display:block;margin-top:10px}
	  .gallery ul li p.thumb{display:block;vertical-align:bottom}
	   td div.file_image{position:relative;display:block}
      td div.file_image img{max-width:914px!important}

    .contentStyle ul {padding: 0px 0 20px 27px;}
    .contentStyle ul>li {padding: 0 0 0 15px;background: url(/kr/img/common/gray_6x6.png) no-repeat left 7px;}


/*갤러리게시판
div.gallery > ul > li{text-align:center;font-family: "Malgun Gothic", 'Nanum Gothic', "dotum", "gulim","sans-serif",'NanumSquare', sans-serif;letter-spacing:-1px;display:inline-block;padding: 15px 0px 10px 0px;  margin: 5px;width:215px;background: #FCFCFC;  border: 1px solid #CCC;border-radius:3px}
div.gallery > ul > li > p.title{width:90%;margin: 6px auto 0 auto;padding-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
div.gallery > ul > li > p.title a:hover{color:#333;text-decoration:underline;}
div.gallery > ul > li > p.title a{font-size:18px;color:#333; }
div.gallery > ul > li > p.board_content{height:40px;margin:0 15px;font-size:13px;color:#333; overflow:hidden}
div.gallery > ul > li > p.content{width:90%;margin: 6px auto 0 auto;overflow:hidden;}
div.gallery > ul > li > p.writer{color:#888; height: 20px;}
div.gallery > ul > li > p.created{color:#999;letter-spacing:-1px; padding-top:5px}
div.gallery > ul > li > p.hit{color:#888;}
div.gallery > ul > li > p.thumb img{width:100%;height:150px;background:#fff;margin-bottom:-10px; margin-top:20px}

div.padded .gallery > ul > li > p.thumb img {box-shadow: initial;}
.gallery .row-fluid .box .gallery {padding: 20px 0;margin-bottom: 15px;border-top:2px solid #134074;border-bottom:1px solid #d9d9d9;background: #FFF;}
*/





    /* Table */
    table{width:100%;margin-bottom: 40px;border:0;border-top:2px solid #134074;border-spacing:0;}
    caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
    table td,table th{ border:0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
    table th{padding:15px 5px;background:#fcfcfc;font-size: 16px;font-weight: 500;vertical-align: middle;}
    table th:last-child{border-right:0}
    table td{padding:10px 5px;font-size: 15px;color: #555;vertical-align: middle;}
    table td:last-child{border-right:0}
    td.tdLeft{text-align: left !important;}
    table .th.thLeft{padding:15px 5px;background:#fcfcfc;font-size: 16px;font-weight: 500;text-align: left}
    .AlignCenter {text-align: center;}
    .tdCenter td {text-align: center;}
    tr.highlight td {background: #F6F8FA;}
    table.tableStyle_oa td {text-align: center;}
table th.bd_right, table td.bd_right{border-right:1px solid #e1e1e1;}
table th.bd_left, table td.bd_left{border-left:1px solid #e1e1e1;}
table td .board_content{text-align: left;}

/*캘린더*/
.calendar strong {font-size: 32px;margin: 0 10px;}
.calendar p.month_choice {text-align: center;margin: 0 0 10px 0;}
.calendar p.month_choice .con-section strong {font-size: 2.5em;}
.calendar p.month_choice a i {display: inline-block;width: 14px;height: 25px;}
.calendar p.month_choice .icon-chevron-left {background: url(http://www.suncheon.go.kr/board/_common/img/btn_arrow_l.gif) no-repeat;}
.calendar p.month_choice i.icon-chevron-right {background: url(http://www.suncheon.go.kr/board/_common/img/btn_arrow_r.gif) no-repeat;}
.calendar p.month_choice a {display: inline-block;}
.calendargroup .rel {height: 100px;}
.calendargroup .rel .date {text-align: left;}
.calendargroup .sun .date {color: red;}
.calendar td.checkit {border: 1px solid #df6f82;box-sizing: border-box;}
.calendar th {width: 14.28%;}
.calendar p.paginate strong {font-size: 15px;}
.contentStyle .calendar ul{padding: 0 0 0 5px;}
.contentStyle .calendar ul>li {text-align: left;}


    /*축제개요*/
    .boxing {background: url(/kr/img/common/box02.png);padding: 5px;margin: 20px 0 30px;}
    .boxing>ul {background: #fff;padding: 20px;}
    .boxing>ul>li {background: url(/kr/img/common/bu_dt01.png) no-repeat left 7px;}

    /*식당 및 편의시설*/
    #container.sub .con-section h5>span {margin-left: 15px;color: #666;}
    .boxing>p {background: #fff;text-align: center;padding: 20px;}
    .goStay-btn{display:block}
    .goStay-btn::after{content:"";display:block;clear:both}
    .goStay-btn:hover>*{text-decoration:underline}
    .goStay-btn>*{box-sizing:border-box;color:#82331f}
    .goStay-btn span{width:100%;font-size:18px;line-height:30px;font-weight:bold;display:block;}
    .goStay-btn img{height:60px}
    .goStay-btn b{font-size:50px;line-height:50px;text-indent:10px}


    /* 서브 체험갤러리 */
    .contentStyle ul.thumb>li {padding: 0;background: none;}
    .thumb-outer:after{content: '';display: block;clear: both;}
    #zoom_img {float:right;width: 780px;/* height:331px; */margin:15px 0 20px;background:#eeeeee;}
    #zoom_img img{width: 100%;height: auto;}
    ul.thumb {overflow:hidden;text-align:center;width: 120px;margin: 15px 10px 20px 0 !important;padding:0 !important;float: left;}
    ul.thumb li {background:none !important; margin:0 0 3px 0 !important; padding:0 !important;}
    ul.thumb li a {border:1px solid #000;overflow:hidden;width: 118px;height: 64px;display:block;box-sizing: border-box;}
    ul.thumb li a img {width:116px;height: 62px;display:block;}
    ul.thumb li.on a {border:2px solid #ff3c00;width: 118px;height: 64px;box-sizing: border-box;}
    ul.thumb li.on a img {margin:-1px 0 0 -1px;}

    .map p.img {float: left;margin: 0;}
    .map:after {content: '';display: block;clear: both;}
    .map ul {float: left;width: 500px;}
	.root_daum_roughmap{widht:100%}


/* oa_.div_half CSS */
.div_half{float:left;width:407px;margin:5px 15px 10px 5px;padding:15px;border:1px solid #d5d4cf;display:inline-block}
.div_half h5{width: 287px;margin:1px 0 0 0 !important;padding-bottom:15px !important;border-bottom:1px solid #d5d4cf}
.div_half p.img{float:right;margin:0 0 0 10px}
.div_half ul{padding: 8px 0 0 10px!important;}
.div_half ul li{background-position: left 11px!important;}




/*뿌리깊은나무*/
.MAT20 {margin-top:20px}
li .board_content {display: none;}
.rooted_tree0101 p {display: inline-block;vertical-align: top;}
.root_pstyle {width: 65%;padding-left: 20px;}

.rooted_tree0101 p span{color: #0041bb;font-weight: 500;}

.r-book a img {margin-bottom: 5px;}

p.cStyle {float: left;display: inline;width: 98%;font-size: 14px;color: #44474c;padding: 10px 0 10px 8px;line-height: 22px;text-align: left;}

.character-img{display: inline-block;}
.character-img {width: 49%;text-align: center !important;margin-top: 20px;}

.exhibition-f{font-size:15px}

#daumRoughmapContainer1684389411980 {width: 100% !important;}

.board_content img {  max-width: 950px !important;height: auto;}
@media screen and (max-width: 800px)
.board_content img {width: 96%;height: auto;}
}