@charset "utf-8";

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
tr.only-desktop-tablet {display:table-row;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

@media (max-width: 1590px){
	.brand-zone .body ul .slick-next {right:-15px;}
	.brand-zone .body ul .slick-prev {left:-15px;}

	.root_daum_roughmap {width:100% !important;}
	
	.login-wrap .row {margin:0 -15px;}
	.login-wrap .row .col {padding:0 15px;}
}

/* landscape tablet and desktop */
@media (max-width: 1260px){
	/* header */
	#header .util .row {margin-left:195px;}
	#header .util .row .search {width:58%;}
	#header .util .row .search .input {width:calc(100% - 55px);}
	#header .util .row .my-link {width:42%;}
	#header .util .row .my-link ul li a {padding:0 10px;}

	/* sub */
	.pro-opt ul {margin:0 -3px;}
	.pro-opt ul li {padding:0 3px;}
	.pro-opt ul li .put {padding:10px 5px;}
	.pro-opt ul li .box .select-put {padding:10px 5px;}



	/* content */

	/* footer */

}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}

	/* header */
	#skipToContent a.desktop {display:none;}
	#skipToContent a.mobile {display:block;}
	
	#gnb-m {margin-left:35px;}
	#gnb-m .swiper-container {overflow:hidden;}
	#gnb-m .swiper-container > ul {display:table; width:100%;}
	#gnb-m .swiper-container > ul > li {float:none; display:table-cell; width:auto !important; vertical-align:middle; white-space:nowrap; padding:0 12px;}
	#gnb-m .swiper-container > ul > li > a {position:relative; display:block; line-height:46px; color:#000; font-size:14px; font-weight:400; letter-spacing:0;}
	#gnb-m .swiper-container > ul > li.active > a {color:#38aacf}

	
	#header .only-desktop-tablet {display:none;}
	#header .only-mobile {display:block;}
	#header .util .row {margin-left:0;}
	#header .util .row .search {float:none; width:calc(100% - 195px); margin-left:195px;}
	#header .util .row .my-link {width:100%; float:none; margin-top:50px;}
	#header .util .row .my-link ul li {width:25%;}
	#header .util .row .my-link ul li:last-child {margin-right:0;}

	/* main */
	.main-menu {display:none;}
	.main-visual .mainslide {margin-left:0;}
	
	.cat-zone .item .row {margin:0 -10px;}
	.cat-zone .item .col {padding:0 10px;}
	.cat-zone .item .col-2 ul {margin:0 -10px;}
	.cat-zone .item .col-2 ul li {padding:0 10px; margin-bottom:20px;}

	.list-zone .body .list.col-6 li {width:33.333333%;}
	.list-zone .body .list.col-6 li:nth-child(6n+1) {clear:none;}
	.list-zone .body .list.col-6 li:nth-child(3n+1) {clear:left;}
	
	.list-zone .body .hot {margin:0 -5px;}
	.list-zone .body .hot li {padding:0 5px;}

	/* sub */
	.pro-opt ul li {width:33.33333%;}
	.pro-opt ul li:nth-child(6n+1) {clear:none;}
	.pro-opt ul li:nth-child(3n+1) {clear:left;}

	.pro-list li {width:33.333333%;}
	.pro-list li:nth-child(6n+1) {clear:none;}
	.pro-list li:nth-child(3n+1) {clear:left;}
	
	.login-wrap .row {margin:0;}
	.login-wrap .row .col {padding:0; float:none; width:100%; margin-bottom:20px;}
	.login-wrap .row .col:last-child {margin-bottom:0;}
	
	/* footer */
	#footer .foot-link ul li {width:50%; margin-bottom:30px;}
	#footer .foot-link ul li:nth-child(2n):after {display:none;}

	/* content */

	/* board */
	.board-search .total-page {font-size:14px;}
	.board-search .select {width:90px;}
	.board-search .input {width:140px;}

	.board-list table thead th {height:40px; font-size:14px;}
	.board-list table tbody td {padding:9px 0; font-size:14px;}
	.board-list table tbody td.no {width:10%;}
	.board-list table tbody td.name {width:12%;}
	.board-list table tbody td.date {width:12%;}
	.board-list table tbody td.hit {width:9%;}

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

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

	.paginate {margin:15px 0; border-top:0}

	/* shop */
	.shop-table table tbody td .prod-info {padding:0; text-align:center;}
	.shop-table table tbody td .prod-info .img {float:none; margin-left:0;}
	.shop-table table tbody td .prod-info .info {padding-left:0;}

} 

