@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1199px) {
#wrap {
	min-width: 1000px;
}
#wrap .container {
	max-width: 1000px;
}
#top.fixedTop .logo {
	width: 108px;
}
#main .left_side {
}
#main .right_side {
	width: 700px;
}
}
 @media screen and (max-width: 1023px) {
/* desktop to ipad */
html, body {
	overflow-x: hidden;
	overflow-y: visible;
}
#wrap {
	min-width: 10px;
	padding-top: 0 !important;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transition: transform 0.5s ease;
}
#wrap .container {
	max-width: 768px;
}
#toolbar {
	display: none !important;
}
#top .search_area {
	display: none;
}
#top .menu_area {
	display: none;
}
#top .mobile_btn {
	display: block;
}
#top.fixedTop {
	position: static;
	background-color: transparent;
	box-shadow: none;
}
#top.fixedTop .logo {
	xdisplay: block;
}
#banner {
	padding-top: 20px !important;
}
#mobile_menu {
	display: block;
}
#main .container {
	padding-bottom: 60px;
}
#main .left_side {
	width: 200px;
}
#main .right_side {
	width: calc(100% - 220px);
}
#footer .footer_sitemap {
	xdisplay: none;
}
#footer .footer_sitemap .sitemap_row {
	xwidth: 50%;
	padding-right: 20px;
}
#footer .footer_sitemap .sitemap_brand, #footer .footer_sitemap .sitemap_delivery {
	display: none;
}
#footer .footer_sitemap .sitemap_contact {
	padding-bottom: 20px;
}
#footer .footer_sitemap .sitemap_address p {
	line-height: 20px;
}
#footer .newsletter_area {
	width: 300px;
	padding-left: 20px;
}
}
 @media screen and (min-width: 767px) {
#footer .footer_sitemap .sitemap_row.sitemap_address {
	max-width: 70%;
}
}
 @media screen and (max-width: 767px) {
/* ipad to iphone 6 plus */
#wrap .container {
	max-width: none;
}
#main .direct_path_area {
	padding: 0;
}
#main .direct_path_area .direct_path {
	font-size: 14px;
	line-height: normal;
}
#main .direct_path_area .multipage {
	display: none;
}
#main .left_side {
	display: none;
}
#main .right_side {
	width: 100%;
}
#main .multipage {
	text-align: center;
}
#footer .footer_sitemap .sitemap_area {
	xdisplay: none;
}
#footer .footer_sitemap .sitemap_address {
	width: 60%;
}
#footer .footer_sitemap .sitemap_contact, #footer .footer_sitemap .sitemap_payment {
	xwidth: 45%;
}
#footer .newsletter_area {
	width: 100%;
	border-left: none;
	padding-left: 0;
}
#footer .copyright, #footer .designby {
	width: 100%;
	text-align: center;
}
}
 @media screen and (max-width: 520px) {
#footer .footer_sitemap .sitemap_row {
	width: 100%;
}
#footer .footer_sitemap .sitemap_address {
	padding-bottom: 20px;
	max-width: 100%;
}
}
 @media screen and (max-width: 479px) {
/* below iphone 6 plus */

}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1199px) {
.index_prd_list .prd_item {
	width: 25%;
}
}
 @media screen and (max-width: 1023px) {
}
 @media screen and (max-width: 767px) {
}
 @media screen and (max-width: 479px) {
}

/*-------------------------------------------------------------------------------------*/
/* COMMON CONTENT */

@media screen and (max-width: 767px) {
.common_title {
	padding: 0 10px 12px 10px;
	margin: 0 -10px;
}
}

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

@media screen and (max-width: 1199px) {
.prd_list .prd_item {
	width: 25%;
}
}
 @media screen and (max-width: 1023px) {
.prd_list .prd_item {
	width: 33.33%;
}
.prd_detail .prd_detail_photo {
	float: left;
	width: 350px;
}
.prd_detail .prd_detail_photo .sub_photo {
	width: 83px;
}
.prd_detail .prd_detail_info {
	width: calc(100% - 370px);
}
}
 @media screen and (max-width: 767px) {
.prd_content .prd_cate_name {
	padding-right: 0;
}
.prd_content .prd_cate_name+.multipage {
	display: none;
}
.prd_detail .prd_detail_photo {
	width: 100%;
}
.prd_detail .prd_detail_photo .large_photo {
	max-width: 430px;
	margin: 0 auto;
}
.prd_detail .prd_detail_photo .sub_photo_list {
	max-width: 436px;
	margin: 0 auto;
}
.prd_detail .prd_detail_photo .sub_photo {
	width: calc(25% - 6px);
}
.prd_detail .prd_detail_info {
	width: 100%;
	padding-top: 25px;
}
}
 @media screen and (max-width: 520px) {
.prd_list .prd_item {
	width: 50%;
}
}
 @media screen and (max-width: 479px) {
.prd_detail .prd_detail_youtube iframe {
	height: 260px;
}
}

