@charset "utf-8";

@media (max-width: 1600px){
	.wing {display:none;}
}

@media (max-width: 1280px){
	/* header */
	.middle-wrap .inner {height:90px;}
	.sitelogo img {height:47px}
	.top-search {left:320px; right:290px;}
	.top-search form {padding-right:43px;}
	.top-search .form-input {height:43px; padding:9px 12px;}
	.top-search .form-btn {width:45px; height:43px;}
	.top-bnr {width:260px}

	.gnb>ul>li {font-size:15px; line-height:45px;}
	.gnb .submenu {font-size:14px; line-height:20px;}
	.gnb .submenu ul li a {padding:5px 4px;}

	/* main */
	.main-home {min-width:auto; height:398px;}
	.main-home .slider {margin-left:-850px; width:1700px;}
	.main-home .slider-nav {top:auto; bottom:15px; right:50px; margin-right:0; width:200px;}
}


/* landscape tablet and desktop */
@media (max-width: 1024px){
	body, input, textarea, select, button, table {font-size:14px;}
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}

	/* header */

	/* main */
	.main-best .head h2 {font-size:24px;}
	.main-best .head p {font-size:12px;}
	.main-best .head .Righteous {font-size:14px}

	.main-category .head h2 {font-size:24px;}

	.main-hot .head {margin-bottom:20px;}
	.main-hot .head h2 {font-size:28px;}
	.main-hot .sec-head h3 {font-size:20px;}
	.main-hot .sec-head ul li {font-size:12px; line-height:18px;}
	.cate-nav {display:none;}

	
	/* sub */
	.sub-title {margin-bottom:35px;}
	.sub-title h2 {font-size:25px;}

	.real-cont {padding-bottom:60px;}
	.real-cont .board-search {margin-top:0;}

	.lnb {margin-bottom:45px;}
	.lnb ul li {width:160px; height:40px;}
	.lnb ul li a {font-size:15px; line-height:38px;}
	

	/* footer */
	.bottom-custom .bank .txt br {display:none;}
	.f-info .contact dl {width:50%; margin-bottom:30px;}
	.f-info .contact dl:nth-child(2n+1) {clear:left;}

	/* content */	
	.about {padding-left:0;background-size:45% auto;}
	.about h3 {font-size:22px;}

	.greeings h3 {font-size:22px;}

	.location {padding:25px 0;}
	.location .cnt {width:280px}

	/* mypage */
	.mypage-header {margin-bottom:30px;}

	.dashboard {width:300px; padding:2px 0 0 17px}
	.dashboard .today {font-size:13px; line-height:33px; margin-bottom:12px;}
	.dashboard ul li {font-size:13px; line-height:22px;}

	.my-nav {width:calc(100% - 300px); padding-right:13px;}
	.my-nav ul li {padding:0 4px;}
	.my-nav ul li a {font-size:13px;}
	.my-nav ul li .ico i:after {margin:-14px 0 0 -14px;width:28px;height:28px;background-size:28px 56px;}
	.my-nav ul li a:hover .ico i:after, .my-nav ul li.active a .ico i:after {background-position:0 -26px;}
	
	

	/* shop */
	.item-box .tit {padding:9px 0; font-size:12px;}
	.item-box .price {font-size:14px;}

	.goods-category .cate-icon {width:120px;}
	.goods-category .cate-icon img {max-width:60%}
	.goods-category .cate-list {padding:15px 25px;}
	.goods-category .cate-list h3 {font-size:22px;}
	.goods-category .cate-list .lst {font-size:13px;}
	.goods-category .cate-list ul {margin-right:-20px;}
	.goods-category .cate-list ul li {padding-right:20px;}

	.goods-sort {font-size:13px;}

	.goods-summary .photo {width:45%}
	.goods-summary .photo .zoom {font-size:12px;}
	.goods-summary .info {width:55%}
	.goods-summary .info .title {font-size:22px;}
	.goods-summary .info .table > table > tbody > tr > th {height:30px; padding:2px 0; font-size:14px}
	.goods-summary .info .table > table > tbody > tr > td {height:30px; padding:2px 0; font-size:14px}
	.goods-summary .info .table > table > tbody > tr > td .price {font-size:16px;}
	.goods-summary .info .btns {margin:0 -2px; margin-top:15px;}
	.goods-summary .info .btns .col {padding:0 2px;}
	.goods-summary .info .btns .bt {font-size:15px;}

	.opt-txt {font-size:13px;}
	.opt-txt:before {top:6px; width:4px; height:4px;}

	.goods-related h3 {font-size:25px;}

	.goods-desc {font-size:14px; padding:20px;}
	.goods-desc h3 {font-size:18px;}

	.goods-view-tab ul li {height:45px;}
	.goods-view-tab ul li a {font-size:14px; font-weight:300;}

	.detail-pay-info {padding:0; font-size:14px;}
	.detail-guide-info {padding:0; font-size:14px;}

	.goods-sub-tit .tit h4 {font-size:16px;}

	.order-step {font-size:13px; margin-bottom:25px;}
	.order-step ol li {padding:0 5px;}
	.order-step .box {width:85px;height:85px;}
	.order-step .box strong {font-size:15px;}

	.order-info-title h3 {font-size:22px;}
	.order-info-title h3:before {width:20px;height:20px;background-size:contain;}

	.order-info-table {font-size:14px;}
	.order-info-table tbody th {height:44px; padding:6px 15px;}
	.order-info-table tbody td {padding:6px 15px;}
	.order-info-table tbody td .price {font-size:18px;}

	.shop-table table thead th {height:42px; font-size:14px;}
	.shop-table table tbody td {font-size:14px;}

	.total-price .txt {font-size:14px;}
	.total-price ul li .tt {font-size:20px;}
	.total-price ul li .pri {font-size:22px;}
	.total-price ul li .won {font-size:18px;}

	.guest-private-agree h3 {padding-left:22px; font-size:16px; background-position:0 2px; background-size:auto 16px}
	.guest-private-agree .scroll-box {font-size:13px;}

	.my-order-info {padding:35px 0; font-size:20px;}

	/* baord */
	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}

	.btn-pack.medium {height:32px; line-height:30px;}
	.btn-pack.large {height:42px; line-height:40px; font-size:16px;}
	.btn-pack.wide {max-width:160px;}

	.board-search .total-page {font-size:13px;}
	.board-search .btn-pack {height:32px !important; line-height:30px !important; font-size:14px !important}

	.board-list table thead th {height:38px; font-size:14px;}
	.board-list table tbody td {padding:10px; font-size:14px;}

	.event-list {padding-top:20px;}
	.event-list ul {margin:0 -7px; padding:0;}
	.event-list ul li {padding:0 7px;}
	.event-list ul li .tit {font-size:14px; font-weight:300;}
	.event-list ul li .date {font-size:12px}

	.board-write .group {font-size:14px; line-height:32px;}
	.board-write .title {font-size:14px;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:12px; padding-top:10px; padding-bottom:10px;}

	.prev_next {font-size:14px;}


	
}

