@charset "utf-8";

.stt {font-size:3em;}
.title_p {margin:64px 0; color:#797979; line-height:1.4; text-align:center;}
.title_p .brand {display:block; width:200px; height:43px; margin:0 auto 28px; background:url("../image/main/prod_tit.png") 50% no-repeat; background-size:100% auto; font-size:0;}



#about {}

#introduce {color:#fff; background:url("../image/sub/introduce_bg.jpg") 0 0 no-repeat #16181a;background-size:auto 100%;}
#introduce .box {margin:6em 0;}
#introduce .imgbox {float:left; width:460px; text-align:center;}
#introduce .imgbox img {max-width:100%;}
#introduce .txtbox {float:right; width:700px;}
#introduce .txtbox p {margin:1em 0 0;font-weight:300;font-size:1.25em;line-height:1.4;letter-spacing:-.01em;color:#b5b5b5;}
#introduce .txtbox p strong {display:block; margin:0 0 .25em; font-weight:500;font-size:1.5em;color:#fff;}
#introduce .txtbox p span {display:block; margin:0 0 2em; font-size:1.25em;}
#introduce .txtbox p em {display:block; margin:1em 0 0; color:#0f8cfc;}

@media screen and (max-width:1366px){
	#introduce .imgbox {width:35.9375%}
	#introduce .txtbox {width:54.6875%}
}
@media screen and (max-width:768px){
	#introduce .box {width:100%}
	#introduce .imgbox {margin-bottom:0}
	#introduce .imgbox img {max-width:30%}
	#introduce .txtbox {margin-top:3em; text-align:center;}
}
@media screen and (max-width:414px){
	#introduce .imgbox img {max-width:40%}
	#introduce .txtbox {margin-top:4em}
	#introduce .txtbox p {font-size:1.25em}
	#introduce .txtbox p strong {font-size:1.25em}
	#introduce .txtbox p span {font-size:1.125em}
	#introduce .txtbox p br {display:none}
}



#history {width:100%; padding:6em 0; overflow:hidden; background:url("../image/sub/about_history_bg.jpg") 0 -70px no-repeat #edf1f6; background-size:100% auto;}
.history_img {float:left; width:460px;}
.history_img .thumb img {width:100%;}
.history_img h4 {float:right; width:100%; margin:1em 0; font-size:2.5em; color:#000;}
.history_img ul {float:right; width:100%; padding:.875em 0; font-size:1.25em; background:#fff;}
.history_img li {padding:.25em 1.25em; font-weight:300;}
.history_img li span {font-weight:400;}
.history_tab {float:right; width:660px;}
.history_tab .tab_menu {width:100%; margin:0 0 2.667em; overflow:hidden;}
.history_tab .tab_menu li {float:left; width:50%; text-align:center; padding:0 0 11px; position:relative;}
.history_tab .tab_menu li a {display:block; width:100%; height:3.556em; line-height:3.556em; font-size:1.25em; color:#797979; border:1px solid #797979; border-left-width:0; box-sizing:border-box;}
.history_tab .tab_menu li:first-child a {border-left-width:1px;}
.history_tab .tab_menu li a.current {background:#0f8cfc; border-color:#0f8cfc; color:#fff;}
.history_tab .tab_menu li a.current:after {content:''; display:block; border:11px solid transparent; border-top-color:#0f8cfc; border-bottom-width:0; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.history_tab .tab_con dl dt {font-weight:600;}
.history_tab .tab_con dl dd {line-height:1.4; color:#222;}
.history_tab .tab_con dl.basic {padding:0 0 1em; margin:0 0 2em; border-bottom:1px solid #c2c6ca;}
.history_tab .tab_con dl.basic dt {display:block; font-size:1.25em;}
.history_tab .tab_con dl.basic dd {margin:.25em 0 .75em; font-size:1.063em;}

.history_tab .tab_con dl.basic dl.color dt {font-size:26px;}
.history_tab .tab_con dl.basic dl.color dd {font-size:26px;}

.history_tab .tab_con dl.color {font-size:1.625em; color:#0f8cfc;}
.history_tab .tab_con dl.color dt {display:inline-block; margin:.25em .25em 0 0; vertical-align:top;}
.history_tab .tab_con dl.color dd {display:inline-block; margin:0 0 .5em; vertical-align:top;}
.history_tab .tab_con dl.color dd span {display:block; margin:.5em 0 1em; line-height:1.3; font-size:.714em; color:#000;}
.history_tab .tab_con dl.now dt {display:inline-block; margin:.25em .25em 0 0; font-size:1.625em;}
.history_tab .tab_con dl.now dd {display:inline-block; margin:0 0 .25em; font-size:1.25em;}

@media screen and (max-width:1366px){
	.history_img {width:35.9375%;}
	.history_tab {width:54.6875%;}
}
@media screen and (max-width:768px){
	.history_img {width:100%; overflow:hidden; margin:0 0 2em;}
	.history_img .thumb {float:left; width:45%;}
	.history_img h4 {float:right; width:50%; margin:.25em 0 .5em; font-size:2em; line-height:1.4; color:#000;}
	.history_img h4 .br {display:block;}
	.history_img ul {float:right; width:50%; padding:0; background:none;}
	.history_img li {padding:.25em 0; line-height:1.4; font-size:1.125em; color:#454545;}
	.history_img li span {display:block; font-weight:400; font-size:1em; color:#000;}
	.history_tab {width:100%;}
}
@media screen and (max-width:414px){
	.history {padding:3em 0;}
	.history_img h4 {font-size:1.5em;}
	.history_img li {font-size:1em;}
	.history_img li span {}
	.history_tab .tab_con dl.basic dl.color dt {font-size:21.125px;}
	.history_tab .tab_con dl.basic dl.color dd {font-size:21.125px;}
}

#system {width:100%; padding:6em 0; background:url("../image/sub/about_bg1.jpg") 50% no-repeat; background-size:cover; clear:both;}
.system {text-align:center;}
.system .img_box img {max-width:100%;}
.system .img_box.pc {display:block;}
.system .img_box.mobile {display:none;}

@media screen and (max-width:1366px){ }
@media screen and (max-width:1024px){ }
@media screen and (max-width:768px){ 
.system .img_box.pc {display:none;}
.system .img_box.mobile {display:block;}
}
@media screen and (max-width:414px){
	.system {padding:3em 0;}
}

#thesis {width:100%; padding:6em 0;}
.thesis .stt {margin:0 0 28px; color:#000; font-weight:300; text-align:center;}
.thesis table {width:100%;}
.thesis table tr {margin-bottom:1px;}

.thesis table th,
.thesis table td {padding:1.3em 2%; border-top:1px solid #797979; border-bottom:1px solid #797979; vertical-align:middle;}
/* .thesis table tr:first-child th,
.thesis table tr:first-child td {border:0;} */
.thesis table th {color:#fff; background:#000; font-weight:600; font-size:1.063em; text-align:center; letter-spacing:0;}
.thesis table td {color:#000; font-weight:300; font-size:1.063em; line-height:1.6;}
.thesis table .bor {border-right:1px solid #fff;}
.thesis table .bor2 {border-right:1px solid #797979; text-align:center; font-weight:bold;} 
.thesis table .pd {padding:10px; display:block;} 


@media screen and (max-width:1366px){ }
@media screen and (max-width:1024px){ }
@media screen and (max-width:768px){ 
	.thesis .stt {font-size:2em;}
}
@media screen and (max-width:414px){
	.thesis {padding:3em 0;}
	.thesis table td {font-size:1em;}
}

#hair_thesis {width:100%; padding:6em 0; background:#edf1f6;}
.hair_thesis .stt {margin:0 0 28px; color:#000; font-weight:300; text-align:center;}
.hair_thesis ul {width:100%; height:auto; overflow:hidden;}
.hair_thesis ul li {float:left; width:400px; height:auto; margin:0 0 0 40px; color:#797979; text-align:center; position:relative; border:1px solid #d7d7d7; box-sizing:border-box;}
.hair_thesis ul li:nth-child(3n+1) {margin-left:0;}
.hair_thesis ul li:hover {border-color:#0f8cfc;}
.hair_thesis ul .max_prd_img {line-height:0;}
.hair_thesis ul .max_prd_img img {width:100%;}


@media screen and (max-width:1366px){
	.hair_thesis ul li {width:31.25%; height:auto; margin:0 0 3.125% 3.125%; color:#797979; text-align:center; position:relative;}
}
@media screen and (max-width:768px){
	.hair_thesis ul li {width:46%; height:auto; margin:0 2% 2.08%; color:#797979; text-align:center; position:relative;}
	.hair_thesis ul li:nth-child(3n+1) {margin:0 2% 2.08%;}
	.hair_thesis .stt {font-size:2em;}
}
@media screen and (max-width:414px){
	.hair_thesis ul li {float:none; width:93.66%; height:auto; margin:0 auto 6%; color:#797979; text-align:center; position:relative;}
	.hair_thesis ul li:nth-child(3n+1) {margin:0 auto 6%;}
}

#hair_develop {width:100%; padding:6em 0;}
.hair_develop .stt {margin:0 0 28px; color:#000; font-weight:300; text-align:center;}
.hair_develop ul {width:100%; height:auto; overflow:hidden;}
.hair_develop ul li {float:left; width:303px; height:auto; margin:0 0 0 22px; color:#797979; text-align:center; position:relative;}
.hair_develop ul li:nth-child(4n+1) {margin-left:0;}
.hair_develop ul .max_prd_img {line-height:0; border:1px solid #d7d7d7; box-sizing:border-box;}
.hair_develop ul .max_prd_img img {width:100%;}
.hair_develop .txt_area {padding:20px 0 0 0;}
.hair_develop .txt_area p {font-size:1.063em; line-height:1.3}
.hair_develop .txt_area p strong {font-weight:bold;}
.hair_develop .txt_area .tit {margin-bottom:10px;}


@media screen and (max-width:1366px){
	.hair_develop ul li {width:22.65%; height:auto; margin:0 0 3.125% 3.125%; color:#797979; text-align:center; position:relative;}
}
@media screen and (max-width:768px){
	.hair_develop ul li {width:46%; height:auto; margin:0 2% 2.08%; color:#797979; text-align:center; position:relative;}
	.hair_develop ul li:nth-child(4n+1) {margin:0 2% 2.08%;}
	.hair_develop .stt {font-size:2em;}
}
@media screen and (max-width:414px){
	.hair_develop ul li {float:none; width:93.66%; height:auto; margin:0 auto 6%; color:#797979; text-align:center; position:relative;}
	.hair_develop ul li:nth-child(4n+1) {margin:0 auto 6%;}
}

#trichogene_is {width:100%; padding:6em 0;}
.trichogene_is {position:relative;}
.trichogene_is .img_box {float:left; width:660px; text-align:center;} 
.trichogene_is .img_box img {max-width:100%;}
.trichogene_is .txt_box {float:left; margin-left:86px; width:534px; color:#585858; padding:8em 0;}
.trichogene_is .txt_box h3 * {display:inline-block; vertical-align:bottom; line-height:1;}
.trichogene_is .txt_box h3 {display:block; margin:48px 0; color:#111;}
.trichogene_is .txt_box h3 span {width:263px; height:56px; background:url("../image/main/prod_tit.png") 50% 100% no-repeat; background-size:contain; font-size:0;}
.trichogene_is .txt_box h3 em {margin-left:.75em; font-weight:600; font-size:28px;}
.trichogene_is .txt_box h4 {margin:0 0 1em; font-weight:500; font-size:2em; color:#000; line-height:1.4;}
.trichogene_is .txt_box p {line-height:1.6; font-size:1.063em;} 
.trichogene_is .txt_box p.blue {color:#3e8bfb;  margin:20px 0; font-size:1.063em;}
.trichogene_is .txt_box .br {display:block;}

@media screen and (max-width:1366px){
	.trichogene_is .img_box {margin-left:3.147877%; width:45.24158%;}
	.trichogene_is .txt_box {margin-left:3.147877%; width:42.16691%; padding:4em 0;}
	.trichogene_is .txt_box h3 {margin:0 0 20px 0;}
}
@media screen and (max-width:1024px){
	.trichogene_is .txt_box h4 {font-size:1.5em;}
	.trichogene_is .txt_box {padding:3em 0;}
}
@media screen and (max-width:768px){
	.trichogene_is .img_box {width:100%; margin:0 auto; float:none;}
	.trichogene_is .txt_box {width:100%; margin:0 auto; float:none;}
	.trichogene_is .txt_box h3 {margin:40px 0 40px 0;} 
	.trichogene_is .txt_box h3 em {display:block; margin:0;}
}
@media screen and (max-width:414px){
	.trichogene_is .txt_box h3 {margin:10px 0 40px 0;}
	.trichogene_is .txt_box h3 span {width:40%;}
	.trichogene_is .txt_box h3 em {font-size:20px;}
}


#media {width:100%; padding:6em 0; background:url("../image/sub/about_media_bg.jpg") 50% no-repeat; background-size:cover; clear:both;}
.media .stt {margin:0 0 28px; color:#fff; font-weight:300;}
.media table {width:100%;}
.media table tr {margin-bottom:1px;}
.media table th,
.media table td {padding:1em 2%; color:#000; background:#fff; border-top:1px solid #000; vertical-align:middle;}
.media table tr:first-child th,
.media table tr:first-child td {border:0;}
.media table th {font-weight:600; font-size:1.063em; text-align:center; letter-spacing:0;}
.media table td {font-weight:300; font-size:1em; color:#ccc; background:rgba(25,25,25,.8); line-height:1.4;}
.media table td.tv {width:25%; font-size:1.063em; color:#fff; text-align:center; background:rgba(0,0,0,.3);}

@media screen and (max-width:768px){ 
	.media .stt {font-size:2em;}
}
@media screen and (max-width:414px){
	.media {padding:3em 0;}
	.media table td {font-size:1em;}
}

#product .product_stt {padding-top:1em; font-weight:700; font-size:4em;}
#product .product_stt em {color:#0f8cfc;}
#product .product_stt_p {font-size:1.063em; line-height:1.4; color:#797979;}
#product .product_stt_p strong {display:block; margin-top:1.5em; margin-bottom:2em; letter-spacing:0; color:#b5b5b5; line-height:1.3;}
#product .product_stt_p strong.shampoo_txt {background:url("../image/sub/product_shampoo_txt01.png") left no-repeat; width:679px; height:27px;}
#product .product_stt_p strong.rinse_txt {background:url("../image/sub/product_rinse_txt01.png") left no-repeat; width:873px; height:30px;}
#product .product_stt_p em {display:block; margin:0 0 1em; font-weight:300; font-size:1.625em; color:#000; line-height:1.4;}

@media screen and (max-width:1024px){
	#product .product_stt {font-size:3.5em}
	#product .product_stt_p em {font-size:1.25em}
	#product .product_stt_p strong.shampoo_txt {background-size:80%;}
	#product .product_stt_p strong.rinse_txt {background-size:80%;}
}
@media screen and (max-width:768px){
	#product .product_stt {font-size:3em}
	#product .product_stt_p strong.shampoo_txt {margin-top:1em; background:url("../image/sub/product_shampoo_txt02.png") left no-repeat; width:354px; height:65px; background-size:90%;}
	#product .product_stt_p strong.rinse_txt {margin-top:1em; background:url("../image/sub/product_rinse_txt02.png") left no-repeat; width:516px; height:69px;  background-size:90%;}
}
@media screen and (max-width:530px){
	#product .product_stt_p strong.shampoo_txt {margin-top:1em; background-size:70%;}
	#product .product_stt_p strong.rinse_txt {margin-top:1em; background-size:70%;}
	#product .product_stt_p strong {margin-bottom:1em;}
}
@media screen and (max-width:414px){
	#product .product_stt {font-size:2.167em;}
	#product .product_stt_p strong.shampoo_txt {margin-top:1em; background-size:50%;}
	#product .product_stt_p strong.rinse_txt {margin-top:1em; background-size:50%;}
}


#shampoo .shampoo_bg {position:relative; font-size:160px; padding-top:.8em;}
#shampoo .shampoo_bg p {position:absolute; top:32px; right:0; z-index:-1; font-weight:700; color:#efefef;}
#shampoo .shampoo_bg .bg {width:100%; padding:0 0 25%; background:url("../image/sub/product_bg1.jpg") 50% no-repeat #f5f5f5; background-size:100% auto;}
#shampoo .tt_info {display:flex; align-items: center; padding-top:4.5em;}
#shampoo .tt_info .img_box {width:452px; text-align:center;} 
#shampoo .tt_info .img_box img {max-width:100%;}
#shampoo .tt_info .txt_box {margin-left:86px; width:742px; color:#585858;} 
#shampoo .tt_info .txt_box h3 * {display:inline-block; vertical-align:bottom; line-height:1;}
#shampoo .tt_info .txt_box h3 {display:block; margin-bottom:35px; color:#111;}
#shampoo .tt_info .txt_box h3 span {width:263px; height:56px; background:url("../image/main/prod_tit.png") 50% 100% no-repeat; background-size:contain; font-size:0;}
#shampoo .tt_info .txt_box h3 em {margin-left:.55em; font-weight:600; font-size:28px;}
#shampoo .tt_info .txt_box h4 {font-size:1.625em; margin:0 0 1em; font-weight:300; font-size:1.625em; color:#000; line-height:1.4;}
#shampoo .tt_info .txt_box p {line-height:1.6; font-size:1.063em;} 
#shampoo .tt_info .txt_box p.blue {color:#3e8bfb; margin:20px 0; font-size:1.063em;}
#shampoo .tt_info .txt_box .br {display:block;}
#shampoo .txt_area {clear:both;}
#shampoo .scalp {display:flex; align-items: center; border-top:1px solid #d5d5d5; padding-top:4em; padding-bottom:1em; margin: 4em 0;}
#shampoo .scalp .img_box {width:46%; margin-right:25px;}
#shampoo .scalp .img_box img {display:block; max-width:100%; margin: 0 auto;}
#shampoo .scalp .img_box p {font-size:16px; color: #797979; text-align:center; letter-spacing:0; line-height:130%; margin-top:10px;}
#shampoo .scalp .txt_box {width:54%;} 
#shampoo .scalp .txt_box ul li {border-bottom:1px dashed #ccc; padding-bottom:30px; margin-top:30px;}
#shampoo .scalp .txt_box ul li:nth-child(1) {margin-top:0;}
#shampoo .scalp .txt_box ul li .tit {display:flex; align-items: center; margin-bottom:10px;} 
#shampoo .scalp .txt_box ul li .tit .num {background:#3e8bfb; color:#fff; padding:10px 18px; border-radius:18px; margin-right:10px;} 
#shampoo .scalp .txt_box ul li .tit .txt {font-size:20px;} 
#shampoo .scalp .txt_box ul li .txt2 {line-height:150%;}

@media screen and (max-width:1366px){
	#shampoo .tt_info .img_box {margin-left:3.147877%; width:45.24158%;}
	#shampoo .tt_info .txt_box {margin-left:3.147877%; width:42.16691%;}
	#shampoo .tt_info .txt_box h3 {margin:0 0 20px 0;}
}
@media screen and (max-width:1024px){
	#shampoo .shampoo_bg {font-size:120px; padding-top:.9em;}
	#shampoo .tt_info .txt_box h4 {font-size:1.25em;}
	#shampoo .scalp .txt_box ul li .tit .txt {font-size: 1.25em;}
}
@media screen and (max-width:768px){
	#shampoo .shampoo_bg  {font-size:64px; padding-top:1.125em;}
	#shampoo .shampoo_bg .bg {padding:0 0 36%; background-position:50% 0;}
	#shampoo .tt_info {flex-direction: column;}
	#shampoo .tt_info .img_box {width:100%; margin:0 auto; float:none;}
	#shampoo .tt_info .txt_box {width:100%; margin:0 auto; float:none;}
	#shampoo .tt_info .txt_box h3 {margin:40px 0 20px 0;} 
	#shampoo .scalp {flex-direction: column; padding-bottom: 0;} 
	#shampoo .scalp .img_box {width:100%; margin-bottom:50px; margin-right:0;}
	#shampoo .scalp .txt_box {width:100%;}
}
@media screen and (max-width:414px){
	#shampoo .shampoo_bg  {font-size:40px; padding-top:1.4em;}
	#shampoo .tt_info .txt_box h3 {margin:0 0 20px 0;}
	#shampoo .tt_info .txt_box h3 span {width:40%;}
	#shampoo .tt_info .txt_box h3 em {font-size:20px;}
	#shampoo .scalp .img_box p {font-size:13px;}
	#shampoo .scalp .txt_box ul li {padding-bottom:20px; margin-top:20px;}
}


.rinse_bg {position:relative; font-size:160px; padding-top:.8em;}
.rinse_bg p {position:absolute; top:32px; right:0; z-index:-1; font-weight:700; color:#efefef;}
.rinse_bg .bg {width:100%; padding:0 0 25%; background:url("../image/sub/product_bg3.jpg") 50% no-repeat #f5f5f5; background-size:100% auto;}

@media screen and (max-width:1024px){
	.rinse_bg  {font-size:120px; padding-top:.9em;}
}
@media screen and (max-width:768px){
	.rinse_bg  {font-size:64px; padding-top:1.125em;}
	.rinse_bg .bg {padding:0 0 36%; background-position:50% 0;}
}
@media screen and (max-width:414px){
	.rinse_bg  {font-size:40px; padding-top:1.4em;}
}


/* #rince {position:relative; width:100%; padding:128px 0 0; margin:10em 0 0; background:url("../image/sub/rinse_bg.jpg") center top no-repeat; background-size:auto 320px; overflow:hidden;}
#rince .imgbox {position:absolute; top:6%; left:4%; z-index:1; width:24%;}
#rince .imgbox img {width:100%;}
#rince .txt_area {width:55%; padding:0 0 0 5%; margin:0 0 4em 45%; background:#fff; box-sizing:border-box;}

@media screen and (max-width:1024px){
	#rince .imgbox {top:8%; left:0; width:32%;}
	#rince .txt_area {padding:0 0 8% 5%;}
}
@media screen and (max-width:768px){
	#rince {position:relative; width:100%; padding:0; margin:4em 0 0; background-position:center 160px; background-size:auto 240px;}
	#rince .imgbox {position:initial; width:240px; padding-right:80px; margin:0 auto 80px;}
	#rince .txt_area {width:100%; padding:0 0 8%; margin:0 0 4em; background:none;}
	#product .rince .product_stt {padding-top:0}
}
@media screen and (max-width:414px){
	#rince {margin:4em 0 0; background-position:center 100px; background-size:auto 130px;}
	#rince .imgbox {width:140px; padding-right:60px; margin:0 auto 50px;}
	#rince .txt_area {width:100%; padding:0;}
} */

.material {margin:4em 0 2em}
.material .imgbox {margin:0 0 4em; text-align:center;}
.material .imgbox img {max-width:100%}
.material ul {width:100%;}
.material ul:after {content:''; display:block; clear:both;}
.material li {float:left; width:50%; margin:0 0 1em; display:table;}
.material li:after {content:''; display:block; clear:both;}
.material li:nth-child(2n+1) {clear:left;}
.material li .pic {display:table-cell; vertical-align:middle; width:26%;}
.material li .pic span {display:block; width:95%; height:95%; border-radius:100%; border:1px solid #d5d5d5; overflow:hidden;}
.material li .pic span img {width:100%;}
.material li p {display:table-cell; vertical-align:middle; width:74%; padding:0 2em 0 1em; line-height:1.4; color:#797979;}
.material li p strong {display:block; font-size:1.5em; margin-bottom:.25em; color:#454545;}

@media screen and (max-width:1024px){
	.material .imgbox img {max-width:90%}
	.material li {margin:0 0 2em;}
	.material li p strong {font-size:1.25em;}
}
@media screen and (max-width:768px){
	.material .imgbox img {max-width:80%}
	.material li {float:none; width:100%; padding:0; margin:1em 0 0;}
	.material li .pic {width:15%;}
	.material li p {width:85%; padding:0 0 0 2em;}
}


#rince .effect_of_use{padding:4em 0; margin:4em 0; border:1px solid #d5d5d5; border-left:0; border-right:0;}
.effect_of_use {display:table; width:100%; overflow:hidden; text-align:center; padding:3% 0 5% 0;}
.effect_of_use li {display:table-cell; width:33.3333%; padding:0 .75em; box-sizing:border-box;}
.effect_of_use li span {display:block; width:55%; height:auto; padding-bottom:55%; margin:0 auto 1em;}
.effect_of_use li span.ico1 {background:url("../image/sub/rinse1.svg") 50% no-repeat #d7ebf0; background-size:33% auto; border-radius:50%;}
.effect_of_use li span.ico2 {background:url("../image/sub/rinse2.svg") 50% no-repeat #b8d8f2; background-size:33% auto; border-radius:50%;}
.effect_of_use li span.ico3 {background:url("../image/sub/rinse3.svg") 50% no-repeat #8abbf6; background-size:33% auto; border-radius:50%;}
.effect_of_use li p {margin:1em 0 0; line-height:1.4; color: #797979;}
.effect_of_use li p strong {font-weight:400; font-size:1.25em; letter-spacing:.03em; line-height:1.4;}
.effect_of_use li p strong:after {content:''; display:block; width:1.5em; height:1px; background:#797979; margin:.75em auto .5em;}
.effect_of_use li:nth-child(1) strong {color:#598f9c;}
.effect_of_use li:nth-child(2) strong {color:#3478af;}
.effect_of_use li:nth-child(3) strong {color:#0350ad;}

@media screen and (max-width:1024px){
	.effect_of_use li br {display:none;}
}
@media screen and (max-width:768px){
	.effect_of_use li {display:block; width:100%; padding:0; margin-bottom:4em; overflow:hidden;}
	.effect_of_use li span {width:60%; padding-bottom:128px;}
	.effect_of_use li span.ico1 {background-size:auto 64px; border-radius:64px;}
	.effect_of_use li span.ico2 {background-size:auto 64px; border-radius:64px;}
	.effect_of_use li span.ico3 {background-size:auto 64px; border-radius:64px;}
}
@media screen and (max-width:414px){
	.effect_of_use li span {width:50%; padding-bottom:50%;}
	.effect_of_use li span.ico1 {border-radius:50%}
	.effect_of_use li span.ico2 {border-radius:50%}
	.effect_of_use li span.ico3 {border-radius:50%}
}

#shampoo .how_to_use{padding:4em 0; margin:4em 0; border:1px solid #d5d5d5; border-left:0; border-right:0;}
.how_to_use {padding:4em 0; margin:4em 0 0 0; border:1px solid #d5d5d5; border-left:0; border-right:0; text-align:center;}
.how_to_use .stt2 {margin:0 0 1em; font-weight:700; font-size:2em;}
.how_to_use ol {display:table; width:100%; overflow:hidden;}
.how_to_use li {display:table-cell; width:33.3333%; padding:0 .75em; border-left:1px solid #e5e5e5; box-sizing:border-box;}
.how_to_use li:first-child {border:0;}
.how_to_use li span {display:block; width:5em; height:5em; margin:0 auto 1.25em;}
.how_to_use li span.ico1 {background:url("../image/sub/howto1.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li span.ico2 {background:url("../image/sub/howto2.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li span.ico3 {background:url("../image/sub/howto3.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li span.ico4 {background:url("../image/sub/howto6.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li span.ico5 {background:url("../image/sub/howto5.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li span.ico6 {background:url("../image/sub/howto4.svg") 50% no-repeat; background-size:100% auto;}
.how_to_use li strong {font-weight:700; letter-spacing:.03em; color:#b5b5b5;}
.how_to_use li p {margin:1em 0 0; color:#454545; line-height:1.4;}

@media screen and (max-width:768px){
	.how_to_use li p br {display:none}
}
@media screen and (max-width:414px){
	.how_to_use {padding:1em 0; margin:4em 0 2em 0;}
	.how_to_use .stt2 {margin:1.5em 0;}
	.how_to_use li {display:block; width:100%; margin:0 0 3em; border:0;}
	.how_to_use li p br {display:block}
}

.ingredient {padding:2em; text-align:center; background:#f5f5f5; border:1px solid #eee;}
.ingredient dt {padding:0 0 1em; font-size:1.25em;}
.ingredient dd {font-size:1.063em; color:#797979; line-height:1.5;}

#exhibit {text-align:center;}
#exhibit h3 {font-size:34px; font-weight:bold; padding:2.3em 0 0 0;}
#exhibit .txt {padding:2em 0; line-height: 1.6;}
#exhibit ul li img {max-width:100%; display: block; margin: 0 auto;}
#exhibit ul li p {margin-top:30px; line-height:1.6; font-weight:500; font-size:1em;}

@media screen and (max-width:1366px){
	#exhibit ul li {width: 48%; margin-left:2%;}
	#exhibit ul li:nth-child(1) {margin-left:0;}
}
@media screen and (max-width:768px){
	#exhibit h3 {font-size:1.5em;}
	#exhibit ul li {width: 100%;}
	#exhibit ul li:nth-child(1) {margin-bottom:2em;}
}

#product {}
.product_1 {position:relative;}
.product_1 .img_area {padding:128px 0 0;}
.product_1 .img_area p {position:absolute; top:32px; right:0; z-index:-1; font-weight:700; font-size:160px; color:#efefef;}
.product_1 .img_area .imgbox {width:100%; padding:0 0 25%; background:url("../image/sub/product_bg1.jpg") 50% no-repeat #f5f5f5; background-size:100% auto;}
.product_1 .txt_area h3 {margin:1em 0 .75em; font-weight:700; font-size:4em;}
.product_1 .txt_area h3 em {color:#0f8cfc;}
.product_1 .txt_area h3 .br {display:block;}
.product_1 .txt_area p {font-size:1.063em; line-height:1.4; color:#797979;}
.product_1 .txt_area p strong {display:block; margin:0 0 1em; font-weight:300; font-size:1.5em; color:#000;}
.product_1 .pic_area {margin:4em 0 0;}
.product_1 .pic_area img {max-width:100%;}
.product_1 .use_area {margin:0 0 4em; text-align:center;}
.product_1 .use_area .stt2 {margin:2em 0; font-weight:700; font-size:2em;}
.product_1 .use_area ol {display:table; width:100%; overflow:hidden;}
.product_1 .use_area li {display:table-cell; width:33.3333%; padding:0 .75em; border-left:1px solid #d7d7d7; box-sizing:border-box;}
.product_1 .use_area li:first-child {border:0;}
.product_1 .use_area li span {display:block; width:6.25em; height:6.5em; margin:0 auto 1.25em;}
.product_1 .use_area li span.ico1 {background:url("../image/sub/product_ico1.svg") 50% no-repeat; background-size:100% auto;}
.product_1 .use_area li span.ico2 {background:url("../image/sub/product_ico2.svg") 50% no-repeat; background-size:70% auto;}
.product_1 .use_area li span.ico3 {background:url("../image/sub/product_ico3.svg") 50% no-repeat; background-size:65% auto;}
.product_1 .use_area li strong {font-weight:700; letter-spacing:.03em;}
.product_1 .use_area li p {margin:1em 0 0; color:#797979; line-height:1.4;}
.product_1 .cnt_area {border-top:2px solid; text-align:center;}
.product_1 .cnt_area dt {padding:1em 0; border-bottom:1px solid #d7d7d7; font-size:1.25em;}
.product_1 .cnt_area dd {padding:1.25em 0; border-bottom:1px solid #d7d7d7; font-size:1.063em; color:#797979; line-height:1.5;}

@media screen and (max-width:1024px){
	.product_1 .img_area {padding:100px 0 0;}
	.product_1 .img_area p {font-size:120px;}
}
@media screen and (max-width:768px){
	.product_1 .img_area {padding:70px 0 0;}
	.product_1 .img_area p {font-size:64px;}
	.product_1 .img_area .imgbox {padding:0 0 36%; background-position:50% 0;}
	.product_1 .txt_area h3 {margin:1em 0 .75em; font-size:3em;}
}
@media screen and (max-width:414px){
	.product_1 .img_area {padding:56px 0 0;}
	.product_1 .img_area p {font-size:40px;}
	.product_1 .txt_area h3 {margin:1em 0 .75em; font-size:2.167em;}
	.product_1 .txt_area h3 .br {display:inline;}
	.product_1 .use_area .stt2 {margin:1.5em 0;}
	.product_1 .use_area li span.ico1 {background-size:70% auto;}
	.product_1 .use_area li span.ico2 {background-size:50% auto;}
	.product_1 .use_area li span.ico3 {background-size:45% auto;}
	.product_1 .use_area li br {display:none;}
}

.product_2 .slogan {width:100%; margin:6em 0; font-size:1.375em; text-align:center; letter-spacing:0;}
.product_2 .txt_area {width:60%; padding:0 0 0 40%; margin:0 0 8%; position:relative;}
.product_2 .txt_area .imgbox {width:45%; position:absolute; top:14%; left:0;}
.product_2 .txt_area .imgbox img {max-width:100%;}
.product_2 .txt_area .bgbox {position:absolute; top:0; right:0; z-index:-1; width:60%; padding:0 0 32%; background:url("../image/sub/product_bg2.jpg") 50% no-repeat #f5f5f5; background-size:100% auto;}
.product_2 .txt_area h3 {padding:60% 0 0; margin:0 0 .75em 17%; font-weight:700; font-size:4em;}
.product_2 .txt_area h3 em {color:#0f8cfc;}
.product_2 .txt_area strong {display:block; margin:0 0 1em 17%; font-weight:300; font-size:1.625em; color:#000; line-height:1.4;}
.product_2 .txt_area p {margin:0 0 0 17%; font-size:1.063em; line-height:1.4; color:#797979;}
.product_2 .ico_area {display:table; width:100%; overflow:hidden; text-align:center;}
.product_2 .ico_area li {display:table-cell; width:33.3333%; padding:0 .75em; border-left:1px solid #d7d7d7; box-sizing:border-box;}
.product_2 .ico_area li:first-child {border:0;}
.product_2 .ico_area li span {display:block; width:6.25em; height:6.5em; margin:0 auto 1em;}
.product_2 .ico_area li span.ico1 {background:url("../image/sub/product_ico4.svg") 50% no-repeat; background-size:65% auto;}
.product_2 .ico_area li span.ico2 {background:url("../image/sub/product_ico5.svg") 50% no-repeat; background-size:80% auto;}
.product_2 .ico_area li span.ico3 {background:url("../image/sub/product_ico6.svg") 50% no-repeat; background-size:70% auto;}
.product_2 .ico_area li strong {font-weight:400; font-size:1.25em; letter-spacing:.03em; color:#0f8cfc; line-height:1.4;}
.product_2 .ico_area li p {margin:1em 0 0; color:#797979; line-height:1.4;}
.product_2 .txt_area p .br {display:block;}
.product_2 .pic_area {margin:4em 0 0;}
.product_2 .pic_area img {max-width:100%;}
.product_2 .use_area {margin:0 0 4em; text-align:center;}
.product_2 .use_area .stt2 {margin:2em 0; font-weight:700; font-size:2em;}
.product_2 .use_area ol {display:table; width:100%; overflow:hidden;}
.product_2 .use_area li {display:table-cell; width:33.3333%; padding:0 .75em; border-left:1px solid #d7d7d7; box-sizing:border-box;}
.product_2 .use_area li:first-child {border:0;}
.product_2 .use_area li span {display:block; width:6.25em; height:6.5em; margin:0 auto 1.25em;}
.product_2 .use_area li span.ico1 {background:url("../image/sub/product_ico7.svg") 50% no-repeat; background-size:65% auto;}
.product_2 .use_area li span.ico2 {background:url("../image/sub/product_ico8.svg") 50% no-repeat; background-size:70% auto;}
.product_2 .use_area li span.ico3 {background:url("../image/sub/product_ico9.svg") 50% no-repeat; background-size:65% auto;}
.product_2 .use_area li strong {font-weight:700; letter-spacing:.03em;}
.product_2 .use_area li p {margin:1em 0 0; color:#797979; line-height:1.4;}
.product_2 .cnt_area {border-top:2px solid; text-align:center;}
.product_2 .cnt_area dt {padding:1em 0; border-bottom:1px solid #d7d7d7; font-size:1.25em;}
.product_2 .cnt_area dd {padding:1.25em 0; border-bottom:1px solid #d7d7d7; font-size:1.063em; color:#797979; line-height:1.5;}

@media screen and (max-width:1024px){
	.product_2 .ico_area li br {display:none;}
}
@media screen and (max-width:768px){
	.product_2 .txt_area h3 {margin:1em 0 .75em 17%; font-size:3em;}
	.product_2 .txt_area p .br {display:inline;}
}
@media screen and (max-width:414px){
	.product_2 .slogan {margin:3em 0; font-size:1em;}
	.product_2 .txt_area {width:100%; padding:0;}
	.product_2 .txt_area .imgbox {width:100%; position:initial;}
	.product_2 .txt_area .bgbox {position:initial; width:100%; padding:0 0 50%; margin:3em 0 0;}
	.product_2 .txt_area h3 {padding:0; margin:1em 0 .75em; font-size:2.167em;}
	.product_2 .txt_area h3 br {display:none;}
	.product_2 .txt_area strong {margin:0;}
	.product_2 .txt_area p {margin:0;}
	.product_2 .ico_area li span.ico1 {background-size:45% auto;}
	.product_2 .ico_area li span.ico2 {background-size:55% auto;}
	.product_2 .ico_area li span.ico3 {background-size:45% auto;}
	.product_2 .use_area .stt2 {margin:1.5em 0;}
	.product_2 .use_area li span.ico1 {background-size:45% auto;}
	.product_2 .use_area li span.ico2 {background-size:50% auto;}
	.product_2 .use_area li span.ico3 {background-size:45% auto;}
}

/* product list */
.max_prd_lst {width:100%; height:auto; overflow:hidden; display:flex; flex-wrap: wrap;}
.max_prd_lst li {float:left; width:400px; height:auto; margin:0 0 40px 40px; color:#797979; text-align:center; position:relative;}
.max_prd_lst li:nth-child(3n+1) {margin-left:0;}
.max_prd_lst .max_prd_img {line-height:0;}
.max_prd_lst .max_prd_img img {width:100%;}
.max_prd_lst .text_area {padding:1.25em .75em 1em; border:1px solid #d7d7d7; box-sizing:border-box;}
.max_prd_lst .text_area em {display:block; margin:0 .5em .125em; font-weight:600; font-size:1.25em; color:#000; line-height:1.4;}
.max_prd_lst .text_area .comment {display:block; color:#797979; font-size:15px; line-height:1.4;}
.max_prd_lst .max_price_box {margin:1em 0 0;}
/* .max_prd_lst .max_sale {display:inline-block; color:#0f8cfc; font-weight:600; font-size:1.5em;}
.max_prd_lst .max_del_won {display:inline-block; font-weight:300; font-size:1.25em;} */
.max_prd_lst .max_price_won {padding:20px .25em 0; font-size:1.125em; color:#000;}
.max_prd_lst .max_price_won strong {display:inline-block; font-weight:600; font-size:1.667em;}
.max_prd_lst a:hover .text_area {border-color:#0f8cfc;}

@media screen and (max-width:1366px){
	.max_prd_lst li {width:31.25%; height:auto; margin:0 0 3.125% 3.125%; color:#797979; text-align:center; position:relative;}
}
@media screen and (max-width:768px){
	.max_prd_lst li {width:46%; height:auto; margin:0 2% 2.08%; color:#797979; text-align:center; position:relative;}
	.max_prd_lst li:nth-child(3n+1) {margin:0 2% 2.08%;}
	.max_prd_lst .text_area .comment {font-size:14px;}
}
@media screen and (max-width:414px){
	.max_prd_lst li {float:none; width:93.66%; height:auto; margin:0 auto 6%; color:#797979; text-align:center; position:relative;}
	.max_prd_lst li:nth-child(3n+1) {margin:0 auto 6%;}
	.max_prd_lst .text_area .comment {font-size:12px;}
}
/* customer : faq */
.max_faq_sch{width:100%; height:auto; background:#666; box-sizing:border-box; padding:30px; overflow:hidden;}
.max_faq_sch .max_faq_tt {float:left; width:25%;}
.max_faq_sch h4 {font-size:25px; color:#fff; line-height:100%;}
.max_faq_sch p {color:#fff; padding-top:10px;}
.max_faq_sch .max_search_it {float:left; width:75%; background:#fff; overflow:hidden; margin-top:5px; position:relative;}
.max_faq_sch .max_search_it input{padding:10px; width:100%; height:47px; line-height:200%; box-sizing:border-box; border:0;}
.max_faq_sch .max_search_it button{font-size:0; position:absolute; top:10px; right:15px; background:url("../image/common/maxmall_ui_lab_24.png") -24px -24px no-repeat #fff; width:24px; height:24px;}

@media screen and (max-width: 1024px) {
	#max_faq_wrap.max_contents { padding-top:0; }
	.max_faq_sch .max_search_it input {width:70%;}
	.max_faq_sch .max_search_it button {float:right;}
}
@media screen and (max-width: 740px) {
	.max_faq_sch {padding:5%;}
	.max_faq_sch .max_faq_tt {width:100%; text-align:center;}
	.max_faq_sch .max_search_it {width:100%; margin-top:7px;}
	.max_faq_sch .max_search_it select {width:100%; border-bottom:2px solid #ac9079;}
	.max_faq_sch .max_search_it input {width:80%; height:40px;}
	.max_faq_sch .max_search_it button {width:10%; height:40px; background:url("../image/mobile/ico_sch.png") center no-repeat #fff; background-size:24px; top:0; right:0;}
}
.max_faq_lst {margin:45px 0 0 0;}
.max_faq_lst .maxskin_tab li a:hover, .max_faq_lst .maxskin_tab li a.on {background:#fff; border:1px solid #000; color:#000;}
.max_faq_lst dl{float:left; width:100%; height:auto; border-top:1px solid #000; margin:26px 0 0 0;}
.max_faq_lst dt a{display:block; border-bottom:1px solid #e2e2e2; padding:15px; color:#222;}
.max_faq_lst dt strong{font-weight:normal; display:inline-block; padding:5px 0 0 10px;}
.max_faq_lst dd{border-bottom:1px solid #e2e2e2; padding:15px; display:block; overflow:hidden; background:#f6f6f6;}
.max_faq_lst .txt{float:left; padding:5px 0 0 23px; width:92%; line-height:130%;}
.max_faq_lst dt a.on{background:url("../image/board/arrow_up.png") 98% 50% no-repeat #222;}
.max_faq_lst dt a.on strong {color:#fff;}
.max_faq_lst dt a.on .ico_question {color:#fff;}
.max_faq_lst .off{background:url("../image/board/arrow_down.png") 98% 50% no-repeat;}
.max_faq_lst .ico_question{float:left; display:block; font-size:23px; color:#000; font-weight:600;}
.max_faq_lst .ico_answer{float:left; display:block; font-size:23px; font-weight:600;}

@media screen and (max-width: 1440px) {
	.max_faq_lst .maxskin_tab.type2 li { margin:0 3px; }
}
@media screen and (max-width: 1024px) {
	.max_faq_lst .maxskin_tab.type2 li a { padding:10px 25px; }
}
@media screen and (max-width: 740px) {
	.max_faq_lst {margin:0;}
	.max_faq_lst .maxskin_tab {display:none;}
	.max_faq_lst .txt {padding-left:0; width:100%;}
	.max_faq_lst dt a.on{background:url("../image/mobile/arrow_up.png") 95% 50% no-repeat #222; background-size:16px;}
	.max_faq_lst .off{background:url("../image/mobile/arrow_down.png") 95% 50% no-repeat; background-size:16px;}
}

/* customer : sub main */
#max_customer {display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center;}
#max_customer .faq_wrap {float:left; background:#666; width:100%; color:#fff; box-sizing:border-box; padding:40px 0;}
#max_customer .faq_wrap h4 {font-weight:500; font-size:25px; color:#fff;}
#max_customer .faq_wrap p {color:#fff; font-size:17px; padding-top:10px; text-transform:uppercase; line-height:1.6;}
#max_customer .faq_wrap .max_search_it {width:71.77814029363785%; height:44px; background:#fff; padding:0; margin:27px auto; text-align:left; position:relative;}
#max_customer .faq_wrap .max_search_it input{width:100%; height:44px; line-height:260%; box-sizing:border-box; text-align:center; border:0;}
#max_customer .faq_wrap .max_search_it button{font-size:0; position:absolute; top:10px; right:15px; background:url("../image/common/maxmall_ui_lab_24.png") -24px -24px no-repeat #fff; width:24px; height:24px;}
#max_customer .max_call_center h4 {font-size:30px; font-weight:700;}
#max_customer .max_call_center p {color:#fff; font-size:15px; padding:20px 0 0;}

@media screen and (max-width: 1024px) {
	#max_customer.max_contents { padding-top:0; }
	#max_customer .faq_wrap { width:100%; height:auto; }
	#max_customer .faq_wrap .max_search_it {width:80%;}
	#max_customer .faq_wrap .max_search_it input {width:85%;}
}

@media screen and (max-width: 740px) {
	#max_customer {display:block;}
	#max_customer .faq_wrap h4 {font-size:20px;}
	#max_customer .max_call_center h4 {font-size:30px;}
	#max_customer .faq_wrap .max_search_it {margin:20px auto 10px;}
	#max_customer .faq_wrap p,
	#max_customer .max_call_center p {font-size:13px;}
}

#max_customer .lnk_box {float:left; border:1px solid #ccc; width:49%; height:300px; padding-top:33px; margin-top:16px; box-sizing:border-box;}
#max_customer > *:first-child + * { /*margin-top:0;*/ }
#max_customer div:nth-child(2) { /*margin-top:0;*/ }
#max_customer div:nth-child(2) h4 {font-size:18px;}
#max_customer div:nth-child(3) {position:relative;}
#max_customer div:nth-child(3) a.bt_link_line {width:40px; height:40px; padding:0; background:url("../image/shop/ico_plus_s.png") center no-repeat; position:absolute; top:-1px; right:-1px; font-size:0;}
#max_customer div:nth-child(3) a.bt_link_line:hover {border:1px solid #000;}

#max_customer .lnk_box h4 {font-size:18px; font-weight:500; color:#222; margin-top:11px;}
#max_customer .lnk_box p {color:#797979; line-height:130%; margin:20px 0;}
#max_customer .lnk_box i {display:block; width:64px; height:64px; margin:0 auto;}
#max_customer .ico_qna {background:url("../image/board/ico_cust2.png") center no-repeat; background-size:32px;}
#max_customer .ico_notice {background:url("../image/board/ico_cust1.png") center no-repeat; background-size:32px;}
#max_customer .ico_guide {background:url("../image/board/ico_cust3.png") center no-repeat; background-size:32px;}
#max_customer .ico_delivery {background:url("../image/board/ico_cust4.png") center no-repeat; background-size:32px;}
#max_customer .ico_map {background:url("../image/board/map_marker.png") center no-repeat; background-size:32px;}
#max_customer .lnk_box ul {width:80%; padding-top:15px; margin:0 auto;}
#max_customer .lnk_box ul li {padding-left:10px; margin:15px 0; position:relative; text-align:left; color:#797979;}
#max_customer .lnk_box ul li:before {content:''; width:2px; height:2px; background:#000; position:absolute; top:50%; left:0;}
#max_customer .lnk_box ul li a {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

@media screen and (max-width: 1024px) {
	#max_customer .lnk_box { width:48%;}
	#max_customer div:nth-child(2) {margin-top:16px;}
}
@media screen and (max-width: 740px) {
	#max_customer .lnk_box { width:100%; height:auto; padding:7% 0; overflow:hidden; }
	#max_customer div:nth-child(3) {height:250px;}
	#max_customer div:nth-child(2) h4 {font-size:16px;}
	#max_customer .lnk_box h4 {margin-top:1%; font-size:16px;}
	#max_customer .lnk_box p {margin:4% 0; font-size:14px;}
	#max_customer .lnk_box i {width:48px; height:48px;}
}

/* shop : cart step */
.max_cart_step {width:100%; height:auto; margin:80px 0; display:flex; justify-content:center;}
.max_cart_step ul {display:flex;}
.max_cart_step ul li {display:inline-block; text-align:center; padding:0 20px;}
.max_cart_step ul li i {display:block; width:80px; height:80px; border:2px solid #ccc; border-radius:100%; margin-bottom:20px; background-position:left center; background-repeat:no-repeat;}
.max_cart_step ul li i.active {border:2px solid #000; background-position:-80px 0;}
.max_cart_step ul li:first-child i {background-image:url("../image/shop/ico_cart_step1.png");}
.max_cart_step ul li:nth-child(2) i {background-image:url("../image/shop/ico_cart_step2.png");}
.max_cart_step ul li:nth-child(3) i {background-image:url("../image/shop/ico_cart_step3.png");}
.max_cart_step ul li:last-child i {background-image:url("../image/shop/ico_cart_step4.png");}

@media screen and (max-width: 1024px) {
	.max_cart_step {margin:40px 0;}
}

@media screen and (max-width: 740px) {
	.max_cart_step {margin:40px 0;}
	.max_cart_step ul li {padding:0 5px;}
	.max_cart_step ul li:after {top:30%; left:67px;}
	.max_cart_step ul li i {width:60px; height:60px; border-radius:60px; margin-bottom:10px; background-position:7px 50%; background-size:96px 48px;}
	.max_cart_step ul li i.active {background-position:-42px 50%; background-size:96px 48px;}
	.max_cart_step ul li:first-child i {background-image:url("../image/mobile/ico_step4.png");}
	.max_cart_step ul li:nth-child(2) i {background-image:url("../image/mobile/ico_step1.png");}
	.max_cart_step ul li:nth-child(3) i {background-image:url("../image/mobile/ico_step5.png");}
	.max_cart_step ul li:last-child i {background-image:url("../image/mobile/ico_step6.png");}
}

/* shop : cart list */
.max_cart_list .btn_sel_box li {display:inline;}
.max_cart_list .btn_sel_box li .btns_cart_select {background:#000; color:#fff;}
.max_cart_list .btn_sel_box li .btns_cart_select:hover {background:#fff; color:#000;}
.max_cart_list table {margin-top:10px;}

.max_cart_list thead th:first-child {width:5%;}
.max_cart_list thead th:nth-child(2) {text-align:left;}
.max_cart_list thead th:nth-child(3), 
.max_cart_list thead th:nth-child(4), 
.max_cart_list thead th:nth-child(5) {width:10%;}
.max_cart_list thead th:last-child {width:15%;}

.max_cart_list tbody td {text-align:center;}
.max_cart_list tbody td:nth-child(4) {color:#797979;}
.max_cart_list tbody tr.opttr th { border-bottom: 1px solid #333; }
.max_cart_list tbody tr.opttr td { border-bottom: 1px solid #333;}

.max_cart_list .max_order_prd p { border:1px solid #d7d7d7; }

.max_cart_list .product_stock {justify-content:center;}
.max_cart_list .product_stock p {width:110px;}
.max_cart_list .product_stock .select_stock input {width:40px;}

.max_cart_list .bt_order, 
.max_cart_list .bt_del {display:inline-block; text-align:center; color:#000; margin:0 2px;}
.max_cart_list .bt_order i, 
.max_cart_list .bt_del i {display:block; width:50px; height:50px; margin-bottom:5px; background-image:url("../image/common/maxmall_ui_lab_50.png"); background-repeat:no-repeat;}
.max_cart_list .bt_order i {background-position:-150px -100px;}
.max_cart_list .bt_del i {background-position:0 -150px;}

@media screen and (max-width: 1440px) {
	.max_cart_list thead th:nth-child(3), 
	.max_cart_list thead th:nth-child(4), 
	.max_cart_list thead th:nth-child(5) {width:12%;}
	.max_cart_list .bt_order i, 
	.max_cart_list .bt_del i {width:35px; height:35px;}
}

@media screen and (max-width: 1024px) {
	.max_cart_list .btn_sel_box {border-bottom:1px solid #000; padding-bottom:10px;}
	.max_cart_list table {margin-top:0;}
	.max_cart_list thead th {display:none;}
	.max_cart_list tbody td {text-align:left; display:block; position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5;}
	.max_cart_list tbody td:before {padding-right:10px; white-space:nowrap; width:20%;}
	.max_cart_list tbody td:nth-child(2) { border-bottom:none; padding-bottom:0; }
	.max_cart_list tbody td:nth-child(3) { border-bottom:none; padding-bottom:0; }
	.max_cart_list tbody td:nth-child(4):before { content:'주문금액';}

	.max_cart_list tbody td.supplier_delivery:before { content: '배송비'; color:#797979; }
	.max_cart_list .product_stock {justify-content:left;}
}

/* shop : max_order_prd */
.max_order_prd {position:relative; overflow:hidden; display:flex;}
.max_order_prd p {float:left; width:60px; height:60px;}
.max_order_prd p img {width:100%;}
.max_order_prd p .nimg {width:60px; height:10px; display:block;}
.max_order_prd dl {float:left; width:80%; box-sizing:border-box; padding:0 0 0 15px; text-align:left; font-weight:normal;}
.max_order_prd dt a {color:#000;}
.max_order_prd dt a:hover {text-decoration:underline;}
.max_order_prd dd {color:#949494; padding-top:5px;}
.max_order_prd dd:last-child {color:#949494;}

.max_order_prd dd .btn_opchange { display: inline-block; padding: 5px 10px; border: 1px solid #222; color: #333; }

.max_order_prd li { display:inline; color:#949494; }

@media screen and (max-width: 1024px) {
	.max_order_prd dl {width:65%;}
}

@media screen and (max-width: 740px) {
	.max_order_prd dl {width:75%;}
}
/* shop : pay total */
.max_pay_total{border-bottom:1px solid #000; width:100%; padding:50px 0; display:flex; box-sizing:border-box;}
.max_pay_total p{display:inline-block; width:25%; font-size:20px; position:relative; text-align:center;}
.max_pay_total p strong {display:block; padding-bottom:10px; font-weight:normal; color:#444;}
.max_pay_total p em{font-size:30px; font-weight:600;}
.max_pay_total p:nth-child(2),
.max_pay_total p:nth-child(3) {color:#797979;}
.max_pay_total p:nth-child(2):before {content:''; position:absolute; top:10px; left:0; width:50px; height:50px; border-radius:100%; background:url("../image/common/maxmall_ui_lab_50.png") 0 -100px no-repeat #e1e1e1;}
.max_pay_total p:nth-child(3):before {content:''; position:absolute; top:10px; left:0; width:50px; height:50px; border-radius:100%; background:url("../image/common/maxmall_ui_lab_50.png") -50px -100px no-repeat #e1e1e1;}
.max_pay_total p:last-child:before {content:''; position:absolute; top:10px; left:0; width:50px; height:50px; border-radius:100%; background:url("../image/common/maxmall_ui_lab_50.png") -100px -100px no-repeat #000;}

@media screen and (max-width: 1024px) {
	.max_pay_total p {font-size:18px;}
	.max_pay_total p em {font-size:25px;}
}

@media screen and (max-width: 800px) {
	.max_pay_total p em {font-size:20px;}
}

@media screen and (max-width: 640px) {
	.max_pay_total {flex-wrap:wrap; padding:5% 0;}
	.max_pay_total p {width:100%; text-align:left;}
	.max_pay_total p strong {float:left; width:30%; height:20px; line-height:20px;}
	.max_pay_total p span {float:left; text-align:right; width:70%; height:20px; line-height:20px;}
	.max_pay_total p em {font-size:16px;}
	.max_pay_total p:nth-child(2):before,
	.max_pay_total p:nth-child(3):before,
	.max_pay_total p:last-child:before {background:none;}
}

/* shop : max_order_prd */
.max_order_prd {position:relative; overflow:hidden; display:flex;}
.max_order_prd p {float:left; width:60px; height:60px;}
.max_order_prd p img {width:100%;}
.max_order_prd p .nimg {width:60px; height:10px; display:block;}
.max_order_prd dl {float:left; width:80%; box-sizing:border-box; padding:0 0 0 15px; text-align:left; font-weight:normal;}
.max_order_prd dt a {color:#000;}
.max_order_prd dt a:hover {text-decoration:underline;}
.max_order_prd dd {color:#949494; padding-top:5px;}
.max_order_prd dd:last-child {color:#949494;}

.max_order_prd dd .btn_opchange { display: inline-block; padding: 5px 10px; border: 1px solid #222; color: #333; }

.max_order_prd li { display:inline; color:#949494; }

@media screen and (max-width: 1024px) {
	.max_order_prd dl {width:65%;}
}

@media screen and (max-width: 740px) {
	.max_order_prd dl {width:75%;}
}

/* shop : order write */
.max_order_write {margin-top:10px;}
.max_order_write thead th {width:13%;}
.max_order_write thead th:first-child {text-align:left; padding-left:20px; width:auto;}
.max_order_write tbody th {padding:15px;}
.max_order_write tbody td {text-align:center; color:#797979; vertical-align:middle; }
.max_order_write tbody td:nth-child(5) {color:#000;}

.max_order_info {}
.max_order_info .max_prd_imgbox { display:inline-block; zoom:1; *display:inline; width:20%; vertical-align:middle;}
.max_order_info .prd_info { display:inline-block; zoom:1; *display:inline; width:79%; vertical-align:middle; }
.max_order_info .prd_info dt { text-align:left; }
.max_order_info .prd_info dd { text-align:left; color:#666; font-size:.9em;}
.max_order_info .nimg { width: 80px; height: 10px; display: block; }

@media screen and (max-width: 1024px) {
	.max_order_write {border-top:1px solid #000;}
	.max_order_write thead th {display:none;}
	.max_order_write tbody th {display:block; padding:10px 0;}
	.max_order_write tbody td {text-align:left; display:block; position:relative; padding:5px 0; border-bottom:none;}
	.max_order_write tbody td:before {display:inline-block; padding-right:10px; white-space:nowrap; width:15%;}
	.max_order_write tbody td:nth-child(2):before {content:'판매금액';}
	.max_order_write tbody td:nth-child(3):before {content:'수량';}
	.max_order_write tbody td:nth-child(4):before {content:'적립포인트';}
	.max_order_write tbody td:nth-child(5):before {content:'주문금액';}
	.max_order_write tbody td:last-child {border-bottom:1px solid #ccc; padding-bottom:10px;}
}


/* shop : order write sender */
.max_sender_area {margin-top:80px; position:relative;}
.max_sender_area ul {border-top:1px solid #000; margin-top:15px;}
.max_sender_area li {border-bottom:1px solid #ccc; padding:10px;}
.max_sender_area li:before {display:inline-block; width:15%; position:relative; top:3px;}
.max_sender_area li:first-child:before {content:'보내시는분';}
.max_sender_area li:nth-child(2):before {content:'휴대폰번호';}
.max_sender_area li:last-child:before {content:'이메일';}
.max_sender_area p {color:#797979; margin-top:20px;}
.max_sender_area a {position:absolute; top:-19px; right:0;}

@media screen and (max-width: 740px) {
	.max_sender_area {width:100%; margin-top:8%;}
	.max_sender_area li:before {display:none;}
	.max_sender_area li input {width:100%;}
	.max_sender_area a {top:-15px; padding:10px 15px;}
}
/* shop : order write receiver */
.max_receiver_area {margin-top:80px; position:relative;}
.max_receiver_area > .bt_type_s {position:absolute; top:-5px; left:120px; padding:10px 40px;}
.max_deliver_option {background:#f7f7f7; display:flex; padding:20px; margin-top:15px;}
.max_deliver_option li {padding-right:10px;}
.max_deliver_write {border-top:1px solid #000; margin-top:15px;}
.max_deliver_write li {border-bottom:1px solid #ccc; padding:10px; display:flex; -webkit-box-lines:single; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.max_deliver_write li:before {display:inline-block; width:15%;}
.max_deliver_write li:first-child div {margin-left:10px;}
.max_deliver_write li.delivery_franchisee_cell {padding:25px 10px;}
.max_deliver_write li.delivery_franchisee_cell div {margin-right:15px;}
.max_deliver_write li.delivery_hopetime_cell {padding:25px 10px;}
.max_deliver_write li.delivery_hopetime_cell div {margin-right:15px;}
.max_deliver_write li:first-child:before {content:'받으시는분';}
.max_deliver_write li:nth-child(2):before {content:'휴대폰번호';}
.max_deliver_write li:nth-child(3):before {content:'주소';}
.max_deliver_write li.delivery_hope_cell:before {content:'희망배송일';}
.max_deliver_write li.receiver_memo_cell:before {content:'요구사항';}
.max_deliver_write li.unipass_cell:before {content:'* 통관번호'; color:#FF0000; font-weight:600; }
.max_deliver_write #delivery_hopeday {background:url("../image/shop/ico_calendar.png") 95% 50% no-repeat; background-size:32px;}
.max_deliver_write #receiver_memo {width:60%;}
.max_deliver_write #unipass {width:60%;}

@media screen and (max-width: 740px) {
	.max_receiver_area {margin-top:8%;}
	.max_receiver_area > .bt_type_s {top:-10px; left:90px; padding:10px 20px;}
	.max_deliver_write li {flex-wrap:wrap;}
	.max_deliver_write li:before {display:none;}
	.max_deliver_write #receiver_memo {width:100%;}
	.max_deliver_write #unipass {width:100%; border:1px solid #222; }
}
/* shop : order write receiver zip */
.max_deliver_add .hidden{visibility: hidden; position: absolute; top: 0; left: 0;}
.max_deliver_add .addr {margin-top:10px; width:500px;}
.max_deliver_add .bt_type_s {background:#fff; cursor:pointer; padding:15px 40px;}
.max_deliver_add .bt_type_s:hover {background:#000;}

@media screen and (max-width: 740px) {
	.max_deliver_add {width:100%; margin:0;}
	.max_deliver_add .addr {width:100%;}
	.max_deliver_add .bt_type_s { padding:10px 30px; }
}

/* shop : order write payment */
.max_payment_wrap {margin-top:80px; position:relative;}
.max_payment_wrap > ul {border-top:1px solid #000; margin-top:15px;}
.max_payment_wrap > ul li {border-bottom:1px solid #ccc; padding:10px; display:flex; align-items:center; box-sizing:border-box;}
.max_payment_wrap > ul li:first-child div,
.max_payment_wrap > ul li:nth-child(2) a,
.max_payment_wrap > ul li p {margin-left:10px;}
.max_payment_wrap > ul li:last-child {padding:25px 10px;}
.max_payment_wrap > ul li .max_radio {margin-right:15px;}
.max_payment_wrap > ul li:before {display:inline-block; width:10%;}
.max_payment_wrap > ul li:first-child:before {content:'적립금';}
.max_payment_wrap > ul li:nth-child(2):before {content:'쿠폰';}
.max_payment_wrap > ul li:last-child:before {content:'결제방법';}
.max_payment_wrap #point_use,
.max_payment_wrap #dis_coupon {text-align:right; margin-right:3px;}

@media screen and (max-width: 740px) {
	.max_payment_wrap {margin-top:8%;}
	.max_payment_wrap > ul li {flex-wrap:wrap; width:100%; padding:20px 10px;}
	.max_payment_wrap > ul li p {width:100%; margin:10px 0 0 0;}
	.max_payment_wrap > ul li:last-child {padding:20px 10px;}
	.max_payment_wrap > ul li .max_radio {width:100%; margin:10px 0 5px;}
	.max_payment_wrap > ul li:before {width:100%; margin-bottom:15px;}
}


/* shop : order write backinfomation */
.max_payment_wrap .max_backinfo {padding:30px 15px; border-bottom:1px solid #ccc;}
.max_payment_wrap .max_backinfo dl {display:flex;}
.max_payment_wrap .max_backinfo dl dd {margin-right:10px;}
.max_payment_wrap .max_backinfo #pay_rdate {background:url("../image/shop/ico_calendar.png") 95% 50% no-repeat; background-size:32px;}
.max_payment_wrap .max_backinfo select {-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; font-family:inherit; background:url("../image/common/max_lab_sel_24.png") no-repeat 95% 50%;  height:47px; border:1px solid #000; font-size:15px; box-sizing:border-box; padding: 0 45px 0 10px;}
.max_payment_wrap .max_backinfo select::-ms-expand {display:none;}

@media screen and (max-width: 740px) {
	.max_payment_wrap .max_backinfo {padding:20px 10px;}
	.max_payment_wrap .max_backinfo dl {flex-wrap:wrap;}
	.max_payment_wrap .max_backinfo dl dd {width:100%; margin:5px 0 0 0;}
	.max_payment_wrap .max_backinfo #pay_rdate { background-position:98% 50%; }
	.max_payment_wrap .max_backinfo select {width:100%; background:url("../image/mobile/ico_checkit.png") no-repeat 98% 50%; background-size:16px;}
	.max_payment_wrap .max_backinfo input {width:100%;}
}

/* shop : order write receipt */
.max_receipt_wrap {margin-top:20px;}
.max_receipt_wrap .max_receipt_option {margin-top:20px;}
.max_receipt_wrap .max_receipt_option li {display:inline-block; margin-right:20px;}
.max_receipt_wrap .receipt_type_form {margin-top:20px;}
.max_receipt_wrap .receipt_type_form input {width:50%;}
.max_receipt_wrap .receipt_type_form_C li {display:inline-block; width:48%; margin-bottom:10px;}
.max_receipt_wrap .receipt_type_form_C li input {width:100%;}

@media screen and (max-width: 740px) {
	.max_receipt_wrap .max_receipt_option li {display:block; margin:15px 0;}
	.max_receipt_wrap .max_receipt_option li .max_radio {width:100%; margin:10px 0 5px;}
	.max_receipt_wrap .receipt_type_form input {width:100%;}
	.max_receipt_wrap .receipt_type_form_C li {width:100%;}
}
/* shop : order write payment note */
.max_payment_note {padding:30px 15px; border-bottom:1px solid #ccc;}
.max_payment_note ol {padding-top:15px;}
.max_payment_note ol li {color:#797979; line-height:180%;}
.buy_agree_box {background:#f7f7f7; padding:30px; margin-top:50px; text-align:center;}

@media screen and (max-width: 740px) {
	.max_payment_note {padding:20px 10px;}
	.buy_agree_box {padding:20px 10px; margin-top:7%; text-align:left;}
}

/* shop : order write no member agree */
.max_check_agree_cart {background:#f7f7f7; padding:30px; margin-top:80px;}
.max_check_agree_cart ol li {margin:10px 0; color:#797979; font-size:13px;}
.max_check_agree_cart ul {padding:10px 0 0 0; border-bottom:1px solid #ccc;}

@media screen and (max-width: 740px) {
	.max_check_agree_cart {padding:20px; margin-top:8%;}
	.max_check_agree_cart ol li { margin:5px 0; }
	.max_check_agree_cart ul {padding:5px 0 0 0;}
}

/* shop : order end */
.max_order_end {width:100%; height:auto; overflow:hidden;}
.max_order_end .max_order_msg {padding-top:150px; background:url("../image/shop/bg_order_end.png") top center no-repeat; text-align:center; background-size:100px;}
.max_order_end .max_order_msg h4 {font-size:35px; font-weight:normal;}
.max_order_end .max_order_msg p {color:#777; padding-top:20px;}
.max_order_end .max_order_end_area {border:1px solid #000; border-bottom:none; width:40%; height:auto; margin:50px auto 0;}
.max_order_end .max_order_end_area li {border-bottom:1px dashed #ccc; padding:20px; color:#777;}
.max_order_end .max_order_end_area li:first-child {padding:10px 20px;}
.max_order_end .max_order_end_area li strong {display:inline-block; width:20%;}

@media screen and (max-width: 1024px) {
	.max_order_end { margin-top:30px; }
	.max_order_end .max_order_msg { padding-top:120px; }
	.max_order_end .max_order_end_area { width:80%; }
}

@media screen and (max-width: 740px) {
	.max_order_end .max_order_msg h4 { font-size:25px; }
	.max_order_end .max_order_end_area { width:90%; }
	.max_order_end .max_order_end_area li { padding:10px 15px; }
	.max_order_end .max_order_end_area li strong { display:block; width:100%; }
}

/* page popup */
#max_pop {width:100%; height:400px; box-sizing:border-box; padding:20px; overflow: auto;}
#max_pop .max_tt {text-align:left; padding-bottom:15px;}
#max_pop .max_stt {text-align:left; border-top:1px solid #ccc; padding-top:15px; line-height:130%;}
#max_pop .max_table_b td {border-bottom:1px solid #e5e5e5;}

@media screen and (max-width: 639px) {
	#max_pop { height:auto; }
	#max_pop .max_stt {font-size:13px;}
	#max_pop .nb {display:inline;}
	#max_pop .ico_btstyle2 {font-size:11px;}
	#max_pop thead th {display:none;}
	#max_pop tbody th {display:block; padding:10px 0 0 0; border-bottom:none; text-align:left;}
	#max_pop .max_table_b td {text-align:left; display:block; position:relative; border-bottom:none; font-size:13px; padding:10px 0 0 0;}
	#max_pop tbody td:before {display:inline-block; padding-right:10px; white-space:nowrap; width:20%; color:#222;}
}

/* page popup : delivery */
.pop_delivery div {margin-top:25px;}
.pop_delivery thead th {padding:16px 0;}
.pop_delivery thead th:last-child {width:20%;}
.pop_delivery thead th:first-child {width:8%;}
.pop_delivery thead th:nth-child(2) {width:20%;}
.pop_delivery thead th:nth-child(3) {width:15%;}

.pop_delivery tbody th button i {display:block; width:30px; height:30px; margin:0 auto 5px; background:url("../image/shop/ico_order.png") 0 0 no-repeat; background-size:100%;}
.pop_delivery tbody th button {font-size:13px; display:inline-block;}
.pop_delivery tbody td:nth-child(2) {color:#222;}
.pop_delivery tbody td:nth-child(2),
.pop_delivery tbody td:nth-child(3),
.pop_delivery tbody td:last-child {text-align:center;}
.pop_delivery tbody td {color:#777; line-height:130%; padding:10px 0;}

@media screen and (max-width: 639px) {
	.pop_delivery div {border-top:1px solid #000;}
	.pop_delivery tbody td:nth-child(2):before {content:'배송지명';}
	.pop_delivery tbody td:nth-child(3):before {content:'수령인';}
	.pop_delivery tbody td:nth-child(5):before {content:'연락처';}
	#max_pop .max_table_b tbody td:last-child {border-bottom:1px solid #ccc; padding-bottom:10px;}
}

/* page popup : coupon */
.pop_coupon div {margin-top:25px;}
.pop_coupon thead th {padding:16px 0;}
.pop_coupon thead th:last-child {width:20%;}
.pop_coupon thead th:nth-child(2) {width:20%;}
.pop_coupon thead th:nth-child(3) {width:15%;}
.pop_coupon tbody th {text-align:left; padding:15px;}
.pop_coupon tbody td:nth-child(2),
.pop_coupon tbody td:nth-child(3),
.pop_coupon tbody td:last-child {text-align:center;}
.pop_coupon tbody td {color:#777; line-height:130%; padding:10px 0;}
.pop_coupon tbody td button i {display:block; width:30px; height:30px; margin:0 auto 5px; background:url("../image/shop/ico_order.png") 0 0 no-repeat; background-size:100%;}
.pop_coupon tbody td button {font-size:13px; display:inline-block;}

@media screen and (max-width: 639px) {
	.pop_coupon div {border-top:1px solid #000;}
	.pop_coupon tbody td:nth-child(2):before {content:'사용기한'; color:#222;}
}

/* coupon lst */
.max_coupon_lst {}
.max_coupon_lst > li {float:left; width:23%; padding:2% 0 0; margin:0 1% 1%; text-align:center;}
.max_coupon_lst > li img {width:100%;}
.max_coupon_lst > li a {display:block; margin-top:3%; cursor:pointer;}
.max_coupon_lst > li ul {margin-top:3%;}
.max_coupon_lst > li ul li {color:#797979; font-size:13px; line-height:140%;}

@media screen and (max-width: 1440px) {
	.max_coupon_lst > li {width:31.33%;}
}
@media screen and (max-width: 1024px) {
	#max_coupon_lst .max_tt {display:none;}
}
@media screen and (max-width: 800px) {
	.max_coupon_lst > li {width:48%;}
}
@media screen and (max-width: 736px) {
	.max_coupon_lst > li {width:100%; margin:1% 0;}
}

/* event_attendance */
#max_att_warp {width:100%; height:auto; margin:0 auto;}
.max_att_tit {width:100%; height:auto; background:url("../image/shop/bg_daycheck.png") center no-repeat #2d3038; position:relative; box-sizing:border-box; padding:6.33% 0;}
.max_att_tit .att_ev_tt {height:auto; text-align:center;}
.max_att_tit .att_ev_tt h3 {font-size:0; background:url("../image/shop/daycheck_tt1.png") center no-repeat; background-size:100%; width:534px; height:313px; padding:8.33% 0; margin:30px auto 0; box-sizing:border-box;}
.max_att_tit .att_ev_tt p {color:#fff;}
.max_att_member {width:100%; height:auto; padding:3% 0; border-bottom:1px solid #d7d7d7;}
.max_att_member ul {width:800px; height:auto; margin:0 auto; display:flex;}
.max_att_member li {width:400px; height:60px; border-radius:50px; background:#fff; box-sizing:border-box; padding:16px 19px 0; margin:0 10px; border:1px solid #d7d7d7; display:flex; justify-content:space-between;}
.max_att_member li span {display:block; width:170px; font-size:0;}
.max_att_member li mark {text-align:right; font-size:20px; font-weight:700; color:#44332b;}
.max_att_member li .my_day {background:url("../image/shop/daycheck_stt1.png") 0 0 no-repeat;}
.max_att_member li .my_point {background:url("../image/shop/daycheck_stt2.png") 0 0 no-repeat;}


.max_att_calender {width:100%; height:auto; padding:3% 0;}
.max_att_calender .cal_year {text-align:center; width:600px; height:auto; overflow:hidden; margin:0 auto; display:flex; justify-content:space-between;}
.max_att_calender .cal_year a {float:left; display:block; width:48px; height:48px; font-size:0;}
.max_att_calender .cal_year .max_calendar_btn_prev {background:url("../image/shop/bt_prev_month.png") 0 0 no-repeat; background-size:100%;}
.max_att_calender .cal_year .max_calendar_btn_next {background:url("../image/shop/bt_next_month.png") 0 0 no-repeat; background-size:100%;}
.max_att_calender .cal_year h3 {float:left; text-transform:uppercase; font-size:40px; letter-spacing:0;}

/* calender */
#max_calendar {width:1200px; height:auto; margin:0 auto; background:#fff;}
.max_calendar_table {width:100%; margin-top:50px;}
.max_calendar_table thead th {padding:25px 0px; text-transform:uppercase; font-weight:600; width:14.28571428571429%;}
.max_calendar_table tbody td {position:relative; padding:15px 3% 3%; border-top:1px solid #e5e5e5;}
.max_calendar_table tbody td span {font-weight:600;}
.max_calendar_table tbody td .max_calendar_ico {padding:10px 0 0 0; text-align:center; cursor:pointer;}
.max_calendar_table tbody td .max_calendar_ico img {max-width:100%;}
.max_calendar_table tbody .max_calendar_prev_month,
.max_calendar_table tbody .max_calendar_next_month {display:none;}

.max_att_info {width:100%; height:auto; background:#f2f2f2; box-sizing:border-box; padding:3% 0;}
.max_att_info .att_info_box {width:1200px; height:auto; margin:0 auto;}
.max_att_info h3 {background:url("../image/shop/daycheck_tt2.png") 0 0 no-repeat; height:37px; font-size:0;}
.max_att_info ul {margin-top:20px;}
.max_att_info li {line-height:200%;}

.max_att_end {overflow:hidden;}

@media screen and (max-width: 1280px) {
	.max_att_tit {height:auto;}
	.max_att_calender {padding:5% 0;}
	#max_calendar {width:93.66%;}
	.max_att_info {padding:5% 0;}
	.max_att_info .att_info_box {width:93.66%;}
}

@media screen and (max-width: 768px) {
	.max_att_tit {background-size:100%;}
	.max_att_tit .att_ev_tt h3 {background-size:100%; width:300px; height:176px; margin-top:20px;}
	.max_att_member ul {width:93.66%;}
	.max_att_member li {width:50%;}
	.max_att_member li mark {font-size:15px; padding-top:5px;}
	.max_att_calender .cal_year {width:50.66%;}
	.max_att_calender .cal_year a {width:32px; height:32px;}
	.max_att_calender .cal_year h3 {font-size:20px;}
	.max_att_info h3 {width:180px; height:30px; background-size:100%;}
}

@media screen and (max-width: 740px) {
	.max_att_member ul {display:block;}
	.max_att_member li {width:100%; height:50px; padding:13px 17px 0; margin:10px 0;}
	.max_att_member li mark {font-size:13px; padding-top:0;}
	.max_att_member li .my_day, 
	.max_att_member li .my_point {background-size:100%; width:130px;}
	.max_att_calender .cal_year {width:90.66%;}
	.max_att_calender .cal_year a {width:24px; height:24px;}
	.max_att_calender .cal_year h3 {font-size:15px;}
	.max_calendar_table {margin-top:10px;}
}

/*cart option box*/
.cart_option_box { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #FFF; width:800px; padding:15px; border: 1px solid #222; display:none;}
.cart_option_box .product_name { font-size: 18px; font-weight: 600; }
.cart_option_box .product_summary { padding-top: 10px; color: #666; }
.cart_option_box .last_price { position: relative; overflow: hidden; width: 100%; padding-top: 20px; margin-top: 10px; border-bottom: 2px solid #333; padding-bottom: 20px; }
.cart_option_box .last_price .last_price_title { position: relative; float: left; font-size: 18px; }
.cart_option_box .last_price .maxskin_last_price { float: right; font-size: 18px; }
.cart_option_box .product_btn { position:relative; overflow:hidden; width:100%;  }
.cart_option_box .product_btn .btn { display:block; margin-top:15px; text-align:right; }
.cart_option_box .product_btn .btn a,  .cart_option_box .product_btn .btn button { display: inline-block; height: auto; padding: 13px 15px; background: #fff; border: 1px solid #000; font-size: 13px; color: #000; cursor: pointer; border-radius: 0; -webkit-appearance: none; }

/* shop view : location */
.max_location {width:100%; height:36px; margin-bottom:5%; text-align:center;}
.max_location .select_list_group {display:inline-block; position:relative; margin:0 45px; text-align:left;}
.max_location .select_list_group:first-child {margin-left:0;}
.max_location .select_list_group:first-child:before {font-size:0;}
.max_location .select_list_group:before {content:">"; position:absolute; top:12px; left:-50px; font-size:15px; font-weight:700; color:#8a8a8a;}

.max_location .select_list_group a {display:block; width:180px; height:36px; padding:5px 13px 10px 0; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; box-sizing:border-box; font-size:13px; }
.max_location .sel_cate {border-bottom:1px solid; position:relative;}
.max_location .sel_cate i {display:block; width:36px; height:36px; border:1px solid; border-bottom:none; position:absolute; top:0; right:0; background:url("../image/common/max_lab_sel_24.png") no-repeat center;}

.max_location .select_list_group ul li a {padding:12px 13px 10px 13px; color:#797979; width:178px; box-sizing:border-box;}
.max_location .select_list_group ul li a:hover {background:#f5f5f5; color:#000;}

.max_location .select_list_wrap {display:none; position:absolute; top:35px; left:0; z-index:999; background:#fff; width:180px; border:1px solid; box-sizing:border-box; overflow-y:scroll;}

.member_type_btn { display:block; text-align:center;}
.member_type_btn a { display:inline-block; box-sizing:border-box; width:46%; border:1px solid #DDD; padding:4% 0; text-align:center; font-weight:bold; font-size:18px; margin:1%;}
.member_type_btn a.member_type_b { background:#e76700; color:#FFF; }

@media screen and (max-width: 1024px) {
	.max_location {display:none;}
	/*.max_location .select_list_group {margin:0 20px;}
	.max_location .select_list_group:before { left:-25px; }
	.max_location .select_list_group ul li a { width:auto; }
	.max_location .select_list_group a { width:150px; }
	.max_location .select_list_wrap { width:150px; }*/
}
@media screen and (max-width: 740px) {
	.member_type_btn a { width:80%; }
	/*.max_location .select_list_group {float:left; margin:0 20px;}
	.max_location .select_list_group:before {top:7px; left:-25px;}
	.max_location .select_list_group:last-child {margin-right:0;}
	.max_location .select_list_group a { font-size:11px; width:auto; height:auto; padding:5px; }
	.max_location .sel_cate i { display:none; }
	.max_location .select_list_wrap { top:26px; }*/
}

/* shop view : layout */

.detail_prd_img img { max-width:100%; }
.mobile_detail_prd_info {padding:20px 0; display:none;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 1024px) {
	/*.max_detail_info_wrap {border-top:2px solid #000;}*/
	.detail_prd_img {float:none; width:100%; text-align:center; /*border-top:1px solid #d7d7d7; padding-top:40px;*/}
	.detail_prd_info {float:none; /*border-top:1px solid #d7d7d7;*/ width:100%; /*padding-top:0;*/ border:none; padding:27px 3% 0; box-sizing:border-box;}
	.mobile_detail_prd_info {display:block;}
	.max_detail_item_wrap {border-top:1px solid #d7d7d7; padding:5% 3%; margin-top:5%; box-sizing:border-box;}
}


/* shop view : detail image */
.detail_prd_img_box .max_pr_img {width:100%; height:auto;}
.detail_prd_img_box .max_pr_img_s {width:100%; text-align:center; margin-top:20px;}
.detail_prd_img_box .max_pr_img_s ul li {display:inline-block; width:80px; height:80px; margin-right:2px;}
.detail_prd_img_box .max_pr_img_s ul li img {width:100%;}
.detail_prd_img_box .max_pr_img_s ul li a {display:block; width:100%; height:100%;}
.detail_prd_img_box .max_pr_img_s ul li a.active {border:1px solid #000;}

@media screen and (max-width: 1440px) {
	.detail_prd_img_box .product_default_image img {max-width:100%;}
}
@media screen and (max-width: 1024px) {
	.detail_prd_img_box .max_pr_img_s ul li {width:14px; height:14px;}
	.detail_prd_img_box .max_pr_img_s ul li img {display:none;}
	.detail_prd_img_box .max_pr_img_s ul li a {border:2px solid #000; border-radius:100%; box-sizing:border-box;}
	.detail_prd_img_box .max_pr_img_s ul li a.active {background:#000;}
}

/* shop view : detail coupon */
.max_product_coupon_list_wrap { width:50%; height:auto; text-align:center; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99; background:#fff; box-sizing:border-box; padding:50px; }
.max_product_coupon_list_wrap ul { display:flex; flex-wrap:wrap; }
.max_product_coupon_list_wrap li { margin:5px; width:48%; }
.max_product_coupon_list_wrap li img { max-width:100%; }
.max_product_coupon_list_wrap li a { cursor:pointer; display:block; width:100%; height:100%; }
@media screen and (max-width: 1440px) {
	.max_product_coupon_list_wrap { width:70%; }
}
@media screen and (max-width: 1024px) {
	.max_product_coupon_list_wrap { width:auto; padding:10px; }
	.max_product_coupon_list_wrap li { margin:5px 0; width:100%; }
}

@media screen and (max-width: 1024px) {
	/*.detail_prd_info .prd_tit,
	.detail_prd_info .prd_stt {display:none;}*/
	.max_detail_info_wrap .prd_tit {font-size:18px; width:100%;}
	.detail_prd_info .price_box {padding:10px 0;}
}
@media screen and (max-width: 740px) {
	.detail_prd_info .price_box .max_point {background:url("../image/mobile/ico_point.png") 0 0 no-repeat; background-size:24px;}
	.detail_prd_info_box p i {background:url("../image/mobile/ico_checkit.png") center no-repeat; background-size:16px;}
	.detail_prd_info_box dt {width:30%;}
	.detail_prd_info_box dd {width:70%;}
}

.max_order_total{float:left; width:100%; margin-top:20px;}
.max_order_total h3{float:right; width:30%; padding:10px 0;}
.max_order_total p {float:right; font-size:23px; font-weight:700; padding:.5em 0 0 1em}
.max_order_total .max_price{}
.max_order_total .maxskin_last_price{font-size:23px; font-weight:700;}

.opt_box {float:left; width:100%; margin-top:20px;}
.opt_box ul li{float:left; width:100%; margin:5px 0 0 0;}
.opt_box ul li select {width:100%;}
.opt_box .max_order_optA{margin:13px 0 0 0; display:block; overflow:hidden;}
.opt_box .max_order_optB{margin:5px 0 0 0; display:block; overflow:hidden;}
.opt_box .no_stock{text-align:center; font-size:18px; background:#b83838; color:#fff; padding:5px;}

.max_order_quantity{float:left; width:100%; height:auto;}
.max_order_quantity.optA .selectoption_child{background:#f2f2f2; border:1px solid #e8e6e6; padding:10px; margin:10px 0 0 0; overflow:hidden; position:relative;}
.max_order_quantity.optB .selectoption_child{background:#f2f2f2; border:1px solid #e8e6e6; padding:10px; margin:10px 0 0 0; overflow:hidden; position:relative;}

.opt_box .selectoption_child span{display:block; float:left;}
.opt_box .select_text{padding:8px 8px 0 0; color:#222; width:70%;}
.opt_box .select_stock input{border:1px solid #d7d7d7; padding:8px; width:58px; height:35px; text-align:center; box-sizing:border-box;}
.opt_box .stock_button_up{background:url("../image/shop/ico_plus_s.png") center no-repeat #fff; width:35px; height:35px; border:1px solid #d7d7d7; border-left:none;}
.opt_box .stock_button_down{background:url("../image/shop/ico_minus.png") center no-repeat #fff; width:35px; height:35px; border:1px solid #d7d7d7; border-left:none;}
.opt_box .showopprice{clear:both; width:100%; text-align:left; padding:8px 5px 0 0;}
.opt_box .delete_btn .delete_button{position:absolute; bottom:0; right:0; background:url("../image/common/bt_close.png") center no-repeat; width:30px; height:30px;}
.opt_box .select_stock_btn{float:left;}
.opt_box .select_stock_btn button{float:left;}

.product_stock span{display:block; float:left;}
.opt_box .product_stock .select_text{width:100px;}
@media screen and (max-width: 1024px) {
	.opt_box .select_text {width:100%;}
	.opt_box .select_stock,
	.opt_box .select_stock_btn {margin-top:3px;}
}
/* shop view : detail button */
.max_order_btns {float:left; width:100%; height:auto; padding-top:40px; text-align:center; overflow:hidden;}
.max_order_btns button {float:left; width:50%; height:60px; letter-spacing:.1em; font-size:14px; font-weight:800; text-transform:uppercase; box-sizing:border-box;}
.max_order_btns .bt_buy {background:#000; color:#fff; border:1px solid #000;}
.max_order_btns .bt_buy:hover {background:#fff; color:#222;}
.max_order_btns .bt_cart {background:#ebebeb; padding-left:12px;  border:1px solid #ebebeb;}
.max_order_btns .bt_cart:hover {background-color:#fff; color:#222; border:1px solid;}
.max_order_btns .order_adm{width:100%; height:auto; margin-top:10px; border:1px solid; font-weight:normal; letter-spacing:0; padding:15px 0;}
@media screen and (max-width: 1024px) {
	.max_order_btns {padding-top:20px;}
	.max_order_btns .bt_wish {top:72px; right:56px; left:unset;}
}
@media screen and (max-width: 740px) {
	.max_order_btns .bt_wish {background:url("../image/mobile/ico_wish.png") center no-repeat; background-size:16px; border:1px solid #444; opacity: 0.4; right:10px;}
}

.offline_shop * { box-sizing:border-box;}
.offline_shop h3 { padding:2em 0 1em; text-align:center; font-size:2em;}
.shop_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.shop_list { margin:0; padding:0 1em; -webkit-flex:1; -ms-flex:1; flex:1;}
.shop_list ul { padding:1em; border:1px solid #d7d7d7;}
.shop_group_default{ padding-left:0;}
.shop_group_other{ padding-right:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column;  }
.shop_group_other ul {margin-bottom:2em; -webkit-flex:1 auto; flex:1 auto;}
.shop_group_other ul:last-child{ margin-bottom:0;}
.shop_list h4.skip { display:none; }
.shop_list li { display:block; margin:.95em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.shop_list h4 { -webkit-flex:0 70%; flex:0 70%; position:relative; padding-left:14px;}
.shop_list h4:before {content:''; display:block; width:4px; height:4px; background-color:currentColor; position:absolute; top:5px; left:0;}
.shop_list h4 a { /*text-decoration:underline;*/ }
.shop_list h4 a::after { content:''; display:inline-block; background:url("../image/sub/ico_homepage.png") center no-repeat; background-size:1em; width:1em; height:1em; vertical-align:middle; margin-left:.5em; }
.shop_list h4 a:hover {color:#0f8cfc;}
.shop_list .shop_tel { -webkit-flex:0 25%; flex:0 25%; color:#797979;}
/* .shop_list .shop_home { -webkit-flex:0 15%; flex:0 15%;}
.shop_list .shop_home a {display:inline-block; background-color:#0f8cfc; color:#fff; padding:4px 8px; font-size:13px;} */
.shop_list .shop_addr{ -webkit-flex:0 100%; flex:0 100%; padding:1em 0 .5em; }
.shop_list .shop_map {-webkit-flex:0 100%; flex:0 100%; height:263px; margin-bottom:1em;}

@media screen and (max-width: 1024px) {
	.shop_wrap {display:block;}
	.shop_list {padding:0;}
	.shop_group_other {margin-top:1em;}
	.shop_group_other ul {margin-bottom:1em;}
}
@media screen and (max-width: 414px) {
	.shop_list li {display:block;}
	.shop_list .shop_tel {padding-top:8px;}
}

.faq_tab { position:relative; overflow:hidden; }
.faq_tab li { display:inline-block; }
.faq_tab li a {display:block; padding:10px 20px; border:1px solid #fff;}

/* event_freesample */
#event_freesample {width:100%;}
#event_freesample .freesample .img_box img {display: block; max-width:100%; margin: 0 auto;}
#event_freesample .freesample .btn_link img {display: block; max-width:100%; margin: 0 auto;}