@charset "utf-8";

/* title */
#contents *{box-sizing: border-box;}
body{font-size: 0.813em;}
h4,h5,h6{font-weight:normal;margin-bottom:10px;line-height:1}
h4{font-size:1.375em;font-weight:normal}
h5{font-size:1.250em;}
h6{font-size:1.188em;}
li{list-style: none}
/*img{width:100%;max-height:500px;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}*/

a[target="_blank"] {padding-right:18px;background:url(/images/common/ico_window.gif) no-repeat 100% 0;}

/* print */
.undefined{}
.undefined #contents{width:auto;margin:2.5%}
.undefined #contents .satisfaction{display:none}

/*폰트색*/
.point1{color:#fff}
.point2{color:#fff}
.point3{color:#fff}
.b_color{color:#0d5a9b}/*파란색*/
.g_color{color:#888888}/*회색*/

/*가로스크롤테이블*/
@media(max-width: 767px){
	.scl_x{width:100%;overflow-x: scroll;}
	.scl_x .basic_table{width:768px;}
}
/*스크롤이미지*/
.table_scroll { display:none; }
@media (max-width:900px) {
	.table_scroll { display:block; }
}
/*letter-spacing*/
.lts{letter-spacing: -1px}
.lts2{letter-spacing: -2px}


/* 갤러리 상세보기 */
.photo_box .galleryView{position:relative;overflow:hidden;height:auto;text-align:center}/*기존height:532px*/
.photo_box .galleryView img{vertical-align:middle;}
.photo_box .galleryView .descript{position:absolute;bottom:0;left:0;z-index:1;width:100%;padding:15px;line-height:1;text-align:center;background:url(/images/common/black.png);color:#fff}

.photo_box .galleryThum{position:relative;width:100%;min-height:70px;margin:0 auto;padding:5px 0;background:#f9f9f9}
.photo_box .galleryThum .holder{position:relative;width:90%;overflow:hidden;margin:18px auto}
.photo_box .galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow:hidden}
.photo_box .galleryThum .item {float: left;width:100px}
.photo_box .galleryThum .item img{width:90px;height:70px}
.photo_box .galleryThum .arrLeft{position:absolute;left:0;top:25px;width:5%;height:70px;text-align:center}
.photo_box .galleryThum .arrLeft img{position:relative;top:17px}/*기존 탑17px*/
.photo_box .galleryThum .arrRight{position:absolute;right:0;top:25px;width:5%;height:70px;text-align:center}
.photo_box .galleryThum .arrRight img{position:relative;top:17px}/*기존 탑17px*/


/*전시관안내_설립목적*/
.sub01_01 p.title_txt{font-size:1.7em;font-weight:700}
.sub01_01 ul.intro_list li{float:left;width:32.3%;}
.sub01_01 ul.intro_list li:after{content:"";display:block;clear:both}
.sub01_01 ul.intro_list li:first-child{}
.sub01_01 ul.intro_list li.intro_bg1{padding: 15px 0 20px 5px;margin-right:1.5%;background:url(/images/bird/sub01/intro_bg1.gif) right no-repeat;background-size: cover;}
.sub01_01 ul.intro_list li.intro_bg2{padding: 15px 0 20px 5px;margin-right:1.5%;background:url(/images/bird/sub01/intro_bg2.gif) right no-repeat;background-size: cover;}
.sub01_01 ul.intro_list li.intro_bg3{padding: 15px 0 20px 5px;background:url(/images/bird/sub01/intro_bg3.gif) right no-repeat;background-size: cover;}
.sub01_01 span.intro_tit{display:block;font-size:1.4em;color:#fff;margin-left:15px;width:150px}
.sub01_01 span.intro_cont{display:block;float:left;color:#fff;font-size:1.3em;margin:20px 0  0 15px}

@media (max-width: 540px){
	.sub01_01 ul.intro_list li{float: none;width: 100%;}
	.sub01_01 ul.intro_list li + li{margin-top: 2%}
	.sub01_01 ul.intro_list li.intro_bg1,
	.sub01_01 ul.intro_list li.intro_bg2,
	.sub01_01 ul.intro_list li.intro_bg3{background-size: 100% 100%;}
}

/*관람안내*/
.sub01_02 .info_box1{float:left;width:48%;height:238px;background:url(/images/bird/sub01/info_bg1.gif) no-repeat;background-size: 100% 100%;}
.sub01_02 .info_box2{float:left;width:48%;height:238px;margin-left:4%;background:url(/images/bird/sub01/info_bg2.gif) no-repeat;background-size: 100% 100%;}
.sub01_02 .info_tit{padding-top:180px;text-align:center;font-size:1.2em;font-weight:700;}
.sub01_02 .info_cont{text-align:center;margin-top:5px}
.sub01_02 .info_box3{padding:30px;background:url(/images/bird/sub01/info_bg3.gif) no-repeat;background-size: 100% 100%;}
.sub01_02 ul.info_list{margin-left:260px}
.sub01_02 ul.info_list li{background:url(/images/bird/common/s_dot.gif) no-repeat 0 6px;padding-left:15px;color:#252525;line-height:1.7em}

@media (max-width: 640px){
	.sub01_02 .info_box1,
	.sub01_02 .info_box2{float:none;width: 375px;margin: 10px auto;}
	.sub01_02 .info_box3{background-size: 140% 100%;background-position: left}
	.sub01_02 ul.info_list{margin-left: 44%}
}
@media (max-width: 460px){
	.sub01_02 .info_box1,
	.sub01_02 .info_box2{width: 100%;}
	.sub01_02 .info_box3{background-position: right;}
	.sub01_02 ul.info_list{margin-left: 0}
}


/*조루생태전시관_찾아오시는 길*/
.top_box{overflow:hidden;padding: 10px;border:1px solid #dcdcdc;}
.top_box:after{content:"";display:block;clear:both;overflow:hidden}
.top_box > span{display:block;float:left;position:relative;width:230px;text-align:center}
.top_box > span:before{position:absolute;content:"";display:block;top:53px;left:222px;height:75px;border-right:2px solid #d8d8d8}
.top_box > span:after{content:"";display:inline-block;height:180px;vertical-align:middle}
.top_box > span > span{display:inline-block;vertical-align:middle;font-size:1.5em;font-weight:700}
.top_box .txt_wrap{float:right;width:59%;padding:50px 0px 20px;}

@media (max-width: 640px){
	.top_box > span{float: none;margin: 0 auto;}
	.top_box > span:before{top:70px;left:0;width:100%;border-bottom:2px solid #d8d8d8;border-right: 0}
	.top_box .txt_wrap{float:none;width:380px;margin: 0 auto 20px;padding: 0px}
}
@media (max-width: 425px){
	.top_box .txt_wrap{width: 100%;margin: 0;}
}

/*전시관안내*/
.infowrap{padding:10px 0 25px;border-top:1px dashed #dcdcdc}
.infowrap.first{border-top-width:0}


/*영상관*/
.sub010302_video{width: 299px;height: 197px;}
.photowrap{overflow:hidden}
.photowrap:after{content:"";display:block;clear:both}
.photowrap li{float:left;width:43%;text-align:center}
.photowrap li:first-child{margin-left:50px}

@media (max-width: 767px){
	.photowrap li{float:none;width:100%;}
	.photowrap li:first-child{margin-left:0px}
	
}

/*연혁*/
.history_top{background:url(/images/bird/sub01/bird_sub01_04_img1.jpg) no-repeat 95% 0;height:145px}
.history_txt{font-size:1.6em;color:#000;padding-top:20px}
span.b_color{color:#005aab}
.history_ul{background:url(/images/bird/sub01/l_line.gif) repeat-y 5px 0;margin-top:15px}
.history_ul li{overflow:hidden;padding:15px 0;position:relative}
.histoty_ul li.no_border{border:none}
.history_ul li strong{color:#1265ad;font-size:1.5em;left:0;letter-spacing:-1px;line-height:32px;position:absolute;top:15px;background:url(/images/bird/sub01/history_styong.gif) no-repeat 0 5px;padding-left:25px}
.history_ul li .history_dl{margin:0 0 10px;padding:0 0 0 19%;position:relative;}
.history_ul li .history_dl li{padding:6px 0 0 12px;background:url(/images/life/common/s_dot.gif) no-repeat 0;color:#252525;font-size: 16px;}


/* slave tab */
.slave_tab:after{content:"";clear:both;display:block}
.slave_tab li{float:left;width:20%;margin-top:3px;padding:0 0 5px;background:#fff}
.slave_tab li a{position:relative;display:block;height:35px;padding:8px;border:1px solid #d1d1cf;font-weight:normal;color:#323232;text-align:center}
.slave_tab li.on a:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom-width:0;border-top-color:#50a0e4}
.slave_tab li.on a,
.slave_tab li a:hover,
.slave_tab li a:active,
.slave_tab li a:focus{border:1px solid #50a0e4;background:#50a0e4;color:#fff}

.slave_tab li a.on:after{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color:#1265ad transparent transparent;border-image: none;border-right: 8px solid transparent;border-style: solid;border-width: 8px 8px 0;bottom: -8px;content: "";left: 50%;margin-left: -8px;position: absolute;}
.slave_tab li a.on , .slave_tab li a:hover{background:none repeat #1265ad;border:1px solid #1265ad;color:#fff}


/*서천의습지*/
.mud_top{position:relative;margin-bottom:25px;padding:40px 50px 40px 450px;border:1px solid #dcdcdc;background-repeat:no-repeat;background-position:50px 30px}
.mud_top:before{position:absolute;content:"";display:block;top:45px;left:410px;height:155px;border-right:1px solid #dcdcdc}
.mud_top h4{width:186px;height:63px;margin-bottom:15px;background-repeat:no-repeat}
.mud_top p{}

.sub03_01 .mud_top{background-image:url(/images/bird/sub03/mud_top_img1.jpg)}
.sub03_01 .mud_top h4{background-image:url(/images/bird/sub03/mud_ti1.gif)}
.sub03_02 .mud_top{background-image:url(/images/bird/sub03/mud_top_img2.jpg)}
.sub03_02 .mud_top h4{background-image:url(/images/bird/sub03/mud_ti2.gif)}
.sub03_03_01 .mud_top{background-image:url(/images/bird/sub03/mud_top_img3.jpg);background-position:50px 40px}
.sub03_03_01 .mud_top h4{background-image:url(/images/bird/sub03/mud_ti3.gif)}
.sub03_03_02 .mud_top{padding-bottom:30px;background-image:url(/images/bird/sub03/mud_top_img4.jpg);background-position:50px 50px}
.sub03_03_02 .mud_top h4{background-image:url(/images/bird/sub03/mud_ti4.gif)}


/*생태여행_서천습지여행*/
.sub04_05 .basic_box2{border:none}


/*생태여행_서천습지 청소년 학습여행*/
.sub04_06 .basic_box2{border:none}


/*생태여행*/
.travel_top{margin-bottom:25px;padding:40px 50px 90px 450px;background:url(/images/bird/sub04/top_img.jpg) no-repeat 40px 30px;border:1px solid #dcdcdc}
.travel_top h4{width:196px;height:51px;margin-bottom:15px;background:url(/images/bird/sub04/top_ti.gif) no-repeat;border-bottom:1px solid #dcdcdc}
.travel_top p{width:200px;height:40px;background:url(/images/bird/sub04/top_txt.gif) no-repeat}


/*서천의새*/
.birdwrap{padding:50px 0 25px;border-top:1px dashed #dcdcdc}
.birdwrap:first-child{padding-top:0;border-top-width:0}
.birdwrap [class^="bird_top"]{position:relative;margin-bottom:25px;padding:40px 50px 40px 470px;border:1px solid #dcdcdc;background-repeat:no-repeat;background-position:70px 50%}
.birdwrap [class^="bird_top"]:before{position:absolute;content:"";display:block;top:45px;left:440px;height:155px;border-right:1px solid #dcdcdc}
.birdwrap [class^="bird_top"] h4{padding-left:0;background:none}


/*서천의 새_대표철새*/
.sub05_01 .bird_list li{padding-left:15px;background:url(/images/bird/common/dot.gif) no-repeat 0 5px;color:#252525}
.sub05_03 .bird_list li{padding-left:15px;background:url(/images/bird/common/dot.gif) no-repeat 0 5px;color:#252525}
.sub05_04 .bird_list li{padding-left:15px;background:url(/images/bird/common/dot.gif) no-repeat 0 5px;color:#252525}
.sub05_03 .bird_list li:first-child+li,
.sub05_04 .bird_list li:first-child+li{font-style:italic;}

@media (max-width: 640px ){
	[class^="sub05_0"] .thumb_box figure{float: none;width: 100%}
	[class^="sub05_0"] .thumb_box.type1 .pt{float: none;width: 100%;margin-top: 10px;}
}


/*
.sub05_01 .birdwrap .bird_top{background-image:url(/images/bird/sub05/bird_img1.jpg)}
.sub05_03 .birdwrap .bird_top1{background-image:url(/images/bird/sub05/bird_img13.jpg)}
.sub05_03 .birdwrap .bird_top2{background-image:url(/images/bird/sub05/bird_img3.jpg)}
.sub05_03 .birdwrap .bird_top3{background-image:url(/images/bird/sub05/bird_img4.jpg)}
.sub05_03 .birdwrap .bird_top4{background-image:url(/images/bird/sub05/bird_img5.jpg)}
.sub05_03 .birdwrap .bird_top5{background-image:url(/images/bird/sub05/bird_img6.jpg)}
.sub05_03 .birdwrap .bird_top6{background-image:url(/images/bird/sub05/bird_img1.jpg)}
.sub05_04 .birdwrap .bird_top1{background-image:url(/images/bird/sub05/bird_img7.jpg)}
.sub05_04 .birdwrap .bird_top2{background-image:url(/images/bird/sub05/bird_img8.jpg)}
.sub05_04 .birdwrap .bird_top3{background-image:url(/images/bird/sub05/bird_img9.jpg)}
.sub05_04 .birdwrap .bird_top4{background-image:url(/images/bird/sub05/bird_img10.jpg)}
.sub05_04 .birdwrap .bird_top5{background-image:url(/images/bird/sub05/bird_img11.jpg)}
.sub05_04 .birdwrap .bird_top6{background-image:url(/images/bird/sub05/bird_img12.jpg)}

*/

/* box */
.basic_box2{position:relative;margin-bottom:20px;overflow:hidden;}
.basic_box2:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;}
.basic_box2:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;}
.basic_box2 .inner.ico1{background:#55782E url(/images/bird/common/bg_icon.gif) no-repeat 0px 50%}
.basic_box2 h4,.basic_box2 strong{display:block;margin-bottom:10px;font-size:1.42em;line-height:1.3;font-weight:normal;color:#fff;padding-left:98px;}
.basic_box2 p{font-size:1.1em;padding-left:100px;}
.basic_box2 .inner{position:relative;z-index:1;margin:5px;padding:10px 30px 10px 0;border-bottom:1px solid #c2cbe5}
.basic_box2 .descpt{padding:20px;border:1px solid #c7ced2} 
.basic_box2 .inner.ico{min-height:85px;padding:20px 20px 23px 180px}
.basic_box2 .inner .darblue{color:#325088}
.basic_box2 .basic_list.mb_0{margin-bottom:0}
.basic_box2 .basic_list li{margin-bottom:0}
.basic_box2 .basic_list li strong{display:inline-block;margin-bottom:0;font-size:1em}
.basic_box2 .downfile_lst{margin-top:10px}
.basic_box2 .downfile_lst li{display:block;margin-left:-10px}
.basic_box2 .downfile_lst li a{margin:0 10px}
.box_type1{padding:10px 15px;border:1px solid #c7ced2}
.box_type2{padding:0 5px 10px;border:1px solid #c7ced2}
.box_type1.mb_0{margin-bottom:0}
.scroll{overflow-x:hidden;overflow-y:scroll}

@media (max-width:600px) {
	.basic_box2 .inner.ico1{padding: 30px;background:#55782E;}
	.basic_box2 strong,
	.basic_box2 p{padding-left: 0}
}


/*사이트맵*/
.sitemap {width: 100%;}
.sitemap:after {clear: both;content: "";display: block;}
.sitemap li {float: left;height:445px;margin: 0 6% 0 0;width: 27%;}
.sitemap li h4 {background: url(/images/stat/common/bullet_h4.png) no-repeat 2px 9px;border-bottom: 2px solid #3c8ce6;font-size: 18px;line-height: normal;margin: 0 0px 10px;padding: 0 21px 8px;color:#101010;text-align:left}
.sitemap li ul {display:block;float:none;width:166px;}
.sitemap li ul li {float: none;height: auto;margin: 0;width: 100%;}
.sitemap li ul ul {padding: 0 0 9px}
.sitemap li ul li h5 {background: url(/images/stat/common/bullet_h5.png) no-repeat 2px 9px;margin: 0;padding: 0;}
.sitemap li ul li h5 a {background:none;display: block;font-size: 14px;margin: 0;padding: 4px 0 5px 15px;color:#0a51a1}
.sitemap li ul li ul {margin-left: 10px;}
.sitemap li ul li ul li {margin-bottom: 3px;}
.sitemap li ul li ul li a {background: url(/images/common/bullet_h6.png) no-repeat 2px 9px;display: block;font-size: 12px;padding: 0 0 0 12px;}

@media (max-width: 640px){
	.sitemap li {width: 44%;}
}
@media (max-width: 375px){
	.sitemap{padding: 0 20px;}
	.sitemap li {width: 100%;height: auto;margin:0;}
	.sitemap li + li{margin-top: 30px}
}


/* 본인확인서비스 */
.sitemap_12 .basic_box .inner .txtp.bold{color:#55782E;}
.sitemap_12 .adult .adultwrap .center{padding: 190px 0 20px;}
@media (max-width: 640px){
	.sitemap_12 .basic_box .inner.ico,
	.sitemap_14 .basic_box .inner.ico{padding: 23px}
	.sitemap_12 .basic_box .inner.ico1,
	.sitemap_14 .basic_box .inner.ico1{background: #fff;}
	.sitemap_12 .adult .adultwrap{float: none;width: 100%;margin: 0 0 2% 0;}
}


/*게시판내 속성*/
.basic_board .download img,
.basic_board .problem_file img{width:auto}