/*-------------------------------------------------------------------------------------*/
/* LOGIN & REGISTER  */

@media screen and (max-width: 590px) {
.login_area .login_item {
	width: 100%;
}
.login_area .login_box_content {
	min-height: auto;
	margin-bottom: 20px;
}
.forgot_pwd_area .login_box_content {
	min-height: 120px;
}
}
 @media screen and (max-width: 479px) {
.register_area .register_btn input[type=submit] {
	width: 120px;
}
}
 @media screen and (max-width: 413px) {
.register_area .register_btn input[type=submit] {
	width: calc(50% - 8px);
}
}

/*-------------------------------------------------------------------------------------*/
/* CHECKOUT  */

@media screen and (max-width: 1199px) {
.checkout_area .checkout_item_info {
	width: 778px;
}
.checkout_area .checkout_total_side {
	padding-left: 583px;
}
.checkout_area .checkout_info_note {
	width: calc(100% - 650px);
}
.checkout_area .checkout_info_delivery {
	width: 650px;
}
.order_area .order_code {
	width: 292px;
}
.order_area .order_date, .order_area .order_price, .order_area .order_status {
	width: 160px;
}
}
 @media screen and (max-width: 1023px) {
.checkout_area .checkout_topic {
	display: none;
}
.checkout_area .checkout_item_photo {
	vertical-align: top !important;
}
.checkout_area .checkout_item_info {
	width: calc(100% - 120px);
}
.checkout_area .checkout_item_info .item_field {
	display: block;
	width: 100%;
	padding-left: 130px;
	padding-bottom: 6px;
	text-align: left;
}
.checkout_area .checkout_item_info .item_field b {
	display: block;
}
.checkout_area .checkout_total_side {
	padding-left: 371px;
}
.checkout_area .checkout_discount_row {
	width: calc(100% - 360px);
}
.checkout_area .checkout_discount_row input[type=text] {
	width: calc(100% - 164px);
}
.checkout_area .checkout_price_area {
	padding-left: 20px;
}
.checkout_area .checkout_info_note {
	width: 100%;
	padding-left: 0;
	padding-bottom: 20px;
}
.checkout_area .checkout_info_delivery {
	width: 100%;
}
.order_area .order_code {
	width: 180px;
}
.order_area .order_date, .order_area .order_price, .order_area .order_status {
	width: 120px;
}
}
 @media screen and (max-width: 767px) {
.checkout_area .checkout_total_side {
	padding: 0;
}
.checkout_area .checkout_discount_row {
	position: static;
	width: 100%;
	padding: 24px 15px;
}
.checkout_area .checkout_discount_row input[type=text] {
	max-width: 100%;
}
.checkout_area .checkout_price_area {
	min-height: 10px;
	padding: 20px 15px 0 15px;
	border-top: 1px solid #cccccc;
	border-left: none;
}
.order_area .order_topic {
	display: none;
}
.order_area .order .order_field {
	display: block;
	min-height: 10px;
	padding-left: 92px;
	line-height: 20px;
}
.order_area .order .order_field b {
	display: block;
}
.order_area .order_code {
	width: 100%;
}
.order_area .order_date, .order_area .order_price, .order_area .order_status {
	width: 100%;
}
}
 @media screen and (max-width: 479px) {
.checkout_area .checkout_item_photo {
	display: none !important;
}
.checkout_area .checkout_item_info {
	width: calc(100% - 30px);
}
.checkout_area .checkout_discount_row input[type=text] {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
.checkout_area .checkout_discount_row input[type=submit] {
	display: block;
	margin: 0 auto;
}
.checkout_area .checkout_btn_area {
	text-align: center;
}
.checkout_area .checkout_info_row label {
	width: 100%;
}
.checkout_area .checkout_info_row input[type=text], .checkout_area .checkout_info_row select, .checkout_area .checkout_info_row textarea {
	width: 100%;
}
.order_area .order {
	padding: 10px;
}
.order_area .order_btn {
	position: static;
	width: 100%;
	padding-top: 10px;
}
.order_area .order_btn a {
	height: 30px;
	line-height: 28px;
}
}
 @media screen and (max-width: 374px) {
.checkout_area .checkout_item_info .item_field {
	padding-left: 0;
}
.checkout_area .checkout_item_info .item_field b {
	position: static;
	padding-bottom: 2px;
}
}