@charset "utf-8";

/* Landscape tablet to portrait tablet */
@media (max-width: 1024px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}

	.none-desktop {display:block;}

	.contain {width:100%;}

	input[type=checkbox] {-webkit-border-radius:3px; -webkit-appearance:none; border:1px solid #ccc; width:17px; height:17px; background-color:#fff;}
	input[type=checkbox]:checked {background:#fff url(../images/bbs/element_check.png) no-repeat 50% 50%; background-size:10px 10px;}
	input[type=radio] {-webkit-border-radius:10px; -webkit-appearance:none; border:1px solid #ccc; width:17px; height:17px; background-color:#fff;}
	input[type=radio]:checked {background:#fff url(../images/bbs/element_radio.png) no-repeat 50% 50%; background-size:9px 9px;}
	input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:0 3px 0 0 !important; outline:0;}

	/* header */
	#menu {display:block;}
	#header {height:80px;}
	#sub #header {border-bottom:1px solid #666666;}
	.global {width:100%;}
	.global .logo {margin-right:50px;}
	.global .logo img {width:160px;}
	.global .btn-menu {display:block; position:absolute; top:23px; left:30px; color:#393536; font-size:2.8em;}
	.global .favorite,
	.gnb-wrap {display:none;}
	.top-search {left:inherit; top:20px; right:30px; width:250px}

	/* main */
	.visual-section {width:100%; min-width:100%; height:auto;}
	.visual-section .bx-wrapper img {width:100%; height:auto;}
	.visual-section .bx-wrapper .bx-pager {left:30px; bottom:33px; margin-left:0;}

	.banner-section {padding:20px 25px;}
	.banner-section ul li {width:25%; padding:0 5px; margin:0;}
	.banner-section ul li img {width:100%;}

	.product-section {padding:22px 30px;}
	.product-section .head h2 {font-size:22px;}
	.product-section .product-list ul {margin:0 -6px;}
	.product-section .product-list ul li {padding:0 6px; height:auto;}


	/* sub page */
	#sub #container {width:100%; padding:30px;}

	.sub-title {height:auto; margin:0 0 20px;}
	.sub-title h2 {margin:0; font-size:24px; line-height:1.3em;}
	.sub-title .path {top:-18px; font-size:11px;}
	#lnb {margin:0 0 30px;}
	#lnb ul li {height:40px; font-size:16px; line-height:42px;}

	.real-cont {padding:0; min-height:auto;}

	.about {display:none;}
	.about-m {display:block;}

	/* quickmenu */
	.quickmenu {display:none;}
	.m-quickmenu {display:block;}
	
	/* footer */
	#footer {padding:20px 30px 25px;}
	.foot-logo {width:21%;}
	.foot-logo img {width:80%; max-width:160px;}
	.foot-info {width:79%; font-size:12px; line-height:18px;}
	.scroll-top {display:none;}

	/* board */
	.board-cate {padding:10px;}
	.board-cate ul li {width:20%;}

	.product-list {width:100%;}
	.product-list ul {margin:0 -6px;}
	.product-list ul li {vertical-align:top; padding:0 6px;  font-size:13px; line-height:20px;}
	.product-list .price {font-size:14px;}

	.product-photos {position:relative;}
	.product-photos .photo {width:65%}
	.product-photos .info {width:35%; margin-left:0; padding:20px;}
	.product-photos .info p {margin:0 0 15px; font-size:11px; line-height:14px;}
	.product-photos .info .thumbs {margin-left:0 -1%;}
	.product-photos .info .thumbs a {width:23%; margin:1%; height:48px;}
	.product-photos .info .thumbs a img {width:100%; height:48px;}
	.product-photos .info .thumbs a.active img {width:104%;}

	.product-info .info-area {width:70%;}
	.product-info .info-area table th {padding:7px 12px; font-size:12px;}
	.product-info .info-area table td {padding:7px 12px; font-size:12px;}
	.product-info .info-area .check {font-size:12px;}
	.product-info .form-area {width:30%; padding-left:15px;}
	.product-info .form-area .head h3 small {display:block; margin:5px 0 0 0;}
	.product-info .form-area .sms-textarea {padding:10px; height:135px; font-size:13px; line-height:18px;}
	.product-info .form-area .sms-input {width:50px !important; height:26px; padding:3px; font-size:13px; line-height:18px;}
	.product-info .form-area .bnr {margin-top:30px;}
	.product-info .form-area .bnr li {margin-top:10px;}
	.product-info .form-area .bnr li img {width:100%;}

	.product-detail .body {padding:25px;}
	.product-detail .body img {max-width:100% !important; height:auto !important;}
	
	/* contents */
	#map {height:350px; margin:0 0 25px;}

}

@media (max-width: 800px) {
	.product-section .product-list ul li {width:33.3333333%;}

	.product-photos .info .thumbs a {height:36px;}
	.product-photos .info .thumbs a img {height:36px;}

	.product-info .info-area .check {width:32%;}
	.product-info .info-area .check.last {width:32%;}
	.product-info .form-area .head h3 small span.byte{display:block; margin:5px 0 0 0;}
	.product-info .form-area .form-group {text-align:left;}
	.product-info .form-area .form-group label {float:none; display:block;}


	.mailform table {font-size:12px; line-height:16px;}
	.mailform table tbody th {padding:6px 5px;}
	.mailform table tbody td {padding:6px 10px;}
	.mailform .group2 {margin-right:15px;}

	.about {display:none;}
	.about-m {display:block;}
}

/* Landscape phone */
@media (max-width: 767px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {width:100%; margin:0;}
	.about {display:none;}
	.about-m {display:block;}


	/* header  */
	#wrapper {position:relative; padding-top:90px;}
	#header {position:fixed; top:0; left:0; width:100%; height:50px; background:#fff; border-bottom:1px solid #666666; z-index:100;}
	.global {height:50px;}
	.global .logo {padding:7px 0 0 0; margin:0;}
	.global .logo img {width:auto; height:36px;}
	.global .btn-menu {top:12px; left:10px; font-size:2em;}
	.top-search {top:50px; right:0; width:100%; border-radius:0; padding-left:10px;}

	/* main */
	.visual-section .bx-wrapper .bx-pager {left:10px; bottom:10px;}
	.visual-section .bx-wrapper .bx-pager .bx-pager-item {width:14px; height:14px;}
	.visual-section .bx-wrapper .bx-pager.bx-default-pager a {width:14px; height:14px; font-size:10px; line-height:14px;}

	.banner-section {padding:5px;}
	.banner-section ul {margin: -5px;}
	.banner-section ul li {padding:5px; width: 50%;}

	.product-section {padding:15px 10px;}
	.product-section .head h2 {padding:0 0 4px; font-size:18px; line-height:22px;}
	.product-section .more {top:3px; font-size:11px;}
	.product-section .product-list {padding-top:10px;}
	.product-section .product-list ul {margin:0 -5px;}
	.product-section .product-list ul li {width:33.3333333%; padding:0 5px; margin-bottom: 10px;}
	

	/* sub */
	#sub #container {padding:20px 10px;}
	.sub-title {border-bottom:0; margin:0 0 10px;}
	.sub-title h2 {font-size:16px; margin:0;}
	.sub-title .path {display:none;}
	#lnb {margin:0 0 20px;}
	#lnb ul li {height:30px; font-size:14px; line-height:32px;}


	/* footer */
	#footer {padding:15px 10px;}
	.foot-logo {display:none;}
	.foot-info {float:none; width:100%; text-align:center; font-size:10px; line-height:14px;}
	.foot-info p {margin-bottom:8px;}

	/* board */
	.board-cate {padding:8px;}
	.board-cate ul li {width:33.3333333%; padding:3px 0 3px 5px; font-size:12px; line-height:16px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}

	.board-list {display:none;}
	.m-board-list {border-top:1px solid #efefef;}
	.m-board-list li {border-bottom:1px solid #efefef;}
	.m-board-list li a {display:block; padding:10px 5px;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:10px; line-height:1.3em;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li.none {padding:40px 0; text-align:center; font-size:12px; color:#777;}
	
	.board-write {border-top:0;}
	.board-write .group {padding-left:68px;}
	.board-write .title {left:0; width:65px;}
	.board-write #title {display:block; width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}

	.board-view .head .tit {padding:10px 5px;}
	.board-view .head .info {padding:10px 5px;}
	.board-view .head .files {padding:10px 5px 0;}
	.board-view .head .files .fileLayer {right:5px;}
	.board-view .body {padding:10px 0 20px;}

	.prev_next dl {padding:6px 0 6px 68px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0;}

	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}

	.mailform .group {display:block; padding:2px 0; margin:0;}
	.mailform .group2 {display:inline-block; width:48%; padding:2px 0; margin:0;}
	.mailform #name, .mailform #area {width:100% !important;}
	.mailform #tel1,.mailform #tel2,.mailform #tel3,
	.mailform #phone1,.mailform #phone2,.mailform #phone3 {width:60px !important;}
	.mailform #email1,.mailform #email2 {width:43% !important;}
	.mailform #email3 {display:block; width:93% !important; margin-top:5px;}
	.form-agree dt {font-size:12px;}
	.form-agree dd {font-size:11px;}
	

	
	.product-list {padding:10px 0 0 0;}
	.product-list ul {margin:0 -5px;}
	.product-list ul li {width:33.3333333%; padding:0 5px; font-size:12px; line-height:15px; letter-spacing:-.2px;}
	.product-list ul li.none {}
	.product-list .txt {padding:0 0 3px;}
	.product-list .price {font-size:12px;}
	.product-list .label {font-size:10px; line-height:15px;}

	.product-photos .photo {display:none;}
	.product-photos .info {float:none; width:100%; padding:10px;}
	.product-photos .info h3 {font-size:15px;}
	.product-photos .info h3 small {margin:0 0 0 3px; font-size:11px;}
	.product-photos .info .thumbs {display:none;}
	#carousel {padding:0 15px;}
	#carousel .flex-active-slide img {border:1px solid #f94646;}

	.product-info .head h3 {font-size:15px;}
	.product-info .head h3 small {margin:0 0 0 3px; font-size:11px;}
	.product-info .info-area {float:none; width:100%; margin-bottom:25px;}
	.product-info .info-area table th {padding:5px;}
	.product-info .info-area table td {padding:5px;}
	.product-info .info-area .check {font-size:11px;}
	.product-info .info-area .check,
	.product-info .info-area .check.last {padding:2px 2px; width:33.3333333%; letter-spacing:-.7px;}
	.product-info .form-area {float:none; width:100%; padding:0;}
	.product-info .form-area .head h3 small {display:inline; margin:0 0 0 3px;}
	.product-info .form-area .head h3 small span.byte {float:right; display:inline; margin:3px 0 0 0;}
	.product-info .form-area .form-group label {float:left; margin-right:10px;}
	.product-info .form-area .bnr {margin:20px -3px 0;}
	.product-info .form-area .bnr:after {content:" "; display:block; clear:both;} 
	.product-info .form-area .bnr li {float:left; width:50%; margin:0; padding:0 3px;}

	.product-detail .head h3 {font-size:15px;}
	.product-detail .head h3 small {margin:0 0 0 3px; font-size:11px;}
	.product-detail .body {padding:20px 0; margin:0 -10px}
	

	/* contents */
	#map {height:220px;}
	.location-info li {padding:5px 0 4px 35px; font-size:13px; line-height:16px;}
	.location-info .ico {width:25px; height:25px; background-size:25px 25px;}
	

}

/* Landscape phones and down */
@media (max-width: 480px) {
	.banner-section ul li,
	.product-section .product-list ul li,
	.product-list ul li {width:50%;}

	.about {display:none;}
	.about-m {display:block;}
	.location-info img {width:100%;}
	
}