/* portrait tablet */
@media (max-width: 950px) {	
	
	.pro-detail .detail-tab {font-size:14px;}

	.sns-login {padding:0 20px;}

} 

/* portrait tablet */
@media (max-width: 850px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	
	/* main */
	
	/* sub */
	.pro-summary .photo {float:none; width:100%;}
	.pro-summary .info {float:none; width:100%; padding-left:0;}

	.pro-detail .detail-tab ul {table-layout:auto;}

	.login-area {float:none; width:100%; margin-bottom:50px;}
	.sns-login {float:none; width:100%;}

	.sub-tab ul li {font-size:14px;}


	/* footer */
	#footer .foot-addr .row {padding:38px 50px;}
	

} 

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

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

	/* header */
	#header .util {padding:12px 0;}
	#header .top-zone {background:#38aacf;}
	#header .top-zone .top-link ul {margin-right:-8px;}
	#header .top-zone .top-link ul li a {font-size:12px; line-height:25px; padding:0 8px;}
	#header .top-zone .top-link ul li a:after {top:7px;}
	#header .top-zone .sitelogo {left:0;}
	#header .top-zone .sitelogo a img {height:50px;}
	#header .util .row .search {margin-left:110px; width:calc(100% - 110px); padding:10px 0; height:auto;}
	#header .util .row .search .input {height:30px; width:calc(100% - 41px); font-size:10px;}
	#header .util .row .search .submit {height:30px; width:35px;}
	#header .util .row .my-link {margin-top:10px;}
	#header .util .row .my-link ul {margin:0 -15px;}
	#header .util .row .my-link ul li a .count {width:20px; height:20px; font-size:11px; line-height:20px; top:-7px; right:17px}
	#header .util .row .my-link ul li a .icon {width:24px; height:24px; background-size:contain;}
	#header .util .row .my-link ul li a p {font-size:12px;}

	
	#gnb {margin-left:46px;}
	#gnb .swiper-container > ul > li > a {line-height:46px;}

	#gnb-m {margin-left:32px;}
	#gnb-m .swiper-container {margin-right:-15px; padding-right:7px;}
	#gnb-m .swiper-container > ul > li {padding:0 8px;}
	#gnb-m .swiper-container > ul > li > a {line-height:40px;}

	.menu-open {width:40px; height:40px; margin-left:-10px;}
	.menu-open.active {border-bottom:0;}

	.menus .contain {padding:0 5px;}
	.menus .bg {width:100%; height:calc(100vh - 240px); overflow-y:auto;}
	.menus .row > ul {margin:0 -8px;}
	.menus .row > ul > li {width:50%; padding:0 8px;}
	.menus .row > ul > li:nth-child(7n+1) {clear:none;}
	.menus .row > ul > li:nth-child(2n+1) {clear:left;}

	.quick-navigation .wrap {padding:0;}
	.quick-close span {background-color:#fff;}

	/* main */
	.main-visual .mainslide .slick-arrow {width:12px; height:23px; margin-top:-12px;}
	.main-visual .mainslide .slick-prev {left:10px;}
	.main-visual .mainslide .slick-next {right:10px;}

	.cat-zone .item .col-1 {float:none; width:100%; margin-bottom:10px;}
	.cat-zone .item .col-2 {float:none; width:100%;}
	.cat-zone .item .col-2 ul {margin:0 -5px;}
	.cat-zone .item .col-2 ul li {width:50%; padding:0 5px; margin-bottom:10px;}
	.cat-zone .item .col-2 ul li:nth-child(3n+1) {clear:none;}
	.cat-zone .item .col-2 ul li:nth-child(2n+1) {clear:left;}
	.cat-zone .cat-tab {margin-bottom:10px;}
	.cat-zone .cat-tab ul li a {padding:0 15px;}
	.cat-zone .cat-tab ul li {line-height:35px;}
	.cat-zone .item .col-1 ul li a .thumb {border-right:0;}
	.cat-zone .item .more {width:100%; line-height:40px; margin-top:20px;}
	.cat-zone .item .col-1 .bx-prev {width:20px; height:40px; margin-top:-20px;}
	.cat-zone .item .col-1 .bx-next {width:20px; height:40px; margin-top:-20px;}
	
	.list-zone .body .list.col-5 {margin:0 -5px;}
	.list-zone .body .list.col-5 li {width:50%; margin-bottom:25px; padding:0 5px;}
	.list-zone .body .list.col-5 li:nth-child(5n+1) {clear:none;}
	.list-zone .body .list.col-5 li:nth-child(2n+1) {clear:left;}
	
	.list-zone .body .list.col-6 {margin:0 -5px;}
	.list-zone .body .list.col-6 li {width:50%; padding:0 5px;}
	.list-zone .body .list.col-6 li:nth-child(3n+1) {clear:none;}
	.list-zone .body .list.col-6 li:nth-child(2n+1) {clear:left;}

	.list-zone .head h2 {font-size:22px;}
	.list-zone .body .list li {margin-bottom:25px;}
	.list-zone .body .list li a .thumb {margin-bottom:8px;}
	.list-zone .body .list li a .cnt h3 {padding-bottom:12px; margin-bottom:12px;}
	
	.list-zone .body .hot {margin:0;}
	.list-zone .body .hot li {width:100%; float:none; padding:0; margin-bottom:10px;}
	.list-zone .body .hot li a .thumb .per {width:35px; height:35px;}
	.list-zone .body .hot li a .thumb .per p {font-size:15px; line-height:33px;}
	.list-zone .body .hot li a .thumb {float:none; width:100%;}
	.list-zone .body .hot li a .cnt {float:none; width:100%;}
	
	.brand-zone .body ul {padding:0 20px;}
	.brand-zone .body ul li {margin-bottom:15px;}
	.brand-zone .body ul li a .thumb {margin-bottom:8px;}
	.brand-zone .body ul .slick-prev {left:0;}
	.brand-zone .body ul .slick-next {right:0;}

	/* content */
	
	/* footer */
	#footer .foot-link {padding:25px 0;}
	#footer .foot-link ul li {width:100%; padding:0; float:none; margin-bottom:15px;}
	#footer .foot-link ul li:after {display:none;}
	#footer .foot-link ul li .icon {width:27px; height:22px; margin-top:6px;}
	#footer .foot-link ul li .cnt {margin-left:35px;}
	#footer .foot-link ul li .cnt .tit {float:left; width:120px; margin-bottom:0;}
	#footer .foot-link ul li .cnt .tit h3 {font-size:15px; margin-bottom:0;}
	#footer .foot-link ul li .cnt .tit p {font-size:12px;}
	#footer .foot-link ul li .cnt .txt {margin-left:120px;}
	#footer .foot-link ul li .cnt .txt h3 {font-size:16px;}
	#footer .foot-link ul li .cnt .txt h3 span {font-size:17px;}
	#footer .foot-link ul li .cnt .txt p {font-size:13px;}
	#footer .foot-info ul li a {font-size:12px; padding:12px 5px;}
	#footer .foot-info ul li a:after {height:8px; top:16px; left:-2px;}

	#footer .foot-addr .row {padding:20px 0;}
	#footer .foot-addr .foot-logo {float:none; text-align:center; margin-bottom:10px;}
	#footer .foot-addr address {margin-left:0; margin-right:0;}
	#footer .foot-addr .escrow {position:static; margin-top:20px; text-align:center;}
	#footer .foot-addr .escrow img {width:80px;}

	#footer .foot-copy {padding:12px 0;}


	/* sub */
	#sub #container {padding-top:20px;}
	#contArea {padding-left:15px; padding-right:15px;}
	
	.real-cont {padding-bottom:40px; min-height:200px;}

	.pro-search {padding:15px;}
	.pro-search .item dl {margin-left:70px;}
	.pro-search .item dl dd {margin-right:12px; margin-bottom:5px;}
	.pro-search .item .search {margin-left:70px;}
	.pro-search .item .search .input {height:35px; width: calc(100% - 60px);}
	.pro-search .item .search .btn-pack {height:33px; width:60px; top:1px;}
	.pro-search .item .search .btn-pack:after {width:18px; height:22px;}
	.pro-search .item.pb h3 {padding:7px 0;}

	.pro-tit {padding-bottom:8px; margin-bottom:12px;}
	.pro-tit h2 {font-size:18px;}
	.pro-tit .tit-path {top:0; font-size:12px;}
	
	.pro-opt {margin-bottom:20px;}
	.pro-opt ul li {width:50%;}
	.pro-opt ul li:nth-child(3n+1) {clear:none;}
	.pro-opt ul li:nth-child(2n+1) {clear:left;}
	.pro-opt ul li .put {padding:4px 3px; height:27px;}
	.pro-opt ul li .put p {font-size:13px;}
	.pro-opt ul li .box .select-put {padding:4px 3px; height:27px;}
	.pro-opt ul li .box dl {top:27px;}
	.pro-opt ul li .box dl dd a {padding:4px 3px;}
	
	.pro-box {text-align:right; margin-bottom:20px;}
	.pro-box .total-pro {display:inline-block; padding-left:8px; float:none; margin-bottom:12px;}
	.pro-box .sort {float:none;}
	.pro-box .sort ul {margin:0}
	.pro-box .sort ul li {padding:0 9px;}
	.pro-box .sort ul li a {font-size:13px;}
	
	.pro-list {margin:0 -5px;}
	.pro-list li {width:50%; padding:0 5px; margin-bottom:25px;}
	.pro-list li:nth-child(3n+1) {clear:none;}
	.pro-list li:nth-child(2n+1) {clear:left;}
	.pro-list li a .thumb {margin-bottom:8px;}
	.pro-list li a .cnt h3 {padding-bottom:12px; margin-bottom:12px; font-size:15px;}
	.pro-list li a .cnt h4 {font-size:15px;}

	.path {font-size:12px;}

	.pro-summary {margin:10px 0 25px 0;}
	.pro-summary .slider-nav {padding:12px 30px;}
	.pro-summary .slider-nav .slick-arrow {width:25px; height:25px;}
	.pro-summary .slider-nav .slick-prev {left:0;}
	.pro-summary .slider-nav .slick-next {right:0;}
	.pro-summary .info .title {font-size:18px; padding-bottom:10px; padding-top:8px;}
	.pro-summary .info .title h2 {font-size:18px;}
	.pro-summary .info .info-table tbody th {padding:5px 0 5px 0;}
	.pro-summary .info .info-table tbody td {padding:7px 0;}
	.pro-summary .info .info-table .select {height:38px;}
	/* .pro-summary .info .qty-table tbody td .input {width:35px !important;}
	.pro-summary .info .qty-table tbody td .quan-wrap {width:89px;}
	.pro-summary .info .qty-table tbody td .delete {transform:none; top:13px; right:0} */
	.pro-summary .info .qty-tit {display:none;}
	.pro-summary .info .qty-table ul li {font-size:13px; position:relative; min-height:80px;}
	.pro-summary .info .qty-table ul li .quan-wrap {width:89px;}
	.pro-summary .info .qty-table ul li .input {width:35px !important;}
	.pro-summary .info .qty-table ul li .txt {width:calc(100% - 89px); padding-right:5px;}
	.pro-summary .info .qty-table ul li .price {float:none; position:absolute; bottom:11px; right:0; padding:0; width:auto; font-weight:700;}
	.pro-summary .info .qty-table ul li .price p {display:inline-block; vertical-align:middle;}
	.pro-summary .info .qty-table ul li .price .delete {position:static; display:inline-block; vertical-align:middle; margin:0 0 0 7px; transform:none; top:0; right:0}

	.plus-info {margin-bottom:20px;}
	.plus-info h3 {font-size:16px;}
	.plus-info .table-plus tbody td {font-size:14px;}
	.plus-info .table-plus tbody td .box {text-align:center;}
	.plus-info .table-plus tbody td .img {float:none; border:0; text-align:center;}
	.plus-info .table-plus tbody td .img img {border:1px solid #ddd;}
	.plus-info .table-plus tbody td .txt {margin-left:0;}
	.plus-info .table-plus tbody td .quan-wrap {width:89px; margin:0 10px;}
	.plus-info .table-plus tbody td .input {width:35px !important;}
	.plus-info .total-price {padding:8px 0; margin-top:8px;}
	.plus-info .total-price p {font-size:13px;}
	.plus-info .total-price p span {font-size:15px; margin-right:10px;}
	.plus-info .total-price p strong {font-size:18px;}
	.plus-info .btn ul {display:flex; margin:0 -3px;}
	.plus-info .btn ul li {width:33.33333333%; padding:0 3px;}
	.plus-info .btn .btn-pack {padding:0 10px; margin:0; font-size:14px; width:100%; height:50px; line-height:1.3em; white-space:normal; display:flex; justify-content:center; align-items:center; float:none;}


	.with-pro .tit {font-size:16px; margin-bottom:12px;}
	.with-pro .slick-arrow {top:-45px;}
	
	.pro-detail .detail-tab ul li a {white-space:nowrap; padding:0 10px;}

	.login-wrap {padding:0;}
	.login-area {margin-bottom:0;}
	.login-area .login-box {margin-bottom:20px; width:100%;}
	.login-area .not-member {margin-top:10px; margin-bottom:10px;}
	
	.sub-title {margin-bottom:10px;}
	.sub-title h2 {font-size:19px;}
	.sub-title .tit-path {font-size:12px;}
	
	.company .row {margin:0;}
	.company .cnt {float:none; width:100%; padding:0;}
	.company .img {float:none; width:100%; padding:0;}
	.company .cnt h3 {font-size:18px;}

	.wrap_map {height:300px !important;}
	.location .info {padding:15px 0;}
	.location .info .icon-width {display:block; padding:0;}
	.location .info .icon {margin:0 auto 12px;}
	.location .info .cnt {padding-left:0; display:block; text-align:center;}

	/* content */
	
	/* board  */
	.input {height:40px; padding:5px; font-size:14px; line-height:20px;}
	.list-search .input {height:32px; width:calc(100% - 120px);}
	.list-search .btn-pack {transform:none; top:7px; right:30px; background:url('../images/common/search_m.png') 0 0 no-repeat; background-size:18px 18px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.list-search .select {height:32px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px; height:35px;}
	.board-search .search .input {width:calc(100% - 117px); height:35px;}
	.board-search.board .search .btn-pack {top:1px; width:35px; height:32px !important; line-height:30px; padding:0 13px; line-height:30px;}
	.board-search .search .btn-pack:after {width:15px; height:17px;}

	.board-list {display:none;}
	.board-list2 {display:none;}
	.board-list-m {display:block;}
	
	.board-view {margin:0 -15px;}
	.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 {margin:0 -15px;}
	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:10px; 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;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:40px; font-size:13px; line-height:37px;}
	.btn-pack.large {height:37px; line-height:35px; font-size:14px; padding:0 22px;}
	.btn-pack.xlarge {height:45px; font-size:16px; line-height:43px; padding:0 30px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:120px; height:40px; font-size:14px; line-height:36px;}

	.prev_next {margin:0 -15px;}
	.prev_next dt {width:73px; padding:0 0 0 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 a, .paginate strong {margin:0 1px; width:25px; height:25px; line-height:23px;}

	.mailform {margin:0 -15px;}
	.mailform .top-txt {padding:0 15px;}
	.mailform .top-txt .fl {float:none !important;}
	.mailform .top-txt .fl .btn-pack.large {float:left; width:50%;}
	.mailform table tbody th {padding:7px 0 7px 15px;}
	.mailform table tbody td {padding:7px 15px 7px 10px;}
	.mailform .help-txt {padding:0 15px;}

	.form-agree {margin-top:25px; margin-bottom:25px;}
	.form-agree .btn {display:none;}
	
	.paginate.board {padding:10px 0;}

	/* member */
	.cont-wrap {margin-top:15px;}

	.login-area .login-box .form .input {height:35px; margin-bottom:6px;}
	.login-area .not-member {padding:0;}
	.login-area h3 {font-size:18px;}
	.login-area .login-box .form .btn-pack.login {height:35px;}
	.login-area .login-box .form .btn-pack.non-member-btn {padding:7px 0; font-size:16px; margin-bottom:8px;}

	.sns-login {padding:0;}
	.sns-login .head h2 {margin-bottom:10px;}

	.find-account {width:100%; margin:0; margin-bottom:30px;}
	.find-account .tit {padding-bottom:8px;}
	.find-account .tit h3 {font-size:16px;}
	.find-account .form {padding:15px 0;}
	.find-account .form .group {margin-bottom:5px;}
	.find-account .form .input {height:40px;}
	.find-account .form .btn-pack.login {font-size:15px; height:40px;}
	.find-account .result {padding:10px 0 5px;}
	.find-account .result p {line-height:1.3em;}

	.join-area h3 {font-size:16px;}
	.join-area p {font-size:12px; line-height:1.3em;}
	.join-area .box {height:150px; padding:10px;}
	.join-area .chk {margin:5px 0 20px 0;}
	
	.agree dl {padding:0 0 15px 0;}
	.agree dd {font-size:13px; line-height:1.5em;}
	.agree p {font-size:13px; line-height:1.5em; margin:8px 0;}

	.btn-pack.xlarge {height:40px; line-height:38px; width:100%; margin-bottom:4px;}
	.buttons .fr .btn-pack.xlarge {margin-bottom:5px;}
	
	.join-area .form table th {display:block; line-height:1.3em; width:auto; padding:9px 10px; border-right:0;}
	.join-area .form table td {display:block; padding:5px 0; width:100%;}
	.join-area .form table td .txt {display:block; font-size:13px;}
	.join-area .form table td * {font-size:12px;}
	.join-area .form table td ul li {width:30%;}
	.join-area .form table td .mail li {width:30%;}
	.join-area .form table td .mail li .input {width:100% !important}

	/* shop */
	.order-step {background-size:auto 60px; background-position:50% 0;}

	.order-info {margin:10px 0; font-size:13px; line-height:1.3em; padding-top:85px;}
	.order-info.mt0 {padding-top:0;}
	.order-info .btn-pack {position:static; height:35px; line-height:35px;}
	.order-info ol li {margin-bottom:8px;}

	.total-price {font-size:15px; padding:5px 0;}
	
	.order-info-table tbody th {font-size:13px; width:26% !important; padding:7px 10px 7px 0;}
	.order-info-table tbody td {padding:5px; font-size:13px; line-height:1.6em;}
	.order-info-table tbody td ul {margin:0 -6px;}
	.order-info-table tbody td ul:after {content:''; display:block; clear:both;}
	.order-info-table tbody td ul li {position:relative; float:left; width:33.33333%; padding:0 6px;}
	.order-info-table tbody td ul li .input {width:100%;}
	.order-info-table tbody td ul li:first-child {padding-left:6px;}
	.order-info-table tbody td .select {width:100% !important;}
	.order-info-table tbody td p .btn-pack {margin-top:5px;}
	
	.total-price dl dd {display:block; font-size:15px; line-height:1.8em;}

	.order-info-title h3 {font-size:16px;}
	.order-info-title.pop-ver h3 {float:none;}
	.order-info-title.pop-ver a {display:none;}
	.guest-private-agree .pop_privacy {display:none;}

	.pro-summary .info .qty-table tbody td {font-size:12px; line-height:1.3em;}
	.plus-info .table-plus tbody td .txt {font-size:12px; line-height:1.3em;}

	.pro-detail .tab-content {padding:0;}
	.pro-detail .detail-tab {margin:0 -15px 20px; padding:0 15px;}
	.pro-detail .detail-tab ul li a {font-size:13px; line-height:38px; min-width:80px;}
	.pro-detail .detail-tab ul li.active a {color:#000; font-weight:700;}

	/* 주문테이블 */
	.order-table {margin:0 -15px;}
	.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:13px; line-height:1.4em; background:#fff;}
	.order-table thead th {padding:8px 4px; font-size:14px; font-weight:500; background:#666; color:#fff;}
	.order-table tbody th {padding:10px 0; vertical-align:top; border-bottom:1px solid #ccc;}
	.order-table tbody td {padding:10px 4px; vertical-align:top; border-bottom:1px solid #ccc;}
	.order-table .photo img {width:100%;}
	.order-table .title {font-size:14px; margin:0 0 5px;}
	.order-table .opt {color:#5e9cc5; font-size:11px; padding:0 0 4px 0;}
	.order-table .price {font-size:12px; padding:4px 0 0 0; font-weight:500;}
	.order-table .total td {padding:8px 3%; background:#eee; border-bottom:1px solid #ccc;}
	.order-table .btn {padding:4px 0;}
	.order-table table tbody td .quan-wrap {width:104px; text-align:left; position:relative; padding-left:23px; padding-right:23px;}
	.order-table table tbody td .input {text-align:center; height:25px;}
	.order-table table tbody td .quan-wrap img {height:25px;}
	.order-table table tbody td a.q-down {position:absolute; top:0; left:0;}
	.order-table table tbody td a.q-up {position:absolute; top:0; right:9px;}

	.total-price ul li {width:33.333333%;}
	.total-price ul li:last-child {width:100%; margin-top:20px; text-align:left; padding:0 0 0 40px;}
	.total-price ul li h3 {font-size:13px; margin-bottom:5px;}
	.total-price ul li p {font-size:15px;}
	.total-price ul li:before {width:15px; height:15px; left:-2px}
	.total-price ul li:last-child:before {left:15px}

	/* mypage */
	.order-desc {font-size:14px; padding:15px 0;}
	.order-desc ul li {margin-bottom:8px; padding-left:7px; text-indent:-7px;}
	.order-desc ul li:last-child {margin-bottom:0;}
	
	.order-table-m {border-bottom:1px solid #ddd;}
	.order-table-m ul li {border-top:2px solid #493b6a;}
	.order-table-m ul li .head {padding:12px 0; border-bottom:1px solid #ddd;}
	.order-table-m ul li .head:after {content:''; display:block; clear:both;}
	.order-table-m ul li .head dl dd {color:#666; font-size:13px;}
	.order-table-m ul li .head dl dd.num .pointer {text-decoration:underline; font-weight:500;}
	.order-table-m ul li .head dl dd span {color:#000; font-size:13px; text-decoration:none;}
	.order-table-m ul li .body {padding:12px 0;}
	.order-table-m ul li .body .prod-info:after {content:''; display:block; clear:both;}
	.order-table-m ul li .body .prod-info .img {float:left;}
	.order-table-m ul li .body .prod-info .img img {border:1px solid #ddd;}
	.order-table-m ul li .body .prod-info .info {margin-left:100px; font-size:13px;}
	.order-table-m ul li .body .prod-info .info .tit {font-size:13px; font-weight:500; color:#000; line-height:1.3em; margin-bottom:5px;}
	.order-table-m ul li .body .prod-info .info dl dd {color:#666;}
	.order-table-m ul li .body .prod-info .info dl dd .ing {color:#ff4800; text-decoration:underline;}
	.order-table-m ul li .body .tit-name {line-height:1.3em;}

/* 	.shop-table table thead th {display:none;}
	.shop-table table tbody tr {display:block; border-bottom:1px solid #ddd; padding:12px 0;}
	.shop-table table tbody td {display:block; border:0; text-align:center; padding:0;}
	.shop-table table tbody td.space-left {padding-left:0; text-align:center !important; padding:2px 0 12px 0;}
	.shop-table table tbody td.space-right {padding-right:0; text-align:center !important;}
	 */
	.sub-tab ul {table-layout:auto;}
	.sub-tab ul li {white-space:nowrap; line-height:35px;}
	
	.point-table {border-bottom:1px solid #ddd;}
	.point-table ul li {border-top:2px solid #493b6a;}
	.point-table .date {padding:12px 0; color:#666; font-size:13px; line-height:1.3em; letter-spacing:0; border-bottom:1px solid #ddd;}
	.point-table .cnt {padding:5px 0;}
	.point-table .cnt h3 {color:#000; font-size:14px; line-height:1.3em; letter-spacing:0; margin-bottom:4px;}
	.point-table .cnt dl:after {content:''; display:block; clear:both;}

	.member-leave {width:100%; padding:15px 10px;}
	.member-leave .top {padding:15px 0 15px 0; background-size:37px 30px; line-height:1.3em; margin-bottom:15px;}
	.member-leave .top strong {line-height:1.3em;}
	.member-leave fieldset p {margin-bottom:10px; line-height:1.3em;}
	.member-leave fieldset .group label {width:68px;}
	.member-leave fieldset .group input {width:calc(100% - 80px) !important;}

	.join-area .form table td .tel li:after {right:-2px;}
	
	.myqna-list {border-top:2px solid #493b6a;}
	.myqna-list ul li a {display:block; padding:12px 0; border-bottom:1px solid #ddd;}
	.myqna-list ul li a .tit {margin-bottom:5px;}
	.myqna-list ul li a .tit p {color:#666; font-size:12px;}
	.myqna-list ul li a .tit p span {color:#000;}
	.myqna-list ul li a .cnt {position:relative;}
	.myqna-list ul li a .cnt h3 {color:#000; font-size:13px; width:calc(100% - 65px);}
	.myqna-list ul li a .cnt span {position:absolute; top:0; right:0; color:#000; font-size:12px;}
	.myqna-list ul li a .cnt span.ing {color:#ff6d33; text-decoration:underline;}
	
	.personal-list {margin:0 -5px;}
	.personal-list li {width:50%; padding:0 5px; margin-bottom:30px;}
	
	.order-inquiry-form .mailform table .select-box {margin:0;}
	.order-inquiry-form .mailform table .select-box li {width:100%; padding:0; margin-bottom:5px;}
	.order-inquiry-form .mailform table .select-box li:last-child {margin-bottom:0;}
	.order-inquiry-form .mailform table .select-box li .input {width:100%;}

	.agree .contact-info li {margin-bottom:5px;}
	.agree .policy-list {padding:10px 5px;}

} 

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