@charset "utf-8";

@media (max-width: 1400px) {
	.greeting .img-box .img {right:60px; bottom:-100px;}
	.product-view .col .img-box {max-width:570px;}
	.product-view .col .txt-box {Padding-left:40px;}
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {padding-top:100px; padding-bottom:25px; height:400px;}
	.sub-visual .title h2 {font-size:46px;}
	/* sub common */
	#lnb ul li:after {height:16px; margin-top:-8px;}
	#lnb ul li a {font-size:16px; line-height:60px;}

	.sub-title {margin:100px 0 80px;}
	.sub-title h3 {font-size:38px; padding-top:24px;}
	.real-cont {padding:0 0 120px;}
	/* sub 01 */
	.greeting .img-box {margin-bottom:80px;}
	.greeting .img-box .img {right:30px; bottom:-60px; width:200px;}
	.greeting .txt-box {padding:0;}
	.greeting .txt-box h4 {font-size:28px; margin-bottom:28px;}
	.greeting .txt-box p {font-size:18px; margin-bottom:28px;}
	/* sub 02 */
	.list-category {margin-bottom:50px;}
	.list-category ul li {padding:0 20px;}
	.list-category ul li a {font-size:16px;}
	.product-list .notada {font-size:18px; padding:50px 0;}
	.product-list .col {margin:0 -10px -60px;}
	.product-list .col .row {width:25%; padding:0 10px; margin-bottom:60px;}
	.product-list .inner .thumb {margin-bottom:20px;}
	.product-list .inner .txt-box {padding:0;}
	.product-list .inner .txt-box .category {font-size:15px;}
	.product-list .inner .txt-box .tit {font-size:18px;}
	
	.product-view .col {width:100%; max-width:670px; margin:0 auto 60px;display:block;}
	.product-view .col .img-box {max-width:none; margin-bottom:60px;}
	.product-view .col .txt-box {width:100%; padding-left:0;}
	.product-view .col .txt-box .tit {margin-bottom:30px;}
	.product-view .col .txt-box .tit p {font-size:15px;}
	.product-view .col .txt-box .tit h3 {font-size:28px;}

	.product-view .col .txt-box .txt dl {font-size:18px; padding:14px 0;}
	.product-view .col .txt-box .txt dt {max-width:170px; padding:0 15px;}
	.product-view .col .txt-box .txt dt:after {height:10px; margin-top:-5px;}
	.product-view .col .txt-box .txt dd {padding:0 20px;}
	.product-view .content-box {padding:40px 20px;}
	.product-view .content-box .txt-box {font-size:18px;}

}

@media (max-width: 640px) {
	#sub #header .sitelogo a {width:200px; height:36px; background-size:contain;}
	
	/* sub-visual */
	.sub-visual {padding-top:80px; padding-bottom:20px; height:300px;}
	.sub-visual .title h2 {font-size:38px;}
	/* sub common */
	#lnb ul li:after {height:12px; margin-top:-6px;}
	#lnb ul li a {font-size:14px; line-height:50px;}

	.sub-title {margin:60px 0 40px;}
	.sub-title h3 {font-size:30px; padding-top:18px;}
	
	.real-cont {padding:0 0 100px;}
	/* sub 01 */
	.greeting .img-box {margin-bottom:40px;}
	.greeting .img-box .img {display:none;}
	.greeting .txt-box h4 {font-size:24px; margin-bottom:20px;}
	.greeting .txt-box p {font-size:16px; margin-bottom:18px;}
	.greeting .txt-box p br {display:none;}
	/* sub 02 */
	.list-category {margin-bottom:40px;}
	.list-category ul li {padding:0 14px;}
	.list-category ul li:after {width:4px; height:4px; margin-top:-2px; right:-2px;}
	.list-category ul li a {font-size:14px;}
	
	.product-list .notada {font-size:16px; padding:40px 0;}
	.product-list .col {margin:0 -10px -40px;}
	.product-list .col .row {width:50%; margin-bottom:40px;}
	.product-list .inner .thumb {margin-bottom:14px;}
	.product-list .inner .txt-box .category {font-size:14px;}
	.product-list .inner .txt-box .tit {font-size:16px;}
	
	.product-view .col {margin:0 auto 40px;}
	.product-view .col .img-box {margin-bottom:40px;}
	.product-view .col .txt-box .tit {margin-bottom:20px;}
	.product-view .col .txt-box .tit p {font-size:14px;}
	.product-view .col .txt-box .tit h3 {font-size:24px;}

	.product-view .col .txt-box .txt dl {font-size:16px; padding:10px 0; display:block;}
	.product-view .col .txt-box .txt dt {max-width:none; padding:0 10px; margin-bottom:8px;}
	.product-view .col .txt-box .txt dt:after {display:none;}
	.product-view .col .txt-box .txt dd {padding:0 10px; width:100%;}
	
	.product-view .content-box {padding:30px 15px;}
	.product-view .content-box .txt-box {font-size:16px;}
}

@media (max-width: 400px) {
	.sub-visual {padding-bottom:0; height:250px;}
}