/* portrait tablet */
@media (max-width: 850px) {

	.contain {padding-left:30px; padding-right:30px;}

	/*  header */
	.bookmark {display:none;}
	.gnb-wrap {display:none;}
	.middle-wrap .inner {height:100px; position:relative; padding-bottom:35px; margin-bottom:13px;}
	.sitelogo {top:16px; left:50px;}
	.sitelogo img {height:30px;}
	.top-bnr {bottom:35px;width:210px;height:58px;overflow:hidden;}
	.top-search {top:auto;bottom:0;left:0;right:0;}
	.top-search form {padding-right:35px;}
	.top-search .form-input {height:35px; line-height:21px; padding:6px 10px;}
	.top-search .form-btn {width:35px;height:35px;background-size:40%;}

	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
	

	/* main */
	.main-home {height:280px; margin-bottom:10px;}
	.main-home .slider {margin-left:-600px; width:1200px;}
	.main-home .slider-nav {display:none;}
	.main-home .slick-dots {position:absolute; bottom:10px; left:0; width:100%; line-height:0; text-align:center; z-index:20;}
	.main-home .slick-dots li {display:inline-block; vertical-align:top; margin:0 4px;}
	.main-home .slick-dots li button {width:10px; height:10px; border-radius:100%; background:#fff; border:0; opacity:.6; overflow:hidden; text-indent:-999em;}
	.main-home .slick-dots li.slick-active button {opacity:1;}

	.main-guide .contain {padding:0;}

	.main-best .ctr {bottom:auto; top:2px;}
	.main-best .slider ul li {width:50%;}
	.main-best .slider ul li:nth-child(3n+1) {clear:none;}
	.main-best .slider ul li:nth-child(2n+1) {clear:left;}

	.main-category {padding:35px 0 40px}
	.main-category .head {margin-bottom:25px;}

	.main-hot {overflow:hidden;}
	.main-hot .sec-head {padding:10px 0; text-align:center;}
	.main-hot .sec-head h3 {float:none;}
	.main-hot .sec-head ul {float:none; display:inline-block;}
	.main-hot .sec-head ul li {float:none; display:inline-block; vertical-align:top;}
	.main-hot .sec-body .slide {width:40%}
	.main-hot .sec-body .list {width:60%; padding-top:10px;}
	.main-hot .sec-body .list ul li {width:33.33333333%;}
	.main-hot .sec-body .list ul li:nth-child(5n+1) {clear:none;}
	.main-hot .sec-body .list ul li:nth-child(3n+1) {clear:left;}
	.main-hot .sec-body .list ul li:nth-child(n+7) {display:none;}	

	/* footer */
	.foot-links {padding:10px 0;}

	.bottom-custom {padding:10px 0;}
	.bottom-custom .row {margin:0;}
	.bottom-custom .col {float:none; width:100%; padding:15px 0;}

	.foot-info {text-align: center;}
	.f-logo {float:none; margin-bottom:20px;}
	.f-info {margin-left:0;}
	.f-info .contact {text-align:left;}

	/* sub */
	#contArea {padding-left:30px; padding-right:30px;}
	.sub-title {padding:12px 0 12px; margin-bottom:25px;}
	.sub-title h2 {font-size:20px;}

	/* content */


	/* shop */
	.sub-home {margin-top:0;}
	.sub-home .slider-nav {display:none;}
	.sub-home .slick-dots {position:absolute; bottom:10px; left:0; width:100%; line-height:0; text-align:center; z-index:20;}
	.sub-home .slick-dots li {display:inline-block; vertical-align:top; margin:0 4px;}
	.sub-home .slick-dots li button {width:10px; height:10px; border-radius:100%; background:#fff; border:0; opacity:.6; overflow:hidden; text-indent:-999em;}
	.sub-home .slick-dots li.slick-active button {opacity:1;}


	.item-box .price {font-size:12px;}

	.goods-category {margin-top:15px;}
	.goods-category .cate-icon {width:90px;}
	.goods-category .cate-list {padding:15px 15px 5px 15px}
	.goods-category .cate-list h3 {font-size:18px; margin-bottom:10px;}
	.goods-category .cate-list ul {margin-right:-16px;}
	.goods-category .cate-list ul li {margin:4px 0; padding-right:16px; background-position:0 5px;}

	.goods-sort {font-size:12px;}

	.goods-list ul li {width:25%;}
	.goods-list ul li:nth-child(6n+1) {clear:none;}
	.goods-list ul li:nth-child(4n+1) {clear:left;}

	.total-price .txt {text-align:center;}

	.shop-table {display:none;}
	.order-table {display:block;}

	.order-info-title h3 {font-size:18px;}
	.order-info-title h3:before {width:18px;height:18px;margin-right:6px;}
	.order-info-table tbody td .txt {display:block; margin-left:0; margin-top:4px;}

	.order-list {display:block;}
	.point-m {display:block;}

	.my-order-info {font-size:16px; padding:20px 0;}

	.order-desc {padding-left:0; padding-right:0;}

	/* member */
	.login-area {padding:0;}
	.login-area .row {padding:10px 0;}
	.login-area .col {display:block; width:100%; padding:0; margin:0 auto 20px;}

	.btn-out {position:static; float:right; font-size:14px; line-height:32px; padding:0 13px; margin-top:8px;}

	.join-area .form table td span.txt {margin-left:0; display:block; margin-top:4px;}

	/* mypage */
	.dashboard {float:none; width:370px; padding:0; border-left:0; margin:0 auto 20px; overflow:hidden;}
	.my-nav {float:none; width:100%; padding-right:0;}

	.delivery-status h3 {font-size:18px; margin-bottom:10px;}
	.delivery-status .cnt {padding:0;}
	.delivery-status ul li {width:33.33333333%; padding-top:10px; padding-bottom:10px;}
	.delivery-status ul li:nth-child(3) .box:after {display:none;}



	/* board */
	.board-search .total-page {font-size:12px;}
	.board-search .select {width:90px; vertical-align:top;}
	.board-search .input {width:160px; vertical-align:top;}
	.board-search .btn {font-size:13px !important; height:35px; vertical-align:top;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.event-list ul li {width:50%;}
	.event-list ul li:nth-child(4n+1) {clear:none;}
	.event-list ul li:nth-child(2n+1) {clear:left;}

	.bt-set {min-width:auto;}




} 

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

	.contain {padding-left:15px; padding-right:15px;}


	/* header */
	.global {font-size:11px; line-height:25px; letter-spacing:-.03em;}
	.global .contain {padding:0;}
	.util ul li {padding:0 5px 0 6px;}
	.util ul li.brochure a {padding:0; width:30px; height:25px; overflow:hidden; text-indent:-999em; background:#125790 url("../images/common/icon_brochure.png") 50% 50% no-repeat;}
	.util ul li.brochure a:before {display:none;}

	.middle-wrap .contain {padding-left:10px; padding-right:10px;}
	.middle-wrap .inner {height:80px; margin-bottom:10px;}
	.sitelogo {top:12px; left:33px;}
	.sitelogo img {height:22px;}
	.top-bnr {width:125px;height:35px;}

	.btn-m-menu {top:7px; width:32px; height:32px;}
	.btn-m-menu span {top:14px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}

	/* main */
	.main-home {position:relative; height:0; padding-bottom:62.5%;}
	.main-home .slider {left:0; margin-left:0; width:100%;}
	.main-home .slider .default {display:none;}
	.main-home .slider .mobile {display:block;}
	.main-home .slider-nav {width:115px; right:5px; bottom:5px;}

	.main-best {padding:10px 0;}
	.main-best .row {margin:0;}
	.main-best .col {float:none; width:100%; padding:10px 0;}
	.main-best .head {padding-bottom:6px; margin-bottom:18px;}
	.main-best .head h2 {font-size:20px;}
	.main-best .head p {letter-spacing:-.03em;}
	.main-best .head .Righteous {font-size:13px; margin-right:2px;}
	.main-best .slider {margin:0 -15px;}
	.main-best .slider ul {margin:0;}
	.main-best .slider ul li {width:47%; max-width:161px; padding:0 7px; margin-bottom:0;}
	.main-best .ctr  {display:none;}
	.main-best .swiper-container {padding:0 8px;}

	.main-category {padding:25px 10px;}
	.main-category .head {margin-bottom:10px;}
	.main-category .head h2 {font-size:23px;}
	.main-category .head p {font-size:13px;}
	.main-category .body ul li {width:50%;}

	.main-hot {padding:25px 0;}
	.main-hot .contain {padding:0;}
	.main-hot .head {margin-bottom:8px;}
	.main-hot .head h2 {font-size:23px;}
	.main-hot .sec-head {padding:10px 5px;}
	.main-hot .sec-head h3 {font-size:17px;}
	.main-hot .sec-head ul {line-height:0; vertical-align:top;}
	.main-hot .sec-head ul li {padding:0 4px 0 6px; letter-spacing:-.03em;}
	.main-hot .sec-body .slide {float:none; width:100%;}
	.main-hot .sec-body .slide img {width:100%;}
	.main-hot .sec-body .list {float:none; width:100%; padding:15px;}
	.main-hot .sec-body .list ul li {width:50%;}
	.main-hot .sec-body .list ul li:nth-child(3n+1) {clear:none;}
	.main-hot .sec-body .list ul li:nth-child(2n+1) {clear:left;}
	.main-hot .sec-body .list ul li:nth-child(n+7) {display:block;}
	.main-hot .bx-pager {top:15px;}
	.main-hot .bx-pager-item a {width:10px; height:10px;}
	.main-hot .bx-controls-direction a {margin-top:-20px;width:20px;height:40px;background-size:contain;}

	/* footer */
	.foot-links {font-size:12px; letter-spacing:-.05em;}
	.foot-links .contain {padding:0;}
	.foot-links ul {width:100%;}
	.foot-links ul li {padding:0 3px;}

	.bottom-custom .box {padding:0 0 0 55px;}
	.bottom-custom .box:before {width:40px;height:40px;background-size:contain;}
	.bottom-custom h3 {font-size:14px;}
	.bottom-custom .txt {font-size:13px;}
	.bottom-custom .bank .num {font-size:16px;}
	.bottom-custom .bank .num strong {font-weight:500;}

	.foot-info {padding:25px 0; font-size:13px; line-height:19px;}
	.f-logo {margin-bottom:12px;}
	.f-logo img {height:40px;}
	.f-info .contact {margin:10px 0 0;}
	.f-info .contact dl {float:none; width:100%; padding:0; margin-bottom:13px; overflow:hidden;}
	.f-info .contact dl:last-child {margin-bottom:0;}
	.f-info .contact dt {font-weight:500;}
	.f-info .contact dd:nth-child(3){float:left;}
	.f-info .contact dd:nth-child(4){float:left; margin-left:10px;}
	.copyright {font-size:11px; line-height:16px; padding:8px 0;}

	
	/* sub */
	#contArea {padding-left:15px;padding-right:15px;}

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

	.sub-title {margin:0 -15px 20px; padding:5px 0 10px;}
	.sub-title h2 {font-size:18px;}

	.real-cont {padding-bottom:30px;}

	/* content */
	.about {background:none; padding-right:0; padding-bottom:0;}
	.about h3 {font-size:18px; margin-bottom:1.2em; letter-spacing:-.04em;}
	.about:after {content:""; display:block; height:0; padding-bottom:85%; background:url("../images/sub/about.jpg") 50% 50% no-repeat; background-size:auto 100%;}

	.greeings .pic {display:block; width:100%; margin-bottom:20px;}
	.greeings .cnt {display:block; width:100%; padding-left:0;}
	.greeings h3 {font-size:18px; padding-bottom:18px; letter-spacing:-.04em;}
	.greeings .sign img {height:37px}

	.location .map-area {display:block; width:100%;}
	.location .cnt {display:block; width:100%; border-left:0; padding:18px;}
	.location .cnt h3 {font-size:16px; margin-bottom:5px;}
	.root_daum_roughmap .wrap_map {height:200px !important;}

	.mypage-header {margin-bottom:15px;}
	.dashboard {width:100%; margin-bottom:0;}
	.my-nav {display:none;}

	.delivery-status {padding:16px 18px; margin-top:15px;}
	.delivery-status .cnt {font-size:12px; line-height:18px;}
	.delivery-status ul {margin-right:-50px;}
	.delivery-status ul li {width:50%; padding-right:50px; padding-top:7px; padding-bottom:7px;}	
	.delivery-status ul li:nth-child(3n) .box:after {display:block;}
	.delivery-status ul li:nth-child(3n+1) {clear:none;}
	.delivery-status ul li:nth-child(2n+1) {clear:left;}
	.delivery-status ul li .box {font-size:14px; padding:12px 5px 8px; margin-bottom:7px;}
	.delivery-status ul li .box:after {width:50px; margin-right:-50px; background-size:12px auto;}
	.delivery-status ul li .box i {width:50px; height:30px; background-size:auto 100%;}


	/* shop */
	.sub-home {position:relative; height:0; padding-bottom:62.5%; margin:0 -15px}
	.sub-home .slider {position:absolute; float:none; top:0; left:0; margin-left:0; width:100%; height:100%;}
	.sub-home .slider .default {display:none;}
	.sub-home .slider .mobile {display:block;}
	.sub-home .slider-nav {position:absolute; float:none; width:35%; right:10px; bottom:auto; top:50%; transform:translateY(-50%)}
	.sub-home .slider-nav li.active a:after {border-width:3px}

	.goods-category {display:block; width:auto; margin-left:-15px; margin-right:-15px;}
	.goods-category .cate-icon {display:block; width:100%;}
	.goods-category .cate-icon img {width:40px;}
	.goods-category .cate-list {display:block; width:100%;}

	.goods-sort {font-size:13px; letter-spacing:-.05em; margin:18px -15px; padding:0 15px 8px;}
	.goods-sort .total {float:none; margin-bottom:14px;}
	.goods-sort .sort {float:none; text-align:center;}
	.goods-sort .sort li {float:none; padding:0 9px; display:inline-block; vertical-align:top;}
	.goods-sort .sort li:after {top:3px; height:12px;}
	.goods-sort .sort li.active a:before {width:9px;height:9px;background-size:contain;margin:-.2em 2px 0 0;}

	.goods-list ul {margin:0 -7px;}
	.goods-list ul li {width:50%; padding:0 7px; margin-bottom:25px;}
	.goods-list ul li:nth-child(4n+1) {clear:none;}
	.goods-list ul li:nth-child(2n+1) {clear:left;}

	.item-box .icons {height:20px;}
	.item-box .item-num {padding:6px 0; font-size:11px; letter-spacing:-.02em;}
	.item-box .item-num .add-cart {padding-left:15px; background-size:auto 11px; background-position:0 30%;}
	.item-box .tit {padding:5px 0 3px; font-size:13px;}
	.item-box .price {font-size:13px;}

	.goods-summary {margin:0 0 30px;}
	.goods-summary .photo {float:none; width:auto; margin-left:-5px; margin-right:-5px; margin-bottom:10px;}
	.goods-summary .photo .txt {margin-top:8px; font-size:12px; line-height:18px; letter-spacing:-.03em;}
	.goods-summary .photo .txt:before {width:13px;height:13px;background-size:contain;margin-right:3px;}
	.goods-summary .info {float:none; width:100%; padding-left:0;}
	.goods-summary .info .title {font-size:20px;}
	.goods-summary .info .table {padding:13px 0;}
	.goods-summary .info .table > table > tbody > tr > th {width:80px; line-height:20px;}
	.goods-summary .info .btns .bt {font-size:14px; letter-spacing:-.04em; line-height:38px;}
	#zoomBox{position:absolute;top:100%;left:9%;margin-left:0;margin-top:-20px;}

	.opt-txt {margin-left:0; margin-bottom:10px;}

	.add-options .cell {padding:6px 0; height:35px; font-size:12px;}
	.add-options .opt-tit {padding-left:5px;padding-right:5px;}
	.add-options .opt-qty {width:auto;padding:0;}
	.add-options .opt-price {width:auto; padding-left:5px;}
	.add-options .opt-delete {width:21px; padding-right:5px;}
	.add-options .opt-delete img {width:16px;}
	.add-options .tot strong {font-size:15px;}

	.quantity {width:75px;}
	.quantity .input {margin-right:0; width:33px; height:22px; font-size:12px; font-weight:300; line-height:20px; padding:0;}
	.quantity .qty {width:20px;height:22px;margin-left:1px;margin-top:0;background-size:40%;}

	.goods-related {margin-bottom:10px;}
	.goods-related h3 {font-size:18px; padding-bottom:10px;}

	.goods-desc {padding:12px;}

	.detail-content {margin-top:25px;}
	.goods-view-tab {display:none;}
	.goods-view-m-title {display:block;}

	.goods-detail-tit {font-size:14px;}
	.goods-detail-table {margin-bottom:15px;}
	.goods-detail-table th {padding:5px 10px; width:35%; font-size:12px; line-height:18px;}
	.goods-detail-table td {padding:5px 10px; font-size:12px; line-height:18px;}
	.goods-detail-table td li {padding-left:9px; text-indent:-9px;}

	.goods-sub-tit {text-align:center;}
	.goods-sub-tit .tit {float:none; text-align:left;}
	.goods-sub-tit .tit h4 {font-size:14px; line-height:1.3em; letter-spacing:-.04em;}
	.goods-sub-tit .btn {float:none; margin-top:7px;}

	.detail-guide-info {font-weight:300;}
	.detail-guide-info .tt {font-weight:500;}

	.order-info-table {margin-bottom:25px;}
	.order-info-table .select {width:100% !important;}
	.order-info-table tbody th {width:25%; padding:6px 10px; font-size:13px; line-height:1.5em;}
	.order-info-table tbody td {padding:6px 10px; font-size:13px; line-height:1.5em;}
	.order-info-table tbody td span {display:inline-block;}
	.order-info-table tbody td .input-point {width:90px !important;}
	.order-info-table tbody td .txt {line-height:1.4em;}
	.order-info-table tbody td .price {font-size:16px;}

	.guest-private-agree {margin-bottom:25px;}

	.order-step {font-size:11px; margin-bottom:10px;}
	.order-step .box {width:75px; height:75px;}
	.order-step .box strong {font-size:14px;}

	.order-desc {font-size:12px; line-height:1.4em; letter-spacing:-.03em;}
	.order-desc li {margin-bottom:3px;}
	.order-desc li:last-child {margin-bottom:0;}
	.order-desc.mg {margin:5px 0 10px;}

	.order-table thead th {font-size:14px;}
	.order-table .btns {padding-right:0; margin-top:5px;}
	.order-table .qty-wrap input {padding:0;width:33px;height:22px;}
	.order-table .qty-wrap button {width:20px;height:22px;}
	.order-table .qty-wrap .cntDown:before {border-width:4px;}
	.order-table .qty-wrap .cntUp:before {border-width:4px;}
	.order-table .buttons {margin:10px 0 0;}

	.total-price {margin:0 0 20px; padding:15px 0 28px;}
	.total-price .txt {margin-bottom:20px;}
	.total-price ul {text-align:center;}
	.total-price ul li {float:none; display:inline-block; width:auto !important; min-width:150px; padding:0 25px; vertical-align:top;}
	.total-price ul li .tt {font-size:14px; margin-bottom:4px;}
	.total-price ul li .pri {font-size:16px;}
	.total-price ul li .won {font-size:14px;}
	.total-price ul li.p3 {margin-top:20px;}
	.total-price ul li.p2:after, .total-price ul li.p3:after {left:-10px; width:22px; height:22px; margin-top:-11px; background-size:40%;}

	.my-order-info {padding:10px 0;}
	.my-order-info span{display:block; margin:4px 0;}

	input#orderPhone1,
	input#orderPhone2,
	input#orderPhone3,
	input#orderMobile1,
	input#orderMobile2,
	input#orderMobile3,
	input#shipPhone1,
	input#shipPhone2,
	input#shipPhone3,
	input#shipMobile1,
	input#shipMobile2,
	input#shipMobile3 {width:30% !important;}
	
	/* member */
	.login-area .top-txt {font-size:15px; padding:0 15px 20px; margin:0 -15px;}
	.login-area h3 {padding:12px 0; font-size:18px;}
	.login-area .col {margin-bottom:10px;}
	.login-area .group {margin-bottom:5px;}
	.login-area .links {overflow:hidden}
	.login-area .links a:first-child {float:left;}
	.login-area .links a:last-child {float:right;}
	.login-area .links .btn-pack {min-width:auto; width:calc(50% - 2px) !important; margin:0;}
	.login-area .links .btn-pack.large {font-size:14px; padding:0 10px;}

	.join-area .tit1 {font-size:15px;font-weight:500;color:#000}
	.join-area .box {padding:5px;height:100px;}
	.join-area .box .agree {font-size:12px;line-height:1.4em;color:#999;}
	.join-area .chk {margin-bottom:25px;}
	.join-area .top-txt {text-align:left;}
	.join-area .form {margin:0 -15px 20px}
	.join-area .form table th {height:40px; padding:7px 10px 7px 20px}
	.join-area .form table td {padding:7px 15px 7px 10px;}
	.join-area .form .required:before {left:-10px}
	.join-area .form .radio {display:block; margin-right:0;}
	.join-area input#userID {width:calc(100% - 78px) !important;}
	.join-area input#bankName,
	.join-area input#bankDate,
	.join-area input#userPwd,
	.join-area input#userName,
	.join-area input#pwdConfirm {width:100% !important;}
	.join-area input#birth {width:100px !important;}
	.join-area input#zip {width:70px !important;}
	.join-area input#tel1,
	.join-area input#tel2,
	.join-area input#tel3,
	.join-area input#fax1,
	.join-area input#fax2,
	.join-area input#fax3,
	.join-area input#mobile1,
	.join-area input#mobile2,
	.join-area input#mobile3 {width:calc(33.3% - 8px) !important;}
	.join-area input#emailID {width:calc(50% - 10px) !important;}
	.join-area input#emailDomain {width:calc(50% - 10px) !important;}
	.join-area select#emailList {width:100% !important; margin-top:5px;}

	.agree {font-size:14px; line-height:1.6em;}

	.find-account {padding:10px 0;}
	.find-account .tit h3 {font-size:16px;}
	.find-account .form {padding:10px 0;}
	.find-account .form fieldset {padding-right:0;}
	.find-account .form .group {padding:3px 0 3px 65px;}
	.find-account .form .group label {top:3px; left:0;}
	.find-account .form .btn-pack.btn {position:static; width:100%; height:40px; margin-top:12px; display:block;}
	.find-account input#phoneNumber {width:100% !important}
	.find-account .help-txt {display:block; margin-top:4px;}

	.member-leave {padding:10px 0 0; border-top:0; font-size:14px; letter-spacing:-.04em;}
	.member-leave .top {padding-left:77px; margin-bottom:30px;}
	.member-leave .top:before {width:65px;height:65px;background-size:contain;}
	.member-leave .top h3 {font-size:18px; margin-bottom:5px;}
	.member-leave .form {padding:0 10px;}
	.member-leave .group {margin-bottom:7px;}
	.member-leave .buttons {margin-top:20px;}

	

	/* board */
	.board-search {margin-bottom:10px;}
	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px;}
	.board-search .search .input {width:calc(100% - 150px);}

	.real-cont .board-list-m,
	.real-cont .board-write,
	.real-cont .board-view,
	.real-cont .prev_next {margin:0 -15px;}

	.board-list {display:none;}
	.board-list-m {display:block;}
	.board-list-m li {padding:13px 15px;}

	.event-list {margin:0 -15px; border-top:1px solid #ddd; padding:15px 15px;}
	.event-list ul {margin:0;}
	.event-list ul li {float:none; width:100%; padding:0; margin-bottom:20px;}

	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 18px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:6px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.prev_next dt {width:73px; padding:8px 0 8px 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate {margin:15px 0;}
	.paginate a, .paginate strong {height:30px; line-height:28px; font-size:13px;}
	.paginate a.direction {width:30px; height:30px;}

	.form-agree {margin-top:15px; margin-bottom:15px;}
	.form-agree dd {font-size:13px;}
	.form-agree .scroll-box {height:70px; font-size:12px; line-height:17px; padding:8px;}
	.form-agree .btn {display:none;}

	.btn-pack.medium {padding:0 9px;}
	.btn-pack.large {height:38px; line-height:36px; font-size:15px; padding:0 18px;}
	.btn-pack.xlarge {height:42px; line-height:40px; font-size:16px; padding:0 22px;}
	.btn-pack.wide {max-width:45%;}

	.bt-set.large {line-height:28px; padding:0 15px;}

	.review-view-info {padding:18px; margin-bottom:15px;}
	.review-view-info .img img {width:70px; height:70px;}
	.review-view-info .info {margin-left:85px;}
	.review-view-info .tit {padding:0; font-size:16px;}
	.review-view-info .price {font-size:14px;}
	.review-view-info .grade {font-size:14px; padding:8px 0 0 0;}

	



	
} 

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

} 

@media (max-width: 320px) {
	.total-price ul li {min-width:auto;}
}