@charset "utf-8";

@media (max-width: 1500px) {

	/* header */
	#header .util {right:15px;}
	#header .util.type2 {left:15px}
	#gnb .submenu {padding:0 15px;}

	.section1 {padding:0 15px;}
	
	.real-cont {padding:0 15px 80px;}
	
	.quick {right:10px}
	.quick .box {width:80px;}
	.quick .box .col {padding-bottom:15px;}
	.quick .box .col .wrap {padding-top:15px;}
	.quick .box .col .icon {width:100%; height:38px; margin-bottom:15px;}
	.quick .box .col .count {right:10px; width:30px; height:30px; font-size:15px;}
	.quick .box .col .tit {font-size:14px;}



}

@media (max-width: 1400px) {

	/* shop */


	.goods-summary .photo {width:500px; height:560px;  padding:25px;}
	.goods-summary .info {margin-left:500px; min-height:560px; }
	.goods-summary .info .wrap {padding:20px;}
	.goods-summary .info .shop-btn ul {margin:0 -4px;}
	.goods-summary .info .shop-btn li {padding:0 4px;}
	.goods-summary .info .shop-btn li a.btn-pack.xlarge {height:55px; font-size:17px; line-height:53px;}
	.goods-summary .info .shop-btn li .icon {height:53px}
}

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


	/* header */
	#header {background:none;}
	#header .contain {height:auto;}
	#header .sitelogo {padding-top:15px;}
	#header .sitelogo img {height:80px;}
	#header .top-bar {height:110px;}
	#header .util {top:40px}
	#header .util ul {margin:0 -10px;}
	#header .util ul li {padding:0 10px;}

	#gnb {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	#gnb ul li {font-size:15px; line-height:50px; padding:0 40px;}

	#gnb .submenu {top:50px;}
	#gnb .submenu > ul > li {font-size:15px; line-height:50px; padding:0 15px;}
	
	#gnb .submenu .pro-menu {padding:20px 0;}


	.submenu_bg {top:162px;}

	.header-search {margin:80px 0 0 -360px;}
	.header-search .box {padding-top:100px;}
	

	/* main */
	#main #container {padding-top:20px;}

	
	.main-title {font-size:25px; margin-bottom:20px;}
	.section1 .wrap {padding:30px 0 30px;}
	.section1 .product-slider {margin:0 -15px;}
	.section1 .product-slider .item {padding:0 15px;}
	.section1 .product-slider .item .box {padding:25px;} 
	.section1 .product-slider .item .thumb {margin-bottom:10px;}
	.section1 .product-slider .item .tit {font-size:15px;}
	.section1 .more {top:50px;right:20px;}


	
	/* sub page */
	

	.sub-title {margin:40px auto 30px;}
	.sub-title h2 {font-size:38px;}
	.sub-title h2 span {font-size:20px; padding-right:10px;}
	.sub-title p {font-size:20px;}

	.real-cont {min-height:250px; _height:250px; padding:0 15px 60px;}
	
	.sub-title {margin:40px auto;}
	.sub-title h2 {font-size:38px;}
	.sub-title h2 span {font-size:20px;}
	.sub-title p {font-size:20px;}

	

	/* footer */
	#main #footer {padding-top:60px;}

	.quick {right:0}
	.quick .box {width:70px; border:0; background:none;}
	.quick .box .col {padding-bottom:0; margin-bottom:10px; }
	.quick .box .col .wrap {padding-top:15px;}
	.quick .box .col .icon {margin-bottom:5px; border:1px solid #ddd; background-size:30px; width:50px; height:50px; background-color:#fff; border-radius:50%;}
	.quick .box .col .count {right:10px; width:30px; height:30px; font-size:12px;}
	.quick .box .col .tit {display:none;}

	/* shop */
	.goods-qty {margin-bottom:25px; font-size:35px;}

	.goods-list ul {margin:0 -10px;}
	.goods-list ul li {width:20%; padding:0 10px; margin-bottom:20px;}
	.goods-list ul li:nth-child(6n+1) {clear:none;}
	.goods-list ul li:nth-child(5n+1) {clear:left;}
	.goods-list ul li .box {padding:15px;} 
	.goods-list ul li .tit {font-size:16px;}

	.goods-summary {margin:0 auto 40px;}
	.goods-summary .photo {width:45%; height:500px; padding:20px;}
	.goods-summary .info {margin-left:0; float:left; width:55%; min-height:500px;}
	.goods-summary .info .wrap {padding:15px 20px;}
	.goods-summary .info .table table tbody th {width:120px; height:40px; padding-bottom:10px;font-size:18px; line-height:40px;}
	.goods-summary .info .table table tbody td {font-size:17px; line-height:40px; padding-bottom:10px;}
	.goods-summary .info .table .select {height:40px; font-size:16px; line-height:38px;}
	.goods-summary .info .table .textarea {height:120px;}
	.goods-summary .info .shop-btn ul {margin:0 -2px;}
	.goods-summary .info .shop-btn li {width:50%; padding:0 2px; margin-bottom:4px;}
	.goods-summary .info .shop-btn li:nth-child(2n+1) {clear:left;}
	.goods-summary .info .shop-btn li a.btn-pack.xlarge {height:50px; font-size:15px; line-height:48px;}
	.goods-summary .info .shop-btn li .icon {height:48px;}

	.goods-summary .btn-pack.btn-pop {height:40px; font-size:15px; line-height:38px;}
	

	

	/* 수량 */
	.qty-wrap button {width:35px; height:40px;}
	.qty-wrap input {width:80px; height:40px; }
	
	.goods-detail-wrap {padding:20px 10px; border-left:0; border-right:0;}
	#viewDetail,#viewRelated,#viewReview,#viewQna {margin:0 0 35px;}
	.goods-view-tab {margin-bottom:20px;}
	.goods-view-tab ul li {width:20%; height:40px; margin-left:0;}
	.goods-view-tab ul li a {font-size:14px; line-height:38px; border-left:0;}
	.goods-view-tab ul li:first-child a {border-left:1px solid #d8dfe5;}
	.goods-detail-table th {width:30%; padding:9px; font-size:12px; font-weight:normal; line-height:15px;}
	.goods-detail-table td{padding:9px; font-size:12px; line-height:15px;}
	#viewGuide .goods-detail-table th{width:17%;}
	.goods-view-content img {width:auto; height:auto !important; max-width:100%;}

	.goods-sub-tit {margin-bottom:10px;}
	.goods-sub-tit .tit h4 {font-size:16px;}
	.goods-sub-tit .btn {margin-top:-3px;}
	.goods-sub-tit .btn a {width:110px;height:32px;font-size:14px;line-height:30px;}

	.goods-related ul {display:table; table-layout:fixed; width:100%; margin-bottom:30px;}
	.goods-related ul li {float:none; display:inline-block; width:25%; margin:0 0 15px; padding:0 5px; font-size:14px; line-height:18px; vertical-align:top;}
	.goods-related ul li .thumb {margin:0 0 8px;}
	.goods-related ul li .thumb img {width:100%; height:auto;}
	.goods-related ul li .tit {margin:0 0 7px;}

	.order-info-title h3 {font-size:16px;}
	.order-info-table #order_phone1,.order-info-table #order_phone2,.order-info-table #order_phone3,.order-info-table #order_mobile1,.order-info-table #order_mobile2,.order-info-table #order_mobile3,
	.order-info-table #ship_phone1,.order-info-table #ship_phone2,.order-info-table #ship_phone3,.order-info-table #ship_mobile1,.order-info-table #ship_mobile2,.order-info-table #ship_mobile3{width:30%;}

	
	
	/* 주문확인페이지 */
	.view-order-title {font-size:18px;}
	.view-order-list {padding:25px; margin:0 auto 30px;}
	.view-order-list .photo {width:300px;}
	.view-order-list .info {margin-left:320px;}
	.view-order-list .info .table table tbody th {width:200px; height:45px; padding-bottom:15px;font-size:18px; line-height:45px;}
	.view-order-list .info .table table tbody td {font-size:18px; line-height:45px;}

	.view-order-table table tbody th {padding:7px 5px; height:45px; width:250px; font-size:18px;}
	.view-order-table table tbody td {padding:7px 10px; font-size:17px;}

	.input {height:45px; *height:43px; font-size:17px; line-height:43px;}
	.select {height:45px; font-size:17px;}

	/* board */
	.gallery-list .wrap {margin:0 -5px;}
	.gallery-list ul {width:100%; margin:0;}
	.gallery-list ul li {padding:0 5px;}

	.review-list ul {width:100%; margin:0;}
	.review-list ul li {padding:0 5px;}

	.event-list ul li {padding:15px 0;}
	.event-list .info {padding:0 0 0 15px;}
	.event-list .info .date {font-size:11px;}
	.event-list .info .title {font-size:18px;}
	.event-list .info .description {font-size:12px; line-height:16px;}

	.btn-pack.submit {height:50px; line-height:48px}
	.btn-pack.cancel {height:50px; line-height:48px}

	.remark-wrap .btn-pack.medium {width:120px; height:45px; line-height:43px;}

	/* member */
	.login-wrap {margin:0 -5px; padding:30px 10px;}
	.login-wrap .column {padding:0 5px;}
	.login-wrap .box {padding:20px 20px; height:176px;}
	.login-wrap .box h3 {margin:0 0 25px; font-size:16px; color:#000;}
	.login-wrap .form {position:relative; padding:0 80px 0 0;}
	.login-wrap .form .group {padding:0 0 12px 60px; overflow:hidden;}
	.login-wrap .form .group label {float:left; margin-left:-60px; width:60px;}
	.login-wrap .form .group .input {width:100% !important;}
	.login-wrap .form .btn-pack.login {width:72px; height:67px;}
	.login-wrap .not-member {margin-top:20px;}
	.login-wrap .not-member li {margin:5px 0 0 0px; line-height:30px;}
	.login-wrap .not-member li .btn-pack {width:120px; height:30px; font-size:12px; line-height:28px;}
	.login-wrap #mobile1, .login-wrap #mobile2, .login-wrap #mobile3 {width:28.5% !important;}

	.join-area .top {margin-top:0;}
	.join-area .form table th {padding:9px 10px}
	.join-area .form table td {padding:9px 10px}

	.find-account-wrap {margin:0 -5px; padding:30px 10px;}
	.find-account-wrap .column {padding:0 5px;}
	.find-account-wrap .column > p {font-size:12px; margin:0 0 10px 5px;}
	.find-account-wrap .box {padding:20px 20px; height:246px; border:1px solid #d6d6d6;}
	.find-account-wrap .box h3 {margin:0 0 25px; font-size:16px; color:#000;}
	.find-account-wrap .form {position:relative;}
	.find-account-wrap .form .group {padding:0 0 12px 60px; overflow:hidden;}
	.find-account-wrap .form .group label {float:left; margin-left:-60px; width:60px;}
	.find-account-wrap .form .group .input {width:100% !important;}
	.find-account-wrap .form .select {padding-left:2px;}
	.find-account-wrap .form .btn-pack {margin-left:0; width:100%; display:block; padding:10px 0; font-size:14px; font-weight:700;}

	.mypage-mylink ul li {position:relative; display:table; width:13.2857142%; margin:0 .5%; background-size:100% auto;}
	.mypage-mylink ul li .cell,
	.mypage-mylink ul li a {display:table-cell; width:100%; height:100%; vertical-align:middle;}
	.mypage-mylink ul li .tit {padding:0 0 20%;}

	/* 회원정보 */
	.join-area h3 {font-size:18px;}
	.join-area .form {margin:5px 0 40px;}
	.join-area .form table th {padding:9px 10px; height:50px; font-size:18px;}
	.join-area .col {width:440px; margin-right:15px;}
	.join-area .bus-ul ul {margin:0 -10px;}
	.join-area .bus-ul ul li {padding:3px 10px; font-size:15px;}
	.join-area .bus-ul ul li:nth-child(4n+1) {clear:both;}
	.join-area .bus-ul ul li:nth-child(1),
	.join-area .bus-ul ul li:nth-child(5),
	.join-area .bus-ul ul li:nth-child(9) {width:16%}
	.join-area .bus-ul ul li:nth-child(2),
	.join-area .bus-ul ul li:nth-child(6),
	.join-area .bus-ul ul li:nth-child(10) {width:34%}
	.join-area .ul ul {margin:0 -10px;}
	.join-area .ul ul li {padding:0 10px; font-size:15px;}
	.join-area-txt {font-size:16px; margin-bottom:30px;}
	.join-area-txt .check {padding-left:15px; font-size:15px;}


	/* board */
	/* 검색 */
	.board-search .page {font-size:30px;}
	.board-search .search {margin-top:0;}

	/* contents */
	.map-jido {height:400px; margin-bottom:40px;}

	.show-title {margin-bottom:30px;}
	.show-title .title {font-size:28px;}
	.show-title p {font-size:16px;}

	.show-photo {margin-bottom:10px;}
	.show-photo ul {margin:0 -15px;}
	.show-photo ul li {padding:0 15px; margin-bottom:30px;}

	.show-addr dl {float:none; padding-left:0; margin-bottom:10px;}
	.show-addr dl.first {width:100%}
	.show-addr dl dt {font-size:18px; margin-bottom:5px;}
	.show-addr dl dd {font-size:15px}

	.about-cnt ul li {height:450px;}
	.about-cnt ul li .thumb {height:450px;}
	.about-cnt ul li .cont {padding:0 60px;}
	.about-cnt ul li .tit {font-size:28px; margin-bottom:20px;}
	.about-cnt ul li p {font-size:17px; margin-bottom:10px;}





}

@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}

	#wrapper {padding-top:80px;}
	
	#header {position:fixed; top:0; left:0; width:100%; height:80px; background:#fff; box-shadow:2px 2px 2px 2px rgba(0,0,0,.1); z-index:100}
	#header .sitelogo {padding-top:13px;}
	#header .sitelogo img {height:55px;}
	#header .top-bar {height:auto;}

	#header .util {display:none;}
	#header .m-util {display:block; position:absolute; top:25px; right:15px; overflow:hidden;}
	#header .m-util ul li {float:left; height:24px}
	#header .m-util ul li a {display:block;}
	#header .m-util ul li .tit {font-size:0}
	#header .m-util ul li a .icon {display:inline-block; vertical-align:top; margin-right:5px; width:24px; height:24px; background-repeat:no-repeat; background-position:50% 50%;}
	#header .m-util ul li a .icon.cart {background-image:url('../images/common/icon_cart.png')}
	#header .m-util ul li a .icon.search {background-image:url('../images/common/bt_search.png')}
	#header .m-util ul li a .count {font-size:14px; line-height:24px;}

	#gnb {display:none;}

	.nav {display:block;}

	#main #container {padding-top:0;}
	
	.visual-section .slick-prev {left:30px;}
	.visual-section .slick-next {right:30px;}

	.main-title {font-size:22px; margin-bottom:15px;}
	.section1 .wrap {padding:25px 0 25px;}
	.section1 .product-slider {margin:0 -7px;}
	.section1 .product-slider .item {padding:0 7px;}
	.section1 .product-slider .item .box {padding:20px;} 
	.section1 .more {top:30px;right:20px;}
	.section1 .slick-arrow {width:30px; background-size:25px;}


	.sub-title {margin:30px auto;}
	.sub-title h2 {font-size:32px;}
	.sub-title h2 span {font-size:18px;}
	.sub-title p {font-size:18px;}

	.real-cont {min-height:220px; _height:220px; padding:0 15px 50px;}


	
	.lnb {display:none;}
	.m-lnb {display:block; margin-bottom:20px;}
	.m-lnb .swiper-wrapper > .swiper-slide:first-child {border-left:1px solid #727171;}
	.m-lnb .swiper-wrapper .swiper-slide {float:left; display:table; height:50px; border:1px solid #727171; border-left:0}
	.m-lnb .swiper-wrapper .swiper-slide a {display:table-cell;  width:100%; height:100%; text-align:center; vertical-align:middle; color:#505050; font-size:14px; font-weight:600; line-height:16px;}
	.m-lnb .swiper-wrapper .swiper-slide a .new {color:#ff0101; font-weight:500; line-height:1.2em; font-size:14px;margin-left:15px;}
	.m-lnb .swiper-wrapper .swiper-slide.active a {color:#fff; background:#727171}
	.m-lnb .swiper-button-prev {top:0; left:10px; margin:0; width:15px; height:50px; background:url('../images/common/slide_bt_prev.png') 50% 50% no-repeat; background-size:15px;}
	.m-lnb .swiper-button-next {top:0; right:10px; margin:0; width:15px; height:50px; background:url('../images/common/slide_bt_next.png') 50% 50% no-repeat; background-size:15px;}
	.m-lnb .swiper-button-disabled {display:none;}

	#lnbMenu {display:none;}
	.m-lnbMenu {display:block; position:relative; border-bottom:1px solid #dfdfdf; margin-bottom:20px;}
	.m-lnbMenu .swiper-wrapper .swiper-slide {float:left; position:relative;  display:table; padding:0 15px; height:40px;}
	.m-lnbMenu .swiper-wrapper .swiper-slide a {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:#505050; font-size:14px; font-weight:400; line-height:16px;}
	.m-lnbMenu .swiper-wrapper .swiper-slide a:after {
			content:" ";
			position:absolute;
			bottom:-1px;
			left:50%;
			width:0;
			height:3px;
			background:#727171;
			-webkit-transition: all 0.2s ease-in-out;
			   -moz-transition: all 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out;
				 -o-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
		}
	.m-lnbMenu .swiper-wrapper .swiper-slide.active a {color:#727171; font-weight:600;}
	.m-lnbMenu .swiper-wrapper .swiper-slide.active a:after {
		width:40px;
		margin-left:-20px;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			 -o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
	}
	.m-lnbMenu .swiper-button-prev2 {position:absolute; top:0; left:10px; margin:0; width:12px; height:40px; background:url('../images/common/slide_bt_prev.png') 50% 50% no-repeat; background-size:12px; z-index:10;}
	.m-lnbMenu .swiper-button-next2 {position:absolute; top:0; right:10px; margin:0; width:12px; height:40px; background:url('../images/common/slide_bt_next.png') 50% 50% no-repeat; background-size:12px;z-index:10;}
	.m-lnbMenu .swiper-button-disabled {display:none;}
	

	.m-shopmenu {display:block; position:relative; margin-bottom:30px;}
	.m-shopmenu .swiper-wrapper .swiper-slide {float:left; padding:0 10px; text-align:center;}
	.m-shopmenu .swiper-wrapper .swiper-slide a {display:block; font-size:15px; line-height:40px; font-weight:600; color:#727272;}
	.m-shopmenu .swiper-wrapper .swiper-slide.on a {text-decoration:underline;}
	.m-shopmenu .swiper-button-prev3 {position:absolute; top:0; left:10px; margin:0; width:12px; height:40px; background:url('../images/common/slide_bt_prev.png') 50% 50% no-repeat; background-size:12px; z-index:10;}
	.m-shopmenu .swiper-button-next3 {position:absolute; top:0; right:10px; margin:0; width:12px; height:40px; background:url('../images/common/slide_bt_next.png') 50% 50% no-repeat; background-size:12px;z-index:10;}
	.m-shopmenu .swiper-button-disabled {display:none;}
	
	.lnb-menu {display:none;}
	.m-lnb-menu {display:block; margin:0 -2px 20px;}
	.m-lnb-menu .swiper-wrapper .swiper-slide {float:left;  padding:0 2px; text-align:center;}
	.m-lnb-menu .swiper-wrapper .swiper-slide a {display:block; background:#ddd; font-size:15px; line-height:45px; font-weight:500; color:#454545;}
	.m-lnb-menu .swiper-wrapper .swiper-slide.active a {background:#d2b17a; color:#fff;}


	#main #footer {padding-top:50px;}
	#footer {padding-bottom:30px;}
	#footer .bar {padding:0 10px;}
	.foot-menu {margin-bottom:30px;}
	.foot-menu ul {margin:0 -20px;}
	.foot-menu ul li {padding:0 20px;}
	.foot-menu ul li a .icon {height:60px;}
	.foot-menu ul li a .tit {line-height:60px}
	.foot-info {margin-bottom:15px;} 


	/* shop */
	.goods-qty {margin-bottom:20px; font-size:28px;}
	
	.goods-list ul {margin:0 -7px;}
	.goods-list ul li {width:33.333%; padding:0 7px; margin-bottom:14px;}
	.goods-list ul li:nth-child(5n+1) {clear:none;}
	.goods-list ul li:nth-child(3n+1) {clear:left;}
	.goods-list ul li .box {padding:15px; height:auto} 
	.goods-list ul li .tit {font-size:15px;}
	.goods-list ul li .btn {padding-top:15px;}
	.goods-list ul li .btn a {display:inline-block; margin:0 1px;}
	.goods-list ul li .btn a.btn-pack.medium  {font-size:13px; line-height:30px; height:32px; padding:0 5px;}

	.goods-summary {margin:0 auto 30px;}
	.goods-summary .photo {float:none; width:100%; height:auto; padding:15px;}
	.goods-summary .info {margin-left:0; float:none; width:100%; height:auto;}
	.goods-summary .info .wrap {padding:20px; max-width:100%;}
	.goods-summary .info .table {margin-bottom:0;}
	.goods-summary .info .table table tbody th {width:120px; padding-bottom:10px;}
	.goods-summary .info .table table tbody td {padding-bottom:10px;}
	.goods-summary .info .shop-btn li {width:25%;}
	.goods-summary .info .shop-btn li:nth-child(2n+1){clear:none;}
	.goods-summary .info .shop-btn li:nth-child(4n+1){clear:left;}
	.goods-summary .info .shop-btn li a.btn-pack.xlarge {height:45px; font-size:15px; line-height:43px;}
	.goods-summary .info .shop-btn li .icon {height:43px;}

	
	.goods-thumb {display:none}
	.mobile-goods-thumb {display:block}

	/* 상품상세 하단 */
	.goods-detail-wrap {padding:30px 40px; *padding:29px 39px;}
	#viewDetail,#viewGodds,#viewReview,#viewQna {margin-bottom:40px;}
	.viewdetail-cont {margin-bottom:40px; font-size:16px;}
	.viewdetail-cont .title {font-size:16px; margin-bottom:20px;}
	.viewdetail-cont .table {margin-bottom:40px;}
	.viewdetail-cont .table table tbody th {height:40px; width:150px;}
	.viewdetail-image {margin-bottom:40px;}

	.view-scroll-top img {height:60px;}

	.shop-table table thead th {padding:5px 3px;font-size:15px;}
	.shop-table table tbody th {padding:5px 3px; font-size:15px;}
	.shop-table table tbody td {padding:5px 3px; font-size:15px;}
	.shop-table table tbody td .prod-info {padding:0 0 0 70px;}
	.shop-table table tbody td .prod-info .img {margin-left:-70px;}
	.shop-table table tbody td .tit {font-size:14px;}

	.qty-wrap2 button {width:25px;}
	.qty-wrap2 input {width:40px;}

	/* 주문확인페이지 */
	.view-order-title {font-size:17px;}
	.view-order-list {padding:20px; margin:0 auto 25px;}
	.view-order-list .photo {width:250px;}
	.view-order-list .info {margin-left:280px;}
	.view-order-list .info .table table tbody th {width:180px; height:40px; padding-bottom:10px;font-size:16px; line-height:40px;}
	.view-order-list .info .table table tbody td {font-size:16px; line-height:40px; padding-bottom:10px}

	.view-order-table table tbody th {padding:7px 5px; height:45px; width:200px; font-size:18px;}
	.view-order-table table tbody td {padding:7px 10px; font-size:17px;}

	.input {height:40px; *height:38px; font-size:16px; line-height:38px;}
	.select {height:40px; font-size:16px;}



	/* member */
	.login-area {padding:30px 20px;}
	.login-area .login-box {max-width:100%;}
	.login-area .login-box .form .group {padding:0 0 0 120px; margin-bottom:15px;}
	.login-area .login-box .form .group label {font-size:18px; line-height:40px;}
	.login-area .login-box .form .input {height:40px; line-height:38px;}
	.login-area .login-box .form .select {height:40px;  line-height:38px;}
	.login-area .login-box .form .btn {padding-left:120px;}
	.login-area .login-box .form .btn ul {margin:0 -4px;}
	.login-area .login-box .form .btn ul li {padding:0 4px;}
	.login-area .login-box .form .btn ul li .btn-pack {height:45px; font-size:16px; line-height:43px;}
	.login-area .not-member {margin-top:20px; padding-left:120px; font-size:16px;}
	.login-area .not-member a {margin-left:25px;}
	.login-area .form-close {right:5px;}

	/* 아이디/비밀번호 찾기 */
	.find-wrap {padding:30px 20px;}
	.find-account {max-width:100%;}
	.find-account .form .group {padding:0 0 0 150px; margin-bottom:15px;}
	.find-account .form .group label {font-size:18px; line-height:40px;}
	.find-account .form .input {height:40px; line-height:38px;}
	.find-account .form .select {height:40px; line-height:38px;}
	.find-account .form .btn-pack {height:45px; font-size:16px; line-height:43px;}

	/* 회원정보 */
	.join-area h3 {font-size:16px;}
	.join-area .form {margin:5px 0 20px;}
	.join-area .form table th {padding:5px 10px; height:45px; font-size:16px;}
	.join-area .col {width:440px; margin-right:0;}
	.join-area .bus-ul ul {margin:0 -5px;}
	.join-area .bus-ul ul li {padding:3px 5px; width:50%; font-size:14px;}
	.join-area .bus-ul ul li:nth-child(4n+1) {clear:left;}
	.join-area .bus-ul ul li:nth-child(2n+1) {clear:both;}
	.join-area .bus-ul ul li:nth-child(1),
	.join-area .bus-ul ul li:nth-child(5),
	.join-area .bus-ul ul li:nth-child(9) {width:50%}
	.join-area .bus-ul ul li:nth-child(2),
	.join-area .bus-ul ul li:nth-child(6),
	.join-area .bus-ul ul li:nth-child(10) {width:50%}
	.join-area .ul ul {margin:0 -10px;}
	.join-area .ul ul li {padding:0 10px; width:50%; font-size:15px;}
	.join-area-txt {font-size:15px; margin-bottom:20px;}
	.join-area-txt .check {padding-left:15px; font-size:15px;}


	/* board */
	/* 검색 */
	.board-search .page {font-size:25px;}
	.board-search .input {height:40px; line-height:38px; padding-left:10px;}
	.board-search button {height:40px;}



	.board-list ul li {padding:15px 80px 15px 20px;}
	.board-list ul li .tit {font-size:16px; line-height:22px;}
	.board-list ul li .bar {padding:0 7px;}
	.board-list ul li .icon-new {padding-left:10px;}
	.board-list .more {margin-top:-15px; right:20px; width:30px; height:30px;}
	.board-list .ans {right:80px;}
	.board-list.type2 .order-hit {left:20px; line-height:20px; margin-top:-10px;}
	.board-list.type2 ul li .wrap {padding-left:180px;}


	/* doc */
	.map-jido {height:300px; margin-bottom:30px;}

	.show-title {margin-bottom:25px;}
	.show-title .title {font-size:20px;}
	.show-title p {font-size:15px;}

	.show-photo {margin-bottom:10px;}
	.show-photo ul {margin:0 -10px;}
	.show-photo ul li {padding:0 10px; margin-bottom:20px;}


	.show-addr dl dt {font-size:16px;}

	.about-cnt ul li {float:none; width:100%; height:auto; display:block;}
	.about-cnt ul li.type2 {float:none;}
	.about-cnt ul li .thumb {height:0; padding-bottom:71.4%;}
	.about-cnt ul li .cont {padding:30px;}
	.about-cnt ul li .tit {font-size:24px; margin-bottom:15px;}
	.about-cnt ul li p {font-size:16px; margin-bottom:10px;}

	#items_remark {width:calc(100% - 130px) !important;}
	.remark-wrap .btn-pack.medium {height:40px; line-height:38px;}


	
}

/* Landscape phone */
@media (max-width: 767px) {
	

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}

	.container {width:100%; margin:0;}


	/* header  */

	.header-search {width:100%; left:0; height:auto; margin:20px 0 0 0; padding:0 30px; z-index:999;}
	.header-search .box {padding-top:30px;}
	.header-search .search-wrap {text-align:center;}
	.header-search .search-wrap .title {font-size:20px; margin-bottom:20px; background-size:80px; padding-top:60px;}
	.header-search .search-wrap .input-wrap .input {height:50px; font-size:18px; line-height:48px; border-width:2px; padding:0 50px 0 15px;}
	.header-search .search-wrap .btn {right:15px; width:20px; background-size:20px;}
	.header-search .search-close {width:20px; height:20px; background-size:20px;}
	

	/* main */

	.visual-section .item .img {padding-bottom:130.6%;}
	.visual-section .slick-prev {left:20px; margin-top:-20px; width:40px; height:40px;  background-size:10px}
	.visual-section .slick-next {right:20px;margin-top:-20px; width:40px; height:40px;  background-size:10px}

	.main-title {font-size:20px;}
	.section1 .wrap {padding:20px 0 20px;}
	.section1 .product-slider {margin:0 -5px;}
	.section1 .product-slider .item {padding:0 5px; margin-bottom:10px;}
	.section1 .product-slider .item .box {padding:20px;} 
	.section1 .more {top:25px;}
		
	
	#main #footer {padding-top:40px;}
	#footer {padding-bottom:20px;}
	#footer .bar {padding:0 7px;}
	.foot-menu {margin-bottom:30px;}
	.foot-menu ul {margin:0 -15px;}
	.foot-menu ul li {padding:0 15px;}
	.foot-menu ul li:after {height:16px; margin-top:-8px}
	.foot-menu ul li a .icon {height:50px;}
	.foot-menu ul li a .tit {line-height:50px}
	.foot-info {margin-bottom:10px;} 
	

	/* sub */
	#contArea {overflow:hidden;}

	
	.sub-title {margin:20px auto;}
	.sub-title h2 {font-size:25px;}
	.sub-title h2 span {font-size:16px;}
	.sub-title p {font-size:15px;}

	.real-cont {min-height:150px; _height:150px; padding:0 15px 30px;}

	
	body,input,textarea,select,button,table{font-size:15px;}
	

	/* shop */
	.goods-qty {margin-bottom:20px; font-size:18px;}
	
	.shop-table {display:none;}
	.order-table {display:block;}
	.order-list {display:block;}

	.goods-list ul {margin:0 -5px;}
	.goods-list ul li {width:50%; padding:0 5px; margin-bottom:10px;}
	.goods-list ul li:nth-child(3n+1) {clear:none;}
	.goods-list ul li:nth-child(2n+1) {clear:left;}
	.goods-list ul li .box {padding:10px; height:230px;} 
	.goods-list ul li .btn a {display:block; margin:0 0 5px;}
	.goods-list ul li .btn a.btn-pack.medium  {display:block; font-size:13px; height:30px; line-height:28px;}

	.goods-summary {margin:0 auto 25px;}
	.goods-summary .photo {padding:10px;}
	.goods-summary .info .wrap {padding:15px;}
	.goods-summary .info .table table tbody th {width:80px; padding-bottom:10px; font-size:14px;}
	.goods-summary .info .table table tbody td {padding-bottom:10px;}
	.goods-summary .info .table .select {height:35px; font-size:15px; line-height:33px;}
	.goods-summary .info .table .textarea {height:100px;}
	.goods-summary .info .shop-btn li {width:50%;}
	.goods-summary .info .shop-btn li:nth-child(4n+1){clear:none;}
	.goods-summary .info .shop-btn li:nth-child(2n+1){clear:left;}
	.goods-summary .info .shop-btn li a.btn-pack.xlarge {height:40px; font-size:15px; line-height:38px;}
	.goods-summary .info .shop-btn li .icon {height:38px;}

	.zoomWindowContainer {width:100% !important}
	.zoomWindowContainer .zoomLens {width:100% !important}

	
	/* 상품상세 하단 */
	.goods-detail-wrap {padding:25px 20px; *padding:24px 19px;}
	#viewDetail,#viewGodds,#viewReview,#viewQna {margin-bottom:30px;}
	.viewdetail-cont {margin-bottom:30px; font-size:15px;}
	.viewdetail-cont .title {font-size:15px; margin-bottom:15px;}
	.viewdetail-cont .table {margin-bottom:30px; width:100%; overflow:auto;}
	.viewdetail-cont .table table {width:1000px;}
	.viewdetail-cont .table table tbody th {height:35px; width:140px;}
	.viewdetail-image {margin-bottom:40px;}

	.view-scroll-top img {height:40px;}

	.qty-wrap button {width:30px; height:35px;}
	.qty-wrap input {width:50px; height:35px}

	#viewDetail,#viewGodds,#viewReview,#viewQna {margin-bottom:30px;}
	.goods-view-tab {margin-bottom:30px;}
	.goods-view-tab ul li {width:30%;}
	.goods-view-tab ul li a {font-size:14px; padding-bottom:10px; letter-spacing:-1px;}
	.goods-view-tab ul li:nth-child(3) {width:40%;}

	.goods-detail-table {margin:0 0 20px 0;}
	.goods-detail-table th {padding:5px 10px;}
	.goods-detail-table td {padding:5px 10px;}
	.goods-detail-table .ul-txt li {font-size:14px;}

	.order-info {padding:0 0 15px 0;}

	/* 전체금액 */
	.total-price {padding:15px 15px;}
	.total-price strong {font-size:16px;}
	.total-price .cell {margin:0 10px;}

	/* 주문정보 테이블 */
	.order-info-wrap {margin:0 0 25px;}
	.order-info-title h3 {font-size:15px;}
	.order-info-table tbody th {width:25%;padding:6px 7px; font-size:14px;}
	.order-info-table tbody td {font-size:14px; padding:6px 6px 6px 7px;}
	.order-info-table#tblPayInfo .select {width:100%}
	.guest-private-agree .scroll-box {height:110px;}


	/* 주문확인페이지 */
	.view-order-title {font-size:16px;}
	.view-order-list {margin:0 auto 20px;}
	.view-order-list .photo {float:none; width:100%; margin-bottom:10px;}
	.view-order-list .info {margin-left:0;}
	.view-order-table .input {width:100% !important}

	
	/* board */
	/* 검색 */
	.board-search .page {float:none; font-size:18px; text-align:left;}
	.board-search .search {float:none; width:100%;}
	.board-search .input {height:35px; line-height:33px; padding-left:10px;}
	.board-search button {height:35px; background-size:14px; width:14px;}

	.board-list ul li {padding:10px 50px 10px 15px;}
	.board-list ul li .wrap {padding-left:65px;}
	.board-list ul li .wrap .photo {width:50px; margin-left:-65px; }
	.board-list ul li .info {height:auto; display:block; margin-left:0;}
	.board-list ul li .tit {font-size:15px; display:block;}
	.board-list ul li .label {margin-bottom:0;}
	.board-list ul li .bar {padding:0 5px;}
	.board-list ul li .icon-new {padding-left:5px;}
	.board-list .more {margin-top:-13px; right:15px; width:26px; height:26px;}
	.board-list .hit {margin-bottom:0;}
	.board-list .ans {position:relative; top:0; right:0; margin-top:0;}
	.board-list.type2 .order-hit {position:relative; top:0; left:0; margin-top:0;}
	.board-list.type2 ul li .wrap {padding-left:65px;}
 

	.m-board-list {display:block; border-top:2px solid #242424;}
	.m-board-list li {border-bottom:1px solid #ddd; padding:10px 5px;}
	.m-board-list li a {display:block;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:15px; line-height:1.3em;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .bar {padding:0 5px;}
	.m-board-list li .point {font-weight:500; padding-right:5px; color:#454545;}
	.m-board-list li.none {padding:40px 0; text-align:center; font-size:12px; color:#777;}
	.m-board-list .qna-cnt {background:#f8f8f8;padding:0;color:#656565;}
	.m-board-list .bbs-question{position:relative;padding:10px 5px 10px 27px;text-align:left;}
	.m-board-list .bbs-question a {padding:0;}
	.m-board-list .bbs-question .txt {color:#555;}
	.m-board-list .bbs-answer{position:relative;width:100%;margin:0 auto;padding:10px 5px 10px 27px;text-align:left;border-top:1px dotted #c0c0c0;}
	.m-board-list .bbs-answer a {padding:0;}
	.m-board-list .bbs-answer .txt {color:#555;}
	.m-board-list .ico {display:inline-block;overflow:hidden;vertical-align:middle;font-size:0;line-height:200px !important;}
	.m-board-list .ico.ico-question {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_q.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .ico.ico-answer {position:absolute;top:12px;left:7px;width:13px;height:15px;background:url('../images/shop/icon_a.png') 0 0 no-repeat; background-size:13px auto;}
	.m-board-list .qna-state {display:inline-block;zoom:1;*display:inline;width:47px;height:16px;margin:-2px 6px 0 0;border:1px solid #afb5c1;background:#fff;text-align:center;letter-spacing:-1px;font-family:Dotum;font-size:11px;line-height:16px;color:#677791;;vertical-align:middle;}

	.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 #etc_3 {width:100%;}
	.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:120px; height:42px; line-height:40px; font-size:14px;}

	.paginate a,
	.paginate strong{width:30px;height:30px;margin:0 1px;padding:0;font-size:14px;line-height:30px;}  


	.faq {margin:0 auto 20px;}
	.faq li.first .tit {left:15px; font-size:18px;}
	.faq .tit {background-position:15px 50%; background-size:31px;}
	.faq .tit a {padding:15px 15px 15px 60px; font-size:16px;}
	.faq .tit .icon {right:15px;}
	.faq .info {padding:15px 15px 15px 75px;}
	.faq .cnt {padding:15px 15px 15px 75px; background-size:31px;background-position:15px 50%;}
	.faq .faq-tit {font-size:16px;}

	#items_remark {width:calc(100% - 85px) !important;}
	.remark-wrap .btn-pack.medium {width:70px; padding:0;font-size:13px; height:52px; line-height:50px;}

	.qtybtn-wrap {display:inline-block; vertical-align:top; margin-top:0;}
	.qtybtn-wrap .btn-pack.medium {width:70px; padding:0; height:30px; line-height:28px; font-size:12px; box-sizing:border-box;}

	/* member */
	

	/* 회원정보 */
	.join-area h3 {font-size:15px;}
	.join-area .form table tr {display:block;}
	.join-area .form table th {display:block; padding:10px 5px 5px; height:auto; font-size:15px; background:none; text-align:left; border:0;}
	.join-area .form table td {display:block; padding:0 5px 10px;}
	.join-area .col {width:100%; margin-right:0;}
	.join-area .bus-ul ul {margin:0;}
	.join-area .bus-ul ul li {float:none; padding:3px 0; width:100%;}
	.join-area .bus-ul ul li:nth-child(4n+1) {clear:none;}
	.join-area .bus-ul ul li:nth-child(2n+1) {clear:left;}
	.join-area .bus-ul ul li:nth-child(1),
	.join-area .bus-ul ul li:nth-child(5),
	.join-area .bus-ul ul li:nth-child(9) {width:100%}
	.join-area .bus-ul ul li:nth-child(2),
	.join-area .bus-ul ul li:nth-child(6),
	.join-area .bus-ul ul li:nth-child(10) {width:100%}
	.join-area .ul ul {margin:0;}
	.join-area .ul ul li {float:none; padding:0; width:100%; font-size:14px;}
	.join-area-txt {font-size:15px; margin-bottom:20px;}
	.join-area-txt .check {padding-left:15px; font-size:15px;}

	.agree-area {margin:15px auto}
	.agree-area .txt {margin-bottom:15px; font-size:13px;}
	.agree-area h3 {padding-left:19px; font-size:15px;}
	.agree-area h3:before {top:3px;}
	.agree-area .box {height:150px;}

	/* 아이디/비밀번호 찾기 */
	.find-wrap {padding:10px;}
	.find-account {margin-bottom:10px;}
	.find-account:last-child {margin-bottom:0;}

	/* 회원탈퇴 */
	.member-leave {padding:20px;}
	.member-leave .form {max-width:100%;}
	.member-leave fieldset .group {padding:3px 0 3px 130px;}
	.member-leave .buttons {margin:20px 0 0 0;}

	.agree .policy-list li {float:none; width:100%; padding:5px;}
	.agree .policy-list span {color:#999999; font-size:14px;}
	.agree .policy-list a {color:#666; font-size:14px;}
	.agree .contact-info li {float:none; width:100%; margin:0 0 10px 0;}

	

	/* doc */
	.map-jido {height:250px; margin-bottom:20px;}

	.show-title {margin-bottom:20px;}
	.show-title .title {font-size:18px;}
	.show-title p {font-size:14px;}

	.show-photo {margin-bottom:10px;}
	.show-photo ul {margin:0 -5px;}
	.show-photo ul li {padding:0 5px; margin-bottom:10px;}


	.show-addr dl dt {font-size:15px;}
	.show-addr dl dd {font-size:14px;}


	.about-cnt ul li .cont {padding:20px;}
	.about-cnt ul li .tit {font-size:20px; margin-bottom:10px;}
	.about-cnt ul li p {font-size:15px;}

	.quick .box {width:60px;}
	.quick .box .col .wrap {padding-top:10px;}
	.quick .box .col .icon {margin-bottom:0; background-size:20px; width:40px; height:40px;}
	.quick .box .col .count {right:10px; width:26px; height:26px; font-size:12px;}
	.quick .box .col .tit {display:none;}

}

/* Landscape phones and down */
@media (max-width: 600px) {

	#main #footer {padding-top:30px;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block;}
	#footer .br .bar {padding:0; display:none;}
	.foot-menu {margin-bottom:15px; border-bottom:0}
	.foot-menu ul {margin:0 -10px;}
	.foot-menu ul li {display:block; float:left; width:50%; text-align:center; padding:0 10px; border-bottom:1px solid #ddd;}
	.foot-menu ul li:after {height:16px; margin-top:-8px}
	.foot-menu ul li:nth-child(odd):after {display:none;}
	.foot-menu ul li a .icon {height:40px; background-size:20px;}
	.foot-menu ul li a .tit {font-size:14px; line-height:40px}
	.foot-info {margin-bottom:10px; line-height:1.6em;} 

	
	.sub-title {margin:15px auto;}
	.sub-title h2 {font-size:20px;}
	.sub-title h2 span {font-size:15px;}
	.sub-title p {font-size:14px;}

	.section1 .slick-arrow {width:20px; background-size:20px;}


	/* shop */
	.goods-summary .info {padding-bottom:0;}
	.goods-summary .info .table table tbody tr {display:block;}
	.goods-summary .info .table table tbody th {display:block; width:100%; height:auto; padding-bottom:2px;font-size:15px; line-height:1.5em;}
	.goods-summary .info .table table tbody td {display:block; font-size:15px; padding-bottom:10px;}
	.goods-summary .option-list ul li {padding:15px 0 15px 10px;}
	.goods-summary .option-list ul li .option-txt {margin-top:15px; padding-right:20px;}
	.goods-summary .option-list ul li .bt-close {right:15px;}

	/* 주문확인페이지 */
	.view-order-title {font-size:15px;}
	.view-order-list {padding:15px;}
	.view-order-list .info .table table tbody tr {display:block;}
	.view-order-list .info .table table tbody th {position:relative; display:block; width:100%; height:auto; padding:0 0 3px 15px;font-size:15px; line-height:1.4em;}
	.view-order-list .info .table table tbody th:after {content:"";position:absolute; top:10px; left:5px; width:4px; height:4px; background:#242424; border-radius:50%;}
	.view-order-list .info .table table tbody td {display:block; font-size:15px; line-height:1.6em; padding-left:15px;}
	
	.view-order-table table tbody th {display:block;}
	.view-order-table table tbody th {display:block; padding:5px 0;height:auto; width:100%; font-size:15px; border:0; background:none;text-align:left;}
	.view-order-table table tbody td {display:block; padding:0;font-size:14px; border:0; margin-bottom:10px;}

	.input {height:35px; *height:33px; font-size:14px; line-height:33px;}
	.select {height:35px; font-size:14px;}
	
	.order-cnt {margin-bottom:20px; font-size:16px; padding:20px;}

	/* menu */
	


	.header-search .search-wrap .input-wrap .input {font-size:16px;}


	/* member */
	.login-area {padding:15px;}
	.login-area .login-box .form .group {padding:0; margin-bottom:10px;}
	.login-area .login-box .form .group label {position:relative; font-size:16px; line-height:1.4em;}
	.login-area .login-box .form .input {height:35px; line-height:33px;}
	.login-area .login-box .form .select {height:35px;  line-height:33px;}
	.login-area .login-box .form .btn {padding-left:0;}
	.login-area .login-box .form .btn ul {margin:0 -2px;}
	.login-area .login-box .form .btn ul li {padding:0 2px;}
	.login-area .login-box .form .btn ul li .btn-pack {height:40px; font-size:15px; line-height:38px;}
	.login-area .not-member {margin-top:10px; padding-left:0; font-size:14px;}
	.login-area .not-member a {margin-left:5px;}
	.login-area .form-close {top:12px;right:5px;}

	/* 아이디/비밀번호 찾기 */
	.find-wrap {padding:15px;}
	.find-account {max-width:100%;}
	.find-account .form .group {padding:0; margin-bottom:10px;}
	.find-account .form .group label {position:relative; font-size:16px; line-height:1.4em;}
	.find-account .form .input {height:35px; line-height:33px;}
	.find-account .form .select {height:35px;  line-height:33px;}
	.find-account .form .btn-pack {height:40px; font-size:15px; line-height:38px;}

	.board-search .page {font-size:16px;}

	/* 회원탈퇴 */
	.member-leave {padding:15px;}
	.member-leave fieldset .group {padding:3px 0 3px 0; text-align:left}
	.member-leave fieldset .group label {position:relative;}
	.member-leave .buttons {margin:15px 0 0 0;}
	
	.goods-summary .btn-pack.btn-pop {position:relative; width:100%; margin-top:10px;height:35px; font-size:14px; line-height:33px;}
	

}