@charset "UTF-8"; 

.sub_layout {height:auto !important;}
.sub_top{background:url(/s/storyCms/birdsafari/images/sub/sub_top.png) #000 no-repeat 0; height:510px; background-position:50% 0;
width:100%; position:relative; }
.sub_top2{background:url(/s/storyCms/birdsafari/images/sub/sub_top2.png) #000 no-repeat 0; height:510px; background-position:50% 0; width:100%; position:relative; }
.sub_top3{background:url(/s/storyCms/birdsafari/images/sub/sub_top3.png) #000 no-repeat 0; height:510px; background-position:50% 0; width:100%; position:relative; }
.sub_top4{background:url(/s/storyCms/birdsafari/images/sub/sub_top4.png) #000 no-repeat 0; height:510px; background-position:50% 0; width:100%; position:relative; }
.sub_top5{background:url(/s/storyCms/birdsafari/images/sub/sub_top5.png) #000 no-repeat 0; height:510px; background-position:50% 0; width:100%; position:relative; }
.sub_top6{background:url(/s/storyCms/birdsafari/images/sub/sub_top6.png) #000 no-repeat 0; height:510px; background-position:50% 0; width:100%; position:relative; }
.sub_top_title {position:absolute; top:175px; text-align:center; width:100%; color:#fff;     font-family: 'SCD';}
.sub_top_title h2 {font-size: 42px; font-weight:bold; text-shadow: 2px 1px 2px #555;}
.sub_top_title ul {position:relative; margin-top:20px;}
.sub_top_title ul li {display:inline-block; position: relative;}
.sub_top_title ul li {padding-left:17px; padding-right:10px;     text-shadow: 2px 1px 2px #555;}
.sub_top_title ul.ul_dep02 {display:inline-block !important;}
.sub_top_title ul li.home {width:20px; height:22px}
.sub_top_title ul li:before {    content: '';
    display: inline-block; 
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 9px;
    background: url(/s/storyCms/birdsafari/images/sub/next_home.png) }
				.sub_top_title ul li.home:before {    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 20px;
    height: 22px;
    background: url(/s/storyCms/birdsafari/images/sub/home.png) }
	
	/*lnb*/
.lnb{ background-color:#f9f9f9; width:100%;     font-family: 'SCD'; border-bottom:1px solid #e8e8e8}
	.lnbWrap ul {width:100%; display: flex;
   /* justify-content: space-between;*/
    flex-flow: row wrap; line-height:59px;
}
	.lnbWrap ul li {/*width: calc((100% / 6) - 15px);*/
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
				
	.lnbWrap .lnb li				{padding: 0 61px;}
	.lnbWrap .lnb_three {margin-top:15px}
.lnbWrap .lnb_three li { padding:0 15px; border:1px solid #e8e8e8; width:20%; float:left;}


		
.leftm_list > li > a { color:#494848;}
.leftm_list > li > a:hover span,
.leftm_list > li > a:active span,
.leftm_list > li > a:focus span {color:#1834c6;}
.leftm_list > li {position:relative;}
.leftm_list > li > a.on span {color:#1834c6; font-weight:600;}
.leftm_list > li > a.on span:before {    content: '';
    display: inline-block;
    position: absolute;
    left: 10%;
    bottom:0;
    width: 80%;
    height: 5px;
    background:#1834c6}

				
	.util_box .sns_box {float:right;}/*SNS 공유*/			
	.sns_box a {display:inline-block; float:left; margin-left:3px;}
.sns_box a:before {content:''; display:inline-block; width:45px; height:45px;  border-radius:15px;}
.sns_box a.sns_print:before {background:#f2f4f6 url(/s/storyCms/birdsafari/images/sub/ico_print.png) center center no-repeat ; }/*프린트*/
.sns_box a.sns_share:before {background:#f2f4f6 url(/s/storyCms/birdsafari/images/sub/ico_sns.png) center center no-repeat ;}/*공유하기*/
.sns_box a.sns_share.sns_open:before {background:#333333 url(/s/storyCms/birdsafari/images/sub/ico_sns_on.png) center center no-repeat ;}/*공유하기 활성*/
.sns_box a.sns_facebook:before {background:#3b5496 url(/s/storyCms/birdsafari/images/sub/ico_f.png) center center no-repeat ;}/*SNS 페이스북*/
.sns_box a.sns_twitter:before {background:#32a5de url(/s/storyCms/birdsafari/images/sub/ico_t.png) center center no-repeat ;}/*SNS 트위터*/
.sns_box a.sns_blog:before {background:#09aa39 url(/s/storyCms/birdsafari/images/sub/ico_b.png) center center no-repeat ;}/*SNS 블로그*/

.sns_inner {float:left; display:none;}
.sns_open .sns_inner {display:inline-block;}
.sns_box li {
float: left;}
	.line_map {position:relative}
.util_box{ position: absolute;
    bottom: 0;
width: 100%;}
	/*contents_inner*/
	.contents_inner{padding:35px 0;  font-family: 'SCD'; }
 .contents_inner h3{ font-size:36px; color:#000 ; font-weight:bold;}
	.content { background: url(/s/storyCms/birdsafari/images/sub/content_bg.png) no-repeat 100% 50%; min-height:500px; margin-top:30px; }
.content h3.s_tit {position:relative; padding-left:33px; font-size:2.2rem; font-weight:700; color:#121212; overflow: hidden;}
.content h3.s_tit:before {content:''; display:block; position:absolute; top:7px; left:0; width:23px; height:22px;
 background:url(/s/storyCms/birdsafari/images/sub/ico_tit.png) 0 0 no-repeat;}
.content h3.s_tit2 {border-bottom:4px solid #f2f2f2; color:#000; font-size:26px;     font-weight: bold; padding-bottom:10px;	position:relative;}
.content h3.s_tit2:before {content:''; display:block; position:absolute; top:54px; left:0; width:250px; height:4px;background:#d11e3a;}
.content h3.s_tit3 {color:#000; font-size:2.0rem;     font-weight: bold; 	position:relative;}
.content h4.s_tit4 {color: #1834c6;font-size:1.8rem;     font-weight: bold; 	position:relative; border:1px solid #c8c8c8; display:inline-block; 
padding:4px 8px; background-color: #f9f9f9;}

	
	
	.content h2.h2_tit {border-bottom:4px solid #f2f2f2; color:#000; font-size:26px;     font-weight: bold; padding-bottom:10px;position:relative;}
		.content h2.h2_tit:before {content:''; display:block; position:absolute; top:54px; left:0; width:120px; height:4px;background:#d11e3a;}
		.content span.address {color:#494848; font-weight:500; font-size:1.8rem}

	/*명소 상세페이지*/
.mapWrap {border:1px solid #c8c8c8}
.photoWrap {overflow:hidden;}
.photoWrap ul li  {}
.photoWrap ul {    display: grid
;
    gap: 0.5%;
    grid-template-columns: repeat(auto-fit, minmax(19%, 1fr));
    grid-template-rows: auto;}
.photoWrap ul li.right {}
.photoWrap ul li img{width:100%}
.photoWrap ul li  p {border:1px solid #c8c8c8; margin:0;}
.photoWrap ul li  p.photoTxt {padding:12px 0; text-align:center; background:#f2f2f2}
	

	/*기본 테이블*/
.tbl_base {table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; 
border-style:solid; border-color:#ddd; border-width:2px 1px 0 1px; border-top-color:#333;}
.tbl_base thead th {padding:15px 5px 13px; font-weight:500; color:#333; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #bbb; background-color:#f1f5f5;}
.tbl_base thead th:last-child {border-right-width:0;}

.tbl_base tbody th, .tbl_base tbody td,
.tbl_base tfoot th, .tbl_base tfoot td {padding:10px 5px 8px;     vertical-align: middle;}

.tbl_base tbody th, .tbl_base tbody td.th_tbody {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f2f2f2;}
.tbl_base tbody td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fff;}
.tbl_base tbody td:last-child {border-right-width:0;}
.tbl_base tbody td.add_line {border-right-width:1px;}

.tbl_base tfoot th {color:#333; font-weight:400; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_base tfoot td:last-child {border-right-width:0;}
.tbl_base tfoot td.add_line {border-right-width:1px;}

.birdWrap tbody td {padding:35px 15px;}
.birdWrap tbody td .on {color:#1834c6; font-weight:bold;}

.birdAddressWrap tbody td {padding:15px 20px;}
.birdAddressWrap tbody td.th_tbody {text-align:left;}

/*조류사파리*/
.info_txtbox {
    position: relative;
    padding: 20px;
    border: 1px solid #e8e8e8;
				font-size:1.8rem;
    background-color: #f9f9f9;
}
.bold {font-weight:bold;}
.info_txtbox p {margin:0}
.info_txtbox h3{font-size: 2.0rem !important;}
.info_txtbox li{font-size:1.7rem}
.info_txtbox2 h3 {font-size: 1.9rem !important; line-height:38px}
 .info_txtbox2 p {font-size: 1.7rem !important;}

.ImgWrap {overflow:hidden;}
.ImgWrap ul li {width:32%; float:left; margin-top:1.5%;margin-right:1.5%;}
.ImgWrap ul li:last-child {margin-right:0}

/*리스트*/
.search_top {width:100%; position:relative; overflow:hidden;}
.search_top ul li{width:calc(100%/15);float:left; border:1px solid #e8e8e8; border-right:0;text-align:center; }
.search_top ul li:last-child { border-right:1px solid #e8e8e8;}
.search_top ul li a{background:#f8f8f8; display:block; padding:8px 0; }
.search_top ul li a.on {background: #1834c6; color:#fff; font-weight:bold;}

.search_content {position:relative; overflow:hidden;}
.search_content{}
	
 	@media screen and (min-width:2000px) {
		.sub_top {background-position:50% 50%;}
	}
		@media screen and (max-width:1400px) {
.lnbWrap .lnb li {padding:0 30px}
					.contents_inner {padding:15px}
		}
	@media screen and (max-width:1024px) {
		.lnbWrap {display:none;}
		.sub_top {background-size: cover;height: 265px;}
		.sub_top_title {top:125px;}
		.sub_top_title h2, .contents_inner h3 {font-size:2.4rem}
		.content h3.s_tit, 	.content h2.h2_tit  {font-size:2.0rem}
		.sub_top_title ul {margin-top:5px;}
			.content  {background:none; margin-top:20px;}
			.util_box {top:-6px; bottom:auto;}
			.content h2.h2_tit:before {top:43px}
			.ImgWrap ul li {width:49.25%; float:left; margin-top:1.5%;margin-right:1.5%;}
			.ImgWrap ul li:nth-child(2) {margin-right:0}
					.search_top ul li{width:calc(100%/8);}
      .photoWrap ul { 
    grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));}
	}
	
	
	@media screen and (max-width:767px) {

	.scrl_box {overflow-x:scroll; width:100%;}
	.info_txtbox {font-size:1.4rem}
	.scrl_box .tbl_base {width:768px;}/*스크롤 사용시 테이블 사이즈 고정*/
	}


.lnb_three_menu {overflow:hidden;}
.lnb_three_menu li {
    border: 1px solid #e8e8e8;
    width: 20%;
    float: left;
    text-align: center;}
.lnb_three_menu li a {padding: 15px 0; display:block; background-color: #f9f9f9;}
.leftm_list_three li a.on { background: #1834c6; color:#fff;}
	@media screen and (max-width:1040px) {
      .lnb_three_menu li {width:50%}
      .lnb_three_menu .leftm_list_three {height: 218px;
    overflow-y: scroll;}
}

/*탐조프로그램*/
.info_txtbox_bg{padding: 30px 40px;
    background-color: #f7f7f7;}
.hompage_btn a:hover, .hompage_btn a:active, .hompage_btn a:focus {text-decoration:underline;
 border-color:#1834c6; transition: border-color 0.2s linear; color:#1834c6}
.hompage_btn a { position:relative; padding:6px 16px 6px 16px; border:2px solid #ddd; color:#222; font-weight:600; }
.photoSTxt {font-size:80%}
.movieWrap video, .photoWrap video {max-width:100%;}
.movieWrap .movie {width:33.3333%; float:left; padding-right:0.5%;}
.movieWrap .movie:nth-child(2) {padding-right:0.25%; padding-left:0.25%}
.movieWrap .movie:last-child {padding-right:0; padding-left:0.5%}

	.content  { overflow:hidden;}
	@media screen and (max-width:1024px) { 
	.content {min-height:auto;}
	}

/*용어정리*/
.infowrap {margin-top:15px}
.infowrap li{line-height:45px}
.infowrap li{position: relative; padding-left: 15px; }
.infowrap li span{display:inline-block; width:150px;font-size:2.0rem; font-weight:bold;}
.infowrap li:before {
    content: '';
				left:0;
    display: block;
    position: absolute;
    top: 19px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1834c6;
}
	@media screen and (max-width:1024px) { 
	.infowrap li{line-height:35px}
.infowrap li span {width:auto; margin-right:20px; font-size:1.6rem; display:block;}
.infowrap li:before {top: 15px;}
	}
.movieWrap {overflow:hidden;}
.content .content  {margin-top:0;}

.subTabWrap {width:100%;position:relative;text-align: center;}
.subTabWrap  li {display:inline-block;/* padding:5px 15px; */}
.subTabWrap  li a {background: #f3f3f3;display:block;padding: 8px 25px; font-size: 18px;}
.subTabWrap  li a.on {background:#1834c6;color: #fff;}

	@media screen and (max-width:1024px) { 
.subTabWrap {width:100%;position:relative;text-align: center;overflow: hidden;}
.subTabWrap  li {/* display:inline-block; *//* padding:5px 15px; */width: 50%;float: left;overflow: hidden;}}

.sch_btn a {border: 2px solid #c8c8c8;}
.birdWrap {margin-bottom:25px;}
.birdWrap ul {display: grid;
    gap: 0.5%;
    grid-template-columns: repeat(auto-fit, minmax(19%, 1fr));
  grid-template-rows: auto;}
.birdWrap ul li {    overflow: hidden;     height: fit-content;}
.birdWrap ul li .img img {max-width:100%}

.overflow_faq img {display:block;}
.overflow_faq span {display:block; margin:20px 0;}

	@media screen and (max-width:767px) { 
      .birdWrap ul{    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));}
      .birdWrap ul li a p img {height:100px !important;}
      
}

.ytTall{
    width:98%;
    height:258px;   /* 원하는 세로 크기 */
}