@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;}


/* landscape tablet and desktop */
@media (max-width: 1260px){

	/* header */

	/* main */
	.main-visual {min-width:100%;}

	/* content */
	.root_daum_roughmap {width:100% !important;}

	/* 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;}
	
	#header .top-zone {padding:10px 0 7px 0;}
	#header .top-zone .row ul li:after {top:2px;}
	#header .top-zone .search:after {top:2px;}
	#header .top-zone .mypage-zone {margin:3px 0;}
	#gnb {display:none;}
	.sitelogo {position:static; padding:15px 0;}
	.sitelogo img {height:90px}
	.btn-m-menu {display:block;}

	/* main */
	
	/* footer */

	/* content */
	.blog .body ul {margin:0 -6px;}
	.blog .body ul li {padding:6px;}
	
	.pro ul {margin:0 -10px;}
	.pro ul li {width:33.333333%; padding:0 10px;}
	.pro ul li:nth-child(4n+1) {clear:none;}
	.pro ul li:nth-child(3n+1) {clear:left;}

	.pro-summary .photo {float:none; width:100%; margin-bottom:30px;}
	.pro-summary .info {float:none; width:100%; padding-left:0;}
	
	.pro-detail .detail-tab {font-size:15px; height:40px; line-height:37px; margin-bottom:20px;}
	.pro-detail .detail-tab ul li a {white-space:nowrap; padding:0 12px}
	.pro-detail .tab-content dl dd {font-size:15px; line-height:1.5em;}

	.hobby .body .items .item {padding:50px 50px;}

	/* 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 */

} 

/* portrait tablet */
@media (max-width: 950px) {	
	
	.login-area .login-box {width:100%;}
	.sns-login {padding:0 30px;}

} 

/* portrait tablet */
@media (max-width: 850px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	
	/* main */
	
	/* sub */
	.blog .body ul {margin:0;}
	.blog .body ul li {width:100%; padding:5px 0;}

	.login-area {float:none; width:100%; margin-bottom:30px;}
	.sns-login {padding:0; float:none; width:100%;}
	
	/* footer */
	

} 

