/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; display:block;}
#event .pagination { position: absolute; bottom: 25px; left:20px; padding:0;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; width: 8px; height: 8px; background-color: #000; border-radius: 100%; box-sizing:border-box; transition:all .2s; box-shadow: 0 0 3px #fff;}
#event .pagination .swiper-active-switch { background-color: transparent; border:2px solid #fff; box-shadow: 0 0 3px #000;}
#event .btn-prev,
#event .btn-next {position:absolute; bottom:10px; width:35px; height:35px; text-indent:-9999px; background:#000 url(/design/bigjoy/renewal2017/bg_arrow6.png) no-repeat; z-index:11; transition:box-shadow .3s; border-radius:100%;}
#event .btn-prev {right: 50px; background-position:8px 50%;}
#event .btn-next {right: 10px; background-position:-34px 50%;}
/* //롤링배너 */
@charset "utf-8";
/* CSS Document */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR|Roboto+Condensed:700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i&display=swap');
@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }

div, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
html, body { position: relative; height: 100%; }
html { -webkit-text-size-adjust: none; }
body{padding-top:0;}
ul, ol, dl { list-style:none; }
ul, p, div { list-style:none; padding:0; margin:0; }
img { border:0; vertical-align:top; }
a { color:#999; text-decoration:none; }
a:hover { color:#C00; text-decoration:none; }
.txt_red { color:#ed3035; }
hr { display:block; }

.m_joy19_mn_sbev_bx img
.prd-list .btn-preview {width: 100%; display:block; float: left; height:40px; line-height:40px; text-align:center; box-sizing:border-box; border-top: 1px solid #ddd; border-bottom:1px solid #ccc;  background:#fff; font-size:12px; font-weight:700; transition:bottom .3s; margin-top:-10px;}
.prd-list .btn-preview i { position: relative; }
.prd-list .btn-preview img {vertical-align:-2px; margin-right:5px;}

/* layout */
.wrap { margin:0 auto; width:100%;  }
/*.top-menu {margin-top:115px; }*/
.top-menu a { font-weight:bold; color:#000; }
.more_link { position:absolute; right:10px; bottom:0; }

/* main_event */
.m_joy19_mn_ev img { height:auto; }

/* main_special */
.m_joy19_mn_sp_bx { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; border-bottom: rgba(236,236,236,1) 1px solid; border-top: rgba(236,236,236,1) 1px solid; position: relative; margin-bottom: 10px; }
.m_joy19_mn_sp_bx > div { flex:50%; display:block; }
.m_joy19_mn_sp_img { position: relative; height:170px; overflow:hidden; text-align:center; }
.m_joy19_mn_sp_imgcolor { position:absolute; z-index:-1; width:100%; height:170px; top:0; background-color:rgba(197,230,255,0.4); }
.m_joy19_mn_sp_img img { width:auto; height:100%; }
.m_joy19_mn_sp_txtbx { text-align: center; height:170px; }
.m_joy19_mn_sp_txtbx h2 { margin: 30px 0 20px 0; font-size:18px; }
.m_joy19_mn_sp_txtbx .mn_sp_name { font-size:14px; margin-bottom: 20px; height:30px; overflow: hidden; line-height:1em; color:#000; }
.m_joy19_mn_sp_txtbx .price .origin_price {font-size:15px; color:#bbb; text-decoration: line-through; font-weight:300;}
.m_joy19_mn_sp_txtbx .price {font-size:24px; font-weight: 700; line-height: 18px; color:#000; }
.m_joy19_mn_sp_txtbx .price em { font-style: normal; font-size:16px; font-weight:700; }
.mn_sp_discount { width:55px; height:55px; display: block; position: absolute; left:12px; top:12px; background-color: rgba(237,48,53,.9); color:#fff; vertical-align: middle; font-size:24px; z-index: 10; line-height: 55px;  text-align: center;}
.mn_sp_discount em { font-size:16px; font-style: normal;}

/* main_menu */
.m_joy19_mn_menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width:100%; margin-bottom: 10px !important; text-align: center; margin-top: 10px; }
.m_joy19_mn_menu > div { flex:20%; display: block; border:rgba(236,236,236,1) 1px solid; margin:1px; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.m_joy19_mn_menu div a { color:#000; font-size: 12px; }
.m_joy19_mn_menu img { width: 55px; }

/* main_sbev */
.m_joy19_mn_sbev_bx {width:100%; margin-bottom: 20px; position: relative; background:#f5f5f6; padding:5px 0 5px 0; }
.m_joy19_mn_sbev_bx > div {display: block; position: relative; height:195px; background:#ffffff; border-radius:10px; margin:10px 10px 10px 10px; }
.m_joy19_mn_sbev_bx > div:nth-child(8) { display: none; }
.m_joy19_mn_sbev_bx p{ width:40%; text-align:left; font-size:14px; font-weight:bold; color:#000; padding:20px 10px 0 10px; }
.m_joy19_mn_sbev_bx .txt_sp_brand { font-weight: 100; font-size:14px; color:#000; }
.m_joy19_mn_sbev_bx .txt_sp_brand_detail { font-size:12px; color:#000; font-weight: 100; width:50%; margin-top:-10px; color: #979797; }
.m_joy19_mn_sbev_bx img { position: absolute; right:25px; bottom:45px; }
.m_joy19_mn_sbev_bx .recmd_product_brand {width: 85%; color: #ed3035; font-size: 14px; overflow: hidden; line-height: 22px; margin-bottom: -20px;}
.m_joy19_mn_md_sbev_bx .price { font-size:20px; font-weight:700; color:#000; padding: 13px 0 5px 10px; }
.m_joy19_mn_md_sbev_bx .price em { font-style:normal; font-size:15px; font-weight:700; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.m_joy19_m_sbev_hr1 { width:1px; height:45px; position: absolute; top:10px; left:50%; border:none; z-index: 100; }
.m_joy19_m_sbev_hr2 { display: none; }
.m_joy19_mn_sbev_bx .m_joy19_mn_sbev_bx_btn-preview { padding: 10px 10px 20px 10px;}

/* main - best */
.m_joy19_mn_bst_bx { width:100%; display: block; margin-bottom: 10px; position: relative; }
.m_joy19_mn_bst_tt { width:100%; font-size:12px; font-weight:400; margin-bottom: 10px; text-align: center; }
.m_joy19_mn_bst_tt h3 {font-size:32px; font-weight:300; letter-spacing: -2px; }

.m_joy198_mn_bst_arrow_left { position: absolute; left:2.5%; top:250px; z-index: 10;}
.m_joy198_mn_bst_arrow_right { position: absolute; right:2.5%; top:250px; z-index: 10;}

.m_joy19_mn_bst_prdtlist { width:95%; margin:0 2.5%; text-align: center; height:420px; overflow: hidden; }
.swiper-slide > div { width:100%; border:rgba(236,236,236,1) 1px solid; height:380px;}

.m_joy19_mn_bst_prdtlist_no { font-family: 'Noto Serif KR', serif; font-size:21px; font-weight:500; margin-top: 20px; color:#000; }
.m_joy19_mn_bst_prdtlist_brand { width:85%; margin-left: auto; margin-right: auto; color: #ed3035; font-size:14px; overflow:hidden; line-height: 18px; }
.m_joy19_mn_bst_prdtlist hr { width:20px; border:none; height:1px; background-color: #000000; margin-bottom: 10px; margin-top: 10px; }
.m_joy19_mn_bst_prdtlist_name { width:85%; margin-left: auto; margin-right: auto; font-size:14px; overflow:hidden; line-height: 18px; color:#000; }
.m_joy19_mn_bst_prdtlist_price_bx {margin-bottom: 10px; }
.m_joy19_mn_bst_prdtlist_price_bx p { display: inline; }
.m_joy19_mn_bst_prdtlist_price_bx .price { font-size:20px; font-weight: 700; color:#000; }
.m_joy19_mn_bst_prdtlist_price_bx .price em { font-style: normal; font-size:15px; font-weight:700; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.m_joy19_mn_bst_prdtlist_price_bx .discount_percent { color:#ed3035; }
.m_joy19_mn_bst_prdtlist_price_bx .discount_percent em { font-style: normal; font-size:15px; font-weight:400; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.m_joy19_mn_bst_prdtlist_price_bx .origin_price {font-size:15px; color:#bbb; text-decoration: line-through; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif;}
.m_joy19_mn_bst_prdtlist div .order_acount { display:table-cell; width:50px; height:40px; border-radius: 50px; border:2px solid #ececec; background-color: rgba(255,255,255,0.90); font-size:14px; position: absolute; bottom:10px; right:10px; font-weight:400; vertical-align: middle;padding-top:12px; color:#000; line-height:1em; }
.swiper-wrapper .swiper-slide .swiper-slide_title { display: inline-block; height: 140px; }
.swiper-slide .m_joy19_mn_btn-preview { margin-top: 20px; }

.swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-button-next { background-img:none !important; }


/* main - subbanner */
.m_joy19_mn_sub_bn {  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width:100%; margin-bottom: 20px; position: relative; }
.m_joy19_mn_sub_bn > div {  flex:33.3%; display: block; background-color:rgba(245,245,246,1); text-align: center; padding:15px 0; }
.m_joy19_mn_sub_bn a {font-size:14px; color:rgba(0,0,0,1.00); font-weight: 600;}
.m_joy19_mn_sub_bn img { margin-bottom:5px; }
.m_joy19_mn_sub_hr1 { width:1px; height:60px; background-color :rgba(221,221,221,1.00); position: absolute; top:10px; left:33.3%; border:none; z-index: 100; }
.m_joy19_mn_sub_hr2 { width:1px; height:60px; background-color :rgba(221,221,221,1.00); position: absolute; top:10px; left:66.6%; border:none; z-index: 100; }

/* main - adultschool */
.mn_bt_bn_fullbx { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width:100%; margin-bottom: 20px;  }
.mn_bt_bn_adultschool { /*background: url("/design/bigjoy/2019/main_adultschool_bg_mo.png") right top no-repeat;*/ background-color:rgba(239,88,117,1); background-size: cover; text-align:center; padding-bottom:30px; margin-bottom:30px; }
.mn_bt_bn_adultschool_title { flex:100%; display: block;color:#fff; padding-top:30px; }
.mn_bt_bn_adultschool_title h5 { display:block; margin-bottom:10px; }
.mn_bt_bn_adultschool_title p { font-size:13px; line-height: 16px; margin-bottom:20px; color:#fff; }
.mn_bt_bn_adultschool_btn { display:block; width:100px; margin:0 auto; font-weight: 600; color:#000 !important; font-style:italic; font-size:20px; padding-bottom:7px; border-bottom:#000 1px solid; background: url("https://www.joynjoy.com/design/bigjoy/2019/main_icon_arrow_right.png") top right no-repeat;}
.social_icon { display:inline-block; margin:0 5px; }
.mn_bt_bn_adultschool_movie iframe { width:100%; height:300px;}

/* main - hot */
.m_joy19_mn_hot_bx { width:100%; display: block; margin-bottom: 20px; }
.m_joy19_mn_hot_tt { font-size:12px; font-weight:400; margin-bottom: 10px; text-align:center; position:relative; }
.m_joy19_mn_hot_tt h3 {font-size:32px; font-weight:300; letter-spacing: -2px; }
.m_joy19_mn_hot_prdtlist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: flex-start; text-align: center; width:100%; }
.m_joy19_mn_hot_prdtlist  > div { flex:50%; display: block; height:205px; position: relative; padding-top:30px; text-align: center;   }
.m_joy19_mn_hot_txtbox { display: block; width:80%; margin:0 10%; text-align: center; background-color:rgba(237,48,53,.7); border-radius: 20px; }
.m_joy19_mn_hot_txt { display: table-cell; width:100%; color:#fff; font-size:15px; vertical-align: middle; height:175px; line-height:1.1em; }
.m_joy19_mn_hot_txt_name { margin:0 10%; width:80%; height:50px; overflow: hidden; }
.m_joy19_mn_hot_txt hr { width:15px; border:none; height:2px; background-color: #fff; margin-bottom: 20px; margin-top: 10px; text-align: center; }
.m_joy19_mn_hot_txt_percent { color:#fff99a; margin:0 10%; width:80%; font-size:38px; }
.m_joy19_mn_hot_txt_percent em { font-size:26px; font-style: normal;}

.m_joy19_mn_hot_bgimg { position: absolute; z-index: -1; width:100%; top:0; left:0; overflow: hidden; }
.m_joy19_mn_hot_bgimg img { width:100%; height:235px; margin: 0px auto; }

/* main - md */
.m_joy19_mn_md_bx { width:100%; display: block; overflow: visible; margin-bottom: 20px; position: relative; }
.m_joy19_mn_md_tt { width:100%; font-size:12px; font-weight:400; text-align:center; margin-bottom: 10px; }
.m_joy19_mn_md_tt h3 {font-size:32px; font-weight:300; letter-spacing: -2px; }
.m_joy19_mn_md_tab { display: block; width:100%; height:140px; text-align: center; }
.m_joy19_mn_md_tab ul { display:block; text-align: center; }
.m_joy19_mn_md_tab li { display: inline-block; width:60px; height:25px; padding-top:35px; border-radius: 60px; border: 2px solid rgba(237,48,53,0); font-size:12px; color:#666; font-weight: 700; margin:auto; background-color:rgba(247,247,247,1); }
.m_joy19_mn_md_tab_bg01 { background: url("/design/bigjoy/2019/main_md_tab_bg01.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg02 { background: url("/design/bigjoy/2019/main_md_tab_bg02.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg03 { background: url("/design/bigjoy/2019/main_md_tab_bg03.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg04 { background: url("/design/bigjoy/2019/main_md_tab_bg04.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg05 { background: url("/design/bigjoy/2019/main_md_tab_bg05.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg06 { background: url("/design/bigjoy/2019/main_md_tab_bg06.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg07 { background: url("/design/bigjoy/2019/main_md_tab_bg07.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg08 { background: url("/design/bigjoy/2019/main_md_tab_bg08.jpg") no-repeat bottom; }
.m_joy19_mn_md_tab_bg09 { background: url("/design/bigjoy/2019/main_md_tab_bg09.jpg") no-repeat bottom; }
ul.md_tabs li.current{ border: rgba(237,48,53,.9) 2px solid; color: #222; }
.md_tab-content.current{ display: inherit; }

/* 20210302 by Heesu */
.md_tab-content { /*display:none;*/ width:95%; margin:0 2.5%; }
.md_tab-content a { flex:32%; margin-bottom: 20px; }
.md_tab-content h2, .md_tab-content2 h2 { display: none; }
.md_tab_title { flex: 100% !important; margin-bottom: 40px !important; }
.md_tab_title>div { background-color: #2d8ce6; height: 230px; padding: 20px; box-sizing: border-box; text-align: left; }
#md_tab-2 .md_tab_title>div { background-color: #e14a4f; }
.md_tab_title h2 { display: inline-block; font-size: 16px; color: #fff; padding: 5px 10px; background-color: #0067c8; margin-bottom: 10px; }
.md_tab_title .m_joy19_mn_md_img { width: 200px; border: none; position: absolute; bottom: -30px; right: 0; margin-bottom: 0; }
.md_tab_title .m_joy19_mn_md_txtbox { margin:0; }
.md_tab_title .m_joy19_mn_md_name { width: 50%; font-size: 18px; margin-bottom: 20px;   }
.md_tab_title .m_joy19_mn_md_txtbox>p { text-align: left; color: #fff; }
.md_tab_title .m_joy19_mn_md_txtbox .txt_red { color: #fff; font-size: 14px; line-height: 2; }
.md_tab-content2 { width: 47%; float: left; margin-right: 0.5%; margin-left: 2.5%; }
.md_tab-content2.right { margin-left: 0.5%; margin-right: 2.5% }
.md_tab_title2 { flex: 100% !important; margin-bottom: 30px !important; }
.md_tab_title2>div { background-color: #f5f5f6; height: 180px; padding: 15px; box-sizing: border-box; text-align: left; }
.md_tab_title2 h2 { display: inline-block; font-size: 14px; color: #fff; padding: 2px 10px; background-color: #04a430; margin-bottom: 10px; }
.md_tab_title2 .m_joy19_mn_md_img { border: none; position: absolute; bottom: -20px; right: 0; width: 100px; }
.md_tab_title2 .m_joy19_mn_md_txtbox { float: none !important; width: 100% !important; padding: 0 !important; }
.md_tab_title2 .m_joy19_mn_md_txtbox>p { text-align: left; }
.md_tab-content2 .m_joy19_mn_md_img { width: 50%; float: left; box-sizing: border-box; margin: 0; }
.md_tab-content2 .m_joy19_mn_md_txtbox { width: 50%; float: left; padding-left: 10px; padding-top:10px; }
.md_tab-content2 .m_joy19_mn_md_txtbox>p { text-align: left; }
.md_tab-content2 a { flex: 100%; margin-bottom: 20px; }
.md_tab-content2 a>div:after { content: ""; display: block; clear: both; }
.md_more_link { position: absolute; right: 20px; top: 20px; z-index: 10; }
.md_more_link>a { color: #fff; }
.md_more_link.black { right: 15px; font-size: 12px; }
.md_more_link.black>a { color: #000; }

.m_joy19_mn_md_prdtlist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width:100%; text-align: center; position: relative; }
.m_joy19_mn_md_prdtlist > a { display: block; position: relative; }
.m_joy19_mn_md_txtbox { display: block; text-align: left; font-size:12px; box-sizing: border-box; }
.m_joy19_mn_md_img { border: 1px solid #ececec; margin-right: 2%; margin-bottom: 10px; }
.m_joy19_mn_md_img img { width:100%; }
.img_circle { border-radius: 50%; border:#eee 1px solid; overflow:hidden; }
.img_circle img { width:100px; height:100px; }
.m_joy19_mn_md_name { color:#000000; line-height:1.125em; text-align: center; width: 100%; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-bottom: 5px;  }
.m_joy19_mn_md_txtbox .price .origin_price {font-size:12px; color:#bbb; text-decoration: line-through; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; font-weight:300; }
.m_joy19_mn_md_txtbox .price { font-size:18px; font-weight: 700; color:#000000; line-height:1.125em; text-align: center; }
.m_joy19_mn_md_txtbox .price em { font-style: normal; font-size:11px; font-weight:700; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.m_joy19_mn_md_txtbox .discount_percent { margin-left: 20px; font-size:32px; color:#ed3035; margin-bottom: 20px; }
.m_joy19_mn_md_txtbox .discount_percent_white { margin-left: 20px; font-size:32px; color:#fff; margin-bottom: 20px; display: none; }
.m_joy19_mn_md_txtbox .discount_percent em { font-style: normal; font-size:22px; font-weight:400; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.m_joy19_mn_md_arrow_left { position: absolute; left:0; top:80px; z-index: 10;}
.m_joy19_mn_md_arrow_right { position: absolute; right:0; top:80px; z-index: 10;}

.m_joy19_mn_md_m360 { color:#ed3035; display:none; }

/* main - banner delivery */
.mn_bn_delivery { display:block; width:100%; margin-bottom: 20px; }
.mn_bn_delivery img { width:100%; height:auto; }

/* main - new */
.mn_new_bx { width:100%; margin-bottom: 20px; }
.mn_new_tt { font-size:12px; font-weight:400; margin-bottom: 10px; text-align: center; position:relative;  }
.mn_new_tt h3 {font-size:32px; font-weight:300; letter-spacing: -2px;}
.mn_new_prdtlist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width:95%; text-align: center; margin:0 2.5%; border-top: 1px solid #ececec; border-left: 1px solid #ececec; }
.mn_new_prdtlist > div { width: 49%; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; padding-top:10px; padding-bottom: 15px; display:block; position: relative; margin-top: -1px; margin-left: -1px; }
.mn_new_prdtlist > div img { width:150px; height: auto; }
.mn_new_txtbox { display: block; margin:10px 0 0 5%; width:90%; }
.mn_new_name { display: block; margin-bottom: 10px; font-size:14px;line-height: 16px; color:#000; }
.mn_new_txtbox .price .origin_price {font-size:11px; color:#bbb; text-decoration: line-through; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; font-weight:300;}
.mn_new_txtbox .price { font-size:20px; font-weight: 700; line-height: 15px; color:#000; margin-bottom:10px; }
.mn_new_txtbox .price em { font-style: normal; font-size:11px; font-weight:700; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial, sans-serif; }
.mn_new_txtbox .discount_percent { font-size:15px; color:#ed3035; }
.mn_new_txtbox .discount_percent em { font-style: normal; font-size:30px; font-weight:400; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.mn_new_discount { width:40px; height:40px; display: block; position: absolute; right:12px; top:12px; background-color: rgba(237,48,53,.9); color:#fff; vertical-align: middle; font-size:15px; z-index: 10; line-height: 40px;  }
.mn_new_discount em { font-size:11px; font-style: normal;}

/* main - review */
.review { width:100%; background:url("https://www.joynjoy.com/design/bigjoy/2019/main_review_bg.jpg") top left no-repeat #f5f5f6; background-size: contain; margin-bottom: 20px; margin-top:20px; text-align: left;  padding-top: 20px; }
.review .head { width:95%; display: block; margin:0 2.5% 20px 2.5%; position: relative; font-size:12px; }
.review .head h5 { font-size:32px; line-height: 32px; font-weight: 100; letter-spacing: -2px; }
.review .head hr { width: 50%; position: absolute; top:17px; right:0; border:none; height:1px; background-color: #000000; }
.review .more { display: block; position: absolute; right:0; top:0; width:53px; height:28px; background-color: #000; color:#fff; margin-top: 10px; text-align: center; font-family: 'Noto Serif KR', serif; font-weight:700; font-style: italic; font-size:14px; letter-spacing: 0; z-index: 10; }
.review .list { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width:95%; margin:0 2.5%; }
.review .list .item div { flex: 1; padding: 10px; display: block; vertical-align: middle; font-size:14px; border-bottom:1px dashed #ccc; line-height:1.125em; min-height: 70px; }
.review .list .item:last-child { border-bottom:none;}
.review .list .item a img { float:left; width:70px; height:70px; border-radius: 35px; margin-right:10px; vertical-align: middle; }
.review .list .item a p { display: table-cell; vertical-align: middle !important; color:#000; width: calc(100% - 80px); width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); float: left; word-break: break-all; overflow: hidden; text-overflow: ellipsis;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.slidesjs-pagination { display: none; }
.review .list .item { padding-top: 5px; pbox-sizing: bprder-box; }
.slidesjs-container { min-height: 380px; }


/* main - service */
.mn_srv_bx { flex-direction: row; flex-wrap: wrap; justify-content: center; width:100%; font-size: 12px; margin-bottom: 20px; }
.mn_srv_bx > div { flex: 1; padding:20px 2.5%; display: block; }
.mn_srv_bx > div:first-child { margin-right: 0px; }
.mn_srv_bx > div:last-child { margin-left: 0px; margin-top: 10px; }
.mn_srv_member {  background: url("/design/bigjoy/2019/main_srv_member_bg.jpg") no-repeat top right #e9e9e9; background-size: contain; }
.mn_srv_member h5,.mn_srv_card h5 { font-size:25px; line-height: 40px; font-weight: 100; letter-spacing: -2px; }
.mn_srv_member a,.mn_srv_card a { display: block; width:50px; height:24px; background-color: #000; color:#fff; margin-top: 10px; text-align: center; font-family: 'Noto Serif KR', serif; font-weight:700; font-style: italic; font-size:13px; letter-spacing: 0; }
div.mn_srv_card {  background: url("/design/bigjoy/2019/main_srv_card_bg_m.jpg") no-repeat top right #e9e9e9; background-size: contain; }

/* main - analysis */
.mn_bt_bn_fullbx { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; width:100%; margin-bottom: 20px;  }
.mn_bt_bn_analysis { display: block; height:200px; color:#000; background: url("/design/bigjoy/2019/m_main_btbn_analysis_bg.png") top right no-repeat rgba(247,167,59,1); padding-top:30px;  }
.mn_bt_bn_analysis a { flex: 100%; width:100%; }
.mn_bt_bn_analysys_txt { display: block; margin-left:20px; }
.mn_bt_bn_analysys_txt h5 { display:block; font-size:42px; margin-bottom:10px; font-weight:300; line-height: 40px; }
.mn_bt_bn_analysys_txt p { font-size:13px; line-height: 16px; margin-bottom:20px; }
.mn_bt_bn_analysys_btn { display: block; width:100px; font-weight: 600; color:#000; font-style:italic; font-size:15px; padding-bottom:7px; border-bottom:#000 1px solid;  background: url("https://www.joynjoy.com/design/bigjoy/2019/main_icon_arrow_right.png") top right no-repeat;}

/* main - yesforlov */
.mn_yfl_bx { position:relative; width:100%; margin-bottom: 20px;  text-align: left; }
.mn_yfl_logo { width:100%; position:absolute; top:0; left:0; z-index:100; }
.mn_yfl_logo img { width:100%; height: auto; }
.mn_yfl_vod { display: inline-block; width:100%; margin-top:140px; }
.mn_yfl_vod iframe{ width:100%; height:300px; }
.mn_yfl_header { width: calc(100%-20px); position: relative; padding-left:20px; }
.mn_yfl_header h5 { font-size:30px; font-weight:normal; font-family: 'Playfair Display', serif; font-style: italic; margin-bottom:5px; margin-top:20px; }
.mn_yfl_more { position:absolute; right:10px; top:15px; background-color:#c5984c; padding : 5px 15px; color:#fff; }
.mn_yfl_prdtlist { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;  text-align: center; height:290px; overflow:hidden; }
.mn_yfl_prdtlist > div { flex:33.3%; height:250px; position: relative; padding-top:15px; }
.mn_yfl_prdtlist > div:nth-child(3) { display: none;}
.mn_yfl_prdtlist div img { width:140px; height:140px; margin-bottom: 20px; }
.mn_yfl_txtbox { display: block; font-size:14px; width: 90%; }
.mn_yfl_brand { display: block; margin-bottom: 5px; color:#c5984c; }
.mn_yfl_name { display: block; margin-bottom: 5px; height:45px; color:#000; line-height:1.125em; }
.mn_yfl_txtbox .price .origin_price {font-size:12px; color:#bbb; text-decoration: line-through; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; font-weight:300;}
.mn_yfl_txtbox .price { font-size:15px; font-weight: 700; line-height: 15px; color:#000; }
.mn_yfl_txtbox .price em { font-style: normal; font-size:12px; font-weight:700; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.mn_yfl_txtbox .discount_percent { font-size:15px; color:#ed3035; }
.mn_yfl_txtbox .discount_percent em { font-style: normal; font-size:30px; font-weight:400; font-family:'NanumSquare', "맑은 고딕", "돋움", Arial,sans-serif; }
.mn_yfl_discount { width:40px; height:40px; display: block; position: absolute; right:10px; top:10px; background-color: rgba(237,48,53,.9); color:#fff; vertical-align: middle; font-size:15px; z-index: 10; line-height: 40px;   }
.mn_yfl_discount em { font-size:11px; font-style: normal;}
.mn_yfl_bx .mn_yfl_discount_btn-preview { margin-top: 15px; width: 90%; }


/* main - brand shop */
.mn_brand_bx { position:relative; width: calc(100%-40px); padding:20px 20px; margin-bottom: 20px;  text-align: center; font-size:14px; }
.mn_brand_tt { font-size:12px; font-weight:400; margin-bottom: 30px;}
.mn_brand_tt h3 {font-size:32px; font-weight:300; letter-spacing: -2px; }
.mn_brand_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; text-align: center; border-left:rgba(236,236,236,1) 1px solid;border-top:rgba(236,236,236,1) 1px solid; }
.mn_brand_list > div { flex:1; border-right:rgba(236,236,236,1) 1px solid; border-bottom:rgba(236,236,236,1) 1px solid; border-left:none; border-top:none; }
.mn_brand_list > div a img { width:110px; height:auto; }
.mn_brand_list .brand_name { margin-bottom:5px; color:#000; }

@media only screen and (max-width : 360px) {
	/* main_special */
	.m_joy19_mn_sp_bx > div { flex:100%; }
	.m_joy19_mn_sp_txtbx {height:140px; }
	.m_joy19_mn_sp_txtbx h2 { margin: 20px 0 10px 0; }
	
	/* main_menu */
	.m_joy19_mn_menu > div { flex:32%; }
	
	/* main_sbev */
	.m_joy19_mn_sbev_bx > div { flex:100%; }
	.m_joy19_mn_sbev_bx > div:nth-child(8) { display: none; }
	.m_joy19_m_sbev_hr1 { display: none; }
	.m_joy19_m_sbev_hr2 { display: none; }
	
	/* main - md */
    /*
	.m_joy19_mn_md_tab {height:110px;}
	.m_joy19_mn_md_tab ul li { width:45px; height:30px; padding-top:15px; border-radius: 25px; border: 1px solid rgba(237,48,53,0); font-size:12px; color:#666; font-weight: 700; top:50%; left:50%; margin:auto; }
	.m_joy19_mn_md_prdtlist > a { flex: 100%; height:120px; }
	.m_joy19_mn_md_prdtlist > a:nth-child(4) { display: none;}
	.m_joy19_mn_md_img { right:0px; }
	.m_joy19_mn_md_img img { width:110px; height:110px; }
	.m_joy19_mn_md_name { margin:10px 80px 5px 10px; height:40px; }
	.m_joy19_mn_md_txtbox .price { margin-left:10px; margin-bottom: 5px; height: 25px; }
	.m_joy19_mn_md_txtbox .price .mobile320 { display: none;}
	.m_joy19_mn_md_txtbox .discount_percent { display: none; }
    .discount_percent_white { display:none; }
    */
    .md_tab_title .m_joy19_mn_md_img { width: 50%; }

	.mn_new_prdtlist > div img { width:130px; height:auto; }
	.mn_new_prdtlist > div { flex:50%; height:230px; }
	.mn_new_name { overflow: hidden;}
	
	.mn_review_tit hr { width: 40%; }
    .mn_review_list > div a p { float:left;  }
	
	.mn_srv_bx > div { flex: 100%;}
	
	.mn_yfl_vod { margin-top:90px; }
	.mn_yfl_vod iframe{ width:100%; height:200px; }
	.mn_yfl_prdtlist > div:nth-child(3) { display: none;}
	.mn_yfl_more { right:10px; top:10px;  padding : 5px 10px; color:#fff; font-size:10px; }
	
	.mobile320 {display: none; }
    .m_joy19_mn_md_m360 { display:inline; }

	.mn_bt_bn_adultschool_title h5 img {  width:240px; height:auto; }
	.mn_bt_bn_adultschool_title p { font-size:0.75em; }
	.mn_bt_bn_adultschool_movie iframe { width:100%; height:180px;}
	
}

@media only screen and (min-width : 481px) {
	/* main_special */
	.m_joy19_mn_sp_bx, .m_joy19_mn_sp_img, .m_joy19_mn_sp_txtbx, .m_joy19_mn_sp_imgcolor { height:230px; }
	.m_joy19_mn_sp_txtbx h2 { margin: 40px 0 30px 0; font-size:30px; font-weight: bold; }
		
	/* main_sbev */
	.m_joy19_mn_sbev_bx > div { flex:33.3%; }
	.m_joy19_m_sbev_hr1 { left:33.3%; }
	.m_joy19_m_sbev_hr2 { width:1px; height:45px; background-color :rgba(255,255,255,0.25); position: absolute; top:10px; left:66.6%; border:none; z-index: 100; display:block; }
	
	/* main - best */
	.m_joy19_mn_bst_prdtlist > div { flex:33%; }
	
	/* main - hot */
	.m_joy19_mn_hot_prdtlist  > div { flex:25%; }
	
	/* main - md */
	.m_joy19_mn_md_tab { width:90%; height:80px; margin:auto; }
    .m_joy19_mn_md_img { right:0px; }

    .m_joy19_mn_md_m360 { display:none; }
	
	.mn_review_tit hr { width: 70%; }
	
	.mn_yfl_logo { text-align: center; }
	.mn_yfl_logo img { width:600px; height: 217px; }
	.mn_yfl_vod { margin-top:170px; }
	.mn_yfl_vod iframe{ height:400px; }
	.mn_yfl_prdtlist > div:nth-child(3) { display:block;}
    
	.mn_bt_bn_adultschool_title h5 img {  width:340px; height:auto; }
	.mn_bt_bn_adultschool_movie iframe { width:100%; height:270px;}
}

@media only screen and (min-width : 600px) {
    
    .img_circle { border-radius: 80px; }
    .img_circle img { width:160px; height:160px; }

	.mn_bt_bn_adultschool_title h5 img {  width:441px; height:232px; }
	.mn_bt_bn_adultschool_movie iframe { width:90%; height:340px;}
}

/* IE hack */

.iePngFix {behavior:url(/design/tanning/htc/iepngfix.htc);} /* IE6

/* BASIC css end */