@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: RESPONSIVE STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

@media screen and (max-width: 1024px) {
	#wrapper {min-width:100%;}
	
	#header {position:fixed;}
	#header.scroll {box-shadow:0 1px 10px 0px rgba(0, 0, 0, 0.15);}
	#header .headBox {width:100%;}
	#header {background-color:#fff !important; border-bottom:1px solid #ddd !important;}
	#header h1 {float:none; margin:0 auto; width:190px; padding-top:16px;}
	#header h1 img.white_logo {display:none !important;}
	#header h1 img.color_logo {display:block !important;}
	
	#globList {display:none;}
	
	
	ul.gnb {display:none;}
	.res-search {display:block;}
	
	.top_search {display:none; top:100px; left:0; width:100%; height:auto; padding:20px; box-sizing:border-box; background:#fff; border-top:1px solid #ddd;}
	.top_search.scroll {box-shadow:1px 6px 15px rgba(0, 0, 0, 0.15);}
	.top_search input[type='text'] {height:40px; border-bottom:1px solid #000 !important; color:#000 !important;}
	.top_search button {top:15px; right:20px; height:40px;}
	.top_search button::before {background-position:-24px 0;}
	
	.menu {display:block;}
	
	#container {margin-top:80px;}
	
	#main_visual {height:530px;}
	.mainVisual_slider .visual_pic .visual_txt {width:100%; bottom:0; right:0; box-sizing:border-box; background:rgba(0,0,0,0.7); color:#fff; text-align:center;}
	.mainVisual_slider .slick-arrow {width:40px; height:40px; background-size:auto 40px;}
	.mainVisual_slider .slick-arrow.slick-next {background-position:-40px 0;}
	
	#container .contents {width:100%;}
	#ms01 {height:auto;}
	#ms01 .bannerBox {background-position:top 20px right -10px;}
	#ms02 {margin:0;}
	
	#bbs_head .inner_search {right:15px;}
	
	#comm_bbs {padding-bottom:0; padding-top:50px;}
	#comm_bbs .bbsBox {width:50%; padding:0 15px;}
	#comm_bbs .bbsBox#cs_center {padding-left:15px;}
	#comm_bbs .bbsBox#cs_center .btn_wrap {top:85px;}
	#comm_bbs .bbsBox#notice {width:100%; padding-right:15px; background:#fafafa; margin-top:50px; padding-top:50px; padding-bottom:50px; border-top:1px solid #ddd; box-sizing:border-box;}
	
	
	#footer .footBox {width:100%;}
	
	
	
	
	/*============* subContents *============*/
	#subContainer .contents, .greeting .contents {width:100% !important;}
	.snbList {display:none;}
	
	#sub_visual {height:400px !important;}
	
	/*인사말*/
	#sub_contents.greeting {padding-bottom:0;}
	#sub_contents #sub_mainCont.greeting {overflow:initial;}
	#sub_contents #sub_mainCont.greeting::after {position:absolute; bottom:-90px; left:0; width:100%; height:70%; background:#f4f4f4; content:'';}
	.greeting_pic {margin:0 auto;}
	.greeting_txt {position:relative; top:auto; right:auto; width:100%; padding:50px 95px; padding-bottom:0;}	
	.greeting_txt::after {display:none;}
	
	/*오시는길*/
	.root_daum_roughmap .wrap_map {height:450px !important;}
	.root_daum_roughmap_landing {width:100% !important;}
	.greeting_txt.addr {top:auto; width:100%;}
	
	/*제품안내*/
	p.pdt_cnt {box-sizing:border-box; padding:10px 15px;}
	
	ul.product_list {box-sizing:border-box; padding:0 15px;}
	ul.product_list li {width:31%; margin-left:3.5%;}
	ul.product_list li .pdt_thumb {height:230px;}
	ul.product_list li .pdt_thumb img {width:auto; height:100%;}
	ul.product_list li .view_box {padding-top:130px;}
	
	/*제품상세*/
	.product_slider {height:auto; background:#fff;}
	.product_slider ul.slick-dots {bottom:1px;}
	.product_slider img {width:100%;}
	.sub_innerSection {box-sizing:border-box; padding:0 15px;}
	
	/*설치상세*/
	#sub_contents #page_subject.detail_page {box-sizing:border-box; padding:0 15px; overflow:hidden;}
	#sub_contents #page_subject.detail_page .place_pdt {width:50%;}
	#sub_contents #page_subject.detail_page .place_info {width:50%; padding-left:3%;}
	.sub_innerSection#pdt_detailInfo img {width:100%;}
	
	
	/*화분원리*/
	.descBox {padding:30px 15px;}
	.descBox ul {padding-left:15px; padding-right:15px;}
	
	.pot_pic {width:100%;}
	.pot_pic img {margin:0 auto;}
	.pot_desc {width:100%; padding-left:0; padding-top:30px;}
	#info_table_wrap {overflow-x : scroll;}
	table.korea_basic {min-width:720px; font-family:Noto Sans KR;}
	table.korea_basic tr th, table.korea_basic tr td {padding:7px 10px; font-size:15px;}
	p.scroll_caution {display:block;}

}



@media screen and (max-width: 767px) {
	.main_section .bannerBox {background-image:none !important; text-align:center; text-align:center;}
	.main_section .bannerBox p {text-align:center;}
	#ms01 .bannerBox h5::after {left:50%; margin-left:-17px;}
	#ms02 .bannerBox h6::after {left:50%; margin-left:-8px;}
	
	#ms02 .bannerBox a.down_btn {display:none;}
	#ms02 .bannerBox a.res-down_btn {display:block;}
	
	
	#comm_bbs {padding-top:0;}
	#comm_bbs .bbsBox {width:100%; padding:50px 15px;}
	#comm_bbs .bbsBox#cs_center {border-bottom:1px solid #ddd;}
	#comm_bbs .bbsBox#cs_center p {text-align:center;}
	#comm_bbs .bbsBox#cs_center p.big_num {text-align:center;}
	#comm_bbs .bbsBox#cs_center dl {text-align:center;}
	#comm_bbs .bbsBox#bank img {width:100%;}
	#comm_bbs .bbsBox#notice {margin-top:0;}
	
	#footer .footBox {padding-left:0;}
	#footer h1 {position:relative; left:auto; top:auto; margin-top:0; text-align:center;}
	#footer h1 img {width:190px;}
	#footer p {text-align:center;}
	ul.fnb {text-align:center; margin-top:20px;}
	ul.fnb li {float:none; display:inline-block;}
	
	
	/*============* subContents *============*/
	#subContainer {padding-top:100px;}
	
	.ori-pic {display:none;}
	.res-pic {display:block;}
	
	#sub_visual {height:300px !important;}
	#sub_visual #sub_visualTxt {padding-top:165px;}
	#sub_visual #sub_visualTxt h2 {font-size:48px;}
	#sub_visual #sub_visualTxt p {font-size:14px;}
	
	#sub_contents {padding:0 0 60px 0;}
	#sub_contents #page_subject {padding-bottom:40px;}
	#sub_contents #page_subject h3 {font-size:36px;}
	
	/*인사말*/
	.greeting_pic {width:100%;}
	.greeting_txt {padding:50px 20px;}
	
	.iframebox {margin-top:0;}
	
	/*인증현황*/
	ul#paperList {box-sizing:border-box; padding:0 10px;}
	ul#paperList li {float:left; width:50%; padding:0 5px; box-sizing:border-box; font-size:15px; line-height:22px;}
	ul#paperList li img {display:block; width:100%; padding-bottom:5px;}
	
	/*오시는길*/
	.greeting_txt.addr {padding-bottom:0;}
	
	/*제품안내*/
	ul.product_list li {width:48%;}	
	ul.product_list li:nth-of-type(3n+1) {margin-left:3.5%}
	ul.product_list li:nth-of-type(2n+1) {margin-left:0;}  
	
	.sub_innerSection#pdt_detailInfo img {width:100%;}
	
	.deatil_info_table .info_row {border-bottom:0;}
	.deatil_info_table .info_row dl {width:100%; padding-left:30%;}
	.deatil_info_table .info_row dl dt, .deatil_info_table .info_row dl dd {border-bottom:1px solid #ddd; padding-left:10px; padding-right:10px;}
	
	/*설치상세*/
	#sub_contents #page_subject.detail_page .place_pdt {width:100%;}
	#sub_contents #page_subject.detail_page .place_info {width:100%; padding-left:0;}
	#sub_contents #page_subject.detail_page a.inner_ctr.like {background-image:none; padding-left:0}
	

}

@media screen and (max-width: 640px) {
	.main_section .bannerBox {width:100%;}
	#ms01 {background-image:none;}
	#ms01 .bannerBox a {display:block; width:100%; margin-right:0; margin-top:10px;}
	#ms01 .bannerBox#pdt_intro {background-color:#7ac043;}
	#ms01 .bannerBox#review {background-color:#00bbe4;}
	
	#ms02 .bannerBox {height:auto; border:0; border-bottom:1px solid #ddd;}
	#ms02 .bannerBox a.res-down_btn {margin-top:15px;}
	
	#comm_bbs .bbsBox#cs_center {width:100%; border-bottom:1px solid #dedede; padding-right:15px; text-align:center; background:#fafafa;}
	#comm_bbs .bbsBox#cs_center p {text-align:center;}
	#comm_bbs .bbsBox#cs_center p.big_num {font-size:35px;}
	#comm_bbs .bbsBox#cs_center .btn_wrap {position:relative; top:auto; right:auto; width:100%; overflow:hidden;}
	#comm_bbs .bbsBox#cs_center a.link_btn {float:left; width:32%; margin:30px 0.6% 0 0.6%;}
	
	ul.product_list li {width:100%; margin-left:0 !important;}	
	
	.inner_snb {padding:0 15px; margin-bottom:30px;}
	.inner_snb ul li {width:33.3%; height:auto;}
	.inner_snb ul li a {padding:15px 0;}
	.inner_snb ul li a::after {display:none;}
	
	.pot_pic img {width:100%;}
}


/*
	Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
	*/
	@media
	  only screen 
    and (max-width: 760px), (min-device-width: 768px) 
    and (max-device-width: 1024px)  {

		/*table.korea_basic , table.korea_basic thead, table.korea_basic tbody, table.korea_basic th, table.korea_basic td, table.korea_basic tr {
			display: block;
		}

		table.korea_basic thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.korea_basic tr th, table.korea_basic tr td {padding:5px 10px; font-size:17px;}
		table.korea_basic tr th {font-weight:600;}
		table.korea_basic tr td {text-align:center;}

		table.korea_basic td:before {
			position: absolute;
			top: 0;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}*/

	}