/* Landscape phone */
@media (max-width: 700px) {
	.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 .top-zone .search-zone .input {height:35px;}
	#header .top-zone .search-zone {width:150px;}
	#header .top-zone .row ul li:after {height:12px; top:4px;}
	.sitelogo img {height:55px;}
	#header .top-zone .row ul li {padding:0 10px;}
	#header .top-zone .row ul li a {font-size:14px;}
	#header .top-zone .mypage-zone dl dd a {font-size:10px;}

	/* main */
	.main-visual .inner ul li {padding:0 5px;}

	
	/* footer */
	#footer {text-align:center;}
	#footer .row .foot-info {float:none; width:100%;}
	#footer .row .foot-info address span {margin-right:0; padding:0 4px;}
	#footer .row .foot-copy {float:none; width:100%; text-align:center; padding-top:20px;}

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

	#lnb {margin-bottom:30px; font-size:16px;}
	#lnb ul li {float:none; display:table-cell; padding:0 10px;}
	#lnb ul li:after {top:20px;}
	#lnb ul li a {height:50px; padding:14px 0;}

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

	/* content */
	.about .head {padding:0 15px; margin-bottom:60px;}
	.about .head p {font-size:15px; margin-bottom:10px;}
	.about .body .sub-logo {margin-bottom:20px;}
	.about .body .sub-logo img {height:60px;}
	.about .body .row {margin-bottom:50px;}
	.about .body .tit {padding:0 15px; margin-bottom:25px;}
	.about .body .tit h3 {font-size:17px;}
	.about .body .tit p {font-size:15px;}
	
	.blog .head {margin-bottom:20px;}
	.blog .body ul li a h3 {padding-bottom:8px; margin-bottom:8px;}
	.blog .body ul li a {padding:15px; height:120px;}
	.blog .body ul li a p {font-size:16px;}

	.location {padding:20px 15px;}
	.wrap_map {height:300px !important;}
	.location .head {padding-bottom:15px; margin-bottom:15px;}
	.location .head dl dd {font-size:15px;}
	.location .head p {font-size:15px;}
	.location .body p {font-size:15px;}
	
	.pro ul {margin:0 -5px;}
	.pro ul li {width:50%; padding:0 5px; margin-bottom:30px;}
	.pro ul li:nth-child(3n+1) {clear:none;}
	.pro ul li:nth-child(2n+1) {clear:left;}
	.pro ul li p {font-size:14px;}
	
	.pro-summary {margin:10px 0 35px 0;}
	.pro-summary .photo {margin-bottom:15px;}
	.pro-summary .info .title {font-size:20px; padding-top:0; padding-bottom:10px;}
	.pro-summary .info ul li {font-size:15px;}
	.pro-summary .info .view-total .pay-wrap .btn .btn-pack {width:32%; padding:7px 3px; font-size:15px;}
	.pro-summary .info .view-total .price {font-size:15px; margin-bottom:20px;}
	.pro-summary .info .view-total .price strong {font-size:22px;}
	.pro-summary .info .view-total .pay-wrap .btn {margin-bottom:15px;}
	.pro-summary .info .view-total .pay-wrap .pay-btn a {width:49%; font-size:15px; padding:7px 10px 7px 18px;}
	.pro-summary .info .view-total .pay-wrap .pay-btn a.naver {background: url('../images/shop/pay1.png') 5px 50% no-repeat; background-size:18px 18px;}
	.pro-summary .info .view-total .pay-wrap .pay-btn a.kakao {background: url('../images/shop/pay2.png') 5px 50% no-repeat; background-size:18px 18px;}
	
	.hobby .head {margin-bottom:18px;}
	.hobby .head p {font-size:16px;}
	.hobby .body .items .item {padding:25px 20px;}
	.hobby .body .items .item h3 {margin-bottom:20px;}
	.hobby .body .items .item dl {margin-bottom:30px;}
	.hobby .body .items .item dl dd {font-size:15px;}
	
	.profession .head {margin-bottom:20px;}
	.profession .head p {font-size:16px;}
	.profession .body .items .item {padding:20px;}

	.bo-intro .inner ul li {padding:0 5px;}
	.bo-intro .txt {margin-top:25px; padding:0 15px;}
	.bo-intro p {font-size:15px;}
	
	.bo-inquiry .txt {padding:0 15px;}
	.bo-inquiry p {font-size:15px;}
	.bo-inquiry dl {font-size:15px;}
	
	.culum ul li {height:330px;}
	.culum ul li .txt {padding-top:45px;}
	.culum ul li .txt dl dt {font-size:18px; margin-bottom:10px;}
	.culum ul li .txt dl dd {font-size:15px;}
	.culum ul li .txt dl dd:after {top:7px;}
	.culum ul li.bg1 {background-image:url("../images/sub/culum1_m.jpg");}
	.culum ul li.bg2 {background-image:url("../images/sub/culum2_m.jpg");}
	.culum ul li.bg3 {background-image:url("../images/sub/culum3_m.jpg");}
	.culum ul li.bg4 {background-image:url("../images/sub/culum4_m.jpg");}
	
	.sub-title {margin-bottom:28px;}
	.sub-title h2 {font-size:20px;}

	.login-wrap {padding:0;}

	.order-inquiry-form.ver2 {margin-top:30px;}
	
	.sub-tab2 ul li {line-height:37px; font-size:15px;}
	


	/* 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:33px !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 {font-size:13px; color:#888;}
	.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;}

	.order-inquiry-form.ver2 .mailform table tbody th {font-size:15px; padding:7px 0 7px 15px; width:28% !important;}
	.order-inquiry-form.ver2 .mailform table tbody td {padding:7px 15px 7px 10px; width:72% !important;}

	.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:40px; margin-bottom:6px;}
	.login-area .not-member {padding:0; margin-top:12px; margin-bottom:12px;}
	.login-area .not-member li {font-size:15px;}
	.login-area .login-box .form .btn-pack.login {height:40px;}

	.sns-login {padding:0;}
	.sns-login .head h2 {margin-bottom:10px;}
	.sns-login .body ul li a {padding:12px 53px; font-size:16px;}
	.sns-login .body ul li a:after {width:40px; height:44px;}

	.buttons .cen .btn-pack {margin:0;}

	.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; font-size:15px;}
	.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 .tel li .input {width:100% !important;}
	.join-area .form table td .mail li {width:30%;}
	.join-area .form table td .mail li .input {width:100% !important;}

	/* shop */
	.order-step {margin-bottom:25px;}

	.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:15px;}
	.total-price .price dl {padding:0 15px;}
	.total-price .price {margin:0 -15px;}

	.order-info-table tbody th {font-size:13px; width:26% !important; padding:7px 10px;}
	.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;}
	.guest-private-agree .pop_privacy {display:none;}

	.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:13px; line-height:1.4em; background:#fff; margin-top:20px; border-top:1px solid #000;}
	.order-table thead th {padding:8px 4px; font-size:14px; font-weight:500; background:#fff; color:#666; border-bottom:1px solid #ddd;}
	.order-table tbody th {padding:10px 0; vertical-align:top; border-bottom:1px solid #ccc;}
	.order-table tbody td {position:relative; padding:10px 4px; vertical-align:top; border-bottom:1px solid #ccc;}
	.order-table tbody td .del-btn {position:absolute; top:33%; right:20px;}
	.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:14px; padding:8px 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:27px; padding-right:27px;}
	.order-table table tbody td .input {text-align:center; height:30px !important;}
	.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:0;}

	.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}

	.total-price.ver2 {padding:0; border:0; margin-top:0;}
	.total-price.ver2 dd {font-size: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;}

	.total-point {font-size:15px;}
	
	.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; line-height:1.3em; margin-bottom:0;}
	.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.end {color:#85af15; 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;}

	.member-leave .top p {font-size:15px;}

} 

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