@charset "utf-8";


@media only screen and (max-width:1240px){
	.cont_wrap .introBox01 .introList .intro0601 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img01.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	
	.cont_wrap .introBox01 .introList .intro0602 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img02.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	.cont_wrap .introBox01 .introList .intro0603 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img03.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	.cont_wrap .introBox01 .introList .intro0604 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img04.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	.cont_wrap .introBox01 .introList .intro0605 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img05.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	.cont_wrap .introBox01 .introList .intro0606 {width: 100%;height: 240px;background-image: url('/garden/images/cont/tour_img06.jpg');background-repeat: no-repeat !important;background-size: cover !important;background-position: 50% 60% !important}
	
	.cont_wrap .introBox01 .introList {width: 49%;height: 240px;float: left;display: inline-block;box-sizing: border-box;margin: 0 0 15px 0;position: relative;overflow: hidden}
	.cont_wrap .introBox01 .introList.webR {margin: 0 0 15px 0;	float: right}
	.grid{display:none}	
	.grid.webR{margin:0 0 10% 0}
	.cont_wrap .introBox01 .introList .intro0601{height:240px}
    .no_web{display:block}
	.cont_wrap .introBox01 .introList .introListTxt0101 {position: absolute;right: 30px;top: 203px;text-align: right;z-index: 10;font-size: 18px;font-weight: 400;color: #fff;letter-spacing: -0.075em;text-shadow: #000 1px 1px}
	.cont_wrap .introBox01 .introList .introListTitBg {	width: 100%;height: 44px;right: 0;top: 196px;position: absolute;background: #000;opacity: 0.7}
	
}
@media only screen and (max-width:1200px){
	.map_wrap .map_address{font-size:1rem}
	.map_wrap .map_address p.address01{display:block}
	.map_wrap .map_address p.address02{padding-left:0}
	.open_garden03 .first{margin-left:2.5%!important}
	.open_garden03 .open_garden03_list{display:inline-block;margin-left:2%;margin-top:10px;width:30%;}
	.small_garden_wrap ul.SGlist li{width:100%}
	.small_garden_wrap ul.SGlist li:nth-child(2) {margin-top:10px}
	.small_garden_wrap ul.SGlist li:nth-child(3) {margin-top:10px}
	.small_garden_wrap ul.SGlist li:nth-child(4) {margin-top:10px}
	.small_garden_wrap ul.SGlist li:nth-child(5) {margin-top:10px}
	.small_garden_wrap .SG .SGtext h4.no_icon{height:auto}
	.small_garden_wrap .SG .SGimg{width:15%}
	.small_garden_img img{width:100%}
	.small_garden_wrap .SG .SGtext{width:70%;margin-left:5%}


	.hanbang_list{display:inline-block;margin-left:1%;width:30%;vertical-align:top}
	.hanbang_list:nth-child(4){margin-left:0}
	.hanbang_list:nth-child(5){margin-left:1%!important}
	
	.ferris_wheel_cont01 .ferris_wheel_text{width:35%;}
	.garden_origin_wrap .garden_origin_img01 img{width:100%}
	.NG_wrap .NG_list_wrap .NG_list{width:24%;float:left;position:relative;margin:0 0 10px 1%;box-sizing:border-box}
	.scgarden_status_wrap{width:700px;background:url(/garden/images/cont/tb_bg_scgarden_status.jpg) center top no-repeat;height:735px;margin:68px auto}
	.scgarden_status_wrap dl{width:262px;height:112px}
	.scgarden_status_wrap dt{font-size:24px;font-weight:400;padding-top:20px}
	.scgarden_status_wrap dd{font-size:1rem}
	.scgarden_status_wrap .scgarden_status02{margin-top:23px}
	.scgarden_status_wrap .scgarden_status03{margin-top:145px}
	.scgarden_status_wrap .scgarden_status04{margin-top:33px}
	.garden_logotype_wrap ul li img{width:100%}
	
	
	.searchBoxWrap .search_row .searchBox2{margin-left:0!important}	
	.serchWordBox{margin-left:0!important;position:relative;}
	.list_top{overflow:hidden;/*overflow-x:scroll*/}/* 가로스크롤 숨김-200324 강세나 수정 */


}
@media all and (max-width:1000px) {
	.map_wrap .map_address p{font-size:1rem}
	.map_wrap .map_address p.address02{display:block}
	.map_wrap .map_address p.address03{display:block;padding-left:0}
	.open_garden_step div{width:100%;float:none;clear:both;margin-top:10px;border-collapse:separate}
	.open_garden_step div dl dt{width:20%;float:left;padding:10px 0!important;border:1px solid #fff}
	.open_garden_step div dl dd{width:80%;float:left;padding:10px 0;text-align:left;padding-left:3%;border: 0; }
	.open_garden_step div.OGS_arrow{display:none}
	.hanbang_list{display:inline-block;margin-left:1%;width:49%;vertical-align:top}
	.garden_origin_wrap .garden_origin_text01{padding:20px 10px 30px 10px;font-size:1rem}
	.NG_list_popup{border:2px solid #a1c2e0;padding:15px;left:50%;width:600px;margin-left:-300px;top:-10px;box-sizing:border-box;background:#fff;z-index:101}
	
	.greeting_wrap .greeting01 .greeting_bigfont{font-size:1rem}
	.greeting_wrap .greeting_img img{width:250px;margin-left:10px}
	.greeting_wrap .greeting01{z-index:100;height:auto;background:none}
	.greeting_wrap .greeting01 p{line-height:1.5;color:#000;font-weight:200;font-size:1rem}
	.greeting_wrap .greeting01 .greeting_bigfont02{padding:0;font-size:1rem;color:#000;margin-top:20px}

    .owl-dots .owl-dot span,
	.owl-dots .owl-dot span {width: 8px !important;	height: 8px !important;	margin: 5px 4px !important;}
	a.btn_calendar{right:0}
	a.btn_calendar img{width:50px;}
	a.btn_list img{width:50px;}

}
@media all and (max-width:767px) {
	.grid {display: none}
	.no_web {display: block}
	.cont_wrap .introBox01 {width: 100%;height: auto;margin: 0 0 15px;position: relative;display: block;clear: both;box-sizing: border-box;float: left}
	.cont_wrap .introBox01 .introList {width: 49%;height: 170px;float: left;display: inline-block;box-sizing: border-box;margin: 0 0 10px 0;position: relative;overflow: hidden}
	.cont_wrap .introBox01 .introList.webR {margin: 0 0 10px 0;	float: right}
	.cont_wrap .introBox01 .introList.sizeB {width: 100%}
	.cont_wrap .introBox01 .introList .introListTxt0101 {position: absolute;right: 10px;top: 146px;text-align: right;z-index: 10;font-size: 14px;font-weight: 400;color: #fff;letter-spacing: -0.075em;text-shadow: #000 1px 1px
	}
	.cont_wrap .introBox01 .introList .introListTitBg {width: 100%;height: 24px;right: 0;top: 146px;position: absolute;	background: #000;opacity: 0.7}
	.cont_wrap .introBox01 .introList a {width: 100%;display: block;position: relative}
	.open_garden03 .first{margin-left:2%!important;display:inline-block;margin-top:10px;width:47%;}
	.open_garden03 .open_garden03_list{display:inline-block;margin-left:2%;margin-top:10px;width:47%;}
	.open_garden03 .open_garden03_list p.tit{font-size:0.9rem}
	.open_garden03 .open_garden03_list p.cont{font-size:0.9rem}
	.open_garden03 .open_garden03_list a.btn_open_garden{font-size:0.7rem}
	.SG .ebook_btn{position:relative;width:100%;margin-left:0;border-radius:0;margin-bottom:13px;text-align:center;top:0}
	.SG02 .ebook_btn{top:0px}
	.ferris_wheel_cont01 .ferris_wheel_text{width:100%;float:none}
	.ferris_wheel_cont01 .ferris_wheel_img {width:100%;float:none;display:block;text-align:center;}
	
	.tree_wrap{margin-top:30px}
	.tree_wrap h3{display:inline-block}
	.tree_wrap span.sub_title{padding-left:16px;vertical-align:top;line-height:2}
	.tree_wrap .tree_img{float:none;width:200px;border:1px solid #ebebeb;text-align:center;margin:0 auto}
	.tree_wrap .tree_img img{width:100%;}
	.tree_wrap .tree_text{float:none;width:100%}

	.garden_origin_wrap .garden_origin_img02{display:none;}
	.garden_origin_wrap .garden_origin_text02{width:100%}

	/* 검색폼(모바일) */
	#tourSearchForm {display:inline-block; padding:10px;text-align:center;margin:0 auto;width:300px;}
	#tourSearchForm  input.tsInput {float:left;background:url('/garden/images/cont/tourdblistimgMobile.png') no-repeat -92px 0px;border-style: none;border-width: 0;width:130px;height:36px;line-height:36px;font-size:14px;font-family:"Tahoma";padding:0 10px;color:#1e6b00;font-weight:bold}
	#tourSearchForm  input.tsInput:focus,#tourSearchForm  input.tsInput:hover {background-position: -92px -39px;}

	#tourSearchForm  input.tsSubmit {border-style: none;border-width: 0;background:url('/garden/images/cont/tourdblistimgMobile.png') no-repeat -244px 0px;text-indent:-90999px;display:block;width:56px;height:38px;float:left;margin-left:2px;cursor:pointer}
	#tourSearchForm  input.tsSubmit:hover {background-position:-244px -39px;}

	#tourSearchForm .dropdown {float:left;background:url('/garden/images/cont/tourdblistimgMobile.png') repeat-x left top;padding:0px;height: 38px;cursor: pointer;width:91px;line-height:38px; margin-right:1px;}
	#tourSearchForm .hover_dropdown {background-position:0 -39px}
	#tourSearchForm .active_dropdown {background-position:0 -78px}

	#tourSearchForm .dropdownlist {width:90px;list-style: none;border: 1px solid #AABE5E;-moz-border-radius: 3px;-o-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding:0px;cursor: pointer;background-color: #FFF;position:absolute;top: 0;left: 0;display: none;z-index:100}
	#tourSearchForm .dropdownlist li {border-width:0px;padding:0px;text-align:left;height:24px;}
	#tourSearchForm .dropdownlist li.hover {background:#e0e0e0}

	#tourSearchForm .dropdown p, .dropdownlist p {margin:0px;color:#333;height:24px;}
	#tourSearchForm .dropdown p.no-info, .dropdownlist p.no-info {padding-left:10px;}
	#tourSearchForm .dropdown p.no-info {height:38px;line-height:38px;width:90px;text-align:left;}
	.ORG_wrap{width:100%;background:url(/garden/images/cont/org_line03.png) center top repeat-y;margin:0 auto}
	.ORG_wrap a.ORG_center{width:100%;height:70px;text-align:center;line-height:70px;color:#fff;background:#5b4902;display:block;margin:0 auto}
	.ORG_wrap ul.ORG li.part{margin-top:20px}
	.ORG_wrap ul.ORG li{display:block;width:100%}
    .ORG_wrap ul.ORG > li:before,
    .ORG_wrap ul.ORG > li#part04:before,
    .ORG_wrap ul.ORG > li:after{display:none}

	.pub_list ul.pub_list_blog li p.img_publist_blog a img{width:200px;height:133px}
	/*.pub_list ul.pub_list_blog li .explanation button.btn{margin-left:233px}*/
	.pub_list ul.pub_list_blog li .explanation .tit_publist_blog01 a{font-size:1.1rem}
	.pub_list ul.pub_list_blog li .explanation .txt_publist_blog01 a{font-size:0.8rem;line-height:100%}

	.goods_thumbs .owl-controls {text-align: center;display: block;}rkq
	.goods_thumbs .owl-controls .owl-dots {	padding-top: 5px;}
	.goods_thumbs .owl-theme .owl-dots .owl-dot span {background-color:rgba(29,29,33,0.3);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c292933,endColorstr=#4c292933);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c292933,endColorstr=#4c292933);	zoom: 1;;
			border-color: transparent;}
	.goods_thumbs .paging_type_dot01.owl-theme .owl-dots .owl-dot span {background: transparent;border-color: #1d1d21;	opacity: 0.3;}
	.goods_thumbs .paging_type_dot01.owl-theme .owl-dots .owl-dot.active span {	opacity: 1;border-color: #dd2221;}
	.goods_thumbs .owl-theme .owl-dots .owl-dot.active span {background   : #dd2221;border: 1px solid #dd2221;}
	.goods_thumbs .owl-theme .owl-dots .owl-dot span {background-color:rgba(29,29,33,0.3);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c292933,endColorstr=#4c292933);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c292933,endColorstr=#4c292933);	zoom: 1;;
			border-color: transparent;}
	.goods_thumbs .paging_type_dot01.owl-theme .owl-dots .owl-dot span {background: transparent;border-color: #1d1d21;opacity: 0.3;}
	.goods_thumbs .paging_type_dot01.owl-theme .owl-dots .owl-dot.active span {opacity: 1;border-color: #dd2221;}
	.goods_thumbs .owl-theme .owl-dots .owl-dot.active span {background   : #dd2221;border: 1px solid #dd2221;}
	.srch_word{display:block;padding-left:0!important}
	.serchWordBox{width:100%}
	.cont_wrap .tab{padding:10px}
	.rhs2_img{width:100%;float:none;text-align:center}
	.rhs2_text{width:100%;float:none}
	
	.rhs2_img img{width:100%}

}

@media all and (max-width:600px) {
	.map_wrap .map_address p{font-size:1rem}
	.small_garden_wrap .SG .SGimg{width:100%}
	.small_garden_wrap .SG .SGtext{width:100%;margin-left:0;margin-top:10px}
	.hanbang_list{display:block;margin-left:0%;margin-top:10px;width:100%;vertical-align:top}
	.hanbang_list:nth-child(3){margin-left:0}
	.hanbang_list:nth-child(4){margin-left:1%!important}
	.hanbang_list:nth-child(5){margin-left:0%!important}
	.hanbang_cont01 .hanbang_img{display:block;width:100%;vertical-align:top;clear:both;margin-top:40px!important;margin-bottom:40px!important;}
	.hanbang_cont01 .hanbang_text{display:block;width:100%;margin-left:0%;}
	.hanbang_cont01 .hanbang_text h2{margin-top:20px}
	.NG_list_popup{border:2px solid #a1c2e0;padding:15px;left:50%;width:320px;margin-left:-160px;top:-10px;box-sizing:border-box;background:#fff;z-index:101}
	.NG_list_popup .NG_popup .NGLP_img{float:none}
	.NG_list_popup .NG_popup .NGLP_img img{width:100%}
	.NG_list_popup .NG_popup .NGLP_text01{padding-left:0px;margin-top:10px;}
	.NG_list_popup .NG_popup .NGLP_text01 p{font-size:0.9rem}
	.NG_list_popup .NG_popup .NGLP_text02 p{font-size:0.9rem}
	.greeting_wrap .greeting_img{float:none;text-align:center}
	.scgarden_status_wrap{width:300px;background:url(/garden/images/cont/m_bg_scgarden_status.jpg) center top no-repeat;height:580px;margin:30px auto}
	.scgarden_status_wrap dl{width:300px;height:109px}
	.scgarden_status_wrap .scgarden_status02{margin-top:48px}
	.scgarden_status_wrap .scgarden_status03{margin-top:193px}
	.scgarden_status_wrap .scgarden_status04{margin-top:62px}
	.garden_character ul li{width:49%;margin-right:2%;float:left;}
	.garden_character ul li:nth-child(2){margin-right:0}
	.garden_character ul li:nth-child(3){margin-top:15px}
	.garden_character ul li:nth-child(4){margin-top:15px}
	.garden_character ul li p.character_name{margin-top:5px}
	.garden_logotype_wrap ul li{width:100%;margin-right:0}
	.garden_logotype_wrap ul li:nth-child(2){margin-top:20px}
	select#selectWorkdGarden{width:100%;border:1px solid #e0e0e0}
	.world_name{width:/*80*/45%;border:1px solid #e0e0e0;box-sizing:border-box}
	
	.world_srch_btn{width:19%!important;float:right;}
	.searchBoxWrap .search_row .searchBox{margin-left:0!important; text-align: left;}
	.searchBoxWrap .search_row .searchBox2{margin-left:0!important; text-align: left;}
	a.btn_calendar{right:9px}
	a.btn_calendar img{width:40px}
	a.btn_list img{width:40px}
	.sc_character_wrap .sc_character01 .sc_character_img{width:300px;float:none;margin:0 auto;}
	.sc_character_wrap .sc_character01 .sc_character_text{text-align:left;width:100%;float:none;padding-top:20px}
	.sc_character_wrap .sc_character02 .sc_character02_img{width:300px;float:none;margin:0 auto;}
	.sc_character_wrap .sc_character02 .sc_character02_text{text-align:left;width:100%;float:none;padding-top:20px}


	}

@media all and (max-width:515px) {
	.searchBoxWrap .search_row .searchBox .srch_btn {width: 100% !important;margin-top:10px;}
}

@media all and (max-width:500px) {
	.pub_list ul.pub_list_blog li p.img_publist_blog{margin-right: 18px; border:0;}
	.pub_list ul.pub_list_blog li p.img_publist_blog a img{width: 123px;}
	.explanation{margin-top:0}
	.pub_list ul.pub_list_blog li .explanation button.btn{margin-left:0}
	a.btn_calendar{top:-38px}
	/*.world_name{width: 97%;}*/
	.OG a.btn{padding:0 5px!important}
}


/*어린이 동물원프로그램 예약*/
@media only screen and (max-width:737px){
#searchBtn {width: 100%;max-width: 344px;margin: 0 auto;padding: 0;background: #000;}
.bbssearchBox {width: 100%;max-width: 364px;margin: 0 auto 5px;margin-right: auto;}
#programYeyakNm {width: 64%;margin-bottom: 5px;}
.bbssearchBox span {float: left;margin: 0 !important;}
#programState {position: relative;left: -25px;margin-bottom: 5px;}
}

@media only screen and (max-width:600px){
#programState {left: -33px;}
}

@media only screen and (max-width:500px){
#programState {left: -37px;}
#programYeyakNm {width: 60%;}
#searchBtn {width: 100%;max-width: 300px;}
}

@media only screen and (max-width:370px){
#programYeyakNm {width: 60%;}
#programState {left: -34px;}
.list_top {padding: 0px;}
}

@media only screen and (max-width:360px){
#programState {left: -25px;}
}
@media only screen and (max-width:351px){
.bbssearchBox span {font-size: 0.9rem;}
#programYeyakNm {width: 50%;}
#programState {left: -11px;}
#searchBtn {max-width: 230px;}
}