*:focus { outline: none; }
html { overflow-x: hidden; }
input[type=submit] {-webkit-appearance:none;}
.pnsoft_header_gnb {
position: fixed; width: 100%; left: 0px; top: 0px; padding: 42px 0px; background: rgba(255,255,255,0); z-index: 100000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pnsoft_header_gnb > div.logo { text-align: center; }
.pnsoft_header_gnb > div.logo > a > img { }
.pnsoft_header_gnb > div.search { float: left; position: absolute; left: 20px; top: calc(50% - 25px); }
.pnsoft_header_gnb > div.search > form > ul {}
.pnsoft_header_gnb > div.search > form > ul > li { float: left; line-height: 50px; }
.pnsoft_header_gnb > div.search > form > ul > li:first-child { /* width: calc(100% - 50px); */ width: 260px; }
.pnsoft_header_gnb > div.search > form > ul > li:last-child { width: 50px; }
.pnsoft_header_gnb > div.search > form > ul > li > input {
border: none; border-bottom: 1px solid #fff; line-height: 50px; width: 100%; background: none; color: #fff !important; padding: 0px 20px;
}
.pnsoft_header_gnb > div.search > form > ul > li > input::placeholder { color: #fff; opacity: 1; }
.pnsoft_header_gnb > div.search > form > ul > li > input:-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb > div.search > form > ul > li > input::-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb > div.search > form > ul > li > button { line-height: 50px; width: 100%; border: none; background: none; color: #fff; font-size: 20px; }
.pnsoft_header_gnb > div.links { float: right; position: absolute; right: 20px; top: calc(50% - 20px); }
.pnsoft_header_gnb > div.links > a {
color: #fff; display: inline-block; padding: 0px 15px; font-size: 14px; letter-spacing: 2px; font-weight: 300; text-align: center; height: 40px; line-height: 40px;
}
.pnsoft_header_gnb_moible {
position: fixed; width: 100%; left: 0px; top: 0px; padding: 20px 0px; background: #2e4676; z-index: 100000;
}
.pnsoft_header_gnb_moible > div.logo { text-align: center; }
.pnsoft_header_gnb_moible > div.logo > a > img { height: 30px; }
.pnsoft_header_gnb_moible > div.search { float: left; position: absolute; right: 20px; top: calc(50% - 25px); }
.pnsoft_header_gnb_moible > div.search > form > ul {}
.pnsoft_header_gnb_moible > div.search > form > ul > li { float: left; line-height: 50px; }
.pnsoft_header_gnb_moible > div.search > form > ul > li:first-child { /* width: calc(100% - 50px); */ width: 260px; }
.pnsoft_header_gnb_moible > div.search > form > ul > li:last-child { width: 50px; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input {
border: none; border-bottom: 1px solid #fff; line-height: 50px; width: 100%; background: none; color: #fff !important; padding: 0px 20px;
}
.pnsoft_header_gnb_moible > div.search > form > ul > li > input::placeholder { color: #fff; opacity: 1; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input:-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input::-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > button { line-height: 50px; width: 100%; border: none; background: none; color: #fff; font-size: 20px; }
.pnsoft_header_gnb_moible > div.search {
display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.9); padding: 20px;
}
.pnsoft_header_gnb_moible > div.search > form > ul > li:first-child { /* width: calc(100% - 50px); */ width: calc(100% - 50px); }
.pnsoft_header_gnb_moible > div.search > form > ul > li > button { color: #fff !important; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input { color: #fff !important; padding: 0px 20px; border-bottom: 1px solid #fff; }
.pnsoft_header_gnb_moible > div.search > form > div { display: block; text-align: center; margin-top: 20px; }
.pnsoft_header_gnb_moible > div.search > form > div > a { font-size: 50px; color: #fff; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input::placeholder { color: #fff; opacity: 1; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input:-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb_moible > div.search > form > ul > li > input::-ms-input-placeholder { color: #fff; }
.scolling {
background: #fff; padding: 10px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
box-shadow: 0px 2px 5px 0px rgba(161,161,161,1);
}
.scolling > div.search > form > ul > li > input { border-bottom: 1px solid #000; }
.scolling > div.search > form > ul > li > input::placeholder { color: #000; opacity: 1; }
.scolling > div.search > form > ul > li > input:-ms-input-placeholder { color: #000; }
.scolling > div.search > form > ul > li > input::-ms-input-placeholder { color: #000; }
.scolling > div.search > form > ul > li > button { color: #000; }
.scolling > div.links > a { color: #000; }
.mb_search_bt { display: none; position: absolute; width: 50px; line-height:50px; left: 0px; top: calc(50% - 25px); color: #fff; cursor: pointer; }
.mb_gnb_bt { display: none; position: absolute; width: 50px; line-height:50px; right: 0px; top: calc(50% - 25px); color: #fff; cursor: pointer; }
.mb_search_close_bt { display: none; }
.mb_search_bt_mobile {
position: absolute; width: 25px; line-height:50px; right: 50px; top: calc(50% - 25px); color: #fff; cursor: pointer;
text-align: center;background-image: url("../img/search_bt_mobile.png"); background-repeat: no-repeat; background-position: center center;
}
.mb_gnb_bt_mobile {
position: absolute; width: 25px; line-height:50px; left: 15px; top: calc(50% - 25px); color: #fff; cursor: pointer;
text-align: center; background-image: url("../img/ham_mobile_bt.png"); background-repeat: no-repeat; background-position: center center;
background-size: 25px;
}
.wish_bt_mobile {
position: absolute; width: 25px; line-height:50px; right: 15px; top: calc(50% - 25px); color: #fff; cursor: pointer;
text-align: center;background-image: url("../img/wish_bt_mobile.png"); background-repeat: no-repeat; background-position: center center;
}
.mobile_gnb_viwer {
display: ; position: fixed; right: 100%; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 100001; overflow: auto;
}
.mobile_gnb_viwer > div { text-align: right; }
.mobile_gnb_viwer > div > a { display: inline-block; width: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 30px; font-weight: 100; }
.mobile_gnb_viwer > ul { margin-top: 20px; }
.mobile_gnb_viwer > ul > li { color: #fff; }
.mobile_gnb_viwer > ul > li > a { display: table; width: 100%; font-size: 20px; font-weight: 300; text-align: center; line-height: 50px; color: #fff; }
.pnsoft_header {
background: #fff; width: 100%; background-image: url('../images/main_vs2.jpg');
background-size: cover; background-repeat: no-repeat;
}
.pnsoft_header > div.main_vs { width: 100%; height: 700px; display: table; vertical-align: middle; }
.pnsoft_header > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header > div.main_vs > div > p { color: #fff; font-size: 24px; font-weight: 300; word-break: keep-all; }
.pnsoft_header > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 700; letter-spacing: 9px; margin-top: 250px; }
.pnsoft_header_sub {
background: #fff; width: 100%; background-image: url('../images/main_vs2.jpg');
}
.pnsoft_header_sub > div.main_vs { width: 100%; height: 400px; display: table; vertical-align: middle; }
.pnsoft_header_sub > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header_sub > div.main_vs > div > p { color: #fff; font-size: 24px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_sub_new {
background: #fff; width: 100%; background-image: url('http://www.moonglowkorea.co.kr/data/category_img/category_bg_img_1574148419.jpg');
background-size: cover;
}
.pnsoft_header_sub_new > div.main_vs { width: 100%; height: 400px; display: table; vertical-align: middle; }
.pnsoft_header_sub_new > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header_sub_new > div.main_vs > div > p { color: #fff; font-size: 24px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub_new > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 700; letter-spacing: 9px; margin-top: 5px; }
.pnsoft_header_sub_new_mobile {
background: #fff; width: 100%; background-image: url('../img/main_vs_mobile.jpg');
background-size: cover; background-position: center center; margin-top: 70px;
}
.pnsoft_header_sub_new_mobile > div.main_vs { width: 100%; height: 200px; display: table; vertical-align: middle; }
.pnsoft_header_sub_new_mobile > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header_sub_new_mobile > div.main_vs > div > p { color: #fff; font-size: 11px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub_new_mobile > div.main_vs > div > p.title_txt { font-size: 22px; font-weight: 700; letter-spacing: 1px; margin-top: 5px; }
.pnsoft_header_cuntents_sub {
background: #fff; width: calc(100% + 20px); margin-left: -10px; background-image: url('../images/main_vs3.jpg'); margin-top: 100px;
background-size: cover;
}
.pnsoft_header_cuntents_sub > div.main_vs { width: 100%; height: 400px; display: table; vertical-align: middle; }
.pnsoft_header_cuntents_sub > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header_cuntents_sub > div.main_vs > div > p { color: #fff; font-size: 20px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_cuntents_sub > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 500; }
.pnsoft_header_cuntents_sub_mobile {
background: #fff; width: calc(100% + 20px); margin-left: -10px; background-image: url('../images/main_vs3.jpg'); margin-top: -10px;
background-size: cover; background-position: center center;
}
.pnsoft_header_cuntents_sub_mobile > div.main_vs { width: 100%; height: 400px; display: table; vertical-align: middle; }
.pnsoft_header_cuntents_sub_mobile > div.main_vs > div {
display: table-cell; width: 100%; text-align: center; vertical-align: middle; height: 100%; color: #fff;
}
.pnsoft_header_cuntents_sub_mobile > div.main_vs > div > p { color: #fff; font-size: 20px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_cuntents_sub_mobile > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 500; }
.pnsoft_header_cuntents_sub_mobile { padding: 10px 0px;}
.pnsoft_header_cuntents_sub_mobile > div.main_vs > div > p { color: #fff; font-size: 14px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_cuntents_sub_mobile > div.main_vs > div > p.title_txt { font-size: 20px; font-weight: 700; }
.product_list_main { width: 100%; overflow: auto; }
.product_list_main_mobile { width: calc(100% + 20px); overflow: auto; margin-left: -10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #dddddd; }
.category_tabl { width: 1080px; margin: 70px auto 70px; }
.category_tabl > li { float: left; width: 16.66666666666667%; padding: 0px 30px; text-align: center; }
.category_tabl > li > a > div > img { border: 1px solid #eff2f4; padding: 10px; border-radius: 50%; }
.category_tabl > li > a.active > div > img { border: 1px solid #2e4676; }
.category_tabl > li > a > div:last-child { margin-top: 20px; font-size: 14px; letter-spacing: 2px; }
.category_tab_mobile { width: 640px; margin: 30px auto 30px; }
.category_tab_mobile > li { float: left; width: 95px; padding: 0px 0px; margin-right: 10px; text-align: center; }
.category_tab_mobile > li:last-child { margin-right: 0px; }
.category_tab_mobile > li > a {
display: inline-block; width: 100%; padding-bottom: 100%; border-radius: 50%; position: relative;
background-repeat: no-repeat; background-size: cover; background-position: center center;
}
.category_tab_mobile > li > a > p {
position: absolute; border-radius: 50%; left: 0px; top: 0px; display: table; width: 100%; height: 95px; vertical-align: middle; background: rgba(0,0,0,0.3);
}
.category_tab_mobile > li > a > p > span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; color: #fff; }
.mobile_sct_wrap { display: none; text-align: Center; font-size: 20px; margin: 90px 0 20px; }
.sct_wrap_first { margin-top: 20px; }
.pnsoft_product_area { width: 1020px; margin: auto; }
.pnsoft_product_area > li {
float: left; width: calc(33.3333333333333333333% - 20px); margin: 20px 10px 0px; background: #fff; cursor: pointer;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.5s ease-in-out; /* 부드러운 모션을 위해 추가*/
}
.pnsoft_product_area > li > div.pic {
background-repeat: no-repeat; background-size: 100%; background-position: center center; padding-bottom: 100%; position: relative;
}
.pnsoft_product_area > li > div.pic > a { position: absolute; display: inline-block; width: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #cccccc; }
.pnsoft_product_area > li > div.pic > button {
position: absolute; display: inline-block; width: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #cccccc;
background: none; border: none; z-index: 1000;
}
.pnsoft_product_area > li > div.pic > a { position: absolute; left: 0px; top: 0px; display: inline-block; width: 100%; height: 100%; }
.pnsoft_product_area > li > div.product_name { text-align: center; margin-top: 30px; font-size: 14px; word-break: keep-all; padding: 0px 30px; }
.pnsoft_product_area > li > div.item_price { text-align: center; margin-top: 20px; font-size: 14px; word-break: keep-all; padding: 0px 30px; color: #999999; padding-bottom: 20px; }
.pnsoft_product_area > li.list_comment { height: 879px; padding: 30px 50px; background: #eff2f4; text-align: center; }
.pnsoft_product_area > li.list_comment > div.title_pic > img { width: 216px; }
.pnsoft_product_area > li.list_comment > div.title_txt { text-align: left; font-size: 20px; font-weight: 700; }
.pnsoft_product_area > li.list_comment > div.comment_txt { text-align: left; margin-top: 20px; line-height: 25px; font-size: 14px; font-weight: 100; word-break: keep-all; }
.pnsoft_product_area > li.pic_over {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
}
.instagram_viewer { margin-top: 120px; }
.instagram_viewer > div { text-align: center; }
.instagram_viewer > div.title_txt { font-size: 24px; font-weight: 700; letter-spacing: 5px; }
.instagram_viewer > div.comment_txt { font-size: 18px; margin-top: 5px; }
.instagram_viewer > ul { width: 1010px; margin: 40px auto; }
.instagram_viewer > ul > li { float: left; width: calc(25% - 5px); margin: 5px 2.5px 0px;}
.pnsoft_footer { width: 100%; background: #fff; margin-top: 100px; padding: 70px 0px; }
.pnsoft_footer > ul { width: 1200px; margin: auto; }
.pnsoft_footer > ul > li { float: left; margin: 0px 30px; }
.pnsoft_footer > ul > li:last-child { float: right; width: 270px; }
.pnsoft_footer > ul > li > div.title_txt { color: #2e4777; font-weight: 700; font-size: 16px;}
.pnsoft_footer > ul > li > div.line { margin: 20px 0px; height: 2px; background: #2e4777; width: 35px; }
.pnsoft_footer > ul > li > div.comment_txt { color: #666666; font-size: 14px;}
.pnsoft_footer > ul > li > div.comment_txt > p { position: relative; line-height: 30px; }
div.selecter_moon { width: 640px; margin: 60px auto 0; padding: 20px; background: rgba(255,255,255,0.15);}
div.selecter_moon > ul { margin-top: 0px; }
div.selecter_moon > ul > li { float: left; }
div.selecter_moon > ul > li:first-child { width: 100px; }
div.selecter_moon > ul > li:last-child { width: 50px; float: right; margin-top: 40px; }
div.selecter_moon > ul > li:last-child > button { border: none; }
div.selecter_moon > ul > li:nth-child(2) { width: calc(100% - 170px); margin: 0px 10px; margin-top: 10px; }
div.selecter_moon > ul > li > div { font-size: 15px; text-align: left; }
div.selecter_moon > ul > li > div:first-child { padding-left: 5px; }
div.selecter_moon > ul > li > div:last-child { text-align: right; margin-top: 10px; }
div.selecter_moon > ul > li > div > select {
width: calc(33.333333333333333% - 8px); margin-right: 5px; line-height: 50px; border: 1px solid #dddddd;
-webkit-box-shadow: 0 0px 0px #f3f3f3;
-moz-box-shadow: 0 0px 0px #f3f3f3;
box-shadow: 0 0px 0px #f3f3f3;
}
div.selecter_moon > ul > li > div > select:last-child { margin-right: 0px; }
@media all and (max-width: 1200px){
.pnsoft_header_gnb {
position: fixed; width: 100%; left: 0px; top: 0px; padding: 20px 0px; background: rgba(255,255,255,0); z-index: 100000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pnsoft_header_gnb > div.logo > a > img { height: 40px; }
.pnsoft_header_gnb > div.search {
display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.9); padding: 20px;
}
.pnsoft_header_gnb > div.search > form > ul > li:first-child { /* width: calc(100% - 50px); */ width: calc(100% - 50px); }
.pnsoft_header_gnb > div.search > form > ul > li > button { color: #fff !important; }
.pnsoft_header_gnb > div.search > form > ul > li > input { color: #fff !important; padding: 0px 20px; border-bottom: 1px solid #fff; }
.pnsoft_header_gnb > div.search > form > div { display: block; text-align: center; margin-top: 20px; }
.pnsoft_header_gnb > div.search > form > div > a { font-size: 50px; color: #fff; }
.pnsoft_header_gnb > div.search > form > ul > li > input::placeholder { color: #fff; opacity: 1; }
.pnsoft_header_gnb > div.search > form > ul > li > input:-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb > div.search > form > ul > li > input::-ms-input-placeholder { color: #fff; }
.pnsoft_header_gnb > div.links { display: none; }
.scolling {
background: #fff; padding: 10px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mb_search_close_bt { display: block; }
.mb_search_bt { display: block; font-size: 20px; text-align: center; left: 10px; }
.mb_gnb_bt { display: block; font-size: 20px; text-align: center; right: 10px; }
.scolling .mb_search_bt { color: #000; }
.scolling .mb_gnb_bt { color: #000; }
.pnsoft_product_area { width: 100%; }
.pnsoft_footer > ul { width: 100%; margin: auto; }
.instagram_viewer > ul { width: 100%; }
.instagram_viewer > ul > li > img { width: 100%; }
.pnsoft_footer > ul > li { float: left; margin: 0px 10px; width: calc(25% - 100px); }
}
@media all and (max-width: 1050px){
.pnsoft_footer { padding: 40px 0px 70px; }
.pnsoft_footer > ul > li { width: calc(50% - 20px); margin-top: 30px; }
.pnsoft_footer > ul > li:last-child { width: calc(100% - 20px); }
.movies_area > div { width: calc(100% - 30px); margin: auto; padding-bottom: 55%; position: relative; }
.movies_area_new > div { width: calc(100% - 30px); margin: auto; padding-bottom: 55%; position: relative; }
}
@media all and (max-width: 900px){
.mobile_sct_wrap { display: block; }
.pnsoft_product_area > li { width: calc(50% - 20px); }
.pnsoft_product_area > li.list_comment { display: none; }
}
@media all and (max-width: 600px){
.pnsoft_header > div.main_vs > div > p.title_txt { font-size: 40px; font-weight: 700; letter-spacing: 9px; margin-top: 0px; }
div.selecter_moon { margin: 40px auto 0px; }
div.selecter_moon { width: 100%; }
}
@media all and (max-width: 600px){
.pnsoft_header > div.main_vs > div > p { color: #fff; font-size: 19px; font-weight: 300; word-break: keep-all; }
.pnsoft_header > div.main_vs > div > p.title_txt { font-size: 30px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_sub > div.main_vs > div > p { color: #fff; font-size: 19px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub > div.main_vs > div > p.title_txt { font-size: 30px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_sub_new > div.main_vs > div > p { color: #fff; font-size: 19px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub_new > div.main_vs > div > p.title_txt { font-size: 30px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_cuntents_sub { padding: 50px 0px;}
.pnsoft_header_cuntents_sub > div.main_vs > div > p { color: #fff; font-size: 19px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_cuntents_sub > div.main_vs > div > p.title_txt { font-size: 30px; font-weight: 700; }
.instagram_viewer > ul { width: 100%; }
.instagram_viewer > ul > li { float: left; width: calc(50% - 5px); margin: 5px 2.5px 0px;}
.category_tabl { width: 880px; margin: 30px auto 30px; }
.category_tabl > li { float: left; width: 16.66666666666667%; padding: 0px 10px; text-align: center; }
.pnsoft_product_area > li > div.product_name { padding: 0px 10px; }
.pnsoft_product_area > li > div.product_name > a {
display: inline-block; overflow: hidden; width: 100%; line-height: 20px; height: 40px;
}
}
@media all and (max-width: 500px){
.pnsoft_product_area { width: calc(100% + 16px); margin-left: -8px; }
.pnsoft_product_area > li { width: calc(50% - 4px); margin: 4px 2px 0px; }
.pnsoft_footer > ul > li { width: calc(100% - 20px); text-align: center; }
.pnsoft_footer > ul > li > div.line { margin: 20px auto; }
div.selecter_moon > ul { margin-top: 0px; }
div.selecter_moon > ul > li { float: left; }
div.selecter_moon > ul > li:first-child { width: 100px; margin-left: calc(50% - 50px); text-align: center; }
div.selecter_moon > ul > li:nth-child(2) { width: calc(100% - 60px); margin: 0px 0px; margin-top: 10px; }
div.selecter_moon > ul > li > div > select {
width: calc(33.333333333333333% - 6px);
}
/*
div.selecter_moon > ul > li { float: left; }
div.selecter_moon > ul > li:first-child { width: 100px; }
div.selecter_moon > ul > li:last-child { width: calc(100% - 110px); float: right; margin-top: 5px; }
div.selecter_moon > ul > li:last-child > button { border: none; width: 100%; text-align: center; background: #2e4777; }
div.selecter_moon > ul > li:nth-child(2) { width: calc(100% - 110px); margin: 0px 0px 0px 10px; margin-top: 0px; }
div.selecter_moon > ul > li > div { font-size: 15px; }
div.selecter_moon > ul > li > div:first-child { padding-left: 0px; }
div.selecter_moon > ul > li > div:last-child { text-align: right; margin-top: 10px; }
div.selecter_moon > ul > li > div > select { width: calc(100% - 0px); margin-right: 0px; line-height: 50px; border: 1px solid #dddddd; }
div.selecter_moon > ul > li > div > select:last-child { margin-right: 0px; }
*/
}
@media all and (max-width: 320px){
.pnsoft_header > div.main_vs > div > p { color: #fff; font-size: 16px; font-weight: 300; word-break: keep-all; }
.pnsoft_header > div.main_vs > div > p.title_txt { font-size: 25px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_sub > div.main_vs > div > p { color: #fff; font-size: 16px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub > div.main_vs > div > p.title_txt { font-size: 25px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_sub_new > div.main_vs > div > p { color: #fff; font-size: 16px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_sub_new > div.main_vs > div > p.title_txt { font-size: 25px; font-weight: 700; letter-spacing: 9px; }
.pnsoft_header_cuntents_sub > div.main_vs > div > p { color: #fff; font-size: 16px; font-weight: 300; word-break: keep-all; }
.pnsoft_header_cuntents_sub > div.main_vs > div > p.title_txt { font-size: 25px; font-weight: 700; }
}
.weeks_best_area { }
.weeks_best_area > div.title_txt { text-align: center; line-height: 140px; font-size: 30px; font-weight: 700; }
.slider_area { width: 1123px; margin: auto; position: relative; padding-bottom: 80px; }
.mtv_slider_area { width: calc(100% + 20px); margin: auto; margin-left: -10px; position: relative; }
.mtv_slider_area > .m_tv_review { }
/*
.mtv_slider_area > .m_tv_review > .swiper-wrapper { padding-left: calc(38% + 2px); }
*/
.slider_area > .week_best { }
.week_product_area {
background: #fff; text-align: center; position: relative; padding-bottom: 20px;
-webkit-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
-moz-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
}
.week_product_area > span {
position: absolute; right: 0px; top: 0px; display: inline-block; width: 47px; height: 48px; line-height: 40px; color: #fff; padding-left: 10px;
z-index: 1; font-size: 20px; font-weight: 700; background: url('../images/best_bg.png'); background-repeat: no-repeat;
}
.week_product_area > span.f {
background: url('../images/best_bg_f.png');
}
.week_product_area > button.btn_wish { position: absolute; left: 10px; top: 10px; z-index: 1; color: #cccccc; background: none; bordeR: none; font-size: 18px; }
.week_product_area > div.img_viewer { position: relative; padding-bottom: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.week_product_area > div.img_viewer > a { position: absolute; left: 0px; top: 0px; display: inline-block; width: 100%; height: 100%; }
.week_product_area > div.comment_txt { margin-top: 10px; }
.week_product_area > div.comment_txt > p { color: #000; font-size: 16px; margin-top: 5px; word-break: keep-all; }
.week_product_area > div.comment_txt > p:first-child > a { font-weight: 700; }
.week_product_area > div.comment_txt > p:nth-child(2) { padding: 0px 10px; height: 50px; }
.week_product_area > div.comment_txt > p:last-child { margin-top: 5px; }
.mobile_main_product_list {}
.week_product_area_mobile {
float: left; width: calc(50% - 10px); margin: 5px; background: #fff; text-align: center; position: relative; padding-bottom: 20px;
-webkit-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
-moz-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
}
.week_product_area_mobile > span {
position: absolute; right: 0px; top: 0px; display: inline-block; width: 27px; height: 28px; line-height: 24px; color: #fff; padding-left: 5px;
z-index: 1; font-size: 14px; font-weight: 400; background: url('../images/best_bg.png'); background-repeat: no-repeat; background-size: 27px;
}
.week_product_area_mobile > span.f {
background: url('../images/best_bg_f.png'); background-size: 28px;
}
.week_product_area_mobile > button.btn_wish { position: absolute; left: 10px; top: 10px; z-index: 1; color: #cccccc; background: none; bordeR: none; font-size: 18px; }
.week_product_area_mobile > div.img_viewer { position: relative; padding-bottom: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.week_product_area_mobile > div.img_viewer > a { position: absolute; left: 0px; top: 0px; display: inline-block; width: 100%; height: 100%; }
.week_product_area_mobile > div.comment_txt { margin-top: 10px; }
.week_product_area_mobile > div.comment_txt > p { color: #000; font-size: 13px; margin-top: 5px; word-break: keep-all; }
.week_product_area_mobile > div.comment_txt > p:first-child > a { font-weight: 700; }
.week_product_area_mobile > div.comment_txt > p:nth-child(2) { padding: 0px 10px; height: 50px; }
.week_product_area_mobile > div.comment_txt > p:last-child { margin-top: 5px; }
.style_review_centents_area { margin-top: 70px; }
.style_review_centents_area > div.title_txt { text-align: center; line-height: 40px; font-size: 30px; font-weight: 700; }
.style_review_centents_area > div.comment_txt { text-align: center; font-size: 18px; margin-top: 10px; margin-bottom: 50px; }
.style_review_area {
background: #fff; text-align: center; position: relative; padding-bottom: 20px;
-webkit-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
-moz-box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
box-shadow: 0px 0px 36px -12px rgba(227,231,234,1);
}
.style_review_area > div.img_viewer { position: relative; padding-bottom: 67%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.style_review_area > div.img_viewer > a { position: absolute; left: 0px; top: 0px; display: inline-block; width: 100%; height: 100%; }
.style_review_area > div.comment_txt { margin-top: 0px; padding: 20px; position: relative; height: 150px; }
.style_review_area > div.comment_txt > p { color: #000; font-size: 16px; text-align: left; word-break: keep-all; }
.style_review_area > div.comment_txt > p:first-child > a { font-weight: 700; }
.style_review_area > div.comment_txt > p:nth-child(2) { margin-top: 5px; font-size: 14px; }
.style_review_area > div.comment_txt > p.review_copyright {
position: absolute; width: calc(100% - 40px); border-top: 1px solid #dddddd;
margin-top: 5px; left: 20px; bottom: 0px; text-align: right; font-size: 12px; padding-top: 10px;
}
.mtv_gallery_area > div.img_viewer { position: relative; padding-bottom: 60%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mtv_gallery_area > div.img_viewer > a {
position: absolute; left: 0px; top: 0px; display: inline-block; width: 100%; height: 100%; text-align: center;
background-color: rgba(0,0,0,0.3);
}
.mtv_gallery_area > div.img_viewer > a > img { margin-top: calc(30% - 30px); }
.mtv_prev {
left: 0px !important; background: #eff2f4;width: 40px !important; height: 100% !important; top: 22px !important; opacity: 0.7 !important; text-align: right;
}
.mtv_next {
right: 0px !important; background: #eff2f4;width: 40px !important; height: 100% !important; top: 22px !important; opacity: 0.7 !important;
}
.couple_styling_area { margin-top: 140px; }
.couple_styling_area > div.title_txt { text-align: center; line-height: 40px; font-size: 30px; font-weight: 700; }
.couple_styling_area > div.comment_txt { text-align: center; font-size: 18px; margin-top: 10px; margin-bottom: 50px; }
.couple_product_area {}
.couple_product_area > ul { width: 100%; height: 380px; }
.couple_product_area > ul > li { position: relative; float: left; width: 50%; height: 100%; background-color: #fff; }
.couple_product_area > ul > li:first-child { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.couple_product_area > ul > li > a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.couple_product_area > ul > li > div.comment_txt1 { padding: 40px 40px 30px; font-size: 16px; word-break: keep-all; text-align: center; }
.couple_product_area > ul > li > div.comment_txt1 > a{
display: inline-block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
line-height: 1.5;
height: 6em;
text-align: center;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.couple_product_area > ul > li > div.img_viewer {
position: relative;
margin: auto; width: 120px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center;
}
.couple_product_area > ul > li > div.img_viewer > a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.couple_product_area > ul > li > div.comment_txt2 { padding: 10px 40px 30px; font-size: 16px; word-break: keep-all; text-align: center; }
@media all and (max-width: 1200px){
.slider_area { width: calc(100% - 100px); margin: auto; position: relative; }
.mtv_slider_area { width: calc(100% - 100px); margin: auto; position: relative; }
.mtv_prev {
left: -50px !important; background: #eff2f4;width: 40px !important; height: 100% !important; top: 22px !important; opacity: 0.7 !important; text-align: right;
}
.mtv_next {
right: -50px !important; background: #eff2f4;width: 40px !important; height: 100% !important; top: 22px !important; opacity: 0.7 !important;
}
}
@media all and (max-width: 620px){
.slider_area { width: calc(100% - 10px); margin: auto; position: relative; }
.mtv_slider_area { width: calc(100% - 10px); margin: auto; position: relative; }
.weeks_best_area { }
.weeks_best_area > div.title_txt { text-align: center; line-height: 0px; padding: 60px 0px 30px; font-size: 23px; font-weight: 700; }
.style_review_centents_area { margin-top: 70px; }
.style_review_centents_area > div.title_txt { text-align: center; line-height: 0px; padding: 0px 0px 10px; font-size: 23px; font-weight: 700; }
.style_review_centents_area > div.comment_txt { text-align: center; font-size: 13px; margin-top: 10px; margin-bottom: 50px; }
.mtv_mobile_bg {
padding: 50px 5px; width: calc(100% + 20px); margin-left: -10px; margin-top: 0px !important;
background-image: url('../img/mtv_bg_mobile.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;
}
.style_review_area > div.comment_txt > p { color: #000; font-size: 14px; text-align: left; word-break: keep-all; }
.style_review_area > div.comment_txt > p:nth-child(2) { margin-top: 5px; font-size: 12px; }
.mtv_mobile_bg > div.title_txt { color: #fff; padding: 10px 0px 10px }
.mtv_mobile_bg > div.comment_txt { color: #fff; margin-bottom: 10px; }
.couple_styling_area { margin-top: 60px; }
.couple_styling_area > div.title_txt { text-align: center; line-height: 0px; padding: 0px 0px 10px; font-size: 23px; font-weight: 700; }
.couple_styling_area > div.comment_txt { text-align: center; font-size: 13px; margin-top: 10px; margin-bottom: 30px; }
.couple_product_area > ul { width: 100%; height: 202px; }
.couple_product_area > ul > li > div.comment_txt1 { padding: 10px 10px 10px; font-size: 14px; word-break: keep-all; text-align: center; }
.couple_product_area > ul > li > div.comment_txt1 > a{
line-height: 1.5;
height: 3em;
}
.couple_product_area > ul > li > div.img_viewer {
width: 72px; height: 72px; margin-top: 10px;
}
.couple_product_area > ul > li > div.comment_txt2 { padding: 10px 10px 10px; font-size: 12px; word-break: keep-all; text-align: center; }
}