@charset "utf-8";
@import url('fonts.css');

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
button,
option {
    font-family: "Noto Sans KR", "맑은 고딕", "돋움", dotum, sans-serif;
    letter-spacing: -0.2px;
}

html {
    position: relative;
}

html,
body {
    font-weight: normal;
    color: #000;
}

body {
    position: relative;
    font-size: 16px;
    word-break: break-all;
}

body,
div,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
button,
p,
pre,
blockquote,
menu,
figure,
input {
    margin: 0;
    padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
    display: block;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
select,
input,
textarea,
p,
blockquote,
th,
td,
menu,
button,
a,
span,
strong,
label,
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
figure,
figcaption {
    word-break: break-word;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
button,
option {
    font-size: 16px;
    font-weight: normal;
    color: inherit;
}

pre,
code,
samp,
kbd {
    font-family: inherit;
}

em,
var,
address {
    font-style: normal;
}

ul,
ol {
    list-style-type: none;
}

legend,
fieldset,
button,
img {
    border: 0 none;
}

input,
select,
textarea,
button,
label,
strong,
a,
time {
    vertical-align: inherit;
}

input,
select,
textarea,
button,
option {
    font-family: inherit;
    font-weight: inherit;
}

input[type="text"]::-webkit-search-cancel-button {
    appearance: none;
    -webkit-appearance: none;
}

button,
select,
option {
    color: inherit;
    text-transform: none;
}

caption,
legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button {
    overflow: visible;
    text-align: left;
    cursor: pointer;
    background: none;
}

:focus {
    outline: 0;
}

a {
    color: #000;
    text-decoration: none;
}

img {
    vertical-align: middle;
}

.hidden,
.hiddenForWeb,
.sound-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
}

.tabHidden {
    opacity: 0;
}

::-webkit-input-placeholder {
    color: #999;
}

/* Chrome/Opera/Safari */
::-moz-placeholder {
    color: #999;
}

/* Firefox 19+ */
:-ms-input-placeholder {
    color: #999;
}

/* IE 10+ */
:-moz-placeholder {
    color: #999;
}

/* Firefox 18- */

.scroll {
    margin: 0 2px;
    overflow: hidden;
    overflow-y: auto;
}

.scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px;
}

.scroll::-webkit-scrollbar-thumb {
    background: #d2d2d2;
    border-radius: 5px;
    height: 10%;
}

.scroll::-webkit-scrollbar-thumb:hover {
    background: #d2d2d2;
}

#skipnavigation {
    position: relative;
    z-index: 110;
}

#skipnavigation .skip {
    position: absolute;
    top: 0;
    left: 0;
}

#skipnavigation a {
    display: block;
    height: 1px;
    width: 1px;
    margin-bottom: -1px;
    overflow: hidden;
    text-align: center;
    color: #000;
    white-space: nowrap;
}

#skipnavigation a:focus,
#skipnavigation a:active {
    height: auto;
    width: auto;
    padding: 5px;
    margin-bottom: 10px;
}

html,
body {
    height: 100%;
}

body {
    background-color: #fff;
}

body.hiddenScroll {
    overflow: hidden;
}

body.activeTab .mTab2 {
    border: 1px solid #f00;
}

body.bgGray1 #wrap {
    margin-bottom: -140px;
}

body.bgGray1 #body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f4f4f4;
    width: 50%;
    height: 100%;
}

body.bgGray1 #body .bg {
    position: relative;
    padding-bottom: 140px;
    background-color: #f4f4f4;
}

body.bgGray1 #body .bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 328px;
    height: 100%;
    transition: all 0.4s 0s;
}

/* common */
/* modify20231208-3 */
#wrap {
    padding: 90px 0 140px;
    min-height: calc(100% - 188px);
}

#wrap.pb0 {
    padding-bottom: 0;
}

#wrap.noSubscribe #body .bg {
    padding-top: 0;
}

/* //modify20231208-3 */
#footer .bg,
#wrap .bg {
    position: relative;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 1280px;
    max-width: 1630px;
    zoom: 1;
}

#wrap .bg:after {
    display: block;
    clear: both;
    content: ''
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding-bottom: 1px;
    z-index: 200;
}

#header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #eaeeef;
    width: 100%;
    height: 1px;
    z-index: 1;
}

#header .bg {
    height: 90px;
}

#header h1 {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -17.5px;
}

#header h1 img {
    height: 35px;
    vertical-align: middle;
}

#header .mGnb {
    padding: 3px 0 0 155px;
}

#header .mSearch1 {
    position: absolute;
    top: 25px;
    right: 30px;
    width: 250px;
}

.mGnb li {
    position: relative;
    float: left;
}

.mGnb li a {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0;
    padding: 0 15px;
    line-height: 80px;
    height: 80px;
    transition: all 0.4s 0s;
    z-index: 1;
}

.mGnb li.active a {
    color: #cf2144;
}

.mGnb li.active a:before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 8px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background-color: #cf2144;
    transition: all 0.4s 0s;
}

#footer {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #e9e9e9;
    margin: 0;
    min-width: 1300px;
    z-index: 500;
}

#footer .bg {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 501;
}

#footer .tit {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding: 0 0 22px;
}

#footer .sns {
    position: absolute;
    top: 146px;
    right: 55px;
    z-index: 1000;
}

#footer .sns a {
    display: inline-block;
    margin-left: 16px;
}

#footer .sns img {
    width: 35px;
    cursor: pointer;
}

#footer .family {
    position: absolute;
    top: -10px;
    right: 30px;
    min-width: 200px;
}

#footer .family .select {
    background: url(../images/ico_family1.png) calc(100% - 15px) 50% no-repeat #f4f4f4;
}

#footer .link a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #585858;
    padding-left: 32px;
    line-height: 59px;
    height: 59px;
}

#footer .link a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -7.5px;
    background-color: #e9e9e9;
    width: 1px;
    height: 15px;
}

#footer .link a em {
    color: #cf2144;
}

#footer .link .tit+a,
#footer .link a:first-child {
    padding-left: 0;
}

#footer .link .tit+a:before,
#footer .link a:first-child:before {
    display: none;
}

#footer .addr {
    border-top: 1px solid #e9e9e9;
    font-size: 12px;
    font-weight: normal;
    color: #8d8d8d;
    line-height: 140%;
    padding: 33px 0;
}

#footer .addr a {
    display: inline-block;
    color: #8d8d8d;
}

#footer .addr .bar {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    margin: 0 12px 0 4px;
    width: 1px;
}

#footer .addr .bar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -10px;
    background-color: #8d8d8d;
    width: 1px;
    height: 11px;
}

#footer .copy {
    font-size: 12px;
    font-weight: 300;
    margin: 7px 0 0;
}

#body .bg {
    padding-top: 54px;
    zoom: 1;
}

/* modify20231208-4 */
#body .contents {
    position: relative;
    margin: 0 370px 0 0;
    padding-top: 64px;
    z-index: 1;
    transition: all 0.4s 0s;
}

#body .contents:before {
    content: "";
    position: absolute;
    top: 0;
    right: -72px;
    background-color: #e9e9e9;
    margin: -5px 0 0 -49px;
    width: 1px;
    height: calc(100% + 145px);
    z-index: 100;
}

#body .lnb {
    position: sticky;
    top: 139px;
    right: 0;
    float: right;
    padding: 0 0 30px;
    width: 250px;
    transition: all 0.4s 0s;
    z-index: 2;
}

/*
#body .lnb:before{content:"";position:absolute;background-color:#e9e9e9;margin:-5px 0 0 -49px;width:1px;height:calc(100% + 5px);}
*/
#body .lnb .btn_min {
    position: absolute;
    top: 50px;
    left: -70px;
    background: url(../images/ico_lnb2.png) calc(50% + 1px) 50% no-repeat #fff;
    border: 1px solid #e9e9e9;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
}

#body .lnb .btn_close {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_lnb_close1.png) calc(50% + 1px) 50% no-repeat #fff;
    background-size: 17px auto;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

#body .lnb .btn {
    display: block;
    background-color: #cf2144;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    margin: 31px 0 0;
    text-align: center;
    line-height: 48px;
    height: 48px;
}

#body .lnb .btn.gray {
    background-color: #f4f4f4;
    color: #000;
}

#body .lnb .btn.gray.forMobile {
    display: none;
}

body.minActive #body .contents {
    margin: 0 240px 0 130px;
}

body.minActive #body .lnb {
    right: 0;
    background-color: #fff;
    margin: 0 -5px 0 0;
    padding: 0;
    width: 60px;
    min-height: 100%;
    z-index: 100;
}

/*
body.minActive #body .lnb:before{margin-left:-25px;margin-top:0;}
*/
body.minActive #body .lnb:after {
    margin-left: 1px;
}

body.minActive #body .lnb .btn_min {
    top: 45px;
    left: -50px;
    background-image: url(../images/ico_lnb2_a.png);
    background-position: calc(50% - 1px) 50%;
    background-color: #cf2144;
    border-color: #cf2144;
}

body.minActive #body .lnb .mLnb1 {
    display: none;
}

body.minActive #body .lnb .mLnb1:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -25px;
    background-color: #fff;
    width: 110px;
    height: 155px;
}

body.minActive #body .lnb .mLnb1.after {
    display: block;
    padding-top: 54px;
}

body.minActive #body .lnb .mLnb1.after .tit {
    font-size: 15px;
    font-weight: 500;
}

body.minActive #body .lnb .mLnb1.after .tit .tx {
    display: none;
}

body.minActive #body .lnb .mLnb1 .pic {
    border-radius: 25px;
    width: 60px;
    height: 60px;
}

body.minActive #body .lnb .mLnb1 .btn {
    display: none;
}

body.minActive #body .lnb .mLink1 {
    position: relative;
    margin-top: 25px;
    padding-top: 25px;
}

body.minActive #body .lnb .mLink1 .list {
    display: none;
}

body.minActive #body .lnb .mLink1 li>a {
    background-position: 50% 16px;
    font-size: 13px;
    line-height: 110%;
    padding: 40px 0 0;
    text-align: center;
    height: auto;
    min-height: 70px;
}

body.minActive #body .lnb .mLink1 li>a span {
    display: block;
}

body.minActive #body .lnb .mLink1 li>a:before {
    display: none;
}

body.minActive #body .lnb .mLink1 li.i2>a,
body.minActive #body .lnb .mLink1 li.i4>a {
    background-position: 50% 11px;
    padding-top: 33px;
}

body.minActive #body .lnb .mBanner2 {
    display: none;
}

/*
body.minActive #body.hasKeysub:before{content:"";position:absolute;top:139px;right:0;background:#fcecc8;border-bottom:1px solid #e9e9e9;width:100%;height:149px;}
*/
body.minActive #body .mKeysub1:after {
    display: block;
}

body.minActive #body .contents:before {
    right: -160px;
}

body.bgGray1.minActive #body .bg:before {
    width: 141px;
}

.mLnb1 {
    padding: 44px 0 0;
    text-align: center;
}

.mLnb1 .tit {
    position: relative;
    display: block;
    font-size: 22px;
    letter-spacing: -1px;
    z-index: 1;
}

.mLnb1 .link {
    display: inline-block;
    font-size: 15px;
    margin: 20px 0 0;
    text-decoration: underline;
}

.mLnb1 .pic.noimg {
    overflow: visible;
}

.mLnb1 .pic {
    position: relative;
    display: block;
    background: url(../images/k_profile1.png) 50% 50% no-repeat;
    margin: 30px auto -5px;
    border-radius: 35px;
    overflow: hidden;
    width: 84px;
    height: 84px;
    z-index: 1;
}

.mLnb1 .pic .bt {
    position: absolute;
    bottom: 0;
    right: -8px;
    background: url(../images/ico_regpic1.png) 50% 50% no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.mLnb1 .pic .bt input[type="file"] {
    cursor: pointer;
    margin-left: -100px;
    opacity: 0.01;
}

.mLnb1 .pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.mLnb1 .btn.forMobile {
    display: none !important;
}

.mLnb1.after .tit {
    text-align: left;
}

.mLnb1.after .tit .tx {
    display: block;
    font-weight: normal;
    font-size: 18px;
}

.mLink1 {
    border-top: 1px solid #d8d8d8;
}

.mLink1 {
    margin: 46px 0 0;
    padding: 40px 0 0;
}

.mLink1 li+li {
    margin-top: 12px;
}

.mLink1 li {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}

.mLink1 li>a {
    position: relative;
    display: block;
    background: url(../images/ico_lnb1_1.png) 21px 50% no-repeat;
    font-size: 15px;
    padding: 0 30px 0 65px;
    line-height: 50px;
    height: 52px;
}

.mLink1 li>a .n {
    display: block;
    position: absolute;
    top: -4px;
    left: -4px;
    font-size: 9px;
    background-color: #cf2144;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    width: 18px;
    line-height: 18px;
    height: 18px;
}

.mLink1 li>a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4.5px;
    background: url(../images/ico_link2.png) 50% 50% no-repeat;
    width: 9px;
    height: 9px;
}

.mLink1 li>a.more:before {
    background-image: url(../images/ico_link1.png);
}

.mLink1 li.i2>a {
    background-image: url(../images/ico_lnb1_2.png);
}

.mLink1 li.i3>a {
    background-image: url(../images/ico_lnb1_3.png);
}

.mLink1 li.i4>a {
    background-image: url(../images/ico_lnb1_4.png);
}

.mLink1 li .list {
    display: none;
    background-color: #f4f4f4;
    overflow: hidden;
    overflow-y: auto;
    margin: 0 10px 10px;
    padding: 0 15px;
    border-radius: 10px;
    max-height: 208px;
}

.mLink1 li .list.hType2 {
    padding-top: 12px;
    padding-bottom: 12px;
    max-height: 242px;
}

.mLink1 li .list .row a {
    display: block;
    font-size: 13px;
    padding: 13px 0;
}

.mLink1 li .list .row .i {
    display: block;
    float: left;
    border-radius: 6px;
    margin: 0 10px 0 0;
    overflow: hidden;
    width: 46px;
    height: 46px;
}

.mLink1 li .list .row .i img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.mLink1 li .list .row .d {
    display: block;
    color: #757575;
    font-size: 12px;
}

.mLink1 li .list .row+.row {
    border-top: 1px solid #e6e6e6;
}

.mLink1 li .list .row.type2 {
    font-size: 12px;
}

.mLink1 li .list .row.type2 a {
    padding: 0;
    min-height: 46px;
}

.mLink1 li .list .row.type2 .t {
    display: block;
    color: #757575;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mLink1 li .list .row.type2 .p {
    display: block;
}

.mLink1 li .list .row.type2+.row.type2 {
    border-top: 0;
    margin-top: 12px;
}

.mLink1 li.active .list {
    display: block;
}

.mSubscribe1 {
    background: url(../images/k_subscribe1.png) 0 0 no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 48px;
    height: 48px;
}

.mSubscribe1 .txt {
    display: inline-block;
}

.mSubscribe1 .btn {
    display: inline-block;
    border: 1px solid #ddacb8;
    border-radius: 24px;
    color: #fff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 0 11px;
    line-height: 20px;
    height: 24px;
}

.mSearch1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    background-color: #efefef;
    border-radius: 10px;
}

.mSearch1 .it {
    -webkit-flex: 1;
    flex: 1;
    background-color: transparent;
    border: 0;
    color: #767776;
    font-size: 14px;
    padding: 0 40px 0 20px;
    height: 40px;
}

.mSearch1 .bt {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/ico_find1.png) 50% 50% no-repeat;
    text-indent: -9999px;
    font-size: 0;
    width: 40px;
    height: 40px;
}

.swiper-button-prev,
.swiper-button-next {
    cursor: pointer;
}

.mMain1 {
    position: relative;
}

.mMain1 .swiper {
    border-radius: 10px;
    overflow: hidden;
}

.mMain1 .swiper a {
    display: block;
}

.mMain1 .swiper img {
    max-width: 100%;
    vertical-align: middle;
}

.mMain1 .util {
    position: absolute;
    bottom: 52px;
    left: 65px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    z-index: 1;
}

.mMain1 .count {
    float: left;
    margin: -8px 0 0 14px;
}

.mMain1 .count .bar {
    padding: 0 1px;
}

.mMain1 .count .total {
    opacity: 0.4;
}

.mMain1 .swiper-pagination {
    position: relative;
    top: auto;
    left: auto;
    float: left;
    width: 142px;
    height: 2px;
}

.mMain1 .swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.25);
}

.mMain1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #fff;
}

.mMain1 .btn_stop,
.mMain1 .btn_play {
    float: left;
    background: url(../images/ico_stop1.png) 50% 50% no-repeat;
    background-size: auto 22px;
    cursor: pointer;
    text-indent: -9999px;
    font-size: 0;
    margin: -10px 0 0 10px;
    width: 22px;
    height: 22px;
    z-index: 10;
}

.mMain1 .btn_play {
    display: none;
    background-image: url(../images/ico_play1.png);
}

.mMain1 .swiper-button-next,
.mMain1 .swiper-button-prev {
    background: url(../images/ico_prev1.png) 0 0 no-repeat;
    margin: -28px -37px 0;
    width: 56px;
    height: 56px;
}

.mMain1 .swiper-button-next {
    background-image: url(../images/ico_next1.png);
}

.mMain2 {
    margin: 35px 0 0;
}

.mMain2 h3 {
    position: relative;
    float: left;
    display: table;
    background: url(../images/k_main2.png) 0 0 no-repeat;
    background-size: cover;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 175px;
    height: 95px;
}

.mMain2 h3:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 18px;
    background: url(../images/svg/publication.svg) 0 0 no-repeat;
	background-size:contain;
    width: 77px;
    height: 108px;
    overflow: hidden;
}

.mMain2 h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    background: url(../images/ico_main2.png) 0 0 no-repeat;
    width: 107px;
    height: 123px;
    display: none;
}

.mMain2 h3>span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 120px;
}

.mMain2 .list {
    overflow: hidden;
    margin-left: 200px;
}

.mMain2 .swiper-slide {
    background-color: #f4f4f4;
    border-radius: 8px;
    text-align: center;
    width: 12.5%;
}

.mMain2 .swiper-slide a {
    display: block;
    background: url(../images/ico_main2_2.png) 50% 16px no-repeat;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    height: 95px;
}

.mMain2 .swiper-slide a span {
    display: block;
    padding: 64px 0 0;
}

.mMain2 .swiper-slide.i2 a {
    background-image: url(../images/ico_main2_3.png);
}

.mMain2 .swiper-slide.i3 a {
    background-image: url(../images/ico_main2_4.png);
}

.mMain2 .swiper-slide.i4 a {
    background-image: url(../images/ico_main2_5.png);
}

.mMain2 .swiper-slide.i5 a {
    background-image: url(../images/ico_main2_6.png);
}

.mMain2 .swiper-slide.i6 a {
    background-image: url(../images/ico_main2_7.png);
}

.mMain2 .swiper-slide.i7 a {
    background-image: url(../images/ico_main2_8.png);
}

.mMain2 .swiper-slide.i8 a {
    background-image: url(../images/ico_main2_9.png);
}

.mMain3 {
    overflow: hidden;
}

.mMain3 .swiper-slide {
    background: url(../images/k_main3_1.png) 0 0 no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
}

.mMain3 .swiper-slide a {
    display: block;
    color: #000;
    font-size: 18px;
    padding: 80px 0 0;
    height: 472px;
}

.mMain3 .swiper-slide .tit {
    display: block;
    font-weight: 500;
    line-height: 140%;
    margin: -45px 10px 32px;
}

.mMain3 .swiper-slide .img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 140px;
    height: 207px;
}

.mMain3 .swiper-slide .img img {
    width: 100%;
}

.mMain3 .swiper-slide .txt {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}

.mMain3 .swiper-slide .txt .tx {
    display: block;
    font-size: 16px;
    line-height: 140%;
    margin-top: 10px;
    min-height: 44px;
}

.mMain3 .swiper-slide .mIco1 {
    display: block;
    position: static;
    text-align: center;
    margin: 27px 0 0;
}

.mMain3 .swiper-slide .mIco1 span {
    display: inline-block;
}

.mMain3 .swiper-slide.skin2 {
    background-image: url(../images/k_main3_2.png);
}

.mMain3 .swiper-slide.skin3 {
    background-image: url(../images/k_main3_3.png);
}

.mImg1 {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);
}

.mIco1 {
    position: absolute;
    top: 11px;
    left: 13px;
}

.mIco1 span {
    display: block;
    background-color: #ff815a;
    color: #fff;
    font-size: 14px;
    border-radius: 32px;
    text-align: center;
    min-width: 80px;
    line-height: 30px;
    height: 32px;
}

.mIco1 span.p {
    background-color: #0098c2;
}

.mIco1 span.s {
    background-color: #008675;
}

.mIco1 span+span {
    margin-top: 4px;
}

.mMain4 {
    overflow: hidden;
}

.mMain4 .gTitle1 {
    z-index: 10;
}

.mMain4 .gTitle1 .gRt {
    margin-top: 7%;
}

.mMain4 .list .thumb {
    float: left;
    width: 40%;
}

.mMain4 .list .swiper {
    margin-left: 40%;
    padding: 0 5px;
    overflow: hidden;
}

.mMain4 .swiper-slide {
    margin-top: 13.5%;
    width: 13.5%;
    padding-bottom: 10px;
}

.mMain4 .swiper-slide a {
    display: block;
}

.mMain4 .swiper-slide .mIco1 {
    display: block;
    position: static;
    min-width: 270px;
    margin-right: -100px;
}

.mMain4 .swiper-slide .mIco1 span {
    display: inline-block;
}

.mMain4 .swiper-slide .img {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.mMain4 .swiper-slide .img .nu {
    position: absolute;
    top: 8px;
    left: 8px;
    background-color: #cf2144;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    width: 22px;
    line-height: 22px;
    height: 22px;
}

.mMain4 .swiper-slide .img img {
    width: 100%;
}

.mMain4 .swiper-slide .txt {
    display: none;
}

.mMain4 .swiper-slide.thumb {
    margin-top: 0;
    width: 36.7%;
}

.mMain4 .swiper-slide.thumb a {
    display: -webkit-flex;
    display: flex;
}

.mMain4 .swiper-slide.thumb .img {
    width: 220px;
    min-width: 175px;
}

.mMain4 .swiper-slide.thumb .txt {
    display: block;
    -webkit-flex: 1;
    flex: 1;
    padding: 30px 0 0 30px;
    text-align: left;
}

.mMain4 .swiper-slide.thumb .txt .ti {
    display: block;
    font-size: 16px;
    margin: 28px 0 0;
    letter-spacing: -1px;
    line-height: 140%;
}

.mMain4 .swiper-slide.thumb .txt .na {
    display: block;
    font-size: 14px;
    margin: 10px 0 0;
    opacity: 0.8;
}

.mMain4 .swiper-slide.thumb .txt .sc {
    display: block;
    background: url(../images/ico_score1_m.png) 0 3px no-repeat;
    background-size: 17px auto;
    font-size: 15px;
    color: #f4724a;
    margin: 16px 0 0;
    padding: 0 0 0 22px;
}

.mMain4 .swiper-slide.thumb .txt .pr {
    display: block;
    font-size: 19px;
    margin: 30px 0 0;
}

.mMain4.type2 .gTitle1 .gRt,
.mMain4.type2 .swiper-slide {
    margin-top: 0;
}

/*
.mMain4.type2 .swiper-slide .img{box-shadow:10px 10px 10px rgba(0,0,0,0.15);}
*/
.mMain4.type2 .swiper {
    padding: 0 5px 0 0;
    overflow: hidden;
}

.mMain4.type2 .swiper-slide:last-child {
    margin-right: 50px;
}

.mMain4.type2 .swiper-slide .txt {
    display: block;
    margin: 20px 0 0;
}

.mMain4.type2 .swiper-slide .txt .ti {
    display: block;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mMain4.type2 .swiper-slide .txt .na {
    display: block;
    font-size: 14px;
    opacity: 0.8;
    margin: 4px 0 0;
}

.mMain4.type2.bgGray {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 50px 65px;
}

.mMain4.type2.bgGray .gTitle1 {
    margin-top: 0;
}

.mMain4+.mDetail1 {
    margin-top: 52px;
}

.mDetail1 .mTab2.fixed {
    position: fixed;
    top: 138px;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 100;
}

.mDetail1 .mTab2.fixed .tabBg {
    margin: 0 auto;
    width: 1200px;
}

.mDetail1 .mTab2.fixed .scrollX {
    margin-left: -185px;
}

.mDetail1 .mTab2.fixed+.tabCont2 {
    padding-top: 70px;
}

.mDetail1 .article img {
    width: 100%;
}

.mMain4_2 {
    overflow: hidden;
}

.mMain4_2 .swiper-slide a {
    display: block;
}

.mMain4_2 .img {
    position: relative;
    display: block;
    background-color: #f4f4f4;
    border-radius: 10px;
    text-align: center;
    height: 200px;
    overflow: hidden;
}

.mMain4_2 .img img {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 132px;
}

.mMain4_2 .txt {
    display: block;
    color: #000;
    padding: 15px 0 0;
}

.mMain4_2 .txt .ti {
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mMain4_2 .txt .na {
    display: block;
    font-size: 14px;
    margin: 4px 0 0;
}

.mMain5.mt-17 {
    margin-top: -17px;
}

.mMain5 {
    margin: 70px 0 0;
    overflow: hidden;
}

.mMain5 .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
}

.mMain5 .swiper-slide a {
    display: block;
}

.mMain5 .swiper-slide img {
    width: 100%;
}

.mMain5 .swiper-pagination {
    display: none;
}

.mMain6 {
    position: relative;
    overflow: hidden;
}

.mMain6 ul {
    margin: 68px 0 0 -20px;
    zoom: 1;
}

.mMain6 ul:after {
    display: block;
    clear: both;
    content: '';
}

.mMain6 li {
    float: left;
    margin: 0 0 20px 20px;
    width: calc(33.33% - 20px);
}

.mMain6 .swiper-slide,
.mMain6 li {
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

.mMain6 .swiper-slide a,
.mMain6 li a {
    display: block;
    color: #000;
    height: 329px;
    background: url(../images/k_main6_1.png) 0 100% no-repeat;
    background-size: cover;
}

.mMain6 .tit {
    position: relative;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 0 0 10px 10px;
    align-items: center;
    z-index: 1;
}

.mMain6 .tit .pi {
    border-radius: 20px;
    margin: 3px 0 0 20px;
    width: 48px;
    height: 48px;
}

.mMain6 .tit .tx {
    -webkit-flex: 1;
    flex: 1;
    color: #000;
    font-size: 14px;
    padding: 18px 0 21px 13px;
}

.mMain6 .tit .tx .t {
    display: block;
}

.mMain6 .tit .tx .d {
    display: block;
    font-size: 12px;
    opacity: 0.8;
}

.mMain6 .tit .iLike1 {
    margin: -3px 18px 0 0;
}

.mMain6 .text {
    position: relative;
}

.mMain6 .text .txt {
    display: table;
    line-height: 150%;
    width: 100%;
    height: 171px;
}

.mMain6 .text .txt .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    padding: 0 10px 10px;
    text-align: center;
}

.mMain6 .text .txt .cell img {
    width: 100%;
}

/* add20231025 */
.mMain6 .text .txt .im {
    display: block;
    margin: 15px -10px 0;
}

.mMain6 .text .txt .im img {
    width: 100%;
}

/* //add20231025 */
.mMain6 .text .book {
    position: relative;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    height: 80px;
}

.mMain6 .text .book .im {
    position: absolute;
    bottom: 0;
    left: 28px;
}

.mMain6 .text .book .im img {
    width: 66px;
}

.mMain6 .text .book .ti {
    display: block;
    font-size: 16px;
    padding: 15px 20px 0 110px;
}

.mMain6 .text .book .ti .t {
    display: block;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mMain6 .text .book .ti .n {
    display: block;
    font-size: 14px;
}

.mMain6 .text .hover {
    display: table;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 150%;
    padding: 0 35px;
    width: 100%;
    height: calc(100% + 10px);
    transition: all 0.3s 0s;
    opacity: 0;
}

.mMain6 .swiper-slide.skin2 a,
.mMain6 li.skin2 a {
    background-image: url(../images/k_main6_2.png);
}

.mMain6 .swiper-slide.skin2 a .text,
.mMain6 li.skin2 a .text {
    opacity: 1;
    background-color: #f3efe7;
}

.mMain6 .swiper-slide.skin2 a .text .txt,
.mMain6 li.skin2 a .text .txt {
    height: 253px;
}

.mMain6 .swiper-slide.skin2 a .text .cell,
.mMain6 li.skin2 a .text .cell {
    display: table-cell;
    vertical-align: middle;
    color: #53524f;
    font-size: 14px;
    padding: 0 35px;
    text-align: left;
}

.mMain6 .swiper-slide.skin2 a .text .ti,
.mMain6 li.skin2 a .text .ti {
    display: block;
    color: #000;
    font-size: 16px;
    margin: 0 0 15px;
}

.mMain6 .swiper-slide.skin3 a,
.mMain6 li.skin3 a {
    background-image: url(../images/k_main6_3.png);
}

.mMain6 li img {
    max-width: 100%;
}

.iLike1 {
    display: inline-block;
    background: url(../images/ico_like1.png) 15px 50% no-repeat #fff;
    border: 1px solid #e9e9e9;
    border-radius: 40px;
    font-size: 12px;
    padding: 0 15px 0 35px;
    line-height: 28px;
    height: 30px;
    cursor: pointer;
}

.iLike1.active {
    background-image: url(../images/ico_like1_a.png);
}

.gTitle1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    margin-top: 70px;
    text-align: left;
}

.gTitle1 .flex {
    -webkit-flex: 1;
    flex: 1;
}

.gTitle1 .mTitle1 {
    float: left;
    margin-top: 0;
}

.gTitle1 .mTab1 {
    float: left;
    margin: -2px 0 0 27px;
}

.gTitle1 .gRt {
    position: absolute;
    top: 0;
    right: 0;
}

.gTitle1 .gRt .mTab1 {
    border-bottom: 0;
}

.gTitle1 .gRt .iMore {
    vertical-align: middle;
    margin-right: 10px;
}

.gTitle1 .gRt .swiper-button-next,
.gTitle1 .gRt .swiper-button-prev {
    position: static;
    background: url(../images/ico_prev2.png) 50% 50% no-repeat;
    display: inline-block;
    margin: 0;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.gTitle1 .gRt .swiper-button-next {
    background-image: url(../images/ico_next2.png);
}

.gTitle1+.mNolist1 {
    margin-top: -5px;
}

.gTitle1+.mList5 {
    margin-top: -38px;
}

.gTitle1.line1 {
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 37px;
    padding-bottom: 23px;
}

.gTitle1.line1 .mTitle5,
.gTitle1.noline1 .mTitle5 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.gTitle1.noline1 {
    border-bottom: 0;
    margin: 0;
    padding-bottom: 23px;
}

.gTitle1.line1+.mList1.type2 {
    margin-top: -5px;
}

.mTab1 a {
    display: inline-block;
    background-color: #f4f4f4;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
    border-radius: 38px;
    line-height: 38px;
    height: 38px;
    text-align: center;
}

.mTab1 a.mw130 {
    min-width: 130px;
}

.mTab1 a.mw147 {
    min-width: 147px;
}

.mTab1 a.active {
    background-color: #000;
    color: #fff;
}

.mTab1 a+a {
    margin-left: 6px;
}

.mTab2 {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    transition: all 0.4s 0s;
    z-index: 10;
}

.mTab2 a {
    position: relative;
    display: inline-block;
    color: #454545;
    font-size: 18px;
    font-weight: 500;
    margin: 0 15px;
    padding: 28px 0;
}

.mTab2 a+a {
    margin-left: 20px;
}

.mTab2 a.active {
    color: #cf2144;
}

.mTab2 a.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #cf2144;
    width: 100%;
    height: 2px;
}

.mTab3 {
    display: -webkit-flex;
    display: flex;
}

.mTab3 a {
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    border-top: 1px solid #d1d1d1;
    color: #000;
    font-size: 15px;
    text-align: center;
}

.mTab3 a:first-child {
    border-left: 1px solid #d1d1d1;
    border-radius: 8px 0 0;
}

.mTab3 a:last-child {
    border-right: 1px solid #d1d1d1;
    border-radius: 0 8px 0 0;
}

.mTab3 a span {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    line-height: 52px;
    height: 52px;
}

.mTab3 a+a {
    border-left: 1px solid #d1d1d1;
}

.mTab3 a.inactive {
    background-color: #913383;
    border-bottom: 1px solid #d1d1d1;
    color: #fff;
}

.mTab3 a.active {
    background-color: #fff;
    color: #000;
    transition: all 0.1s;
}

.mTab3 a.active:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 1px;
}

.mTab3 a.active span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 1px;
}

.mTab3 a.activeForWeb {
    background-color: #fff;
    color: #000;
}

.mTab3 a.activeForWeb:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 1px;
}

.mTab3 a.activeForWeb span:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 1px;
}

.mTab4 {
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0 40px;
    padding: 0 0 21px 12px;
}

.mTab4 a.active {
    color: #000;
}

.mTab4 a {
    position: relative;
    color: #9b9b9b;
    font-size: 22px;
}

.mTab4 a em {
    display: inline-block;
    color: #cf2144;
    font-size: 16px;
    vertical-align: top;
    margin: 5px 0 0 5px;
}

.mTab4 a+a {
    margin: 0 0 0 53px;
}

.mTab4 a+a:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -29px;
    background-color: #cbcbcb;
    width: 1px;
    height: 20px;
}

.mTitle1 {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin: 70px 0 20px;
}

.mTitle1 .s {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: top;
    margin: 3px 0 0;
}

.mTitle1 .s.fs16 {
    font-size: 16px;
    margin: 5px 0 0 -5px;
}

.mTitle1 .s.arr {
    background: url(../images/ico_arr2.png) 14px calc(50% + 1px) no-repeat;
    font-size: 16px;
    margin-top: 5px;
    padding: 0 0 0 34px;
}

.iMore {
    display: inline-block;
    background: url(../images/ico_more1.png) 0 calc(50% + 1px) no-repeat;
    color: #787878;
    font-size: 15px;
    padding: 0 0 0 20px;
}

.iMore2 {
    display: inline-block;
    background: url(../images/ico_more2.png) 0 0 no-repeat;
    text-indent: -9999px;
    font-size: 0;
    width: 42px;
    height: 42px;
}

.mStar1>button,
.mStar1>span {
    display: inline-block;
    background: url(../images/ico_score1_d_m.png) 0 calc(50% + 1px) no-repeat;
    background-size: 16px auto;
    margin: 0 -1px 0 0;
    width: 16px;
    height: 16px;
}

.mStar1>button.active,
.mStar1>span.active {
    background-image: url(../images/ico_score1_m.png);
}

.mStar1>button {
    background-size: 30px auto;
    width: 30px;
    height: 30px;
}

.mBanner1 {
    margin: 90px 0 0;
}

.mBanner1 img {
    max-width: 100%;
}

.mBanner2 {
    position: relative;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    overflow: hidden;
    margin: 40px 0 0;
}

.mBanner2 .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 10px;
    background-color: #000;
    color: #999;
    width: auto;
    border-radius: 20px;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
    height: 20px;
}

.mBanner2 .swiper-pagination .swiper-pagination-current {
    color: #fff;
}

.mBanner2 img {
    width: 100%;
}

.gFlex {
    display: -webkit-flex;
    display: flex;
    align-items: end;
}

.gFlex .flex {
    -webkit-flex: 1;
    flex: 1;
}

.mLaw2 {
    margin: 100px 0 0;
}

.mLaw2 .txt {
    font-size: 14px;
    line-height: 180%;
}

.mLaw2 .txt+.tit {
    margin: 53px 0 0;
}

.mLaw2 .tit {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 180%;
    padding: 0 0 15px;
}

.mLaw2 .dep1+.tit {
    margin-top: 55px;
}

.mLaw2 .dep1.ml0 {
    padding-left: 0;
}

.mLaw2 .dep1 {
    padding: 0 0 0 20px;
}

.mLaw2 .dep1 li {
    font-size: 14px;
    line-height: 160%;
    margin: 20px 0 0;
}

.mLaw2 .dep1 li .n {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.mLaw2 .dep1 li.mt0 {
    margin-top: 0;
}

.mLaw2 .dep1 li.mt5 {
    margin-top: 5px;
}

.mLaw2 .dep1 li.mt15 {
    margin-top: 15px;
}

.mLaw2 .dep1 li .ti {
    font-size: 16px;
    font-weight: 500;
}

.mLaw2 .dep1 li .ti+.tx {
    margin: 10px 0 0;
}

.mLaw2 .dep1 li .tx {
    line-height: 180%;
}

.mLaw2 .dep1 li .mt1 {
    margin-top: 20px;
}

.mLaw2 .dep1 li .gab1 {
    line-height: 180%;
    padding-left: 18px;
}

.mLaw2 .dep1 li .gab2 {
    line-height: 180%;
    padding-left: 24px;
}

.mLaw2 .dep1 li .gab3 {
    font-size: 14px;
    line-height: 180%;
    padding: 5px 0 0 36px;
}

.mLaw2 .mBoard1 {
    margin-top: 10px;
}

.mList1.type2.mNBook1 {
    margin-top: 100px;
}

.mList1.mNBook1 {
    margin-top: 81px;
}

.mList1.mNBook1 .mTab1 {
    margin-top: -35px;
}

.mList1 {
    margin: 54px 0 0;
}

.mList1 .mTab1 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 50px;
    padding: 0 0 17px;
}

.mList1 .mTitle1 {
    padding-left: 20px;
}

.mList1 .mTitle1+ul {
    border-top: 1px solid #e9e9e9;
    padding-top: 33px;
}

.mList1 ul {
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 51px;
}

.mList1 li+li {
    margin-top: 100px;
}

.mList1 li+li:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    background-color: #e9e9e9;
    width: 100%;
    height: 1px;
}

.mList1 li {
    position: relative;
    min-height: 237px;
}

.mList1 li .num {
    position: absolute;
    top: 39px;
    left: 29px;
    background-color: #050505;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    width: 28px;
    line-height: 28px;
    height: 28px;
    text-align: center;
}

.mList1 li .img {
    display: block;
    float: left;
    border: 1px solid #e9e9e9;
    width: 162px;
}

.mList1 li .img img {
    width: 100%;
}

.mList1 li .txt {
    display: block;
    padding: 6px 170px 0 195px;
}

.mList1 li .txt .mIco1 {
    display: block;
    position: static;
    margin: 0 0 15px;
}

.mList1 li .txt .mIco1 span {
    display: inline-block;
}

.mList1 li .txt .mIco1 .t {
    background-color: transparent;
    font-size: 14px;
    color: #008675;
    padding: 0;
    width: auto;
}

.mList1 li .txt .ti {
    display: block;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mList1 li .txt .na {
    display: block;
    opacity: 0.8;
    color: #000;
    font-size: 16px;
    margin: 2px 0 0;
}

.mList1 li .txt .na.fs14 {
    font-size: 14px;
}

.mList1 li .txt .na .b {
    position: relative;
    display: inline-block;
    margin: 0 0 0 7px;
    padding: 0 0 0 11px;
}

.mList1 li .txt .na .b:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    background-color: #afafaf;
    width: 1px;
    height: 13px;
}

.mList1 li .txt .tx {
    display: block;
    opacity: 0.8;
    color: #000;
    font-size: 13px;
    line-height: 160%;
    margin: 17px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mList1 li .txt .tx.fs14 {
    font-size: 14px;
    margin-top: 10px;
}

.mList1 li .txt .ti.ellipsis2,
.mList1 li .txt .tx.ellipsis2 {
    -webkit-line-clamp: 2;
}

.mList1 li .gUt.type2 {
    display: block;
}

.mList1 li .gUt.type2 .sc {
    display: inline-block;
}

.mList1 li .gUt.type2 .pr+.sc {
    margin-left: 24px;
}

.mList1 li .gUt {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 195px;
    width: calc(100% - 200px);
}

.mList1 li .gUt .pr {
    -webkit-flex: 1;
    flex: 1;
    font-size: 19px;
}

.mList1 li .gUt .pr+.sc {
    margin-left: 34px;
}

.mList1 li .gUt .mStar1+.tx {
    font-size: 15px;
    vertical-align: top;
    margin: 0 20px 0 10px;
}

.mList1 li .gUt .sc {
    display: block;
    background: url(../images/ico_score1_m.png) 0 3px no-repeat;
    background-size: 17px auto;
    font-size: 15px;
    color: #f4724a;
    margin: 2px 20px 0 0;
    padding: 0 0 0 22px;
}

.mList1 li .gUt .sc.forMobile {
    display: none;
}

.mList1 li .gUt .da {
    display: block;
    color: #929191;
    font-size: 14px;
    margin: 2px 0 0 5px;
}

.mList1 li .gUt.type3 {
    display: block;
}

.mList1 li .gUt.type3 .sc {
    float: none;
}

.mList1 li .gUt.type3 .pr {
    display: block;
    margin-top: 5px;
}

.mList1 li .btn {
    position: absolute;
    top: 89px;
    right: 0;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    text-align: center;
    min-width: 142px;
    line-height: 62px;
    height: 64px;
    background: #fff;
    color: #000;
}

.mList1 li .btn.iCart2 span {
    display: inline-block;
    background: url(../images/ico_cart2.png) 0 50% no-repeat;
    padding-left: 30px;
}

.mList1 li .btn.purple {
    background: #913383;
    color: #fff;
    border: 0;
}

.mList1 li .gBtn {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 3px;
}

.mList1 li .gBtn .btn {
    position: static;
    display: block;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    text-align: center;
    min-width: 142px;
    line-height: 50px;
    height: 50px;
}

.mList1 li .gBtn .btn+.btn {
    margin-top: 10px;
}

.mList1 li .gBtn .btn.primary {
    color: #cf2144;
    border-color: #cf2144;
}

.mList1 li .gBtn.type2 {
    top: auto;
    bottom: -4px;
    margin: 0;
    transform: translateY(0);
}

.mList1 li .gBtn.type2 .btn {
    display: inline-block;
    font-size: 14px;
    min-width: 82px;
    line-height: 26px;
    height: 30px;
}

.mList1 li .gBtn.type2 .btn+.btn {
    margin: 0 0 0 5px;
}


.mList1.type2.gNum li {
    padding-left: 107px;
}

.mList1.type2.gNum li .num {
    top: 2px;
    left: 30px;
}

.mList1.type2.gNum li .gUt {
    bottom: 10px;
    left: 244px;
}

.mList1.type2.gNum li .gUt .pr {
    margin-top: 10px;
}

.mList1.type2 .gTitle1+ul {
    border-top: 1px solid #d8d8d8;
    padding-top: 33px;
}

.mList1.type2 .gTitle1+ul.mt1ForMobile {
    padding-top: 25px;
}

.mList1.type2 ul {
    padding-bottom: 33px;
}

.mList1.type2 li+li {
    margin-top: 67px;
}

.mList1.type2 li {
    padding-left: 20px;
    min-height: 146px;
}

.mList1.type2 li:before {
    top: -33px;
}

.mList1.type2 li .img {
    width: 103px;
}

.mList1.type2 li .txt {
    padding-left: 136px;
    padding-right: 0;
}

.mList1.type2 li .txt.forMobile {
    display: none;
}

.mList1.type2 li .gUt {
    bottom: 0;
    left: 156px;
    width: auto;
}

.mList1.type2 li .gBtn.type2+.lReview1 {
    top: 160px;
}

.mList1.type2 li .gBtn.type2+.lReview1.bottom {
    top: auto;
    bottom: 36px;
}

.mList1.type2 li .lReview1 {
    top: 141px;
    right: 0;
}

.mList1.type2 li .lReview1.bottom {
    top: auto;
    bottom: 75px;
}

.mList1.type3 h5 {
    font-weight: 500;
    font-size: 20px;
    padding: 0 0 15px 30px;
}

.mList1.type3 ul {
    border: 0;
    padding: 0;
    border-top: 1px solid #d8d8d8;
}

.mList1.type3 li {
    border-bottom: 1px solid #d8d8d8;
    padding: 30px;
    margin: 0;
    min-height: auto;
    zoom: 1;
}

.mList1.type3 li:before {
    display: none;
}

.mList1.type3 li:after {
    display: block;
    clear: both;
    content: '';
}

.mList1.type3 li .txt {
    padding-left: 96px;
}

.mList1.type3 li .txt .na {
    margin-top: 10px;
}

.mList1.type3 li .btn {
    top: 50%;
    right: 30px;
    margin-top: -25px;
    line-height: 48px;
    height: 50px;
}

.mList1.type3 li .btn.black {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.mList1.type3 .img {
    width: 70px;
}

.lModify.active {
    display: -webkit-flex;
    display: flex;
}

.lModify {
    position: absolute;
    top: 11px;
    left: 14px;
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 10px;
    width: calc(100% - 54px);
    overflow: hidden;
    align-items: center;
    display: none;
}

.lModify .it {
    -webkit-flex: 1;
    flex: 1;
    border: 0;
    border-radius: 0;
    height: 40px;
}

.lModify .bt {
    border-radius: 8px;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    line-height: 28px;
    height: 28px;
}

.lBook1 {
    display: none;
    position: absolute;
    top: -21px;
    left: 90px;
    background-color: #fff;
    border: 1px solid #515151;
    border-radius: 10px;
    width: 530px;
    z-index: 999;
}

.lBook1 .lCon {
    background-color: #ededed;
    overflow: hidden;
    overflow-y: auto;
    max-height: 392px;
}

.lBook1 .lTit {
    padding: 16px 0 16px 43px;
}

.lBook1 .lTit h3 {
    font-size: 20px;
    text-align: left;
}

.lBook1 .lCon {
    margin: 0;
    padding: 20px 45px 0;
}

.lBook1 .lCon .mCheckbox1 input+.label:before {
    background-image: url(../images/ico_checkbox1_w.png);
}

.lBook1 .lCon .mCheckbox1 input:checked+.label:before {
    background-image: url(../images/ico_checkbox1_a.png);
}

.lBook1 .lCon .all {
    text-align: left;
    margin: 0 0 17px;
}

.lBook1 .lCon .lst {
    margin-left: -20px;
    margin-right: -5px;
}

.lBook1 .lCon .lst .row {
    zoom: 1;
}

.lBook1 .lCon .lst .row:after {
    display: block;
    clear: both;
    content: '';
}

.lBook1 .lCon .lst .col {
    float: left;
    margin: 0 0 25px 20px;
    width: 91px;
}

.lBook1 .lCon .lst .mCheckbox1 {
    position: relative;
    width: 91px;
    height: 174px;
}

.lBook1 .lCon .lst .mCheckbox1 input+.label {
    padding: 0;
    background-color: transparent;
    padding: 0 0 41px;
}

.lBook1 .lCon .lst .mCheckbox1 input+.label:before {
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -12.5px;
    padding: 0;
    background-color: transparent;
}

.lBook1 .lCon .lst .mCheckbox1 input+.label img {
    width: 91px;
    height: 133px;
}

.lBook1 .button {
    border-top: 1px solid #515151;
    margin: 0;
    padding: 26px 0;
}

.lBook1 .button .mBtn1 {
    min-width: 147px;
}

.lBook1 .button .mBtn1+.mBtn1 {
    margin-left: 5px;
}

.lBook1 .button .mBtn1 .txtYellow1 {
    margin-right: 5px;
}

.lBook1 .close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/ico_lnb_close1.png) calc(50% + 1px) 50% no-repeat;
    background-size: 17px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 40px;
    height: 40px;
}

.lMLibrary1 {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 8px;
    padding: 50px 37px 0;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: 1;
}

.lMLibrary1 .lTit {
    font-size: 20px;
    padding: 0 0 20px 13px;
}

.lMLibrary1 .input .it {
    border-color: #b9b9b9;
}

.lMLibrary1 .button {
    text-align: center;
    margin: 25px 0 0;
}

.lMLibrary1 .button .mBtn1 {
    min-width: 123px;
    line-height: 50px;
    height: 50px;
}

.lMLibrary1 .close {
    position: absolute;
    top: 12px;
    right: 20px;
    background: url(../images/ico_lnb_close1.png) calc(50% + 1px) 50% no-repeat;
    background-size: 17px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 40px;
    height: 40px;
}

.iModify,
.iCart1,
.iDelete2,
.iDelete {
    display: inline-block;
    background: url(../images/ico_modify1.png) 50% 50% no-repeat;
    text-indent: -999px;
    font-size: 0;
    width: 34px;
    height: 34px;
    vertical-align: middle;
}

.iDelete {
    background-image: url(../images/ico_delete1.png);
    margin-left: -3px;
}

.iCart1,
.iDelete2 {
    background-image: url(../images/ico_delete2.png);
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    margin: 0 -25px 0 30px;
    width: 48px;
    height: 48px;
}

.iCart1 {
    background-image: url(../images/ico_cart1.png);
}

.iCart1:hover {
    background-color: #f4f4f4;
    /*background-image:url(../images/ico_cart1_a.png);*/
}

.iDelete2:hover {
    background-color: #f4f4f4;
    /*background-image:url(../images/ico_delete2_a.png);*/
}

.mList3 ul {
    margin-left: -23px;
}

.mList3 li {
    position: relative;
    float: left;
    background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin: 0 0 27px 23px;
    width: calc(33.33% - 25px);
    height: 277px;
}

.mList3 li .tit {
    display: -webkit-flex;
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 10px;
    margin: 0 0 25px;
    height: 65px;
    align-items: center;
}

.mList3 li .tit .ti {
    position: relative;
    background: url(../images/ico_list3.png) 18px calc(50% + 1px) no-repeat;
    color: #343434;
    font-size: 16px;
    padding: 0 0 0 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
    max-width: calc(100% - 100px);
}

.mList3 li .tit .ti em {
    position: absolute;
    top: 0;
    right: 0;
    color: #cf2144;
    margin-left: 4px;
}

.mList3 li .tit .gRt {
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
    padding-right: 10px;
}

.mList3 li .img {
    position: relative;
    height: 185px;
    text-align: center;
}

.mList3 li .img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 10px 10px;
    width: 100%;
    height: 70px;
    background: url(../images/k_list3.png) 50% 50% no-repeat #f3f3f3;
}

.mList3 li .img img {
    position: relative;
    border: 1px solid #e9e9e9;
    margin: 0 -39px;
    height: 154px;
}

.mList3 li .iMore2 {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.mList3 li .iMake {
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: #9b9b9b;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mList3 li .iMake:before {
    content: "";
    position: absolute;
    top: 97px;
    left: 50%;
    margin: 0 0 0 -29px;
    width: 58px;
    height: 58px;
    background: url(../images/ico_make1.png) 0 0 no-repeat;
}

.mList3 li .iMake span {
    display: block;
    color: #fff;
    font-size: 20px;
    padding: 165px 0 0;
}

.mList3 li .iAdd {
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    width: 112px;
    height: 154px;
    z-index: 1;
}

.mList3 li .iAdd:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 50%;
    margin: 0 0 0 -21px;
    width: 42px;
    height: 42px;
    background: url(../images/ico_add1.png) 0 0 no-repeat;
}

.mList3 li .iAdd span {
    display: block;
    color: #343434;
    font-size: 15px;
    padding: 111px 0 0;
}

.mList4 {
    margin: 54px 0 0;
}

.mList4 ul {
    margin-left: -23px;
    zoom: 1;
}

.mList4 ul:after {
    display: block;
    clear: both;
    content: '';
}

.mList4 ul li {
    position: relative;
    float: left;
    margin: 0 0 0 23px;
    width: calc(33.33% - 23px);
}

.mList4 ul li:after {
    content: "";
    position: absolute;
    top: -2px;
    right: 11px;
    background: url(../images/ico_memo1_active.png) 0 0 no-repeat;
    width: 34px;
    height: 44px;
    z-index: 1;
}

.mList4 ul li .con {
    background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin: 0 0 0 23px;
    overflow: hidden;
}

.mList4 ul li .tit {
    position: relative;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 140%;
    padding: 24px 50px 0 30px;
    height: 115px;
}

.mList4 ul li .tit .ti {
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 45px;
}

.mList4 ul li .tit .nu {
    font-size: 15px;
    margin: 5px 0 0;
}

.mList4 ul li .tit .nu>span {
    padding: 0 3px;
}

.mList4 ul li .tit .nu em {
    font-weight: bold;
    color: #cf2144;
}

.mList4 ul li .dat {
    display: -webkit-flex;
    display: flex;
    color: #767776;
    font-size: 15px;
    padding: 5px 0 7px 32px;
    align-items: center;
}

.mList4 ul li .dat .da {
    -webkit-flex: 1;
    flex: 1;
}

.mList4 ul li .dat .iDelete {
    margin: 3px 13px 0 0;
}

.mList4 ul.type2 li .con {
    height: auto;
}

.mList4 ul.type2 li .tit {
    padding-right: 30px;
    padding-bottom: 20px;
    height: auto;
    min-height: 225px;
}

.mList4 ul.type2 li .tit .ti {
    background: url(../images/ico_list4.png) 2px 6px no-repeat;
    color: #767776;
    font-size: 14px;
    padding: 0 0 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: auto;
}

.mList4 ul.type2 li .tit .tx {
    padding: 19px 0 5px 20px;
    height: auto;
    min-height: 130px;
}

.mList4 ul.type2 li:after {
    top: -12px;
    background-image: url(../images/ico_memo2_active.png);
    width: 41px;
    height: 28px;
}

.mPag {
    margin: 45px 0 0;
    line-height: normal;
    text-align: center;
}

.mPag a,
.mPag strong {
    display: inline-block;
    color: #242325;
    text-decoration: none;
    font-size: 15px;
    margin: 0 2px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    min-width: 32px;
    line-height: 32px;
    height: 32px;
}

.mPag strong,
.mPag .active {
    background-color: #cf2144;
    color: #fff;
}

.mPag .first,
.mPag .last,
.mPag .prev,
.mPag .next {
    position: relative;
    display: inline-block;
    background: url(../images/ico_pag_prev.png) 50% 50% no-repeat;
    text-indent: -9999px;
    font-size: 0;
    margin: 0;
    text-indent: -9999px;
    font-size: 0;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

.mPag .first {
    margin-right: -6px;
}

.mPag .next {
    background-image: url(../images/ico_pag_next.png);
    margin-right: 10px;
}

.mList2.mt1 {
    margin-top: 58px;
}

.mList2+.gTitle2 {
    margin-top: 58px;
}

.mList2 dt.type2 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 0;
}

.mList2 dt {
    float: left;
    color: #000;
    font-size: 16px;
    padding: 0 0 0 53px;
    width: 165px;
    line-height: 45px;
    height: 45px;
}

.mList2 dt .iMust {
    color: #000;
    font-size: 16px;
    margin-left: -18px;
    padding-left: 18px;
}

.mList2 dt .iMust:before {
    line-height: 150%;
}

.mList2 dd {
    padding: 0 0 8px 165px;
}

.mList2 dd .mCheckbox1 {
    margin-top: 12px;
}

.mList2 dd .it {
    border-color: #dbdbdb;
    font-size: 15px;
    padding: 0 0 0 20px;
    width: 292px;
    line-height: 45px;
    height: 45px;
}

.mList2 dd .it.w100per {
    width: 100%;
}

.mList2 dd .it.w350 {
    width: 467px;
}

.mList2 dd .select2 {
    border-color: #dbdbdb;
    font-size: 15px;
    padding: 0 30px 0 20px;
    width: auto;
    line-height: 45px;
    height: 45px;
}

.mList2 dd .it+.select2,
.mList2 dd .it+.mBtn1 {
    margin-left: 9px;
}

.mList2 dd .mBtn1 {
    min-width: 96px;
    line-height: 42px;
    height: 44px;
}

.mList2 dd .mBtn1.mw163 {
    min-width: 163px;
}

.mList2 dd .it+.it,
.mList2 dd .mFlex1+.it {
    margin-top: 8px;
}

.mList2 dd .alert {
    color: #cf2144;
    font-size: 15px;
    padding: 3px 0 3px 22px;
}

.mTab2+.tabCont2 .mText1 {
    margin-top: 0;
}

.mTab2+.tabCont2 .mText1:before {
    display: none;
}

.mText1 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    margin: 65px 0 0;
    padding: 65px 0 0;
}

.mReply1:before,
.mText1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e9e9e9;
    width: 100%;
    height: 1px;
}

.mText1 h4 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 0 15px;
    width: 155px;
}

.mText1 .text {
    -webkit-flex: 1;
    flex: 1;
    line-height: 160%;
}

.mText1 .text .row7 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.mText1 .text.active .btn_open2 {
    display: none;
}

.mText1 .text.active .btn_close2 {
    display: block;
}

.btn_open2,
.btn_close2 {
    background: url(../images/ico_arr1.png) 16px 50% no-repeat;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    margin: 25px 0 0;
    padding: 0 16px 0 33px;
    text-align: center;
    min-width: 100px;
    line-height: 26px;
    height: 28px;
}

.btn_close2 {
    display: none;
    background-image: url(../images/ico_arr1_a.png);
    background-color: #000;
    border-color: #000;
    color: #fff;
}

/* modify20231208 */
.mDetail2 {
    position: relative;
    margin-bottom: 80px;
    padding: 0 390px 0 0;
    min-height: 465px;
}

.mDetail2 .mIco1 {
    display: block;
    position: static;
    margin: 22px 0 0;
}

.mDetail2 .mIco1 span {
    display: inline-block;
}

.mDetail2 .img {
    position: relative;
    display: block;
    float: left;
    width: 36.1%;
    height: auto;
}

.mDetail2 .img .im {
    position: relative;
    display: block;
    border: 1px solid #c8c8c8;
    ;
    overflow: hidden;
}

.mDetail2 .img .im img {
    width: 100%;
}

.mDetail2 .img .mButton1 {
    margin-top: 13px;
}

/* //modify20231208 */
.mDetail2 .txt {
    display: block;
    -webkit-flex: 1;
    flex: 1;
    padding: 9px 0 0 42%;
    text-align: left;
}

.mDetail2 .txt .ca {
    display: block;
    font-size: 15px;
    opacity: 0.8;
}

.mDetail2 .txt .ti {
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin: 16px 0 0;
    letter-spacing: -1px;
    line-height: 140%;
}

/* modify20230731 */
.mDetail2 .txt .na {
    display: block;
    font-size: 14px;
    margin: 17px 0 0;
    opacity: 0.8;
}

.mDetail2 .txt .na .b {
    color: #c8c8c8;
    font-family: dotum;
    font-size: 12px;
    padding: 0 3px;
}

.mDetail2 .txt .na .r>em {
    color: #8c8c8c;
    padding-right: 5px;
}

.mDetail2 .txt .na .r {
    display: block;
}

.mDetail2 .txt .na .r+.r {
    margin-top: 5px;
}

.mDetail2 .txt .na .r:last-child {
    margin-bottom: 15px;
}

/* //modify20230731 */
.mDetail2 .txt .sc {
    font-size: 15px;
    margin: 33px 0 0;
}

.mDetail2 .txt .sc .s {
    margin-left: 7px;
}

.mDetail2 .txt .pr {
    display: block;
    font-size: 19px;
    margin: 30px 0 0;
}

.mDetail2 .txt .in {
    display: block;
    font-size: 14px;
    opacity: 0.8;
    margin: 44px 0 0;
    line-height: 160%;
}

.mDetail2 .mBuy1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 375px;
}

.mBuy1 {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.mBuy1 .modalBg {
    display: none;
}

.mBuy1 .cont {
    border: 1px solid #d1d1d1;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    padding: 33px 38px 0;
    height: 291px;
}

.mBuy1 .cont.table {
    display: table;
    width: 100%;
    text-align: center;
}

.mBuy1 .cont.table .cell {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 53px;
}

.mBuy1 .cont.table h4 {
    font-size: 20px;
}

.mBuy1 .cont.table .tx {
    font-size: 14px;
    margin-top: 20px;
}

.mBuy1 .con {
    min-height: 150px;
}

.mBuy1 .con .info {
    background-color: #f4f4f4;
    border-radius: 8px;
    font-size: 12px;
    line-height: 140%;
    margin: 22px 0 0;
    padding: 16px 25px;
}

.mBuy1 .row+.row {
    margin-top: 10px;
}

.mBuy1 .row {
    display: -webkit-flex;
    display: flex;
}

.mBuy1 .row .ti {
    -webkit-flex: 1;
    flex: 1;
    font-size: 14px;
    padding: 0 0 0 3px;
    opacity: 0.8;
}

.mBuy1 .row .tx {
    font-size: 16px;
}

.mBuy1 .row.type2 {
    margin-top: 25px;
}

.mBuy1 .row.type2 .tx .mCount1 {
    margin: -9px -4px 0 0;
}

.mBuy1 .price {
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #e8e8e8;
    font-size: 24px;
    margin: 24px 0 0;
    padding: 20px 0 0;
}

.mBuy1 .price .ti {
    -webkit-flex: 1;
    flex: 1;
    color: #cf2144;
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
}

.mBuy1 .price .tx {
    font-weight: bold;
}

.mBuy1 .button.block {
    display: block;
}

.mBuy1 .button {
    display: -webkit-flex;
    display: flex;
    margin: 24px 0 0;
}

.mBuy1 .button .mBtn1 {
    -webkit-flex: 1;
    flex: 1;
}

.iLike,
.iBuy {
    display: inline-block;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    background: url(../images/ico_like2.png) 50% 50% no-repeat;
    margin: 0 12px 0 0;
    text-indent: -9999px;
    font-size: 0;
    width: 54px;
    height: 54px;
}

.iBuy {
    background-image: url(../images/ico_buy1.png);
}

.iLike:hover {
    background-image: url(../images/ico_like2_a.png);
}

.iBuy:hover {
    background-image: url(../images/ico_buy1_a.png);
}

.mCount1 {
    display: block;
    position: relative;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 0 27px;
    width: 93px;
    overflow: hidden;
}

.mCount1 .minus,
.mCount1 .plus {
    position: absolute;
    top: 0;
    left: 0;
    width: 27px;
    height: 37px;
}

.mCount1 .minus span,
.mCount1 .plus span {
    text-indent: -9999px;
    font-size: 0;
}

.mCount1 .minus:before,
.mCount1 .plus:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
}

.mCount1 .plus:before {
    content: "+";
}

.mCount1 .plus {
    left: auto;
    right: 0;
}

.mCount1 .it {
    background-color: transparent;
    border: 0;
    font-size: 16px;
    text-align: center;
    padding-left: 0;
    width: 39px;
    height: 37px;
}

.mBtn1.block {
    display: block;
}

.mBtn1.block+.mBtn1 {
    margin-top: 5px;
}

.mBtn1.m {
    font-size: 14px;
    padding: 0 15px;
    line-height: 38px;
    height: 40px;
}

.mBtn1.m.fs16 {
    font-size: 16px;
}

.mBtn1.ms {
    font-size: 14px;
    padding: 0 10px;
    line-height: 26px;
    height: 30px;
}

.mBtn1.s {
    font-size: 14px;
    border-radius: 4px;
    padding: 0 15px;
    line-height: 24px;
    height: 26px;
}

.mBtn1.lWhite,
.mBtn1.lWhite:hover {
    border: 1px solid #d2d2d2;
    background-color: #fff;
    color: #343434;
}

.mBtn1.lPrimary,
.mBtn1.lPrimary:hover {
    border: 1px solid #cf2144;
    background-color: #fff;
    color: #cf2144;
}

.mBtn1.lBlack,
.mBtn1.lBlack:hover {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}

.mBtn1.black {
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
}

.mBtn1 {
    display: inline-block;
    background-color: #cf2144;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 54px;
    height: 54px;
}

.mBtn1:hover {
    background-color: #363636;
}

.mBtn1.gray {
    background-color: #363636;
}

.mBtn1.gray2 {
    background-color: #7b7b7b;
}

.mBtn1.mw80 {
    min-width: 80px;
}

.mBtn1.mw96 {
    min-width: 96px;
}

.mBtn1.mw200 {
    min-width: 200px;
}

.mBtn1.mw163 {
    min-width: 163px;
}

.mBtn1.mw142 {
    min-width: 142px;
}

.mBtn1.mw130 {
    min-width: 130px;
}

.mBtn1.r {
    border-radius: 40px;
}

.mButton1.tal {
    text-align: left;
}

.mButton1.tar {
    text-align: right;
}

.mButton1.mt20 {
    margin-top: 20px;
}

.mButton1.mt30 {
    margin-top: 30px;
}

.mButton1 {
    margin: 40px 0 0;
    text-align: center;
}

.mButton1.line1 {
    border-top: 1px solid #dbdbdb;
    margin-top: 50px;
    padding-top: 45px;
}

.mButton1 .mBtn1+.row,
.mButton1 .mBtn1+.mBtn1 {
    margin-left: 7px;
}

.mTitle2ForMobile {
    display: none;
}

.mSelect1.active .selList {
    display: block;
}

.mSelect1 {
    position: relative;
    margin: 30px 0 0;
    z-index: 100;
}

.mSelect1 .sel {
    position: relative;
    display: block;
    background: url(../images/ico_sel1_m.png) calc(100% - 15px) 50% no-repeat;
    background-size: 7px auto;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    font-size: 14px;
    padding: 0 30px 0 20px;
    width: 100%;
    line-height: 38px;
    height: 40px;
}

.mSelect1 .selList {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_sel1_m_a.png) calc(100% - 15px) 15px no-repeat;
    background-size: 7px auto;
    border-radius: 8px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    padding: 12px 0;
    width: 100%;
}

.mSelect1 .selList .row {
    display: block;
    color: #000;
    font-size: 14px;
    opacity: 0.8;
    padding: 0 20px;
}

.mSelect1 .selList .row+.row {
    margin-top: 10px;
}

.mReply1 {
    position: relative;
    margin: 64px 0 0;
    padding: 64px 0 0;
}

.mReply1 .mTitle3 {
    padding: 0 0 30px 15px;
}

.mReply1 .list li+li {
    margin-top: 15px;
}

.mReply1 .list li {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.mReply1 .list li .text {
    padding: 25px 35px 30px 45px;
}

.mReply1 .list li .text .tit {
    position: relative;
}

.mReply1 .list li .text .tit .na {
    font-size: 15px;
}

.mReply1 .list li .text .gStar1 {
    margin-left: 5px;
}

.mReply1 .list li .text .gStar1 .mStar1>span {
    background-size: 16px auto;
    width: 16px;
    height: 16px;
}

.mReply1 .list li .text .gStar1 .s {
    color: #717171;
    font-size: 15px;
    margin-left: 10px;
}

.mReply1 .list li .text .gRt {
    position: absolute;
    top: 0;
    right: 0;
    color: #929191;
    font-size: 14px;
}

.mReply1 .list li .text .gRt .mBtn1 {
    margin-left: 10px;
}

.mReply1 .list li .text .txt {
    display: -webkit-flex;
    display: flex;
    margin: 13px 0 0;
    align-items: end
}

.mReply1 .list li .text .txt .tx {
    -webkit-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 160%
}

.mReply1 .list li .text .txt .ut {
    font-size: 14px;
    margin: 0 0 -3px;
}

.mReply1 .list li .text .txt .ut>a,
.mReply1 .list li .text .txt .ut>span {
    display: inline-block;
    background: url(../images/ico_like3.png) 0 3px no-repeat;
    margin-left: 12px;
    padding: 0 0 0 21px;
}

.mReply1 .list li .text .txt .ut .iLike3.active {
    background-image: url(../images/ico_like3_a.png);
    color: #cf2144;
}

.mReply1 .list li .text .txt .ut .iRe3 {
    background-image: url(../images/ico_re3.png);
    padding-left: 22px;
}

.mReply1 .list li .lst,
.mReply1 .list li .write,
.mReply1 .list li .login {
    background-color: #f4f4f4;
    font-size: 14px;
    text-align: center;
    padding: 17px 0;
}

.mReply1 .list li .login .tx {
    padding-right: 10px;
}

.mReply1 .list li .write .it {
    border: 1px solid #696969;
    border-radius: 4px;
    padding: 0 0 0 20px;
    font-size: 14px;
    width: calc(100% - 200px);
    vertical-align: middle;
    height: 38px;
}

.mReply1 .list li .write .mBtn1 {
    vertical-align: middle;
    margin-left: 4px;
    width: 92px;
}

.mReply1 .list li .lst {
    padding: 5px 35px 5px 45px;
    text-align: left;
}

.mReply1 .list li .lst .row {
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    padding: 14px 0;
}

.mReply1 .list li .lst .row .na {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    width: 90px;
}

.mReply1 .list li .lst .row .tx {
    -webkit-flex: 1;
    flex: 1;
}

.mReply1 .list li .lst .row+.row {
    border-top: 1px solid #e0e0e0;
}

.mReply1 .list li .login {
    border-top: 1px solid #e9e9e9;
}

.mReply1 .mPag {
    margin-top: 35px;
}

.mFlex2+.gIt,
.gIt+.gIt {
    margin: 10px 0 0;
}

.it {
    background-color: #fff;
    border: 1px solid #8b8b8b;
    border-radius: 8px;
    color: #767776;
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 100%;
    height: 50px;
}

.it.type2 {
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    color: #767776;
    font-size: 16px;
    padding: 0 0 0 20px;
    width: 100%;
    height: 42px;
}

.it.type2+.mBtn1 {
    margin-left: 10px;
}

.it.w205 {
    width: 205px;
}

.it.w290 {
    width: 290px;
}

.it.w100per {
    width: 100%;
}

div.it {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    padding: 0 0 0 20px;
    width: 100%;
    line-height: 50px;
    height: 50px;
}

.textarea {
    border: 1px solid #696969;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 25px;
    width: 100%;
    resize: none;
    vertical-align: middle;
}

.lReview1.lOne1.w450 {
    padding-bottom: 35px;
    width: 450px;
}

.lReview1.lOne1.posType1 {
    top: auto;
    bottom: 65px;
    right: auto;
    left: 275px;
    margin-left: 0;
    margin-right: 0;
}

.lReview1.lOne1 a {
    color: #0072ff;
}

.lReview1.lOne1.bottom {
    top: auto;
    bottom: 0;
}

.lReview1.lOne1.bottom {
    top: auto;
    bottom: 0;
}

.lReview1.lOne1.post1 {
    top: calc(100% - 13px);
}

.lReview1.lOne1 {
    background-color: #f2f2f2;
    top: 58px;
    right: 0;
    width: 100%;
}

.lReview1.lOne1 .close {
    top: 20px;
}

.lReview1.lOne1 .gTit {
    background-color: #fff;
    margin: -28px -42px 0;
    padding: 23px 42px 5px;
}

.lReview1.lOne1 .list {
    background-color: #f2f2f2;
    margin: 0 -42px;
    padding: 28px 42px 0;
}

.lReview1.lOne1 .list dt {
    display: none;
}

.lReview1.lOne1 .list dt.show {
    display: block;
    font-size: 15px;
    padding: 0 0 10px;
}

.lReview1.lOne1 .list dt.show.fs18 {
    font-size: 18px;
}

.lReview1.lOne1 .list dd {
    margin: 0 0 10px;
}

.lReview1.lOne1 .list dd.mb25 {
    margin-bottom: 25px;
}

.lReview1.lOne1 .list dd .it,
.lReview1.lOne1 .list dd .textarea {
    border-color: #dbdbdb;
    font-size: 16px;
}

.lReview1.lOne1 .list dd .it {
    line-height: 60px;
    height: 60px;
}

.lReview1.lOne1 .list dd .it.type2 {
    line-height: 44px;
    height: 44px;
}

.lReview1.lOne1 .list dd .if {
    color: #767776;
    font-size: 14px;
    padding: 10px 0 0 24px;
}

.lReview1.lOne1 .list .info {
    color: #767776;
    font-size: 14px;
    line-height: 180%;
    margin: 15px 0 0 24px;
}

.lReview1.lOne1 .list .check {
    margin: 26px 0 0 24px;
}

.lReview1.lOne1 .list .check .mCheckbox1 {
    display: inline-block;
}

.lReview1.lOne1 .list .check .mCheckbox1 input+.label:before {
    background-image: url(../images/ico_checkbox1_g.png);
}

.lReview1.lOne1 .list .check .mCheckbox1 input:checked+.label:before {
    background-image: url(../images/ico_checkbox1_a.png);
}

.lReview1.lOne1 .list .check .mCheckbox1 input+.label {
    font-size: 16px;
    font-weight: normal;
}

.lReview1.lOne1 .list .done {
    text-align: center;
    font-size: 18px;
    padding: 20px 0;
}

.lReview1.lOne1 .mButton1 {
    position: relative;
}

.lReview1 {
    display: none;
    position: absolute;
    top: 57px;
    right: -10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.01);
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #454545;
    padding: 28px 42px;
    width: 720px;
    z-index: 600;
}

.lReview1 .tit {
    font-size: 20px;
    padding: 0 0 20px;
}

.lReview1 .detail {
    position: relative;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-bottom: 28px;
    padding: 28px 35px;
}

.lReview1 .detail .mIco1 {
    display: block;
    position: static;
    margin: -10px 0 0;
}

.lReview1 .detail .mIco1 span {
    display: inline-block;
}

.lReview1 .detail .img {
    position: relative;
    display: block;
    float: left;
    border: 1px solid #c8c8c8;
    width: 94px;
    height: auto;
    overflow: hidden;
}

.lReview1 .detail .img img {
    width: 100%;
}

.lReview1 .detail .txt {
    display: block;
    -webkit-flex: 1;
    flex: 1;
    padding: 9px 0 0 120px;
    text-align: left;
}

.lReview1 .detail .txt .ti {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 16px 0 0;
    line-height: 140%;
}

.lReview1 .detail .txt .na {
    display: block;
    font-size: 14px;
    margin: 10px 0 0;
    opacity: 0.8;
}

.lReview1 .detail .txt .na .b {
    color: #c8c8c8;
    font-family: dotum;
    font-size: 12px;
    padding: 0 3px;
}

.lReview1 .gStar1 {
    margin-left: 20px !important;
}

.lReview1 .gStar1 .info {
    display: inline-block;
    font-size: 16px;
    padding: 6px 0 0;
    vertical-align: top;
}

.lReview1 .gStar1 .info.forMobile {
    display: none;
}

.lReview1 .gStar1 .mStar1 {
    margin: -5px 0 0 18px !important;
    vertical-align: top;
}

.lReview1 .gStar1 .s {
    font-size: 17px;
}

.lReview1 .gStar1 .s strong {
    font-size: 24px;
}

.lReview1 .button.mt30 {
    margin-top: 30px;
}

.lReview1 .button {
    text-align: center;
    margin: 20px 0 0;
}

.lReview1 .button .mBtn1.mw147 {
    min-width: 147px;
}

.lReview1 .button .mBtn1+.mBtn1 {
    margin-left: 7px;
}

.lReview1 .write {
    margin: 21px 0 0;
}

.lReview1 .close {
    position: absolute;
    top: 25px;
    right: 35px;
    background: url(../images/ico_lnb_close1.png) calc(50% + 1px) 50% no-repeat;
    background-size: 17px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 40px;
    height: 40px;
}

.mInfo1 {
    margin: 40px 0 0;
}

.mInfo1 .ti {
    font-size: 18px;
    display: block;
    padding: 0 0 10px;
}

.mInfo1 li+li {
    margin-top: 4px;
}

.mInfo1 li {
    position: relative;
    padding: 0 0 0 10px;
    font-size: 14px;
}

.mInfo1 li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
}

.mTitle3 {
    position: relative;
}

.mTitle3 h5 {
    float: left;
    font-size: 22px;
    font-weight: bold;
}

.mTitle3 h5 .ti {
    display: inline-block;
    vertical-align: middle;
}

.mTitle3 h5 .s {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.mTitle3 .gStar1 {
    display: inline-block;
    margin: 5px 0 0 27px;
}

.mTitle3 .gRt {
    position: absolute;
    top: 0;
    right: 0;
}

.mTitle3 .gRt .mBtn1 {
    min-width: 130px;
}

.gStar1 .mStar1>span {
    background-size: 22px auto;
    width: 22px;
    height: 22px;
}

.gStar1 .s {
    color: #717171;
    font-size: 15px;
    margin-left: 10px;
}

.gStar1 .s strong {
    color: #000;
    font-size: 20px;
}

.modalBg {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s 0s;
}

.iTop {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 15px;
    background: url(../images/ico_top1.png) 0 0 no-repeat;
    background-size: 64px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 61px;
    height: 61px;
    z-index: 501;
    transition: all 0.4s 0s;
}

.iTop.bottom {
    bottom: 197px;
}

/* login */
.pLogin {
    background-color: #f8f8f8;
    display: table;
    width: 100%;
}

.pLogin #footer .bg,
.pLogin #wrap .bg {
    min-width: 1000px;
}

.pLogin .cell {
    display: table-cell;
    vertical-align: middle;
}

.pLogin #wrap {
    min-height: auto;
    padding: 0;
}

.pLogin #header {
    position: relative;
    top: auto;
    left: 0;
    background-color: transparent;
    width: 1000px;
    margin: 0 auto;
}

.pLogin #header:before {
    display: none;
}

.pLogin #footer {
    border: 0;
    background-color: transparent;
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 50px 25px;
    min-width: auto;
}

.pLogin #footer .family,
.pLogin #footer .link {
    display: none;
}

.pLogin #footer .addr {
    border-top: 0;
    padding: 0;
}

.gLogin1.type2 {
    padding: 34px 33px 80px;
}

.gLogin1.type2 .cont {
    width: auto;
}

.gLogin1 {
    position: relative;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 10px;
    padding: 73px 0 98px;
    width: 1000px;
    margin: 0 auto;
}

.gLogin1 .mStep1 {
    position: absolute;
    top: -45px;
    right: 10px;
}

.gLogin1 .title {
    display: -webkit-flex;
    display: flex;
    margin: 0 auto 54px;
    width: 770px;
    align-items: center;
}

.gLogin1 .title h3 {
    font-size: 30px;
    font-weight: bold;
}

.gLogin1 .title .ts {
    -webkit-flex: 1;
    flex: 1;
    font-size: 20px;
    padding: 0 0 0 22px;
}

.gLogin1 .title .gRt {
    margin: 7px 5px 0 0;
}

.gLogin1 .link .mBtn1,
.gLogin1 .title .mBtn1 {
    font-size: 14px;
    min-width: 90px;
    line-height: 31px;
    height: 33px;
}

.gLogin1 .cont {
    position: relative;
    margin: 0 auto;
    width: 785px;
    zoom: 1;
}

.gLogin1 .cont:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #e1e1e1;
    width: 1px;
    height: 100%;
}

.gLogin1 .cont:after {
    display: block;
    clear: both;
    content: '';
}

.gLogin1 .mLogin1 {
    float: left;
    width: 300px;
}

.gLogin1 .mSns1 {
    float: right;
    margin: 8px 15px 0 0;
    width: 300px;
}

.select {
    background: url(../images/ico_select1.png) calc(100% - 15px) 50% no-repeat #f4f4f4;
    background-size: 14px auto;
    line-height: 40px;
    height: 40px;
    border-radius: 10px;
    border: 0;
    color: #7e7e7e;
    font-size: 12px;
    padding: 0 45px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.4s 0s;
    width: 100%;
}

.select option {
    color: #7e7e7e;
    font-size: 12px;
}

.select2 {
    background: url(../images/ico_select2.png) calc(100% - 15px) 50% no-repeat #fff;
    line-height: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #8b8b8b;
    border-radius: 8px;
    color: #767776;
    font-size: 16px;
    padding: 0 45px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.4s 0s;
    width: 100%;
    height: 50px;
}

.select2.mw163 {
    min-width: 163px;
}

.select2.type2 {
    border-color: #dbdbdb;
    height: 44px;
}

.mLogin1 dt {
    display: none;
}

.mLogin1 dd {
    margin-bottom: 14px;
}

.mLogin1 .btn_login {
    display: block;
    background-color: #cf2144;
    border-radius: 8px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin: 20px 0 0;
    line-height: 50px;
    height: 50px;
}

.mLogin1 .link {
    color: #000;
    font-size: 14px;
    padding: 25px 0 0;
    text-align: center;
}

.mLogin1 .link .bar {
    color: #a8a8a8;
    font-family: dotum;
    padding: 0 5px;
}

.mSns1 {
    text-align: center;
}

.mSns1 h4 {
    font-size: 18px;
    font-weight: bold;
}

.mSns1 ul {
    margin: 30px 0 0;
}

.mSns1 li+li {
    margin-top: 17px;
}

.mSns1 li a {
    display: block;
    background-color: #2db400;
    color: #fff;
    border-radius: 8px;
}

.mSns1 li a span {
    display: inline-block;
    background: url(../images/ico_sns_naver1.png) 0 50% no-repeat;
    padding-left: 35px;
    line-height: 72px;
    height: 72px;
}

.mSns1 li.kakao a {
    display: block;
    background-color: #fae300;
    color: #391b1b;
}

.mSns1 li.kakao a span {
    background-image: url(../images/ico_sns_kakao1.png);
    padding-left: 47px;
}

.mCheckbox1.inline {
    display: inline-block;
}

.mCheckbox1.inline+.mCheckbox1.inline {
    margin-left: 27px;
}

.mCheckbox1 {
    position: relative;
    display: block;
    cursor: pointer;
}

.mCheckbox1 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.mCheckbox1 .label {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 0 38px;
}

.mCheckbox1 .label.fs16 {
    font-size: 16px;
}

.mCheckbox1 .label.fs15 {
    font-size: 15px;
}

.mCheckbox1 input+.label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_checkbox1.png) 0 0 no-repeat;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
}

.mCheckbox1 input:checked+.label {
    color: #333;
}

.mCheckbox1 input:checked+.label:before {
    background-image: url(../images/ico_checkbox1_a.png);
}

.mCheckbox1.notext {
    width: 25px;
    height: 25px;
    overflow: hidden;
}

.mRadio1.inline {
    display: inline-block;
}

.mRadio1.inline+.mRadio1.inline {
    margin-left: 27px;
}

.mRadio1.type2 input+.label {
    padding-left: 34px;
}

.mRadio1.type2 input+.label:before {
    background-image: url(../images/ico_radio1.png);
}

.mRadio1.type2 input:checked+.label:before {
    background-image: url(../images/ico_radio1_a.png);
}

.mRadio1 {
    position: relative;
    display: block;
    cursor: pointer;
}

.mRadio1 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.mRadio1 .label {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    padding: 0 0 0 38px;
}

.mRadio1 .label.fs16 {
    font-size: 16px;
}

.mRadio1 .label.fs15 {
    font-size: 15px;
}

.mRadio1 input+.label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_checkbox1.png) 0 0 no-repeat;
    background-size: 25px auto;
    width: 25px;
    height: 25px;
}

.mRadio1 input:checked+.label {
    color: #333;
}

.mRadio1 input:checked+.label:before {
    background-image: url(../images/ico_checkbox1_a.png);
}

.mRadio1.fs15 .label,
.mCheckbox1.fs15 .label {
    font-size: 15px;
}

.mRadio1.type3 {
    text-align: center;
}

.mRadio1.type3 .label {
    position: relative;
    display: block;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    font-size: 15px;
    padding: 0;
    line-height: 54px;
    height: 54px;
}

.mRadio1.type3 .label img {
    vertical-align: middle;
    margin-top: -4px;
}

.mRadio1.type3 input+.label:before {
    display: none;
    top: -10px;
    left: -10px;
}

.mRadio1.type3 input:checked+.label {
    border-color: #cf2144;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.mRadio1.type3 input:checked+.label:before {
    display: block;
    background-image: url(../images/ico_checkbox2_a.png);
    border-radius: 50%;
}

.mBox2.mPay1 {
    display: block;
}

.mPay1 h4 {
    display: block;
}

.mPay1 .lst {
    display: block;
    margin: 25px 0 0 -27px;
    zoom: 1;
}

.mPay1 .lst:after {
    display: block;
    clear: both;
    content: '';
}

.mPay1 .lst .mRadio1.type3 {
    float: left;
    margin: 0 0 20px 27px;
    width: calc(33.33% - 27px);
}

.mPopup1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

.mPopup1 .modalBg {
    opacity: 0.5;
}

.mPopup1 .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 15px;
    margin: 0 auto;
    padding: 71px 60px 85px;
    text-align: center;
    width: 433px;
    min-height: 465px;
}

.mPopup1 h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 130%;
}

.mPopup1 h3.pt1 {
    padding-top: 40px;
}

.mPopup1 .info {
    font-size: 15px;
    line-height: 150%;
    padding: 10px 0 0;
}

.mPopup1 .info.pt1 {
    padding-top: 20px;
}

.mPopup1 .info.hType1 {
    min-height: 121px;
}

.mPopup1 dl {
    margin: 32px 0 0;
}

.mPopup1 dt {
    display: none;
}

.mPopup1 dd {
    margin: 0 0 13px;
}

.mPopup1 .close {
    position: absolute;
    top: -20px;
    right: 30px;
    background: url(../images/ico_close2.png) 0 0 no-repeat;
    text-indent: -9999px;
    font-size: 0;
    width: 48px;
    height: 48px;
}

.mTitle4 {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 0 132px;
    padding: 27px 0 0 21px;
}

.mTitle4:before {
    content: "";
    position: absolute;
    top: 37px;
    left: 0;
    background-color: #dbdbdb;
    width: 1px;
    height: 25px;
}

.mTitle5 {
    border-bottom: 1px solid #d8d8d8;
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 37px;
    padding: 3px 0 23px 15px;
}

.mTitle5 .s {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -4px;
}

.mTitle5+.mList1.type2 {
    margin-top: -5px;
}

.mStep1 {
    position: absolute;
    top: 47px;
    right: 12px;
    color: #6b6b6b;
    font-size: 14px;
}

.mStep1>span.active {
    color: #000;
    font-weight: bold;
}

.mStep1>span.active:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 35px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background-color: #cf2144;
    transition: all 0.4s 0s;
}

.mStep1>span {
    position: relative;
    background: url(../images/ico_step1.png) 15px calc(50% + 1px) no-repeat;
    display: inline-block;
    padding: 0 0 0 33px;
}

.mStep1>span:first-child {
    background-image: none;
}

.mReg1 .info {
    color: #6b6b6b;
    font-size: 14px;
    padding: 8px 0 0 40px;
}

.mReg2 {
    margin: 0 auto;
    padding: 18px 0 0;
    width: 666px;
}

.mReg3 {
    text-align: center;
    padding: 165px 0 135px;
}

.mReg3 .tit {
    font-weight: 500;
    font-size: 34px;
}

.mReg3 .txt {
    font-size: 20px;
    margin: 25px 0 0;
}

.mBox1+.mButton1 {
    margin-top: 63px;
}

.mBox1 {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin: 40px auto 0;
    padding: 20px 0 15px;
    width: 400px;
}

.mBox1 dl {
    font-size: 14px;
    padding: 0 0 0 37px;
    text-align: left;
}

.mBox1 dt {
    position: relative;
    float: left;
    padding: 0 0 0 15px;
}

.mBox1 dt:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #000;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}

.mBox1 dd {
    padding: 0 0 12px 100px;
}

.mList6 .list+.mBox2,
.mBox2+.mBox2 {
    margin-top: -1px;
}

.mBox2 {
    display: -webkit-flex;
    display: flex;
    background-color: #f9f9f9;
    border: 1px solid #d8d8d8;
    border-left: 0;
    border-right: 0;
    padding: 45px;
}

.mBox2 h4 {
    -webkit-flex: 1;
    flex: 1;
    color: #000;
    font-size: 19px;
}

.mBox2 .it {
    border-color: rgb(219, 219, 219);
    font-size: 15px;
    padding: 0 0 0 20px;
    line-height: 45px;
    height: 45px;
}

.mBox2 .it+.mBtn1 {
    margin-left: 8px;
}

.mBox2 .mBtn1 {
    line-height: 45px;
    height: 45px;
}

.mPoint2 h4 {
    padding-top: 8px;
}

.mPoint2 .pri {
    font-size: 18px;
    font-weight: bold;
    padding-right: 20px;
}

.mDelivery1 {
    display: block;
}

.mDelivery1 .title {
    zoom: 1;
}

.mDelivery1 .title:after {
    display: block;
    clear: both;
    content: '';
}

.mDelivery1 h4 {
    float: left;
}

.mDelivery1 .mCheckbox1 {
    float: left;
    margin: 3px 0 0 20px;
}

.mDelivery1 .lst {
    margin: 35px 0 0;
}

.mDelivery1 .lst dt {
    display: none;
}

.mDelivery1 .lst .row+.row {
    margin: 10px 0 0;
}

.mDelivery1 .lst .it+.mBtn1 {
    margin-left: 8px;
}

.mLaw1.line1 {
    border-top: 1px solid #dbdbdb;
    margin: 27px 0 0;
    padding: 45px 0 0;
}

.mLaw1+.mLaw1 {
    margin-top: 35px;
}

.mLaw1 .scrollY {
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    color: #6b6b6b;
    font-size: 14px;
    margin: 15px 0 0;
    padding: 15px 25px;
    height: 185px;
}

.scrollY {
    overflow: hidden;
    overflow-y: auto;
}

.scrollY {
    margin: 0 2px;
    overflow: hidden;
    overflow-y: auto;
}

.scrollY::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scrollY::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 5px;
}

.scrollY::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 5px;
    height: 10%;
}

.scrollY::-webkit-scrollbar-thumb:hover {
    background: #a9a9a9;
}

.gTitle2 {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #dbdbdb;
    margin: 0 0 25px;
    padding: 0 0 16px 3px;
    align-items: center;
}

.gTitle2 h3 {
    -webkit-flex: 1;
    flex: 1;
    font-size: 20px;
    font-weight: 500;
}

.gTitle2 .gRt {
    padding-right: 10px;
}

.iMust {
    position: relative;
    color: #6b6b6b;
    font-size: 14px;
    padding: 0 0 0 15px;
}

.iMust:before {
    content: "*";
    position: absolute;
    top: 3px;
    left: 0;
    color: #cf2144;
    font-weight: bold;
}

/* //login */

.mKeysub1.recomd .keysub {
    position: relative;
    background: url(../images/k_keysub1_recom.png) 100% 0 no-repeat;
    background-size: cover;
    height: 200px;
}

/*
.mKeysub1.recomd .keysub:before{content:"";position:absolute;top:-12px;right:60px;background:url(../images/svg/ico_keysub1_recomd.svg) 0 0 no-repeat;background-size:430px 274px;width:430px;height:274px;}
*/

/*.mKeysub1.recomd .keysub:before {
    content: "";
    position: absolute;
    top: 0;
    right: 60px;
    background: url(../images/ico_keysub1_recomd.png) 0 0 no-repeat;
    background-size: 430px 274px;
    width: 430px;
    height: 274px;
}*/

.mKeysub1 {
    position: relative;
    margin: -69px -71px -20px 0;
}

.mKeysub1:after {
    content: "";
    position: absolute;
    top: 0;
    right: -100px;
    border-bottom: 1px solid #e9e9e9;
    width: 100px;
    height: 100%;
    display: none;
}

.mKeysub1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #e9e9e9;
    width: 500%;
    height: 100%;
}

.mKeysub1 .keysub {
    display: -webkit-flex;
    display: flex;
    position: relative;
    height: 149px;
    align-items: center;
}

.mKeysub1 h3 {
    background: url(../images/ico_tit2.png) 12px 50% no-repeat;
    font-size: 25px;
    font-weight: bold;
    padding: 0 0 0 54px;
}

.mKeysub1 h3.type2 {
    display: table;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
}

.mKeysub1 h3.type2 .cell {
    display: table-cell;
    vertical-align: middle;
}

.mKeysub1 h3.type2 .keyword {
    color: #cf2144;
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: bottom;
}

.mKeysub1 .link {
    margin: 0 0 0 75px;
}

.mKeysub1 .link a+a {
    margin-left: 14px;
}

.mKeysub1 .link a {
    display: inline-block;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    color: #000;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    min-width: 90px;
    height: 90px;
}

.mKeysub1 .link a .n {
    display: block;
    font-size: 32px;
    margin: 0 0 -2px;
    padding: 8px 0 0;
    white-space: nowrap;
}

.mKeysub1 .link a .n.fs20 {
    font-size: 20px;
    padding: 20px 0 5px;
}

.mKeysub1 .link a.active {
    background-color: #cf2144;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    border-color: #cf2144;
    color: #fff;
}

.mKeysub1 .link.h50 a {
    padding-left: 18px;
    padding-right: 18px;
    min-width: 77px;
    line-height: 50px;
    height: 50px;
}

.mKeysub1.search {
    margin-bottom: 135px;
}

.mKeysub1.search .keysub {
    display: block;
    padding: 35px 0 0;
}

.mKeysub1.search .link {
    margin: 25px 0 0;
}

.mMemo1 {
    display: table;
    position: relative;
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #767776;
    font-size: 15px;
    line-height: 150%;
    margin: 0 auto 50px;
    text-align: center;
    padding: 0;
    width: 610px;
    min-height: 106px;
}

.mMemo1 .cell {
    display: table-cell;
    padding: 15px;
    vertical-align: middle;
}

.mMemo1:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 32px;
    background: url(../images/ico_memo1.png) 50% 50% no-repeat;
    width: 29px;
    height: 39px;
}

.mMemo1.type2:before {
    top: -9px;
    background-image: url(../images/ico_memo2.png);
    width: 36px;
    height: 23px;
}

/* grid */
.mGrid1 {
    display: -webkit-flex;
    display: flex;
    margin: 60px 0 0;
}

.mGrid1 .mNavi1 {
    margin-right: 35px;
    width: 240px;
}

.mGrid1 .content {
    -webkit-flex: 1;
    flex: 1;
}

.mNavi1 {
    padding: 9px 0 0;
}

.mNavi1 .tit {
    display: block;
    padding: 0 0 5px 20px;
}

.mNavi1 li a {
    display: inline-block;
    color: #454545;
    font-size: 15px;
    padding: 4.5px 20px;
}

.mNavi1 li.active a {
    display: block;
    background: url(../images/ico_grid1.png) calc(100% - 20px) 50% no-repeat #f9f0f2;
    border-radius: 8px;
    color: #cf2144;
}

.mNavi1 ul+.tit {
    margin: 30px 0 0;
}

.mWith1 {
    letter-spacing: -0.5px;
    font-size: 15px;
    line-height: 170%;
    padding: 0 18px;
}

.mWith1 .tit {
    display: block;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -1px;
    margin: 0 -2px 2px;
    padding: 0 0 15px;
}

.mWith1 .txt+.tit {
    margin-top: 60px;
}

.mWith1 li+li {
    margin-top: 10px;
}

.mWith1 .mCheck1 {
    margin: 8px 0 0 1px;
}

.mWith1 .mCheckbox1 .label {
    font-size: 15px;
}

.mWith1 .mCheckbox1 input+.label:before {
    background-image: url(../images/ico_checkbox1_g.png);
}

.mWith1 .mCheckbox1 input:checked+.label:before {
    background-image: url(../images/ico_checkbox1_a.png);
}

.mWith1 .all {
    background-color: #f4f4f4;
    border-radius: 8px;
    margin: 50px -18px 0;
    padding: 26px 0;
    text-align: center;
}

.mWith1 .all .mCheckbox1 {
    display: inline-block;
}

.mWith1 .all .mCheckbox1 input+.label {
    font-size: 18px;
}

.mWith1 .mButton1 {
    margin-top: 45px;
}

.mWith1 .mButton1 .mBtn1+.mBtn1 {
    margin-left: 7px;
}

.mLike1 {
    margin: -40px 0 0;
}

.mLike1 li {
    display: -webkit-flex;
    display: flex;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 32px 25px;
    align-items: center;
}

.mLike1 li .text {
    -webkit-flex: 1;
    flex: 1;
}

.mLike1 li .nam {
    font-size: 18px;
    font-weight: 500;
}

.mLike1 li .nam .ti {
    font-weight: 500;
}

.mLike1 li .nam .da {
    color: #929191;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 0 8px;
}

.mLike1 li .txt {
    font-size: 14px;
    line-height: 170%;
    margin: 12px 0 0;
}

.mLike1 li .dat {
    font-size: 14px;
    color: #929191;
    margin: 20px 0 0;
}

.mLike1 li .gBtn.type2 {
    position: absolute;
    bottom: 28px;
    right: 0;
}

.mLike1 li .gBtn.type2 .mBtn1+.mBtn1 {
    margin-left: 7px;
}

.mLike1 li.block {
    display: block;
}

.mLike1.reply li {
    border-bottom: 0;
    padding-bottom: 15px;
}

.mLike1.reply li .nam {
    letter-spacing: -1px;
    padding: 0 0 15px 45px;
}

.mLike1.reply li .nam .da {
    letter-spacing: 0;
}

.mLike1.reply li .edi,
.mLike1.reply li .rep {
    position: relative;
    background-color: #f4f4f4;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    font-size: 14px;
    line-height: 160%;
    margin: 0 -25px 0 0;
    padding: 18px 40px 22px;
}

.mLike1.reply li .edi {
    display: none;
    border-color: #696969;
    padding: 0;
}

.mLike1.reply li .edi .textarea {
    border: 0;
    font-size: 14px;
    line-height: 160%;
    padding: 18px 40px 0;
}

.mLike1.reply li .edi:before,
.mLike1.reply li .rep:before {
    content: "";
    position: absolute;
    top: -18px;
    left: -7px;
    background: url(../images/ico_re4.png) 0 0 no-repeat;
    width: 42px;
    height: 28px;
}

.mLike1.reply li .gBtn.type2 {
    bottom: 10px;
}

.mLike1.reply li.active .rep {
    display: none;
}

.mLike1.reply li.active .edi {
    display: block;
}

.mLike1.reply li.active .edi .textarea {
    height: 85px;
}

.mLike1.reply li .gSave {
    display: none;
}

.mLike1.reply li.active .gSave {
    display: block;
}

.mLike1.reply li.active .gModify {
    display: none;
}

.mNolist1.type2 {
    padding: 20px;
}

.mNolist1.type2 p {
    color: #767776;
    font-size: 15px;
}

.mNolist1 {
    background-color: #f4f4f4;
    text-align: center;
    margin: 75px 0 0;
    border-radius: 16px;
    padding: 35px 20px;
}

.mNolist1 p {
    font-size: 16px;
}

.mNolist1 .mButton1 {
    margin-top: 20px;
}

.mNolist1 .mButton1 .mBtn1 {
    min-width: 155px;
}

.mNolist1.line1ForWeb {
    position: relative;
    margin: 35px 0 0;
}

.mNolist1.line1ForWeb:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    background-color: #d8d8d8;
    width: 100%;
    height: 1px;
}

.mOne1.mAlert1 {
    margin-top: 40px;
}

.mOne1.mAlert1 li {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 47px 25px 41px 75px;
}

.mOne1 {
    margin-top: -37px;
}

.mOne1 li {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding: 42px 25px 32px 75px;
}

.mOne1 li .tit {
    font-size: 18px;
    font-weight: 500;
}

.mOne1 li .tit .ti {
    display: block;
    padding-right: 150px;
}

.mOne1 li .tit .ti.pr0 {
    padding-right: 0;
}

.mOne1 li .tit .ti.pr1 {
    padding-right: 75px;
}

.mOne1 li .tit .ti .d {
    font-size: 14px;
    color: #929191;
    font-weight: normal;
    margin-left: 10px;
}

.mOne1 li .gBtn.type2 {
    position: absolute;
    top: 41px;
    right: 0;
}

.mOne1 li .txt {
    font-size: 14px;
    margin: 15px 0 0;
}

.mOne1 li .txt img {
    max-width: 100%;
}

/* add20231130 */
.mOne1 li .ico {
    position: absolute;
    top: 30px;
    left: 10px;
    display: table;
    background-color: #f4942e;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 120%;
    width: 54px;
    height: 54px;
}

.mOne1 li .ico>span {
    display: table-cell;
    vertical-align: middle;
}

.mOne1 li .ico.a {
    background-color: #000;
}

.mOne1 li .ico.alert {
    background: url(../images/ico_alert1.png) 50% 50% no-repeat #f4942e;
    text-indent: -9999px;
    font-size: 0;
}

.mOne1 li .rep {
    position: relative;
    background-color: #f4f4f4;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    font-size: 14px;
    line-height: 160%;
    margin: 25px -25px -32px -75px;
    padding: 18px 40px 23px;
}

.mOne1 li .rep:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 1px;
}

.mOne1 li .rep:before {
    content: "";
    position: absolute;
    top: -13px;
    left: 22px;
    background: url(../images/ico_arr4.png) 0 0 no-repeat;
    width: 31px;
    height: 13px;
}

.mBoard1.w500 {
    width: 500px;
}

.mBoard1 {
    border-top: 1px solid #d8d8d8;
}

.mBoard1 table {
    width: 100%;
}

.mBoard1 th,
.mBoard1 td {
    border-bottom: 1px solid #d8d8d8;
    background-color: #f8f8f8;
    font-size: 15px;
    text-align: center;
    height: 74px;
    word-break: keep-all;
}

.mBoard1 th {
    background-color: #fff;
    height: 52px;
}

.mBoard1 .tal {
    text-align: left;
    padding-left: 25px;
}

.mBoard1 .tar {
    text-align: right;
    padding-right: 25px;
}

.mBoard1 .h105 td {
    height: 104px;
}

.mBoard1 .mBtn1.s {
    padding: 0 8px;
}

.mBoard1.type2 th,
.mBoard1.type2 td {
    border: 1px solid #d8d8d8;
    font-size: 13px;
    padding: 10px 15px;
    height: auto;
}

.mBoard1.type2 thead th {
    border-top: 0;
    border-bottom: 0;
}

.mBoard1.type3 th,
.mBoard1.type3 td {
    background-color: #fff;
    font-size: 13px;
    padding: 10px 15px;
    height: auto;
}

.mBoard1.type3 tbody th {
    background-color: #f4f4f4;
    font-weight: normal;
}

.mBoard1.type3 thead th {
    border-top: 0;
    border-bottom: 0;
}

.mList5 {
    border-top: 1px solid #d8d8d8;
}

.mList5 table {
    width: 100%;
}

.mList5 th,
.mList5 td {
    border-bottom: 1px solid #d8d8d8;
    background-color: #fff;
    font-size: 15px;
    padding: 15px 0;
}

.mList5 th {
    background-color: #f8f8f8;
    font-weight: normal;
}

.mList5 .tal {
    text-align: left;
    padding-left: 25px;
}

.mList5 .if {
    color: #767776;
    font-size: 14px;
    margin: 10px 0 0;
    letter-spacing: -1px;
}

.mPrice1 .cont {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    padding: 26px 38px;
}

.mPrice1 .row+.row {
    margin: 8px 0 0;
}

.mPrice1 .row {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.mPrice1 .row .ti {
    -webkit-flex: 1;
    flex: 1;
    color: #000;
    font-size: 14px;
    padding: 0 0 0 3px;
    opacity: 0.8;
}

.mPrice1 .row .tx {
    font-size: 16px;
}

.mPrice1 .row.line1 {
    border-top: 1px solid #e8e8e8;
    margin: 30px 0 0;
    padding: 19px 0 0;
}

.mPrice1 .button {
    display: -webkit-flex;
    display: flex;
    margin: 24px 0 0;
}

.mPrice1 .button .mBtn1 {
    -webkit-flex: 1;
    flex: 1;
}

.mPrice1 .info {
    text-align: center;
    font-size: 14px;
    margin: 30px 0 0;
    letter-spacing: -1px;
}

.mPrice1 .agree {
    margin: 30px 0 0;
}

.mList6 {
    display: -webkit-flex;
    display: flex;
}

.mList6 .mPrice1 {
    margin: 122px 0 0 60px;
    width: 328px;
}

.mList6 .flex {
    -webkit-flex: 1;
    flex: 1;
}

.mList6 .all {
    display: -webkit-flex;
    display: flex;
    border: 1px solid #d8d8d8;
    border-left: 0;
    border-right: 0;
    background-color: #f8f8f8;
    margin: 0 0 -1px;
    padding: 0 20px;
    align-items: center;
    line-height: 60px;
    height: 60px;
}

.mList6 .all .mCheckbox1 .label {
    font-size: 15px;
}

.mList6 .all .gRt {
    -webkit-flex: 1;
    flex: 1;
    text-align: right;
}

.mList6 .list {
    border-top: 1px solid #c5c5c5
}

.mList6 .list li.px40 {
    padding-left: 40px;
    padding-right: 40px;
}

.mList6 .list li {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    padding: 32px 0;
    align-items: center;
}

.mList6 .list li .text {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.mList6 .list li .text.ams {
    align-items: start;
}

.mList6 .list li .text .mIco1 {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    margin-right: 25px;
}

.mList6 .list li .text .txt {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    padding-bottom: 10px;
}

.mList6 .list li .text .txt .mIco1>span {
    display: inline-block;
}

.mList6 .list li .text .txt .ti {
    display: block;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mList6 .list li .text .txt .na {
    display: block;
    opacity: 0.8;
    color: #000;
    font-size: 16px;
    margin: 10px 0 0;
}

.mList6 .list li .price {
    text-align: right;
    padding: 0 0 8px 20px;
}

.mList6 .list li .price .dis {
    display: block;
    color: #727272;
    font-size: 19px
}

.mList6 .list li .price .dis>span {
    position: relative;
}

.mList6 .list li .price .dis>span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #727272;
    width: 100%;
    height: 1px;
}

.mList6 .list li .price .pri {
    display: block;
    color: #000;
    font-size: 24px;
}

.mList6 .list li .price .pri .di {
    display: inline-block;
    color: #cf2144;
    font-size: 20px;
    margin-right: 10px;
}

.mList6 .list li .price .mCount1 {
    float: right;
    margin: 10px 0 0;
}

.mList6 .list li .img.w70 {
    width: 70px;
}

.mList6 .list li .img {
    display: inline-block;
    margin: 0 30px 0 0;
    width: 105px;
}

.mList6 .list li .img img {
    width: 100%;
}

.mList6 .list li .mCheckbox1 {
    position: relative;
    margin: 0 33px 0 20px;
    z-index: 1;
}

.mList6 .list li .iDelete2 {
    margin: 0 25px 0 55px;
}

.mSwitch1 {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 110px;
    height: 34px;
}

.mSwitch1 input {
    opacity: 0;
    width: 0;
    height: 0;
}

.mSwitch1 .ico {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: #f4f4f4;
    border: 1px solid #cecece;
    color: rgba(0, 0, 0, 0.3);
    font-size: 14px;
    font-weight: 500;
}

.mSwitch1 .ico:after {
    content: "OFF";
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    width: calc(100% - 54px);
    line-height: 30px;
    height: 100%;
}

.mSwitch1 .ico:before {
    position: absolute;
    content: "";
    height: 34px;
    width: 55px;
    left: -1px;
    bottom: 0;
    transform: translateX(55px);
    background-color: #b4b4b4;
    color: #fff;
    border-radius: 31px;
}

.mSwitch1 input:checked+.ico:before {
    content: "ON";
    background-color: #cf2144;
    color: rgba(0, 0, 0, 0.3);
    transform: translateX(0);
    text-align: center;
    line-height: 34px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.mSwitch1 input:checked+.ico:after {
    content: "OFF";
    color: rgba(0, 0, 0, 0.3);
}

.mSwitch1 input:checked+.ico:after {
    left: auto;
    right: 0;
}

.mSwitch1 input+.ico span {
    display: block;
}

.mSwitch1 input+.ico span:after {
    content: "ON";
    position: absolute;
    top: 0;
    left: 0;
    ;
    color: rgba(0, 0, 0, 0.3);
    text-align: center;
    width: 51px;
    line-height: 33px;
}

.mSwitch1 input:checked+.ico span:after {
    color: #fff;
}

.mSet1 {
    text-align: center;
}

.mSet1 .col+.col {
    margin-left: 47px;
}

.mSet1 .col {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 350px;
}

.mSet1 .col h5 {
    background: url(../images/ico_tit1.png) 19px 7px no-repeat;
    font-size: 18px;
    letter-spacing: -1px;
    padding: 0 0 16px 35px;
}

.mSet1 .col li {
    display: -webkit-flex;
    display: flex;
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    font-size: 16px;
    padding: 0 135px 0 25px;
    line-height: 74px;
    align-items: center;
}

.mSet1 .col li+li {
    margin-top: 10px;
}

.mSet1 .col li .tit {
    -webkit-flex: 1;
    flex: 1;
}

.mSet1 .col li .toggle {
    position: absolute;
    top: 19px;
    right: 20px;
}

.mPeriod1 {
    margin: -7px 0 26px;
    padding: 0 45px;
    text-align: center;
}

.mPeriod1 .gRadio1 {
    float: left;
    margin-right: 25px;
}

.mPeriod1+.mNolist1 {
    position: relative;
    margin: 70px 0 0;
}

.mPeriod1+.mNolist1:before {
    content: "";
    position: absolute;
    top: -35px;
    left: 0;
    background-color: #d8d8d8;
    width: 100%;
    height: 1px;
}

.mPoint1 {
    margin: -7px 0 26px;
    text-align: center;
}

.mPoint1 .col.i2 {
    background-image: url(../images/ico_point1_2.png);
    margin-left: 75px;
}

.mPoint1 .col {
    display: inline-block;
    background: url(../images/ico_point1_1.png) 0 0 no-repeat;
    font-size: 15px;
    padding: 0 0 0 54px;
    line-height: 38px;
    height: 38px;
}

.mPoint1 .col .nu,
.mPoint1 .col .ti {
    display: inline-block;
    vertical-align: top;
}

.mPoint1 .col .nu {
    display: inline-block;
    font-size: 32px;
    margin: -3px 0 0 20px;
}

.mDate1 {
    display: -webkit-flex;
    display: flex;
    max-width: 500px;
}

.mDate1 .bar {
    padding: 0 8px;
    line-height: 44px;
    height: 44px;
}

.mDate1 .it {
    -webkit-flex: 1;
    flex: 1;
    border-color: #dbdbdb;
    color: #000;
    font-size: 15px;
    text-align: left;
    height: 44px;
}

.mDate1 .mBtn1 {
    margin-left: 18px;
    min-width: 96px;
    line-height: 44px;
    height: 44px;
}

.gRadio1 {
    zoom: 1;
}

.gRadio1:after {
    display: block;
    clear: both;
    content: '';
}

.gRadio1 label+label {
    margin-left: -1px;
}

.gRadio1 label {
    position: relative;
    display: block;
    float: left;
    cursor: pointer;
}

.gRadio1 label:first-child input+.label {
    border-radius: 8px 0 0 8px;
}

.gRadio1 label:last-child input+.label {
    border-radius: 0 8px 8px 0;
}

.gRadio1 label input+.label {
    display: block;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    text-align: center;
    width: 76px;
    line-height: 40px;
    height: 42px;
}

.gRadio1 label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.gRadio1 label input:checked+.label {
    position: relative;
    border-color: #cf2144;
    color: #cf2144;
    border-radius: 8px;
    z-index: 1;
}

.gRadio2 {
    margin: 5px 0 10px;
    zoom: 1;
}

.gRadio2:after {
    display: block;
    clear: both;
    content: '';
}

.gRadio2 .mRadio1 {
    float: left;
    width: 50%;
}

.gRadio2 .mRadio1.inline+.mRadio1.inline {
    margin: 0 0 10px;
}

.mStatus1 {
    display: -webkit-flex;
    display: flex;
    font-size: 15px;
    margin: -7px 0 26px;
}

.mStatus1 .gRt {
    position: relative;
    padding-right: 3px;
}

.mStatus1 .gRt .lReview1 {
    top: 40px;
}

.mStatus1 .gRt .mBtn1 {
    margin-left: 15px;
    min-width: 83px;
}

.mStatus1 .gRt .mBtn1.mw147 {
    min-width: 147px;
}

.mStatus1 .num {
    -webkit-flex: 1;
    flex: 1;
    padding: 0 0 0 27px;
}

.mStatus1 .num .ti {
    padding-right: 105px;
}

.mStatus1 .num .txtPrimary {
    letter-spacing: -1px;
}

.mStatus1 .num .dt {
    font-size: 15px;
    padding-left: 20px;
}

/* //grid */

/* datepicker */
.ui-datepicker {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px #d4d8db;
    background-color: #fff;
    margin-top: -1px;
    padding: 0 5px;
    z-index: 1200 !important;
}

.ui-datepicker table {
    margin-bottom: 12px;
}

.ui-datepicker .ui-datepicker-header {
    background: #f2f8ff;
    border: 0;
    margin: 0 -5px;
    padding: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    color: #000;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-weight: normal;
    line-height: 56px;
    height: 56px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    border: 0;
    background-color: #fff;
    background-size: 24px auto;
    color: #000;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-weight: bold;
    margin: 0 7px;
    padding: 0 25px 0 10px;
    min-width: auto;
    width: auto;
    cursor: pointer;
    border: 1px solid #d4d8db;
    border-radius: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select option {
    font-weight: normal;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
    margin-left: 14px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title:after {
    content: "월"
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;
    left: 0;
    border: 0;
    width: 35px;
    height: 56px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-prev-hover .ui-icon {
    background: url(../images/ico_cal_prev1.png) 50% 50% no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    left: auto;
    right: 0;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-next-hover .ui-icon {
    background: url(../images/ico_cal_next1.png) 50% 50% no-repeat;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    background: transparent;
}

.ui-datepicker th {
    font-family: "Noto Sans KR";
    font-weight: 500;
    padding: 7px 0 4px;
}

.ui-datepicker th span {
    color: #444;
    font-size: 14px;
}

.ui-datepicker .ui-state-default,
.ui-widget-content .ui-state-default {
    font-family: "Noto Sans KR";
    border: 0;
    color: #454545;
    text-align: center;
    background: #fff;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
    background-color: #cf2144;
    color: #fff;
    border-radius: 50%;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
    background-color: #fff;
    border-radius: 50%;
}

.ui-datepicker .ui-state-default {
    color: #666;
    font-size: 14px;
    margin: 1px 0;
    width: 26px;
    line-height: 24px;
    height: 26px;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
    background-color: #cf2144;
    color: #fff !important;
    border-radius: 50%;
    line-height: 26px;
}

.ui-datepicker td.ui-datepicker-today .ui-state-default {
    border: 1px solid #cf2144;
    color: #cf2144;
}

.ui-datepicker .mtz-monthpicker,
.ui-datepicker .ui-state-default {
    font-size: 13px;
    color: #7a7c8d;
}

.ui-datepicker .mtz-monthpicker .ui-state-active {
    border-radius: 3px;
    color: #fff;
}

.ui-widget select {
    border-radius: 3px;
    background: url(../images/ico_select1.png) no-repeat 100% 50% #fff;
    color: #495057;
    font-size: 14px;
    border: 1px solid #d4d8db;
    padding: 0 25px 0 10px;
    min-width: 100px;
    line-height: 29px;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ui-widget select::-ms-expand {
    display: none;
}

.ui-datepicker th.ui-datepicker-week-col {
    text-indent: -9999px;
    font-size: 0;
}

.ui-datepicker th.ui-datepicker-week-col:after {
    content: "ÁÖÂ÷";
    position: absolute;
    top: 67px;
    left: 7px;
    text-indent: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.35px;
    color: #ed1b24;
}

.ui-datepicker td.ui-datepicker-week-col {
    text-align: center;
    width: 30px;
}

/* //datepicker */

.mEvent1 {
    margin: 68px 0 0;
}

.mEvent1 ul {
    margin-left: -20px;
    zoom: 1;
}

.mEvent1 ul:after {
    display: block;
    clear: both;
    content: '';
}

.mEvent1 li {
    float: left;
    margin: 0 0 20px 20px;
    width: calc(33.33% - 20px);
}

.mEvent1 li a {
    display: block;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    overflow: hidden;
}

.mEvent1 li .img {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top: 58%;
    border-radius: 8px;
    overflow: hidden;
}

.mEvent1 li .txt {
    display: block;
    padding: 28px 37px 50px;
}

.mEvent1 li .txt .ti {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.mEvent1 li .txt .tx {
    display: block;
    font-size: 16px;
    margin: 8px 0 0;
    font-weight: 300;
}

.mEvent1.col2 ul {
    margin-left: -40px;
    margin-bottom: -20px;
}

.mEvent1.col2 li {
    margin: 0 0 40px 40px;
    width: calc(50% - 40px);
}

.mEvent1.col2 li .img {
    padding-top: 39%;
}

.mEvent1.col2 li .txt {
    height: 118px;
    padding-bottom: 38px;
}

.mEvent1.col2 li .txt .ti {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mDetail1 {
    margin: 68px 0 0;
}

.mDetail1 .title {
    padding: 0 10px;
}

.mDetail1 .title h3 {
    font-size: 22px;
    font-weight: 500;
}

.mDetail1 .title .dat {
    font-size: 16px;
    font-weight: 300;
    margin: 8px 0 0;
}

.mDetail1 .article {
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    font-size: 16px;
    margin: 30px 0 0;
    padding: 45px 100px;
}

.mDetail1 .article .img {
    text-align: center;
    margin: 0 0 20px;
}

.mDetail1 .article .img img {
    max-width: 100%;
}

.mPn1 {
    border-top: 1px solid #d8d8d8;
    color: #000;
    margin: 40px 0 0;
}

.mPn1 dt {
    float: left;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d8d8d8;
    width: 160px;
    text-align: center;
    line-height: 60px;
    height: 60px;
}

.mPn1 dd {
    border-bottom: 1px solid #d8d8d8;
    font-size: 15px;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 0 28px;
}

.mPn1 dd a {
    color: #000;
}

.mFlex2 {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.mFlex2 .tx+.mBtn1 {
    margin-left: 10px;
}

.mSubs2 {
    margin: 21px 0 -15px;
    padding: 80px 0 0;
}

.mSubs2 .title {
    padding: 0 0 39px 24px;
}

.mSubs2 .title h4 {
    color: #000;
    font-size: 38px;
    font-weight: bold;
}

.mSubs2 .title p {
    color: #000;
    font-size: 22px;
    margin: 13px 0 0;
}

.mSubs2 .list {
    display: -webkit-flex;
    display: flex;
    padding: 0 55px 0 15px;
}

.mSubs2 .list .col {
    position: relative;
    background-color: #fff;
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    text-align: center;
    padding: 43px 0 35px;
    max-width: 267px;
}

.mSubs2 .list .col+.col {
    margin: 0 0 0 20px;
}

.mSubs2 .list .col .di {
    position: absolute;
    top: -18.5px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 15px;
    padding: 0 15px;
    background-color: #cf2144;
    border-radius: 37px;
    line-height: 37px;
    height: 37px;
}

.mSubs2 .list .col .tit {
    min-height: 127px;
}

.mSubs2 .list .col .tit .ti {
    font-size: 22px;
}

.mSubs2 .list .col .tit .pr {
    color: #cf2144;
    font-size: 28px;
    font-weight: 900;
    display: block;
    margin: 4px 0 0;
}

.mSubs2 .list .col .tit .pr2 {
    color: #757575;
    font-size: 20px;
    margin: -5px 0 0;
}

.mSubs2 .list .col .tit .pr2.type2 {
    font-size: 16px;
    margin-top: 0px;
}

.mSubs2 .list .col .tit .pr2 span {
    display: inline-block;
    position: relative;
    color: #757575;
}

.mSubs2 .list .col .tit .pr2 span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #757575;
    width: 100%;
    height: 1px;
}

.mSubs2 .list .col .mBtn1 {
    font-size: 16px;
    min-width: 142px;
}

.mList1.mBest1 {
    margin: 66px 0 0;
}

.mList1.mBest1 ul {
    display: -webkit-flex;
    display: flex;
    border-bottom: 0;
    padding-bottom: 0;
    margin: 0;
}

.mList1.mBest1 li {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    text-align: center;
    padding: 40px 30px 0;
    text-align: center;
    min-height: 487px;
}

.mList1.mBest1 li+li {
    margin: 0 0 0 20px;
}

.mList1.mBest1 li+li:before {
    display: none;
}

.mList1.mBest1 li .num {
    background-color: #cf2144;
}

.mList1.mBest1 li .img {
    float: none;
    display: inline-block;
    margin: 0 auto;
    width: auto;
}

.mList1.mBest1 li .img img {
    width: auto;
    height: 243px;
}

.mList1.mBest1 li .txt {
    padding: 10px 0 0;
}

.mList1.mBest1 li .txt .na {
    padding: 3px 0 0;
}

.mList1.mBest1 li .txt .ti {
    -webkit-line-clamp: 2;
}

.mList1.mBest1 li .gUt {
    position: static;
    display: block;
    margin: 15px 0 0;
    width: auto;
}

.mList1.mBest1 li .gUt .sc {
    display: inline-block;
    margin: 0;
}

.mList1.mBest1 li .gUt .pr {
    display: block;
    margin: 5px 0 0;
}

.mIntro1 {
    position: relative;
    zoom: 1;
}

.mIntro1:after {
    display: block;
    clear: both;
    content: '';
}

.mIntro1 .gLeft {
    float: left;
    padding: 60px 0 0 20px;
    width: 54.5%;
}

.mIntro1 .gLeft h4 {
    font-size: 28px;
    font-weight: bold;
}

.mIntro1 .gLeft .info.line1 {
    position: relative;
    padding: 35px 0 0;
}

.mIntro1 .gLeft .info.line1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 62px;
    height: 2px;
}

.mIntro1 .gLeft .info.line1 strong {
    display: block;
    font-size: 20px;
    margin: 0 0 -15px;
}

.mIntro1 .gLeft .info {
    font-size: 18px;
    margin: 5px -30px 0 7px;
}

.mIntro1 .gLeft .info+.info {
    margin-top: 43px;
}

.mIntro1 .gLeft .list {
    margin: 38px 0 0;
    margin-right: -15px;
}

.mIntro1 .gLeft .list li {
    position: relative;
    font-size: 14px;
    padding: 0 0 0 32px;
}

.mIntro1 .gLeft .list li+li {
    margin-top: 5px;
}

.mIntro1 .gLeft .list li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 17px;
    background-color: #464646;
    border-radius: 50%;
    width: 4px;
    height: 4px;
}

.mIntro1 .gLeft h5 {
    position: relative;
    color: #cf2144;
    padding: 0 0 0 32px;
    font-weight: bold;
    margin: 60px 0 14px;
}

.mIntro1 .gLeft h5:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 17px;
    background-color: #cf2144;
    border-radius: 50%;
    width: 4px;
    height: 4px;
}

.mIntro1 .gLeft .mBoard1 {
    margin-left: 4px;
}

.mIntro1 .gRight {
    background: url(../images/k_intro1.png) 100% 0 no-repeat;
    position: relative;
    float: right;
    margin: 20px -72px 0 0;
    padding: 60px 0 0 20px;
    width: calc(45.5% + 40px);
    height: 820px;
}

.mIntro1 .gRight .tab {
    text-align: center;
}

.mIntro1 .gRight .tab a {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 18px;
    height: 50px;
}

.mIntro1 .gRight .tab a+a {
    margin-left: 47px;
}

.mIntro1 .gRight .tab a.active {
    color: #cf2144;
    font-weight: 500;
}

.mIntro1 .gRight .tab a.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #cf2144;
    border-radius: 2px;
    width: 100%;
    height: 4px;
}

.mIntro1 .gRight .tabCont {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    height: 710px;
}

.mIntro1 .gRight .root_daum_roughmap {
    width: 100% !important;
}

.mIntro1 .gRight .root_daum_roughmap .wrap_map {
    height: 710px !important;
}

.mIntro1 .gRight .root_daum_roughmap .wrap_controllers {
    display: none;
}

.mOdone1 {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    background-color: #fff;
    margin: 0 auto;
    width: 966px;
    overflow: hidden;
}

.mOdone1 .title {
    display: -webkit-flex;
    display: flex;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d1d1d1;
    color: #696969;
    font-size: 14px;
    padding: 12px 35px;
}

.mOdone1 .title .num {
    -webkit-flex: 1;
    flex: 1;
    color: #000;
    font-size: 15px;
}

.mOdone1 .cont {
    padding: 80px 75px 110px;
}

.mOdone1 .cont .mButton1 {
    margin-top: 50px;
}

.mOdone1 .cont .tit2 {
    text-align: center;
    padding: 42px 0 0;
}

.mOdone1 .cont .tit2 h5 {
    font-size: 20px;
    font-weight: 600;
}

.mOdone1 .cont .tit2 .tx {
    margin: 20px 0 0;
}

.mOdone1 .cont .tit {
    color: #000;
    text-align: center;
}

.mOdone1 .cont .tit .ti {
    font-size: 30px;
}

.mOdone1 .cont .tit .tx {
    font-size: 18px;
    margin: 16px 0 0;
}

.mAgree1+.mAgree1 {
    margin-top: 10px;
}

.mAgree1.active .tx {
    display: block;
}

.mAgree1 {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: #f4f4f4;
    margin: 15px 0 0;
    overflow: hidden;
}

.mAgree1 .ti {
    position: relative;
    display: block;
    background-color: #fff;
    font-size: 15px;
    padding: 0 23px;
    line-height: 46px;
    height: 46px;
    width: 100%;
}

.mAgree1 .ti:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    background: url(../images/ico_link1.png) 0 0 no-repeat;
    border-radius: 50%;
    width: 9px;
    height: 6px;
}

.mAgree1 .tx {
    display: none;
    border-top: 1px solid #e8e8e8;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    line-height: 140%;
    padding: 15px 23px;
}

.mAgree1 .tx .flex {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.mAgree1 .tx .flex .t {
    -webkit-flex: 1;
    flex: 1;
}

#body .lnb {
    position: relative;
    top: auto;
}

/* modify20231208-5 */
body.minActive #body .lnb {
    position: sticky;
    top: 144px;
    border-left: 1px solid #e9e9e9;
    padding: 0 25px;
    width: 116px;
    height: 100%;
}

body.minActive #wrap.noSubscribe .lnb {
    top: 99px;
}

/* //modify20231208-5 */
body.minActive #body .lnb .btn_min {
    left: -20px;
}

body.minActive #body .lnb .mLnb1:before {
    left: 1px;
}

body.minActive #body .contents:before {
    right: -130px;
}

body.minActive #body .lnb:before {
    display: none;
    content: "";
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-left: 1px solid #e9e9e9;
    width: 116px;
    height: 100%;
}

body.mw1300.minActive #body .lnb:before {
    display: block;
}


.txtPrimary {
    color: #cf2144;
}

.txtYellow1 {
    color: #fef002;
}

.ul {
    text-decoration: underline;
}

.fs17 {
    font-size: 17px;
}

.fs19 {
    font-size: 19px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.mb10 {
    margin-bottom: 10px;
}

.forMobile {
    display: none;
}

/* add20231010 */
.mPopup2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}

.mPopup2 .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
    margin-left: -225px;
    transform: translateY(-50%);
    background-color: #fff;
    border: 1px solid #454545;
    border-radius: 15px;
    width: 450px;
    background: url(../images/g.png) 0 0 no-repeat;
}

.mPopup2 .title {
    background-color: #fff;
    border-radius: 15px 15px 0 0;
}

.mPopup2 .title h3 {
    font-size: 20px;
    padding: 16px 0 16px 30px;
}

.mPopup2 .con {
    background-color: #f2f2f2;
    padding: 48px 0 43px;
    border-radius: 0 0 15px 15px;
}

.mPopup2 .con .txt1 {
    font-size: 18px;
    text-align: center;
}

.mPopup2 .con .mButton1 .mBtn1 {
    min-width: 147px;
}

.mPopup2 .close {
    position: absolute;
    top: 0;
    right: 17px;
    background: url(../images/ico_lnb_close1.png) 50% 50% no-repeat;
    background-size: 17px auto;
    text-indent: -9999px;
    font-size: 0;
    width: 60px;
    height: 60px;
}

.mBtn1.primary {
    border-color: #a9304d;
    background-color: #a9304d;
}

.mDetail1 .title h3 {
    font-size: 28px;
}

.mDetail1 .title .info {
    font-size: 15px;
    margin-top: 10px;
}

.mDetail1 .article {
    border: 0;
    margin: 10px auto 0;
    max-width: 1000px;
    padding-left: 0;
    padding-right: 0;
}

.mEvent1.col2 li .img {
    padding-top: 39.8%;
}

.mEvent1.col2 li .txt .ti.row1 {
    -webkit-line-clamp: 1;
}

.mEvent1.col2 li .txt.h158 {
    height: 158px;
}

.mEvent1.col2 li .txt.h178 {
    height: 178px;
}

.mEvent1 li .txt .na {
    display: block;
    color: #888787;
    font-size: 14px;
    margin: -5px 0 13px -6px;
}

.mEvent1 li .txt .na>em {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 12px;
    border: 1px solid #d2d2d2;
    border-radius: 27px;
    color: #000;
    font-size: 14px;
    line-height: 27px;
    height: 27px;
}

.mEvent1 li .txt .tx {
    display: block;
    color: #000;
    font-size: 15px;
    margin: 13px 0 0;
}

.mDetail1 .title .nam {
    display: block;
    color: #888787;
    font-size: 14px;
    margin: -5px 0 25px -6px;
}

.mDetail1 .title .nam>em {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 12px;
    border: 1px solid #d2d2d2;
    border-radius: 27px;
    color: #000;
    font-size: 14px;
    line-height: 27px;
    height: 27px;
}

/* modify20231018 */
.mMain6 .swiper-slide a .text .scrollY,
.mMain6 li a .text .scrollY,
.mMain6 li a .text .scrollY {
    display: block;
    margin: 0px -10px -10px;
    padding: 15px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 178px;
}

.mMain6 .swiper-slide.skin2 a .text .scrollY,
.mMain6 li.skin2 a .text .scrollY,
.mMain6 li.skin2 a .text .scrollY {
    margin: 0 -35px;
    padding: 15px 35px;
    max-height: 253px;
}

.mMain6 .swiper-slide a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li a .text .scrollY::-webkit-scrollbar-track {
    background-color: #f2e3e7;
}

.mMain6 .swiper-slide.skin2 a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li.skin2 a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li.skin2 a .text .scrollY::-webkit-scrollbar-track {
    background-color: #f3efe7;
}

.mMain6 .swiper-slide.skin3 a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li.skin3 a .text .scrollY::-webkit-scrollbar-track,
.mMain6 li.skin3 a .text .scrollY::-webkit-scrollbar-track {
    background-color: #d9dced;
}

/* /modify20231018 */

/* add20231025-2 */
.mMain6 li.skin2.type2 {
    position: relative;
}

.mMain6 .skin2.type2 a .text .scrollY {
    margin-top: -55px;
    max-height: none;
    padding-bottom: 0;
    height: 199px;
}

.mMain6 .skin2.type2 a.more {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #cf2144;
    background: #fff;
    color: #cf2144;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 26px;
    line-height: 24px;
    height: 26px;
}

/* //add20231025-2 */

.mMain4_2 .img {
    height: 230px;
}

.mMain4_2 .img img {
    bottom: 0;
}

.mLnb1 .pic {
    background-size: contain;
}

.mLnb1 .pic:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e1e1e8;
    border-radius: 35px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    opacity: 0.5;
}

.mLnb1 .pic img {
    border-radius: 35px;
    background-size: contain;
}

.gTitle1 .gRt .mBtn1+.mBtn1 {
    margin-left: 5px;
}

.mList1.type2 li.pb1 {
    padding-bottom: 70px;
}

.mList1.type2 li.pb1 .gUt {
    bottom: 35px;
}

.mLink1 li>a.more:before {
    transition: all 0.4s 0s;
}

.mLink1 li>a.more:hover:before,
.mLink1 li.active>a.more:before {
    transform: rotate(180deg);
}

.mTitle4.type2 {
    margin: 0 0 20px 147px;
    padding-top: 24px;
}

.mTitle4.type2:before {
    top: 34px;
}

.mRadio1.single {
    width: 25px;
    height: 25px;
    overflow: hidden;
}

.mList1.type2 li.type2 {
    padding-left: 90px;
}

.mList1.type2 li.type2 .mRadio1.single {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -12.5px;
}

.mMain5 {
    position: relative;
    overflow: visible;
}

.mMain5 .swiper {
    overflow: hidden;
}

.mMain5 .swiper-button-next,
.mMain5 .swiper-button-prev {
    background: url(../images/ico_prev1.png) 0 0 no-repeat;
    margin: -28px -37px 0;
    width: 56px;
    height: 56px;
}

.mMain5 .swiper-button-next {
    background-image: url(../images/ico_next1.png);
}

/*.mKeysub1:after{background-color:#f5e7eb;}*/

.mMain5.type2 {
    margin-top: -33px;
}

.mMain5.type2+.mKeysub1 {
    margin-top: 40px;
}

.mKeysub1.type2 {
    margin: -20px 0 0;
}

body.minActive #body .mKeysub1.type2:after,
.mKeysub1.type2:after {
    display: none;
}

.mKeysub1.type2 h3 {
    display: block;
    white-space: nowrap;
}

.mKeysub1.type2 h3 .ts {
    font-size: 15px;
    font-weight: normal;
    font-weight: 100;
    padding: 0 0 0 10px;
    vertical-align: middle;
}

.mKeysub1.type2 .keysub {
    background: transparent;
    border-bottom: 1px solid #e9e9e9;
    height: auto;
    padding: 0 0 23px;
}

.mKeysub1.type2:before {
    background: transparent;
    border-bottom: 0;
}

.mKeysub1.type2 .link {
    margin-left: 35px;
}

.mKeysub1.type2+.mSubs2 {
    padding-top: 40px;
}

.mKeysub1.type2+.mLaw2,
.mKeysub1.type2+.mGrid1,
.mKeysub1.type2+.mList1,
.mKeysub1.type2+.mList6 .gTitle1,
.mKeysub1.type2+.mList1 .gTitle1 {
    margin-top: 40px;
}

.mKeysub1.type2+.mList1.mBest1 {
    margin-top: 0;
}

.mKeysub1.type2+.mEvent1 {
    margin-top: 20px;
}

.mKeysub1.type2+.mDetail1 {
    margin-top: 40px;
}

.mKeysub1.type2.noline .keysub {
    border-bottom: 0;
}

.mKeysub1.type2.recomd {
    margin-top: 70px;
}

.mKeysub1.type2.recomd h3 {
    font-size: 32px;
}

/*.mKeysub1.type2.recomd .keysub:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -30px;
    background: url(../images/svg/ico_main2.svg) 100% 0 no-repeat #fff;
    background-size: 124px 176px;
    width: 170px;
    height: 176px;
}*/

.mKeysub1.type2+.mMain6 ul {
    margin-top: 30px;
}

.mKeysub1.type2.search {
    margin-bottom: 55px;
}

.mKeysub1.type2.search .keysub {
    border-bottom: 0;
}

.mKeysub1.type2.search .link {
    border-bottom: 0;
    margin-top: 15px;
    margin-left: 0;
}

.mKeysub1.type2.search h3 {
    display: block;
    padding-top: 5px;
}

/* //add20231010 */

.mTitle6 {
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 30px;
}

/* add20231018 */

/* add20231025-3 */
.mPopup2.lReview2 {
    z-index: 700;
}

.mPopup2.lReview2 .popup {
    transform: translateY(-50%);
    margin: 0 0 0 -360px;
    width: 720px;
    overflow: hidden;
}

.mPopup2.lReview2 .con {
    background-color: #f3efe7;
    font-size: 14px;
    padding: 35px 35px 36px;
    overflow-y: auto;
}

.mPopup2.lReview2 .con .ti {
    display: block;
    font-size: 16px;
    margin: 0 0 10px;
}

.mPopup2.lReview2 .con .im {
    display: block;
    margin: 20px 0 0;
}

.mPopup2.lReview2 .con .im img {
    width: 100%;
}

.mPopup2.lReview2 .con.scrollY {
    margin: 0;
}

.mPopup2.lReview2 .con.scrollY::-webkit-scrollbar-thumb {
    background: #d5d2cb;
}

.mPopup2.lReview2 .con.scrollY::-webkit-scrollbar-thumb:hover {
    background: #d5d2cb;
}

.mPopup2.lReview2 .con.scrollY::-webkit-scrollbar-track {
    background-color: #f3efe7;
}

/* //add20231025-3 */

/* add20231122 */
.mNavi1 .col+.col {
    margin-top: 30px;
}

/* //add20231122 */

/* add20231122 */
.mBtn1.m2 {
    font-size: 14px;
    padding: 0 14px;
    line-height: 32px;
    height: 34px;
}

.mBtn1.lGray {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    color: rgba(0, 0, 0, 0.8);
}

.mBtn1 .iFind {
    background: url(../images/ico_find1_m.png) 0 calc(50% + 1px) no-repeat;
    background-size: 15px auto;
    padding: 0 0 0 23px;
}

/* //add20231122 */

/* screen resolutions lower than 1500px */
@media all and (min-width:769px) and (max-width:1550px) {

    .mMain4 .gRt {
        margin-top: 10%;
    }

    .mMain4 .swiper .swiper-slide {
        margin-top: 22.2%;
    }

    .mMain4 .list .swiper {
        margin-left: 45%;
    }

    .mMain4 .swiper-slide.thumb .txt {
        padding-left: 15px;
    }

    .mMain6 .text .txt .cell br {
        display: none;
    }

    .mMain4.type2 .swiper .swiper-slide,
    .mMain4.type2.bgGray .swiper .swiper-slide {
        margin-top: 0;
    }

    .mDetail1 .mTab2.fixed .tabBg {
        width: auto;
    }

    .mDetail1 .mTab2.fixed .scrollX {
        margin-left: 30px;
    }

    .mSet1 .col+.col {
        margin-left: 20px;
    }

    .mSet1 .col {
        width: calc(50% - 24px);
    }

    .mSet1 .col li {
        padding-left: 15px;
    }

    .mSet1 .col li .toggle {
        right: 10px;
    }

    .mPeriod1 {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: 405px;
    }

    .mPeriod1 .gRadio1,
    .mPeriod1 .mDate1 {
        float: none;
    }

    .mPeriod1 .mDate1 {
        margin: 15px 0 0;
    }

    .mDate1 .mBtn1 {
        margin-left: 10px;
    }

    .mPoint1 .col,
    .mPoint1 .col.i2 {
        display: block;
        width: 320px;
        text-align: left;
        margin: 10px auto;
    }

    .mPoint1 .col .nu {
        float: right;
    }

    .mOdone1 {
        width: auto;
        max-width: 966px;
    }

    .mPay1 .lst {
        margin: 25px 0 0 -27px;
    }

    .mPay1 .lst .mRadio1.type3 {
        width: calc(50% - 27px);
    }

    .mBox2.mPoint2 .it.w205 {
        width: 150px;
    }

    .mBox2.mPoint2 .it+.mBtn1.mw163 {
        min-width: 120px;
    }

}

/* screen resolutions lower than 1400px */
@media all and (max-width:1400px) {

    .mDelivery1 .it {
        width: 100%;
    }

    .mDelivery1 .lst {
        margin-top: 20px;
    }

    .mDelivery1 .lst dd {
        position: relative;
        padding: 60px 0 0;
    }

    .mDelivery1 .lst dd .mBtn1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    .mDelivery1 .lst .mBtn1 {
        border-radius: 4px;
        width: 100%;
    }

    .mDelivery1 .lst .it+.mBtn1 {
        margin: 0;
    }

    .mPay1.mBox2 {
        display: block;
    }

    .mPay1.mBox2 h4 {
        display: block;
        padding: 0 0 15px;
        padding-top: 0;
    }

    .mPoint2.mBox2 {
        display: block;
    }

    .mPoint2.mBox2 h4 {
        display: block;
        padding: 0 0 10px;
        padding-top: 0;
    }

    .mPoint2.mBox2 .pri.forWeb {
        display: block;
        padding: 0 0 15px;
    }

    .mPoint2.mBox2 .it,
    .mPoint2.mBox2 .it.w205 {
        width: 100%;
    }

    .mPoint2.mBox2 .it+.mBtn1 {
        margin: 10px 0 0;
    }

    .mPoint2.mBox2 .mBtn1 {
        border-radius: 4px;
        margin: 10px 0 0;
        width: 100%;
    }

}

/* screen resolutions lower than 768px */
@media all and (max-width:768px) {

    body.activeMenu,
    body.hiddenScroll {
        overflow: hidden;
    }

    body.pb1ForMobile #footer {
        padding-bottom: 130px;
    }

    .forWeb {
        display: none;
    }

    .forMobile {
        display: block;
    }

    .br {
        display: inline;
    }

    a.forMobile,
    span.forMobile {
        display: inline;
    }

    #header.bgType1 {
        background-color: transparent;
    }

    #header.bgType1:before {
        display: none;
    }

    /*
    .scrolling #header.bgType1.law{background-color:#ebebeb;}
    .scrolling #header.bgType1.alert{background-color:#e1f2e6;}
    .scrolling #header.bgType1.library{background-color:#fcecc8;}
    .scrolling #header.bgType1.free,
    .scrolling #header.bgType1.feed,
    .scrolling #header.bgType1.series,
    .scrolling #header.bgType1.event,
    .scrolling #header.bgType1.newbook,
    .scrolling #header.bgType1.recomd{background-color:#e1f2e6;}
    .scrolling #header.bgType1.camp,
    .scrolling #header.bgType1.cart,
    .scrolling #header.bgType1.search{background-color:#e3edfc;}
    #header.bgType1.gray,
    */
    .scrolling #header.bgType1 {
        background: url(../images/k_keysub2_m.png) 0 0 repeat-y;
        background-size: 100% auto;
    }

    #header .iPrev2 {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: url(../images/ico_prev3_m.png) 50% 50% no-repeat;
        background-size: 17px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 53px;
        height: 53px;
    }

    body.activeMenu #body .mLnb1 {
        padding-top: 20px;
    }

    body.activeMenu #body .mLnb1.after {
        padding-top: 10px;
        margin-top: 20px;
    }

    body.activeMenu.minActive #body .lnb,
    #body .lnb,
    body.activeMenu #body .lnb {
        left: 0;
        padding: 0 20px;
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    body.activeMenu.minActive #body .lnb .btn_min,
    body.activeMenu #body .lnb .btn_min {
        display: none;
    }

    body.activeMenu.minActive #body .lnb .btn_close,
    body.activeMenu #body .lnb .btn_close {
        display: block;
        cursor: pointer;
    }

    body.activeMenu.minActive #body .lnb .logo,
    body.activeMenu #body .lnb .logo {
        padding: 20px 0 0;
        text-align: center;
    }

    body.activeMenu.minActive #body .lnb .logo img,
    body.activeMenu #body .lnb .logo img {
        height: 27px;
    }

    body.activeMenu.minActive #body .lnb .gnb,
    body.activeMenu #body .lnb .gnb {
        border-top: 1px solid #c6c6c6;
        margin-top: 35px;
        padding-top: 30px;
    }

    body.activeMenu.minActive #body .lnb .gnb li a,
    body.activeMenu #body .lnb .gnb li a {
        display: block;
        background: url(../images/ico_lnb2_m.png) calc(100% - 10px) 50% no-repeat;
        background-size: 5px auto;
        font-size: 17.5px;
        padding: 7px 20px 7px 10px;
    }

    body.activeMenu.minActive #body .lnb .mBanner2 {
        display: block;
    }

    #body {
        overflow: visible;
    }

    #body .lnb .link,
    #body .lnb .btn {
        border-radius: 4px;
        border: 1px solid #cf2144;
        font-size: 14px;
        margin: 0;
        line-height: 43px;
        height: 43px;
        text-align: center;
    }

    #body .lnb .btn.gray {
        border-color: #f4f4f4;
        margin-top: 30px;
    }

    #body .lnb .link {
        border-color: #000;
    }

    .mLnb1 {
        padding-top: 40px;
        text-align: left;
    }

    .mLnb1 .tit {
        font-size: 20px;
    }

    .mLnb1 .button {
        display: -webkit-flex;
        display: flex;
        margin-top: 25px;
    }

    .mLnb1 .link,
    .mLnb1 .btn {
        -webkit-flex: 1;
        flex: 1;
    }

    .mLnb1 .link {
        border-color: #000;
        background-color: #fff;
        text-decoration: none;
    }

    .mLnb1 .button a+a {
        margin-left: 10px !important;
    }

    .mLnb1 .pic {
        display: block;
        margin: 0;
        border-radius: 25px;
        width: 75px;
        height: 75px;
    }

    .mLnb1 .pic .bt {
        background-image: url(../images/ico_regpic1_m.png);
        background-size: 27px auto;
        width: 27px;
        height: 27px;
    }

    .mLnb1 .pic img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .mLnb1 .btn.forWeb {
        display: none !important;
    }

    .mLnb1.after {
        position: relative;
        padding-left: 95px;
    }

    .mLnb1.after .pic {
        position: absolute;
        top: 0;
        left: 0;
    }

    .mLnb1.after .tit .tx {
        font-size: 17px;
    }

    .mLink1 {
        margin: 35px 0 0;
        border-top: 0;
        padding: 0;
    }

    .mLink1 ul {
        display: -webkit-flex;
        display: flex;
    }

    .mLink1 li+li {
        margin-top: 0;
        border-left: 1px solid #c6c6c6;
    }

    .mLink1 li {
        -webkit-flex: 1;
        flex: 1;
        border: 0;
        border-radius: 0;
        text-align: center;
    }

    .mLink1 li>a {
        position: relative;
        display: block;
        background: url(../images/ico_lnb1_1_m.png) 50% 0 no-repeat;
        background-size: 32px auto;
        font-size: 14px;
        padding: 37px 0 0;
        line-height: 120%;
        height: 55px;
    }

    .mLink1 li.active>a .n,
    .mLink1 li>a .n {
        display: none;
    }

    .mLink1 li>a:before {
        display: none;
    }

    .mLink1 li.i2>a {
        background-image: url(../images/ico_lnb1_2_m.png);
    }

    .mLink1 li.i3>a {
        background-image: url(../images/ico_lnb1_3_m.png);
    }

    .mLink1 li.i4>a {
        background-image: url(../images/ico_lnb1_4_m.png);
    }

    .mLink1 li.active .list,
    .mLink1 li .list {
        display: none;
    }

    #wrap {
        position: relative;
        margin-bottom: 0;
        padding: 100px 0 40px;
        min-width: auto;
        min-height: calc(100% - 76px);
        z-index: 501;
    }

    /* modify20231208-2 */
    #wrap.hasSubscribe {
        padding-top: 57px;
        min-height: calc(100% - 118px);
    }

    #wrap.noSubscribe {
        padding-top: 57px;
    }

    /* //modify20231208-2 */
    #wrap .bg {
        width: auto;
    }

    #header .bg {
        min-width: auto;
    }

    #footer .bg,
    #wrap .bg {
        min-width: auto;
    }

    #wrap.noSubscribe #body .bg,
    /* add20231208 */
    #body .bg {
        padding: 26px 20px 0;
    }

    body.minActive #body .contents,
    #body .contents {
        margin: 0;
        padding-top: 0;
    }

    #body .contents:before {
        display: none;
    }

    body.minActive #body .lnb,
    #body .lnb {
        position: fixed;
        top: 0;
        left: -100%;
        background-color: #fff;
        float: none;
        margin-left: 0;
        width: 100%;
        height: 100%;
        z-index: 1500;
    }

    body {
        min-width: auto;
    }

    #header {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        z-index: 1100;
    }

    #header .bg {
        padding: 0 20px;
        height: 57px;
    }

    #header h1 {
        position: static;
        margin: 0;
        padding-top: 20px;
        text-align: center;
    }

    #header h1 img {
        margin-top: -11px;
        height: 27px;
    }

    #header h1 .txt {
        display: block;
        font-size: 20px;
        font-weight: bold;
        margin-top: -20px;
        line-height: 57px;
        height: 57px;
    }

    #header h1 .arr {
        display: inline-block;
        background: url(../images/ico_arr3_m.png) 100% 50% no-repeat;
        background-size: 12px auto;
        margin-top: -20px;
        vertical-align: top;
        padding: 20px 23px 0 0;
    }

    #header h1 .arr.active {
        background-image: url(../images/ico_arr3_active_m.png);
    }

    #header .btn_menu,
    #header .btn_home,
    #header .btn_find {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/ico_menu1_m.png) 50% 50% no-repeat;
        background-size: 19px auto;
        width: 57px;
        height: 57px;
        text-indent: -9999px;
        font-size: 0;
        cursor: pointer;
    }

    #header .btn_find {
        left: auto;
        right: 0;
        background-image: url(../images/ico_find1_m.png);
    }

    #header .btn_home {
        left: auto;
        right: 35px;
        background-image: url(../images/ico_home1_m.png);
        background-size: 21px auto;
    }

    #header .util>a,
    #header .mGnb {
        display: none;
    }

    #header .util {
        right: 4px;
    }

    #header .util>.log {
        margin: 14px 15px 0 0;
    }

    #header .util>.log.forMobile {
        display: block;
    }

    #header .util>.log.i2 {
        background: url(../images/ico_log2_m.png) 50% 50% no-repeat;
        background-size: 23px auto;
    }

    #header .iPrev {
        position: absolute;
        top: 8px;
        left: 6px;
        display: block;
        background: url(../images/ico_prev1.png) 50% 50% no-repeat;
        background-size: 11px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 40px;
        height: 40px;
    }

    #header .mSearch1 {
        display: none;
    }

    #header .mSearch1.active {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        border-radius: 0;
        color: #fff;
        width: 100%;
        height: 58px;
        z-index: 100;
    }

    .mSearch1 .it::-webkit-input-placeholder {
        color: #fff;
    }

    /* Chrome/Opera/Safari */
    .mSearch1 .it::-moz-placeholder {
        color: #fff;
    }

    /* Firefox 19+ */
    .mSearch1 .it:-ms-input-placeholder {
        color: #fff;
    }

    /* IE 10+ */
    .mSearch1 .it:-moz-placeholder {
        color: #fff;
    }

    /* Firefox 18- */
    .mSearch1 .it {
        color: #fff;
        font-size: 14px;
        padding: 0 85px 0 20px;
        width: calc(100% - 20px);
        height: 58px;
    }

    .mSearch1 .bt {
        position: absolute;
        top: 0;
        right: 50px;
        background: url(../images/ico_find1_a_m.png) 50% 50% no-repeat;
        background-size: 32px auto;
        width: 40px;
        height: 58px;
    }

    .mSearch1 .close {
        position: absolute;
        top: 0;
        right: 10px;
        background: url(../images/ico_close1_m.png) 50% 50% no-repeat;
        background-size: 17px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 40px;
        height: 58px;
    }

    .mSubscribe1 {
        font-size: 11px;
        line-height: 43px;
        height: 43px;
    }

    .mSubscribe1 .btn {
        font-size: 11px;
        border-radius: 5px;
        margin-left: 5px;
        padding: 0 7px;
        line-height: 18px;
        height: 22px;
    }

    .mMain1 {
        margin: -26px -20px 0;
    }

    .mMain1 .swiper {
        border-radius: 0;
    }

    .mMain1 .util {
        position: static;
    }

    .mMain1 .count {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: rgba(0, 0, 0, 0.5);
        margin: 0;
        padding: 0 10px;
        border-radius: 26px;
        line-height: 26px;
        height: 26px;
        z-index: 100;
    }

    .mMain1 .count .bar {
        padding: 0 1px;
    }

    .mMain1 .count .total {
        opacity: 0.4;
    }

    .mMain1 .swiper-pagination,
    .mMain1 .btn_stop,
    .mMain1 .btn_play {
        display: none;
    }

    .mMain1 .swiper-button-next,
    .mMain1 .swiper-button-prev {
        position: absolute;
        top: auto;
        bottom: 10px;
        left: 8.5%;
        margin: 0;
        background-size: 100% auto;
        width: 48px;
        height: 48px;
    }

    .mMain1 .swiper-button-next {
        right: auto;
        left: calc(8.5% + 40px);
    }

    .mMain2 {
        margin-right: -20px;
    }

    .mMain2 h3 {
        float: left;
        display: table;
        width: 120px;
        height: 70px;
    }

    .mMain2 h3:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 10px;
        background: url(../images/svg/publication.svg) 0 0 no-repeat;
        background-size: contain;
        width: 52px;
        height: 80px;
    }

    .mMain2 h3>span {
        padding: 0 10px 0 130px;
    }

    .mMain2 h3>span {
        padding-left: 75px;
    }

    .mMain2 h3>span>span {
        display: block;
    }

    .mMain2 .list {
        overflow: hidden;
        margin-left: 130px;
    }

    .mMain2 .swiper-slide {
        width: 80px;
    }

    .mMain2 .swiper-slide:last-child {
        margin-right: 20px;
    }

    .mMain2 .swiper-slide a {
        display: block;
        background: url(../images/ico_main2_2_m.png) 50% 12px no-repeat;
        background-size: auto 29px;
        font-size: 12px;
        height: 75px;
    }

    .mMain2 .swiper-slide a span {
        display: block;
        padding: 48px 0 0;
    }

    .mMain2 .swiper-slide.i2 a {
        background-image: url(../images/ico_main2_3_m.png);
    }

    .mMain2 .swiper-slide.i3 a {
        background-image: url(../images/ico_main2_4_m.png);
    }

    .mMain2 .swiper-slide.i4 a {
        background-image: url(../images/ico_main2_5_m.png);
    }

    .mMain2 .swiper-slide.i5 a {
        background-image: url(../images/ico_main2_6_m.png);
    }

    .mMain2 .swiper-slide.i6 a {
        background-image: url(../images/ico_main2_7_m.png);
    }

    .mMain2 .swiper-slide.i7 a {
        background-image: url(../images/ico_main2_8_m.png);
    }

    .mMain2 .swiper-slide.i8 a {
        background-image: url(../images/ico_main2_9_m.png);
    }

    .gTitle1.blockForMoble {
        display: block;
    }

    .gTitle1 {
        margin-top: 50px;
    }

    .gTitle1 .mTitle1 {
        float: none;
    }

    .gTitle1 .tab {
        float: none;
        margin: 10px 0 20px;
    }

    .gTitle1 .tab a {
        font-size: 13px;
        padding: 0 15px;
        border-radius: 10px;
        line-height: 32px;
        height: 32px;
    }

    .gTitle1 .gRt .iMore {
        background-size: 7px auto;
        background-position: 12px 50%;
        font-size: 12px;
        margin-right: 5px;
        border: 1px solid #dbdbdb;
        padding: 0 10px 0 25px;
        border-radius: 30px;
        line-height: 29px;
        height: 31px;
    }

    .gTitle1 .gRt .swiper-button-next,
    .gTitle1 .gRt .swiper-button-prev {
        position: static;
        background: url(../images/ico_prev2_m.png) 50% 50% no-repeat;
        background-size: 31px auto;
        display: inline-block;
        margin: 0;
        width: 31px;
        height: 31px;
        vertical-align: middle;
    }

    .gTitle1 .gRt .swiper-button-next {
        background-image: url(../images/ico_next2_m.png);
    }

    .gTitle1 .gRt.type1ForMobile {
        position: static;
        margin: 10px 0 0;
    }

    .gTitle1 .gRt.type1ForMobile .mTab1 {
        margin: 0 0 10px;
    }

    .gTitle1 .gRt.type1ForMobile .mTab1 a.mw130 {
        min-width: auto;
    }

    .mBtn1.type2ForMobile {
        border-color: #000;
        background-color: #000;
        color: #fff;
        border-radius: 40px;
    }

    .gTitle1.line1 {
        margin: 0 0 37px;
        padding-bottom: 23px;
    }

    .gTitle1.line1 .mTitle5 {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .gTitle1.line1 .gRt {
        top: 8px;
    }

    .gTitle1.line1 .mBtn1.type2ForMobile {
        border-color: #000;
        background-color: #000;
        color: #fff;
        border-radius: 40px;
    }

    .gTitle1.line1+.mLike1 {
        margin-top: -40px;
    }

    .gTitle1 {
        zoom: 1;
    }

    .gTitle1:after {
        display: block;
        clear: both;
        content: '';
    }

    .gTitle1 .mTab1 {
        margin: 0 0 15px;
        zoom: 1;
    }

    .gTitle1 .mTab1:after {
        display: block;
        clear: both;
        content: '';
    }

    .mTitle1 {
        font-size: 19px;
        margin: 50px 0 15px;
    }

    .mTitle1 .s {
        font-size: 14px;
    }

    .mTitle1 .s.arr {
        padding: 0;
        background-image: none;
        font-size: 19px;
    }

    .mTitle1 .s.arr .txtPrimary {
        font-size: 15px;
    }

    .mTitle1 .iPrev {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: url(../images/ico_prev3_m.png) 50% 50% no-repeat;
        background-size: 17px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 17px;
        height: 40px;
    }

    .mMain3 {
        margin: 0 -20px;
    }

    .mMain3 .gTitle1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mMain3 .swiper {
        padding-left: 20px;
    }

    .mMain3 .swiper-slide a {
        font-size: 16px;
        padding: 50px 0 0;
        height: 345px;
    }

    .mMain3 .swiper-slide .tit {
        line-height: 130%;
        margin: -25px 10px 17px;
    }

    .mMain3 .swiper-slide .img {
        width: 105px;
        height: 150px;
    }

    .mMain3 .swiper-slide .txt {
        bottom: 10px;
    }

    .mMain3 .swiper-slide .txt .tx {
        font-size: 14px;
        line-height: 130%;
        margin-top: 5px;
    }

    .mMain4 {
        margin: 0 -20px;
    }

    .mMain4 .swiper-wrapper,
    .mMain4 .gTitle1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mMain4 .gTitle1 .gRt {
        margin-top: 0;
    }

    .mMain4 .list .thumb {
        float: none;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }

    .mMain4 .list .swiper {
        margin: 30px 0 0;
    }

    .mMain4 .swiper-slide {
        margin-top: 0;
        width: auto;
        padding-bottom: 0;
    }

    .mMain4 .swiper-slide .mIco1 {
        min-width: auto;
        margin-right: 0;
    }

    .mMain4 .swiper-slide .img .nu {
        top: 4px;
        left: 4px;
        font-size: 11px;
        width: 20px;
        line-height: 20px;
        height: 20px;
    }

    .mMain4 .swiper-slide.thumb {
        margin-top: 0;
        width: auto;
    }

    .mMain4 .swiper-slide.thumb .img {
        width: 115px;
        min-width: auto;
    }

    .mMain4 .swiper-slide.thumb .txt {
        padding: 10px 0 0 20px;
    }

    .mMain4 .swiper-slide.thumb .txt .ti {
        margin: 10px 0 0;
    }

    .mMain4 .swiper-slide.thumb .txt .na {
        margin-top: 5px;
    }

    .mMain4 .swiper-slide.thumb .txt .gUt {
        position: absolute;
        bottom: 10px;
        left: 155px;
        width: calc(100% - 170px);
    }

    .mMain4 .swiper-slide.thumb .txt .sc {
        float: right;
        background: url(../images/ico_score1_m.png) 0 3px no-repeat;
        background-size: 15px auto;
        font-size: 14px;
        margin: 4px 0 0;
        padding-left: 20px;
    }

    .mMain4 .swiper-slide.thumb .txt .pr {
        float: left;
        font-size: 17px;
        margin: 0;
    }

    .mMain4_2 {
        margin: 0 -20px;
    }

    .mMain4_2 .swiper-wrapper,
    .mMain4_2 .gTitle1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* modify20231130 */
    .mMain4_2 .img {
        height: 160px;
    }

    .mMain4_2 .img img {
        width: 90px;
    }

    /* //modify20231130 */

    .mMain4.type2.bgGray {
        margin: 0 -20px;
        padding: 35px 0;
    }

    .mMain4.type2.bgGray .swiper-wrapper,
    .mMain4.type2.bgGray .gTitle1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mMain4.type2.bgGray .swiper-slide .txt {
        margin-top: 10px;
    }

    .mMain4.type2.bgGray .swiper-slide .txt .ti {
        -webkit-line-clamp: 2;
    }

    .mMain5 .swiper {
        position: relative;
        padding-bottom: 40px;
    }

    .mMain5 .swiper-pagination {
        display: block;
    }

    .iLike1 {
        background: url(../images/ico_like1_m.png) 15px calc(50% - 1px) no-repeat #fff;
        background-size: 17px auto;
        border-radius: 10px;
        font-size: 13px;
        padding: 0 15px 0 38px;
        line-height: 32px;
        height: 35px;
    }

    .iLike1.active {
        background-image: url(../images/ico_like1_a_m.png);
    }

    .mMain6 {
        margin: 0 -20px;
    }

    .mMain6 .swiper-wrapper,
    .mMain6 .gTitle1 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mMain6 ul {
        margin: 0 20px;
    }

    .mMain6 li {
        float: none;
        margin: 0 0 15px;
        width: 100%;
    }

    /* modifu20231025-m */
    .mMain6 .swiper-slide a,
    .mMain6 li a {
        height: 348px;
    }

    .mMain6 .tit .pi {
        border-radius: 10px;
        margin: 3px 0 0 15px;
        width: 40px;
        height: 40px;
    }

    .mMain6 .tit .tx {
        font-size: 12px;
        padding: 12px 0 15px 13px;
    }

    .mMain6 .tit .tx .d {
        font-size: 10px;
    }

    .mMain6 .tit .iLike1 {
        margin: -3px 18px 0 0;
    }

    .mMain6 .text {
        position: relative;
    }

    .mMain6 .text .txt {
        padding: 20px 10px 35px;
        height: 222px;
    }

    /* //modifu20231025-m */
    .mMain6 .text .txt .cell {
        font-size: 14px;
        padding: 0 10px;
    }

    .mMain6 .text .txt .cell br {
        display: none;
    }

    .mMain6 .text .book {
        height: 65px;
    }

    .mMain6 .text .book .im {
        left: 20px;
    }

    .mMain6 .text .book .im img {
        width: 55px;
    }

    .mMain6 .text .book .ti {
        padding: 15px 20px 0 90px;
    }

    .mMain6 .text .book .ti .t {
        font-size: 13px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mMain6 .text .book .ti .n {
        display: block;
        font-size: 14px;
    }

    .mMain6 .text .hover {
        display: table;
        position: absolute;
        bottom: 0;
        left: 0;
        line-height: 150%;
        padding: 0 35px;
        width: 100%;
        height: calc(100% + 10px);
        transition: all 0.3s 0s;
        opacity: 0;
    }

    .mMain6 .swiper-slide.skin2 a .text .txt,
    .mMain6 li.skin2 a .text .txt {
        height: 200px;
    }

    .mMain6 .swiper-slide.skin2 a .text .cell,
    .mMain6 li.skin2 a .text .cell {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mMain6 .swiper-slide.skin2 a .text .ti,
    .mMain6 li.skin2 a .text .ti {
        margin-bottom: 5px;
    }

    .mBanner1 {
        margin-top: 45px;
    }

    .mBanner1 img {
        width: 100%;
    }

    .swiper-pagination-bullet-active {
        background-color: #000;
    }

    .mIco1 {
        position: absolute;
        top: 11px;
        left: 13px;
    }

    .mIco1 span {
        font-size: 12px;
        min-width: 60px;
        line-height: 22px;
        height: 24px;
    }

    .iMore {
        display: inline-block;
        background: url(../images/ico_more1.png) 0 calc(50% + 1px) no-repeat;
        color: #787878;
        font-size: 15px;
        padding: 0 0 0 20px;
    }

    .iMore2 {
        background-image: url(../images/ico_more2_m.png);
        background-size: 51px auto;
        width: 51px;
        height: 51px;
    }

    #footer {
        margin: 0 20px;
        padding: 20px 0;
        min-width: auto;
    }

    #footer .bg {
        padding: 0;
    }

    #footer .tit {
        font-size: 14px;
        padding: 0;
    }

    #footer .sns {
        top: 17px;
        right: 5px;
    }

    #footer .sns a {
        margin-left: 8px;
    }

    #footer .sns img {
        width: 28px;
    }

    #footer .family {
        position: static;
        margin: 20px -13px 0;
    }

    #footer .family .select {
        background: url(../images/ico_family1_m.png) calc(100% - 15px) 50% no-repeat #fff;
        background-size: 9px auto;
        border: 1px solid #c6c6c6;
    }

    #footer .link {
        zoom: 1;
    }

    #footer .link:after {
        display: block;
        clear: both;
        content: '';
    }

    #footer .link .tit {
        padding-bottom: 15px;
    }

    #footer .link a,
    #footer .link a:first-child {
        display: block;
        float: left;
        border: 1px solid #c6c6c6;
        font-size: 13px;
        letter-spacing: -0.2px;
        color: #585858;
        padding: 0 12px;
        margin: 0 0 -1px -1px;
        width: calc(50% + 1px);
        line-height: 33px;
        height: 33px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #footer .link a:before {
        display: none;
    }

    #footer .link a.w100per {
        width: calc(100% + 1px)
    }

    #footer .addr {
        border-top: 0;
        font-size: 13px;
        font-weight: normal;
        color: #585858;
        line-height: 160%;
        padding: 25px 13px 0;
    }

    #footer .addr a {
        color: #8d8d8d;
    }

    #footer .copy {
        margin: 7px 0 0;
    }

    .gFlex {
        display: block;
    }

    .gFlex .flex {
        display: block;
    }

    .mList1.type2.mNBook1 li {
        padding-bottom: 0;
        zoom: 1;
    }

    .mList1.type2.mNBook1 li:before {
        top: -30px;
    }

    .mList1.type2.mNBook1 li:after {
        display: block;
        clear: both;
        content: '';
    }

    .mList1.type2.mNBook1 li .gUt {
        position: absolute;
        bottom: 0;
        left: 130px;
    }

    .mList1.type2.mNBook1,
    .mList1.mNBook1 {
        margin-top: -10px;
    }

    .mList1.mNBook1 .mTab1 {
        margin: 15px 0 25px;
    }

    .mList1 {
        margin-top: 35px;
    }

    .mList1 .mTab1 {
        text-align: center;
        margin-bottom: 25px;
        padding-bottom: 10px;
    }

    .mList1 ul {
        padding-bottom: 25px;
    }

    .mList1 li+li {
        margin-top: 50px;
    }

    .mList1 li+li:before {
        top: -25px;
    }

    .mList1 li {
        min-height: 162px;
    }

    .mList1 li .img {
        width: 110px;
    }

    .mList1 li .txt {
        padding: 0 0 0 130px;
    }

    .mList1 li .txt .mIco1 {
        margin-bottom: 10px;
    }

    .mList1 li .txt .ti {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }

    .mList1 li .txt .na {
        font-size: 14px;
    }

    .mList1 li .txt .tx {
        display: none;
    }

    .mList1 li .txt .tx.blockForMobile {
        display: block;
    }

    .mList1 li .txt .na .b:before {
        top: 4px;
    }

    .mList1 li .gUt.type1ForMobile {
        bottom: 0;
        display: block;
    }

    .mList1 li .gUt.type1ForMobile .pr+.sc {
        margin: 3px 0 0;
    }

    .mList1 li .gUt {
        bottom: 0;
        left: 130px;
        width: calc(100% - 130px);
    }

    .mList1 li .gUt .pr {
        font-size: 17px;
    }

    .mList1 li .gUt .sc {
        background: url(../images/ico_score1_m.png) 0 3px no-repeat;
        background-size: 15px auto;
        font-size: 14px;
        margin: 4px 0 0;
        padding-left: 20px;
    }

    .mList1 li .gUt .sc.forMobile {
        display: inline-block;
    }

    .mList1 li .gUt .da {
        margin: 4px 0 0 10px;
    }

    .mList1 li .btn {
        top: 0;
        right: 0;
        border: 0;
        text-indent: -9999px;
        font-size: 0;
        width: 100%;
        height: 100%;
        background: transparent !important;
    }

    .mList1 li .btn.iCart2 {
        top: auto;
        bottom: 0;
        background: url(../images/ico_cart1.png) 50% 50% no-repeat;
        background-size: 15px auto;
        min-width: auto;
        width: 40px;
        height: 40px;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
    }

    .mList1 li .btn.iCart2:hover {
        background-color: #f4f4f4;
    }

    .mList1 li .btn.iCart2 span {
        padding-left: 0;
    }

    .mList1 li .gBtn {
        top: auto;
        bottom: -9px;
        left: 0;
        padding-bottom: 0;
        margin: 10px 0 0;
        display: -webkit-flex;
        display: flex;
    }

    .mList1 li .gBtn .btn {
        -webkit-flex: 1;
        flex: 1;
        margin: 0;
        color: #000;
        text-indent: 0;
        font-size: 14px;
        line-height: 45px;
        height: 45px;
    }

    .mList1 li .gBtn .btn+.btn {
        margin: 0 0 0 10px;
    }

    .mList1.type2 {
        margin-top: 26px;
    }

    .mList1.type2 .gTitle1 {
        display: block;
        margin-top: 0;
        text-align: center;
    }

    .mList1.type2 .gTitle1 .gRt.forWeb {
        display: none;
    }

    .mList1.type2 .gTitle1 .gRt {
        position: static;
        display: block;
        text-align: center;
        width: 100%;
    }

    .mList1.type2 .gTitle1 .gRt .mTab1 {
        float: none;
        padding-bottom: 15px;
        margin-bottom: 0;
    }

    .mList1.type2 .gTitle1 .gRt .mTab1 a {
        display: inline-block;
        padding: 0 20px;
    }

    .mList1.type2 li+li {
        margin-top: 59px;
    }

    .mList1.type2 li {
        padding-left: 0;
        padding-bottom: 96px;
    }

    .mList1.type2 li.gFlex {
        padding-bottom: 0;
    }

    .mList1.type2 li.gFlex .iDelete2 {
        position: absolute;
        bottom: -2px;
        right: 20px;
        padding-bottom: 0;
    }

    .mList1.type2 li.pb0ForMobile {
        padding-bottom: 0;
    }

    .mList1.type2 li:before {
        top: -25px;
    }

    .mList1.type2 li .txt {
        padding-left: 130px;
    }

    .mList1.type2 li .txt.forMobile {
        display: block;
        padding: 0 10px;
    }

    .mList1.type2 li .txt.forMobile .tx {
        display: block;
    }

    .mList1.type2 li .gImg {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 0 10px;
    }

    .mList1.type2 li .gImg .img {
        width: 75px;
    }

    .mList1.type2 li .gImg .txt {
        -webkit-flex: 1;
        flex: 1;
        padding-left: 10px;
        padding: 0 10px;
    }

    .mList1.type2 li>.img {
        width: 110px;
    }

    .mList1.type2 li .gUt.pos1ForMobile {
        display: block;
        margin: 8px 0 0;
    }

    .mList1.type2 li .gUt.pos1ForMobile .sc {
        margin: 3px 0 0;
    }

    .mList1.type2 li .gUt {
        position: static;
    }

    .mList1.type2 li .gUt.type2 {
        position: absolute;
        bottom: 5px;
        left: 130px;
    }

    .mList1.type2 li .gUt.type2 .sc {
        display: block;
        margin: 5px 0 0;
    }

    .mList1.type2 li .gBtn {
        transform: translateY(0);
    }

    .mList1.type2 li .gBtn.type2 {
        position: static;
        margin: 25px 0 0;
    }

    .mList1.type2 li .lReview1.bottom {
        bottom: 46px;
    }

    .mList1.type2 li .lReview1 {
        margin-top: 92px;
    }

    .mList1.type2 li .lReview1 .img {
        width: 70px;
    }

    .mList1.type2 li .lReview1 .txt {
        padding: 0 0 0 95px;
    }

    .mList1.type2 li>.pos1ForMobile {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .mList1.type2 li>.pos1ForMobile a {
        margin: 0;
    }

    .mList1.type2 li>.pos1ForMobile .iDelete2 {
        position: static;
    }

    .mPag {
        margin: 35px -20px 0;
    }

    .mPag a,
    .mPag strong {
        border-radius: 1px solid #bdbdbd;
        font-size: 13px;
        border-radius: 5px;
        margin: 0 -2px;
        min-width: 35px;
        line-height: 35px;
        height: 35px;
    }

    .mPag strong,
    .mPag .active {
        background-color: #000;
    }

    .mPag .prev,
    .mPag .next {
        background-image: url(../images/ico_pag_prev_m.png);
        background-size: 35px auto;
        border-radius: 0;
        width: 35px;
        height: 35px;
        z-index: 10;
    }

    .mPag .first {
        margin-right: -6px;
    }

    .mPag .next {
        background-image: url(../images/ico_pag_next_m.png);
        margin-right: 10px;
    }

    .mList2.mt1,
    .mList2+.gTitle2 {
        margin-top: 30px;
    }

    .mList2 dt.type2 {
        border-bottom: 1px solid #000;
        color: #cf2144;
        font-size: 17px;
        margin: 0 0 15px;
        padding: 0 0 12px;
    }

    .mList2 dt {
        float: none;
        font-size: 15px;
        padding: 0;
        width: auto;
        line-height: 130%;
        height: auto;
        padding: 0 0 7px;
    }

    .mList2 dt .iMust {
        color: #000;
        font-size: 15px;
        margin-left: 0;
        padding-left: 18px;
    }

    .mList2 dd {
        padding: 0 0 20px;
    }

    .mList2 dd .mFlex1 .mBtn1 {
        display: block;
        margin: 8px 0 0;
    }

    .mList2 dd .mCheckbox1 {
        margin-top: 12px;
    }

    .mList2 dd .it.w350,
    .mList2 dd .it {
        padding: 0 0 0 15px;
        width: 100%;
    }

    .mList2 dd .select2 {
        padding: 0 20px 0 15px;
        width: 100%;
    }

    .mList2 dd .it+.select2,
    .mList2 dd .it+.mBtn1 {
        margin-left: 0;
    }

    .mList2 dd .mBtn1 {
        border-radius: 4px;
        min-width: 96px;
    }

    .mList2 dd .mBtn1.mw163 {
        min-width: 163px;
    }

    .mList2 dd .it+.select2,
    .mList2 dd .it+.it,
    .mList2 dd .mFlex1+.it {
        margin-top: 8px;
    }

    .mList2 dd .alert {
        padding: 8px 0 0 15px;
    }

    .gLogin1 .mList2+.mButton1.line1 {
        border-top: 0;
        padding-top: 0;
    }

    .lModify {
        top: -1px;
        left: -1px;
        border-color: #000;
        border-radius: 5px;
        width: calc(100% + 2px);
        overflow: hidden;
    }

    .lModify .it {
        height: 55px;
    }

    .lModify .bt {
        border-radius: 0;
        font-size: 15px;
        margin: 0;
        padding: 0 18px;
        line-height: 53px;
        height: 55px;
    }

    .lBook1 {
        top: -72px;
        left: 0;
        width: 100%;
    }

    .lBook1 .lTit {
        padding: 15px 0 15px 15px;
    }

    .lBook1 .lTit h3 {
        font-size: 15px;
    }

    .lBook1 .lCon {
        padding: 20px 15px 0;
        max-height: 330px;
    }

    .lBook1 .lCon .mCheckbox1 input+.label:before {
        background-image: url(../images/ico_checkbox1_w_m.png);
        background-size: 26px auto;
    }

    .lBook1 .lCon .mCheckbox1 input:checked+.label:before {
        background-image: url(../images/ico_checkbox1_a_m.png);
    }

    .lBook1 .lCon .all {
        border-bottom: 1px solid #cdcdcd;
        text-align: left;
        padding: 0 15px 17px;
        margin: -3px -15px 17px;
    }

    .lBook1 .lCon .lst {
        margin-left: -10px;
    }

    .lBook1 .lCon .lst .row:last-child .col {
        margin-bottom: 0;
    }

    .lBook1 .lCon .lst .col {
        margin: 0 0 10px 10px;
        width: calc(25% - 10px);
    }

    .lBook1 .lCon .lst .mCheckbox1 {
        position: relative;
        width: 100%;
        height: auto;
    }

    .lBook1 .lCon .lst .mCheckbox1 input+.label {
        padding: 0;
        background-color: transparent;
        padding: 0;
    }

    .lBook1 .lCon .lst .mCheckbox1 input+.label:before {
        bottom: 7px;
        left: auto;
        right: 7px;
        margin-left: 0;
        z-index: 1;
    }

    .lBook1 .lCon .lst .mCheckbox1 input+.label img {
        width: 100%;
        height: auto;
    }

    .lBook1 .button {
        border-top: 0;
        background-color: #ededed;
        border-radius: 0 0 10px 10px;
        margin: 0;
        padding: 20px;
    }

    .lBook1 .button .mBtn1 {
        display: block;
        width: 100%;
        line-height: 45px;
        height: 45px;
    }

    .lBook1 .button .mBtn1+.mBtn1 {
        margin: 10px 0 0;
    }

    .lBook1 .close {
        top: 5px;
        background-image: url(../images/ico_lnb_close1_m.png);
    }

    .lMLibrary1 {
        border-radius: 5px;
        padding: 25px 15px 30px;
        height: auto;
        z-index: 10;
    }

    .lMLibrary1 .lTit {
        font-size: 18px;
        padding: 0 0 28px 10px;
    }

    .lMLibrary1 .button {
        margin: 25px 0 0;
    }

    .lMLibrary1 .button .mBtn1 {
        display: block;
    }

    .lMLibrary1 .close {
        top: 15px;
        background-image: url(../images/ico_lnb_close1_m.png);
    }

    .iModify,
    .iDelete {
        background-image: url(../images/ico_modify1_m.png);
        background-size: 16px auto;
    }

    .iDelete {
        background-image: url(../images/ico_delete1_m.png);
        margin-left: -8px;
    }

    .iCart1 {
        background-size: 15px auto;
        width: 40px;
        height: 40px;
    }

    .iDelete2 {
        background-image: url(../images/ico_delete2_m.png);
        background-size: 15px auto;
        width: 40px;
        height: 40px;
    }

    .mList3 ul {
        margin: -22px 0 0;
    }

    .mList3 li:first-child {
        margin-bottom: 25px;
    }

    .mList3 li {
        float: none;
        border-radius: 5px;
        margin: 0 0 15px;
        width: 100%;
        height: auto;
    }

    .mList3 li .tit {
        border-radius: 5px;
        margin-bottom: 15px;
        height: auto;
    }

    .mList3 li .tit .ti {
        background: none;
        ;
        font-size: 15px;
        padding: 17px 15px;
        max-width: calc(100% - 85px);
    }

    .mList3 li .tit .ti em {
        top: 50%;
        margin-top: -11px;
    }

    .mList3 li .img {
        height: 177px;
    }

    .mList3 li .img:before {
        height: 50px;
        background-size: 100% 50px;
    }

    .mList3 li .img img {
        margin: 0 -39px;
        height: 154px;
    }

    .mList3 li .iMore2 {
        bottom: 10px;
        right: 10px;
    }

    .mList3 li .iMake {
        background-color: #fff;
        border: 1px solid #777;
        border-radius: 5px;
        margin: -1px;
        width: calc(100% + 2px);
    }

    .mList3 li .iMake:before {
        display: none;
    }

    .mList3 li .iMake span {
        display: inline-block;
        background: url(../images/ico_make1_m.png) 0 50% no-repeat;
        background-size: 31px auto;
        color: #000;
        font-size: 15px;
        padding: 0 0 0 40px;
        line-height: 69px;
        height: 69px;
    }

    .mList3 li .iAdd {
        border-color: #b4b4b4;
        width: 110px;
        height: 162px;
    }

    .mList3 li .iAdd:before {
        top: 48px;
        left: 50%;
        margin-left: -26px;
        width: 51px;
        height: 51px;
        background-image: url(../images/ico_add1_m.png);
        background-size: 51px auto;
    }

    .mList3 li .iAdd span {
        font-size: 14px;
        padding: 111px 0 0;
    }

    .mList4 {
        margin-top: 26px;
    }

    .mList4 ul {
        margin-left: 0;
    }

    .mList4 ul li {
        float: none;
        margin: 0 0 10px;
        width: 100%;
    }

    .mList4 ul li:after {
        content: "";
        position: absolute;
        top: -3px;
        right: 10px;
        background: url(../images/ico_memo1_active_m.png) 0 0 no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 40px;
    }

    .mList4 ul li .con {
        border-radius: 5px;
        margin: 0;
    }

    .mList4 ul li .tit {
        border-radius: 0 0 5px 5px;
        padding: 20px 50px 0 20px;
        height: auto;
    }

    .mList4 ul li .tit .ti {
        font-size: 14px;
        height: auto;
    }

    .mList4 ul li .tit .nu {
        font-size: 12.5px;
        padding: 10px 0;
    }

    .mList4 ul li .tit .nu>span {
        padding: 0 3px;
    }

    .mList4 ul li .tit .nu em {
        font-weight: bold;
        color: #cf2144;
    }

    .mList4 ul li .dat {
        font-size: 12.5px;
        padding: 5px 0 7px 20px;
    }

    .mList4 ul.type2 li {
        margin-bottom: 15px;
    }

    .mList4 ul.type2 li .con {
        height: auto;
    }

    .mList4 ul.type2 li .tit {
        padding-right: 20px;
        padding-bottom: 10px;
        height: auto;
        min-height: auto;
    }

    .mList4 ul.type2 li .tit .ti {
        background: none;
        padding: 0;
    }

    .mList4 ul.type2 li .tit .tx {
        font-size: 15px;
        padding: 10px 0 5px;
        height: auto;
        min-height: auto;
    }

    .mList4 ul.type2 li .tit .nu {
        padding-bottom: 0;
    }

    .mList4 ul.type2 li:after {
        top: -8px;
        background-image: url(../images/ico_memo2_active_m.png);
        background-size: 29px auto;
        width: 29px;
        height: 19px;
    }

    /* modify20231208-m */
    .mDetail2 {
        display: block;
        margin: -67px 0 0;
        padding: 0 0 35px;
        min-height: auto;
    }

    /* //modify20231208-m */
    .mDetail2 .mIco1 {
        display: block;
        position: static;
        margin: 22px 0 0;
    }

    .mDetail2 .mIco1 span {
        display: inline-block;
    }

    .mDetail2 .img {
        float: none;
        margin: 0 auto;
        width: 165px;
        height: auto;
    }

    .mDetail2 .txt {
        display: block;
        padding: 9px 0 0;
        text-align: center;
    }

    .mDetail2 .txt .ca {
        display: none;
    }

    .mDetail2 .txt .ti {
        font-size: 20px;
        font-weight: 500;
    }

    .mDetail2 .txt .na {
        margin-top: 10px;
    }

    .mDetail2 .txt .na .b {
        color: #c8c8c8;
        font-family: dotum;
        font-size: 12px;
        padding: 0 3px;
    }

    .mDetail2 .txt .sc,
    .mDetail2 .txt .in {
        display: none;
    }

    .mDetail2 .mBuy1 {
        display: block;
        position: fixed;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        z-index: 1500;
    }

    .mBuy1 .mTab3 {
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        border-radius: 0;
        border-top: 3px solid #913383;
        padding: 25px 0;
        width: 100%;
        z-index: 100;
    }

    .mBuy1 .mTab3 a {
        border-top: 0;
        font-size: 15px;
        color: #000;
    }

    .mBuy1 .mTab3 a span {
        line-height: 130%;
        height: auto;
    }

    .mBuy1 .mTab3 a .forMobile {
        font-size: 18px;
        margin-top: 10px;
    }

    .mTab3 a.inactive {
        color: unset;
        background: unset;
        border-bottom: 0;
    }

    .mBuy1 .mTab3 a.active span:after {
        bottom: auto;
        top: -26px;
        height: 7px;
        background: #913383;
    }

    .mBuy1 .mTab3 a+a {
        border-left-color: #e5addd;
    }

    .mBuy1 .con .info {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .mTab3 a:first-child {
        border-left: 0;
    }

    .mTab3 a:last-child {
        border-right: 0;
    }

    .mTab4 {
        display: -webkit-flex;
        display: flex;
        border-bottom: 0;
        margin-bottom: 20px;
        padding: 0;
    }

    .mTab4 a.active {
        background-color: #000;
        color: #fff;
    }

    .mTab4 a {
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        border: 1px solid#000;
        border-radius: 4px;
        font-weight: 500;
        color: #000;
        font-size: 14px;
        line-height: 43px;
        height: 45px;
    }

    .mTab4 a em {
        font-size: 14px;
        margin: 0 0 0 5px;
    }

    .mTab4 a+a {
        margin-left: 10px;
    }

    .mTab4 a+a:before {
        display: none;
    }

    .mBuy1 .modalBg {
        display: block;
        opacity: 0.5;
    }

    .mBuy1 .tabCont {
        position: fixed;
        bottom: 102px;
        left: 0;
        padding: 0 0;
        background-color: #fff;
        width: 100%;
    }

    .mBuy1 .tabCont .cont {
        position: relative;
        background-color: #fff;
        border: 0;
        border-radius: 0;
        padding: 30px 30px 0;
        height: auto;
        z-index: 10;
    }

    .mBuy1 .tabCont .button {
        position: relative;
        background-color: #fff;
        border-radius: 0;
        margin: 0;
        padding: 20px 20px 30px;
        z-index: 10;
    }

    .mBuy1 .price {
        margin-top: 15px;
        padding-top: 15px;
    }

    .mBuy1 .cont.table .cell {
        padding: 15px 0 20px;
    }

    .mTitle2ForMobile {
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.01);
        display: -webkit-flex;
        display: flex;
        background-color: #fff;
        width: 100%;
        z-index: 1000;
    }

    .mTitle2ForMobile .prev {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: url(../images/ico_prev3_m.png) 50% 50% no-repeat;
        background-size: 17px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 53px;
        height: 53px;
    }

    .mTitle2ForMobile .gRt {
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
        padding-right: 10px;
    }

    .mTitle2ForMobile .gRt a {
        border: 0;
        margin: 0;
        vertical-align: middle;
        width: 35px;
        height: 53px;
    }

    .mMain4+.mDetail1 {
        margin-top: 0;
    }

    .mDetail1 .mTab2 {
        top: 53px;
        margin: 0 -20px;
        z-index: 20;
    }

    .mTab2 {
        margin-bottom: 16px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: transform .35s cubic-bezier(.65, 0, .35, 1), -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
    }

    .mTab2 .tabBg {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mTab2 .tabBg .scrollX {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
        vertical-align: top;
    }

    .mTab2 a {
        font-size: 16px;
        padding: 20px 0;
        white-space: nowrap;
    }

    .mTab2 a+a {
        margin-left: 10px;
    }

    .mDetail1 .mTab2.fixed {
        margin: -85px 0 0;
    }

    .mDetail1 .mTab2.fixed .tabBg {
        width: auto;
    }

    .mDetail1 .mTab2.fixed .scrollX {
        margin-left: 0;
    }

    .mText1 {
        display: block;
        margin-top: 32px;
        padding-top: 32px;
    }

    .mText1 h4 {
        font-size: 22px;
        padding: 0 0 10px;
        width: auto;
    }

    .mText1 h4 br {
        display: none;
    }

    .mText1 .text {
        font-size: 14px;
    }

    .mReply1:before,
    .mText1:before {
        top: 0;
    }

    .btn_open2,
    .btn_close2 {
        background: url(../images/ico_arr1.png) 16px 50% no-repeat;
        border: 1px solid #d1d1d1;
        border-radius: 8px;
        cursor: pointer;
        color: #000;
        font-size: 14px;
        margin: 25px 0 0;
        padding: 0 16px 0 33px;
        text-align: center;
        min-width: 100px;
        line-height: 31px;
        height: 33px;
    }

    .btn_close2 {
        display: none;
        background-image: url(../images/ico_arr1_a.png);
        background-color: #000;
        border-color: #000;
        color: #fff;
    }

    .mTitle3 h5 {
        float: left;
        font-size: 22px;
    }

    .mTitle3 h5 .s {
        display: none;
    }

    .mTitle3 .gStar1 {
        margin: 7px 0 0 10px;
    }

    .mTitle3 .gRt {
        position: static;
        margin: 15px 0 0;
    }

    .mTitle3 .gRt .mBtn1 {
        font-size: 16px;
        min-width: 100%;
        line-height: 45px;
        height: 45px;
    }

    .gStar1 .mStar1>span {
        background-size: 16px auto;
        width: 16px;
        height: 16px;
    }

    .gStar1 .s strong {
        font-size: 15px;
    }

    .mReply1 {
        margin-top: 32px;
        padding-top: 32px;
    }

    .mReply1 .mTitle3 {
        padding: 0 0 30px;
    }

    .mReply1 .mTitle3 h5 {
        padding-left: 10px;
    }

    .mReply1 .list li+li {
        margin-top: -1px;
    }

    .mReply1 .list li {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .mReply1 .list li .text {
        padding: 25px 0;
    }

    .mReply1 .list li .text .tit {
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

    .mReply1 .list li .text .gStar1 {
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
    }

    .mReply1 .list li .text .gStar1 .s {
        font-size: 14px;
    }

    .mReply1 .list li .text .gRt {
        position: static;
    }

    .mReply1 .list li .text .txt {
        display: block;
        margin: 10px 0 0;
    }

    .mReply1 .list li .text .txt .tx {
        display: block;
        font-size: 14px;
        line-height: 160%
    }

    .mReply1 .list li .text .txt .ut {
        font-size: 14px;
        margin: 15px 0 0;
        text-align: right;
    }

    .mReply1 .list li .text .txt .ut .date {
        float: left;
        font-size: 14px;
    }

    .mReply1 .list li .text .txt .ut .iRe3 {
        background-size: 16px auto;
    }

    .mReply1 .list li .lst,
    .mReply1 .list li .write,
    .mReply1 .list li .login {
        background-color: #f4f4f4;
        font-size: 14px;
        text-align: center;
        margin-bottom: 0;
        padding: 17px 0;
    }

    .mReply1 .list li .login .tx {
        padding-right: 10px;
    }

    .mReply1 .list li .write {
        zoom: 1;
    }

    .mReply1 .list li .write:after {
        display: block;
        clear: both;
        content: '';
    }

    .mReply1 .list li .write .info {
        float: left;
        color: #606060;
        text-align: left;
        padding: 15px 0 0 5px;
    }

    .mReply1 .list li .write .mBtn1 {
        float: right;
        background-color: #878787;
        border-color: #000;
        border-radius: 4px;
        color: #fff;
        font-size: 13px;
        margin-top: 10px;
        width: auto;
        padding: 0 10px;
        width: auto;
        min-width: 75px;
        line-height: 26px;
        height: 28px;
    }

    .mReply1 .list li .lst {
        padding: 0;
        text-align: left;
    }

    .mReply1 .list li .lst .row {
        position: relative;
        display: block;
        border-top: 1px solid #e0e0e0;
        font-size: 14px;
        padding: 14px 20px;
    }

    .mReply1 .list li .lst .row .na {
        display: block;
        font-size: 15px;
        padding-right: 0;
        font-weight: normal;
        width: auto;
    }

    .mReply1 .list li .lst .row .na.pr1 {
        padding-right: 50px;
    }

    .mReply1 .list li .lst .row .tx {
        display: block;
        font-size: 14px;
        padding: 7px 0 0;
    }

    .mReply1 .list li .lst .row .mBtn1 {
        position: absolute;
        top: 11px;
        right: 10px;
    }

    .mReply1 .list li .lst .row+.row {
        border-top: 1px solid #e0e0e0;
    }

    .mReply1 .list li .login,
    .mReply1 .list li .write {
        border-top: 1px solid #ccc;
        padding-left: 10px;
        padding-right: 10px;
    }

    .lReview1 {
        top: 106px;
        right: 0;
        background-color: #f6f6f6;
        padding: 0 0 35px;
        width: 100%;
    }

    .lReview1 .tit {
        background-color: #fff;
        border-bottom: 1px solid #cfcfcf;
        font-size: 15px;
        padding: 15px 20px;
    }

    .lReview1 .detail {
        position: relative;
        background-color: #f4f4f4;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 0;
        margin-bottom: 28px;
        padding: 20px;
    }

    .lReview1 .detail .mIco1 {
        display: block;
        position: static;
        margin: -10px 0 0;
    }

    .lReview1 .detail .mIco1 span {
        display: inline-block;
    }

    .lReview1 .detail .img {
        width: 70px;
    }

    .lReview1 .detail .txt {
        padding: 5px 0 0 95px;
    }

    .lReview1 .detail .txt .ti {
        font-size: 14px;
        font-weight: normal;
        margin-top: 8px;
    }

    .lReview1 .detail .txt .na {
        font-size: 14px;
        margin: 8px 0 0;
        opacity: 0.8;
    }

    .lReview1 .detail .txt .na .b {
        color: #c8c8c8;
        font-family: dotum;
        font-size: 12px;
        padding: 0 3px;
    }

    .lReview1 .gStar1 {
        display: block;
        margin-left: 0 !important;
        padding: 0;
        text-align: center;
    }

    .lReview1 .gStar1 .info.forMobile {
        display: block;
        font-size: 14px;
        padding: 6px 0 0;
        text-align: center;
    }

    .lReview1 .gStar1 .info.forWeb {
        display: none;
    }

    .lReview1 .gStar1 .mStar1 {
        margin: -5px 0 0 !important;
        vertical-align: top;
    }

    .lReview1 .gStar1 .s {
        font-size: 13px;
    }

    .lReview1 .gStar1 .s strong {
        font-size: 17px;
    }

    .lReview1 .button {
        margin: 20px 20px 0;
    }

    .lReview1 .button .mBtn1+.mBtn1 {
        margin-left: 0;
    }

    .lReview1 .button .mBtn1 {
        display: block;
    }

    .lReview1 .write {
        margin: 21px 20px 0;
    }

    .lReview1 .close {
        position: absolute;
        top: 0;
        right: 10px;
        background: url(../images/ico_lnb_close1.png) calc(50% + 1px) 50% no-repeat;
        background-size: 17px auto;
        text-indent: -9999px;
        font-size: 0;
        width: 50px;
        height: 50px;
    }

    .lReview1.lOne1 {
        top: 90px;
    }

    .lReview1.lOne1 .close {
        top: 0;
    }

    .lReview1.lOne1 .gTit {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }

    .lReview1.lOne1 .list {
        background-color: #f2f2f2;
        margin: 0;
        padding: 15px 20px 0;
    }

    .lReview1.lOne1 .list dt.show.fs18 {
        font-size: 15px;
    }

    .lReview1.lOne1 .list dd {
        margin: 0 0 10px;
    }

    .lReview1.lOne1 .list dd .it,
    .lReview1.lOne1 .list dd .textrea {
        font-size: 15px;
    }

    .lReview1.lOne1 .list dd .it {
        line-height: 45px;
        height: 45px;
    }

    .lReview1.lOne1 .list dd .if {
        font-size: 13px;
        padding: 10px 0 0 20px;
    }

    .lReview1.lOne1 .list .info {
        font-size: 13px;
        line-height: 180%;
        margin: 15px 0 0;
    }

    .lReview1.lOne1 .list .check {
        margin: 26px 0 0;
    }

    .lReview1.lOne1 .list .check .mCheckbox1 input+.label {
        font-size: 15px;
    }

    .lReview1.lOne1 .button {
        margin-top: 20px;
    }

    .lReview1.lOne1 .button .mBtn1 {
        font-size: 16px;
        line-height: 43px;
        height: 45px;
    }

    .lReview1.lOne1 .button .mBtn1+.mBtn1 {
        margin-top: 10px;
    }

    .lReview1.lOne1 .mInfo1 {
        margin: 20px 20px 0;
    }

    .lReview1.lOne1.posType1 {
        left: 0;
        padding-bottom: 20px;
    }

    .mInfo1 {
        margin: 40px 0 0;
    }

    .mInfo1 .ti {
        font-size: 16px;
    }

    div.it {
        border-radius: 4px;
        font-size: 15px;
    }

    .mStar1>button {
        background-size: 22px auto;
        width: 22px;
        height: 22px;
    }

    .textarea {
        font-size: 15px;
        padding: 10px 20px;
    }

    .iTop {
        background-image: url(../images/ico_top1_m.png);
        background-size: 57px auto;
        width: 57px;
        height: 57px;
    }

    .iTop.bottom {
        bottom: 120px;
    }

    /* login */
    .pLogin {
        background-color: #fff;
        display: block;
    }

    .pLogin #footer .bg,
    .pLogin #wrap .bg {
        min-width: auto;
    }

    .pLogin .cell {
        display: block;
    }

    .pLogin #header,
    .pLogin #footer {
        width: auto;
    }

    .pLogin #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
    }

    .pLogin #footer {
        position: relative;
        background-color: #fff;
        border-top: 1px solid #e9e9e9;
        margin: 0 20px;
        padding: 20px 0;
    }

    .pLogin #footer .family,
    .pLogin #footer .link {
        display: block;
    }

    .pLogin #footer .addr {
        padding: 25px 13px 0;
    }

    .gLogin1 {
        border: 0;
        border-radius: 0;
        padding: 82px 20px 40px;
        width: auto;
        margin: 0 auto;
    }

    .gLogin1 .title {
        display: block;
        margin: 0 auto 20px;
        padding: 0 0 0 5px;
        width: auto;
    }

    .gLogin1 .title h3 {
        font-size: 20px;
    }

    .gLogin1 .title .ts {
        display: block;
        font-size: 15px;
        padding: 2px 0 0;
    }

    .gLogin1 .cont {
        width: auto;
    }

    .gLogin1 .cont:before {
        display: none;
    }

    .gLogin1 .mLogin1 {
        float: none;
        width: auto;
    }

    .gLogin1 .mSns1 {
        float: none;
        margin: 42px 0 0;
        padding: 30px 0 0;
        width: auto;
    }

    .textarea {
        border-radius: 4px;
        font-size: 15px;
        padding-left: 15px;
    }

    .it {
        border-radius: 4px;
        font-size: 15px;
        padding: 0 0 0 15px;
        height: 44px;
    }

    .mLogin1 dd {
        margin-bottom: 5px;
    }

    .mLogin1 .btn_login {
        border-radius: 4px;
        font-size: 15px;
        margin-top: 12px;
        line-height: 50px;
        height: 50px;
    }

    .mLogin1 .save {
        padding: 8px 0 0;
    }

    .mLogin1 .link {
        position: relative;
        font-size: 14px;
        padding: 25px 0 0 5px;
        text-align: left;
    }

    .mLogin1 .link .mBtn1 {
        float: right;
        margin-top: -27px;
    }

    .mSns1 {
        border-top: 1px solid #c6c6c6;
    }

    .mSns1 h4 {
        font-size: 16px;
    }

    .mSns1 ul {
        margin-top: 24px;
    }

    .mSns1 li+li {
        margin-top: 12px;
    }

    .mSns1 li a span {
        background-size: 23px auto;
        font-size: 15px;
        line-height: 55px;
        height: 55px;
    }

    .mSns1 li.kakao a span {
        background-size: auto 30px;
    }

    .mPopup1 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 500;
    }

    .mPopup1 .modalBg {
        opacity: 0.5;
    }

    .mPopup1 .popup {
        border-radius: 10px;
        padding: 50px 20px 40px;
        width: calc(100% - 40px);
        min-height: auto;
    }

    .mPopup1 h3 {
        font-size: 23px;
    }

    .mPopup1 h3.pt1 {
        padding-top: 0;
    }

    .mPopup1 .info {
        font-size: 14px;
        padding-top: 5px;
    }

    .mPopup1 .info.pt1 {
        padding-top: 10px;
    }

    .mPopup1 .info.hType1 {
        min-height: auto;
        padding-bottom: 20px;
    }

    .mPopup1 dt {
        display: none;
    }

    .mPopup1 dd {
        margin: 0 0 8px;
    }

    .mPopup1 .close {
        top: -15px;
        right: 20px;
        background: url(../images/ico_close2_m.png);
        background-size: 38px auto;
        width: 38px;
        height: 38px;
    }

    .gLogin1.type2 {
        padding: 58px 20px;
    }

    .gLogin1 .mButton1 {
        margin-top: 35px;
    }

    .gLogin1 .mButton1 .mBtn1 {
        font-size: 15px;
        line-height: 50px;
        height: 50px;
    }

    .gLogin1 .mButton1 .mBtn1+.mBtn1 {
        margin-left: 0;
    }

    .gLogin1 .mStep1 {
        position: relative;
        top: auto;
        right: auto;
        ;
        margin: 0 -20px 35px;
        padding: 0;
    }

    .mTitle4 {
        font-size: 20px;
        margin: -45px 30px 0;
        padding: 0;
        text-align: center;
        background-color: #fff;
        line-height: 58px;
        height: 58px;
    }

    .mTitle4:before {
        display: none;
    }

    .mStep1 {
        font-size: 15px;
        margin: 0 0 35px;
        text-align: center;
    }

    .mStep1:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #eaeaea;
        width: 100%;
        height: 3px;
    }

    .mStep1>span.active {
        color: #000;
        font-weight: bold;
    }

    .mStep1>span.active:before {
        top: 8px;
    }

    .mStep1>span.active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 33px;
        width: calc(100% - 33px);
        height: 3px;
        background-color: #cf2144;
    }

    .mStep1>span {
        background: url(../images/ico_step1_m.png) 15px calc(50% + 1px) no-repeat;
        background-size: 7px auto;
        padding: 0 0 0 33px;
        line-height: 50px;
        height: 50px;
    }

    .mStep1>span:first-child {
        margin-left: -33px;
        background-image: none;
    }

    .mReg1 .info {
        padding-left: 0;
    }

    .gLogin1 .mButton1 .mBtn1 {
        min-width: auto;
        width: 100%;
        line-height: 50px;
        height: 50px;
    }

    .gLogin1 .mButton1 .mBtn1+.mBtn1 {
        margin-top: 8px;
    }

    .mReg2 {
        padding: 0;
        width: auto;
    }

    .mReg3 {
        text-align: center;
        padding: 0 0 135px;
    }

    .mReg3 .tit {
        font-size: 24px;
        padding-top: 20px;
    }

    .mReg3 .txt {
        font-size: 16px;
        margin-top: 10px;
    }

    .mBox1+.mButton1 {
        margin-top: 35px;
    }

    .mBox1 {
        border-radius: 4px;
        margin: 45px auto 0;
        padding: 20px 0 15px;
        width: auto;
    }

    .mBox1 dl {
        padding: 0 0 0 37px;
        text-align: left;
    }

    .mBox1 dd strong {
        font-weight: normal;
    }

    .mLaw1.line1 {
        padding-top: 22px;
    }

    .mLaw1+.mLaw1 {
        margin-top: 35px;
    }

    .mLaw1 .scrollY {
        border-radius: 4px;
        margin-top: 12px;
        padding: 10px 15px;
        height: 150px;
    }

    .mLaw2 {
        margin-top: -20px;
    }

    .mLaw2 .txt {
        font-size: 14px;
    }

    .mLaw2 .txt+.tit {
        margin-top: 35px;
    }

    .mLaw2 .tit {
        font-size: 18px;
        flex-grow: 160%;
        padding-bottom: 10px;
    }

    .mLaw2 .dep1+.tit {
        border-top: 1px solid #ebebeb;
        margin-top: 30px;
        padding-top: 30px;
    }

    .mLaw2 .dep1 {
        padding: 0;
    }

    .mLaw2 .dep1 li {
        font-size: 14px;
    }

    .mLaw2 .dep1 li .ti {
        font-size: 15px;
    }

    .mLaw2 .dep1 li .ti+.tx {
        margin-top: 10px;
    }

    .mLaw2 .dep1 li .mt1 {
        margin-top: 20px;
    }

    .mLaw2 .dep1 li .gab1,
    .mLaw2 .dep1 li .gab2,
    .mLaw2 .dep1 li .gab3 {
        padding-left: 0;
    }

    .mLaw2 .mBoard1.w500 {
        width: 100%;
    }

    .scrollY {
        overflow: hidden;
        overflow-y: auto;
    }

    .scrollY {
        margin: 0 2px;
        overflow: hidden;
        overflow-y: auto;
    }

    .scrollY::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .scrollY::-webkit-scrollbar-track {
        background-color: #eee;
        border-radius: 5px;
    }

    .scrollY::-webkit-scrollbar-thumb {
        background: #a9a9a9;
        border-radius: 5px;
        height: 10%;
    }

    .scrollY::-webkit-scrollbar-thumb:hover {
        background: #a9a9a9;
    }

    .gTitle2 {
        border-color: #000;
        padding-bottom: 12px;
    }

    .gTitle2 h3 {
        color: #cf2144;
        font-size: 17px;
    }

    .gTitle2 .gRt {
        padding-right: 0;
    }

    /* //login */

    .mKeysub1 {
        position: relative;
        margin: -126px -20px 0;
        overflow: hidden;
    }

    /*.mKeysub1:before{top:auto;bottom:55px;background:url(../images/k_keysub1_m.png) 50% 100% no-repeat #fcecc8;background-size:100% 161px;border:0;border-radius:0 0 100% 100%;margin:0 -100px;width:calc(100% + 200px);height:160px;}*/
    .mKeysub1:before {
        top: auto;
        bottom: 55px;
        border: 0;
        border-radius: 0 0 100% 100%;
        margin: 0 -100px;
        width: calc(100% + 200px);
        height: 160px;
    }

    .mKeysub1 .keysub {
        display: -webkit-flex;
        display: flex;
        position: relative;
        background: none;
        padding: 0 0 45px;
        height: 150px;
    }

    .mKeysub1 h3 {
        display: none;
    }

    .mKeysub1 .link {
        margin: 100px auto 0;
        margin-bottom: 16px;
    }

    .mKeysub1 .link_scroll {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: transform .35s cubic-bezier(.65, 0, .35, 1);
        transition: transform .35s cubic-bezier(.65, 0, .35, 1), -webkit-transform .35s cubic-bezier(.65, 0, .35, 1);
        margin: 0 -20px;
    }

    .mKeysub1 .link_scroll_list {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mKeysub1 .link_scroll_list .list {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: inline-flex;
        vertical-align: top;
        padding: 0 20px 12px;
    }

    .mKeysub1 .link a+a {
        margin-left: 5px;
    }

    .mKeysub1 .link a {
        background-color: #fff;
        border: 1px solid #b4b4b4;
        font-size: 14px;
        padding: 0 5px;
        width: auto;
        min-width: 85px;
        height: 75px;
    }

    .mKeysub1 .link a .n {
        display: block;
        font-size: 25px;
        margin: 0 0 -2px;
        padding: 8px 0 0;
    }

    .mKeysub1 .link a .n.fs20 {
        padding-top: 10px;
    }

    .mKeysub1.search {
        margin-bottom: 30px;
    }

    .mKeysub1.search h3.type2 {
        display: block;
        background-image: none;
        padding: 10px 0 0;
        text-align: center;
    }

    .mKeysub1.search h3.type2 .cell {
        display: block;
        font-size: 17px;
        margin-top: 50px;
    }

    .mKeysub1.search h3.type2 .keyword {
        font-size: 21px;
        margin: 0 0 5px;
    }

    .mKeysub1.search:before {
        background-image: url(../images/k_keysub1_search_m.png);
    }

    .mKeysub1.search .keysub {
        background: none;
        display: block;
        padding-top: 0;
        height: 200px;
    }

    body.minActive #body .contents .mKeysub1.search:after,
    .mKeysub1.search {
        background-color: transparent;
    }

    .mKeysub1.search .link {
        position: absolute;
        top: auto;
        left: auto;
        bottom: 0;
        left: 20px;
    }

    .mKeysub1.recomd:before {
        bottom: auto;
        top: 0;
        height: 200px;
        background-size: cover;
    }

    .mKeysub1.recomd .keysub {
        position: relative;
        background-size: cover;
        height: 250px;
    }

    .mKeysub1.recomd .keysub:before {
        content: "";
        position: absolute;
        top: 40px;
        right: auto;
        left: calc(50% - 15px);
        background-size: 300px 191px;
        transform: translateX(-50%);
        width: 300px;
        height: 191px;
    }


    .mMemo1 {
        border: 1px solid #bdbdbd;
        border-radius: 5px;
        font-size: 14px;
        margin-bottom: 25px;
        width: 100%;
        min-height: 90px;
    }

    .mMemo1:before {
        top: -3px;
        right: 10px;
        background-image: url(../images/ico_memo1_m.png);
        background-size: 30px auto;
        width: 30px;
        height: 40px;
    }

    .mMemo1 .cell {
        padding: 10px;
    }

    .mMemo1.type2:before {
        top: -8px;
        background-image: url(../images/ico_memo2_m.png);
        background-size: 29px auto;
        width: 29px;
        height: 19px;
    }

    /* grid */
    .mGrid1 {
        position: relative;
        display: block;
        margin: 0;
    }

    .mGrid1 .mNavi1 {
        display: none;
    }

    .mGrid1 .content {
        display: block;
    }

    .mNavi1 {
        display: none;
        position: fixed;
        top: 50px;
        left: 20px;
        padding: 0;
        background-color: #fff;
        border: 1px solid #2d2f32;
        border-radius: 6px;
        width: calc(100% - 42px);
        padding: 28px 10px 18px;
        z-index: 10;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    }

    .mNavi1 .tit {
        display: block;
        font-size: 15px;
        padding: 0 0 8px 20px;
    }

    .mNavi1 .col {
        float: left;
        margin: 0 5px 15px;
        width: calc(50% - 10px);
    }

    .mNavi1 li {
        margin: 0 0 7px;
    }

    .mNavi1 li a {
        display: block;
        background-color: #f4f4f4;
    }

    .mNavi1 li.active a {
        display: block;
        background-image: none;
        border-radius: 4px;
    }

    .mNavi1 ul+.tit {
        margin: 30px 0 0;
    }

    .mTitle5 {
        font-size: 19px;
        margin: 15px 0 30px;
        padding: 0 0 20px 0;
    }

    .mTitle5 .s {
        color: #cf2144;
        font-size: 15px;
    }

    .mWith1 {
        font-size: 14px;
        line-height: 170%;
        padding: 0;
    }

    .mWith1 .tit {
        font-size: 18px;
        margin: 0;
        padding: 0 0 15px;
    }

    .mWith1 .mCheck1 {
        margin: 8px 0 0;
    }

    .mWith1 .mCheckbox1 .label {
        font-size: 15px;
    }

    .mWith1 .mCheckbox1 input+.label:before {
        background-image: url(../images/ico_checkbox1_g.png);
    }

    .mWith1 .mCheckbox1 input:checked+.label:before {
        background-image: url(../images/ico_checkbox1_a.png);
    }

    .mWith1 .all {
        background-color: #fff;
        border: 1px solid #7b7b7b;
        margin: 50px 0 0;
        padding: 26px 10px;
    }

    .mWith1 .all .mCheckbox1 input+.label {
        font-size: 16px;
        font-weight: 500;
    }

    .mWith1 .mButton1 {
        margin-top: 45px;
    }

    .mWith1 .mButton1 .mBtn1 {
        display: block;
        line-height: 48px;
        height: 50px;
    }

    .mWith1 .mButton1 .mBtn1.black {
        background-color: #cf2144;
        border-color: #cf2144;
    }

    .mWith1 .mButton1 .mBtn1+.mBtn1 {
        margin: 10px 0 0;
    }

    .mLike1 {
        margin: -30px 0 0;
    }

    .mLike1 li {
        display: block;
        padding: 27px 10px;
    }

    .mLike1 li .text {
        display: block;
    }

    .mLike1 li .nam {
        font-size: 16px;
    }

    .mLike1 li .nam .da {
        margin-left: 4px;
    }

    .mLike1 li .txt {
        font-size: 15px;
        line-height: 150%;
        margin: 12px 0 0;
    }

    .mLike1 li .txt.type1ForMobile {
        background-color: #f4f4f4;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        margin: 10px -10px 0;
        font-size: 15px;
        padding: 15px 25px;
    }

    .mLike1 li .nam+.dat {
        margin-top: 5px;
    }

    .mLike1 li .iDelete2 {
        position: absolute;
        top: 20px;
        right: 10px;
        border-radius: 4px;
        margin: 0;
        width: 40px;
        height: 40px;
    }

    .mLike1 li .gBtn.type2 {
        position: static;
        display: -webkit-flex;
        display: flex;
        margin: 20px -10px 0;
    }

    .mList1 li .gBtn.type2 .btn,
    .mLike1 li .gBtn.type2 .mBtn1 {
        -webkit-flex: 1;
        flex: 1;
        border-radius: 4px;
        line-height: 42px;
        height: 46px;
    }

    .mLike1.reply li {
        border-bottom: 1px solid #c5c5c5;
        padding-bottom: 27px;
    }

    .mLike1.reply li .nam {
        letter-spacing: -1px;
        padding: 0 0 15px 0;
    }

    .mLike1.reply li .nam .da {
        display: block;
        margin: 5px 0 0;
    }

    .mLike1.reply li .edi,
    .mLike1.reply li .rep {
        border-radius: 4px;
        font-size: 15px;
        margin: 0 -10px 0;
        padding: 15px 25px;
    }

    .mLike1.reply li .edi {
        display: none;
        border-color: #696969;
        padding: 0;
    }

    .mLike1.reply li .edi .textarea {
        border: 0;
        font-size: 14px;
        line-height: 160%;
        padding: 15px 25px;
    }

    .mLike1.reply li .edi:before,
    .mLike1.reply li .rep:before {
        top: -18px;
        left: auto;
        right: 5px;
        background: url(../images/ico_re4_m.png) 0 0 no-repeat;
        background-size: 43px 28px;
        width: 43px;
        height: 28px;
    }

    .mLike1.reply li .gBtn.type2 .mBtn1 {
        line-height: 42px;
        height: 46px;
    }

    /*
    .mLike1.reply li .gBtn.type2{position:absolute;top:auto;bottom:-67px;left:9px;width:calc(100% + 2px);}
    */
    .mLike1.reply li.active .rep {
        display: none;
    }

    .mLike1.reply li.active .edi {
        display: block;
    }

    .mLike1.reply li.active .edi .textarea {
        height: 125px;
    }

    .mLike1.reply li .gSave {
        display: none;
    }

    .mLike1.reply li.active .gSave {
        display: -webkit-flex;
        display: flex;
    }

    .mLike1.reply li.active .gModify {
        display: none;
    }

    .mNolist1 {
        padding: 30px 10px;
    }

    .mNolist1 p {
        font-size: 15px;
    }

    .mNolist1 .mButton1 .mBtn1 {
        min-width: 125px;
    }

    .mNolist1.line1ForWeb {
        position: relative;
        margin: 0;
        padding-top: 40px;
    }

    .mNolist1.line1ForWeb:before {
        top: -20px;
    }

    .mSet1 {
        margin-top: -12px;
    }

    .mSet1 .col+.col {
        margin: 30px 0 0;
    }

    .mSet1 .col {
        display: block;
        width: auto;
    }

    .mSet1 .col h5 {
        background-position: 9px 6px;
        background-size: auto 10px;
        font-size: 15px;
        padding: 0 0 10px 25px;
    }

    .mSet1 .col li+li {
        border-top: 0;
        margin-top: 0;
    }

    .mSet1 .col li {
        border-radius: 0;
        font-size: 15px;
        padding: 0 0 0 20px;
        height: 60px;
    }

    .mSet1 .col li:first-child {
        border-radius: 8px 8px 0 0;
    }

    .mSet1 .col li:last-child {
        border-radius: 0 0 8px 8px;
    }

    .mSet1 .col li .toggle {
        top: 12px;
        right: 20px;
    }

    .mSwitch1 {
        font-size: 12px;
        width: 90px;
        height: 30px;
    }

    .mSwitch1 .ico:after,
    .mSwitch1 .ico:before,
    .mSwitch1 input+.ico span:after,
    .mSwitch1 input:checked+.ico:before {
        line-height: 26px;
        width: 45px;
        height: 30px;
    }

    .mSwitch1 input+.ico span:after {
        top: 0;
        left: -1px;
    }

    .mSwitch1 .ico:before {
        transform: translateX(45px);
    }

    .mSwitch1 .ico:after {
        width: calc(100% - 45px)
    }

    .mSwitch1 .ico {
        font-size: 12px;
    }

    .mSubs1 {
        border-top: 1px solid #d8d8d8;
        margin-top: -20px;
        padding: 20px 0 0;
    }

    .mSubs1 li+li {
        margin-top: 10px;
    }

    .mSubs1 li {
        border: 1px solid #c5c5c5;
        border-radius: 8px;
        padding: 10px 20px 0;
        overflow: hidden;
    }

    .mSubs1 li .lst {
        display: -webkit-flex;
        display: flex;
        font-size: 13px;
        margin: 12px 0 0;
    }

    .mSubs1 li .lst>.tx {
        -webkit-flex: 1;
        flex: 1;
        font-size: 15px;
        margin-top: -2px;
        padding-right: 10px;
    }

    .mSubs1 li .lst>.tx.fs19 {
        font-size: 19px;
    }

    .mSubs1 li .pri+.lst {
        margin: 5px 0 15px;
    }

    .mSubs1 li .pri+.lst .ti {
        margin-top: 0;
    }

    .mSubs1 li .pri {
        display: -webkit-flex;
        display: flex;
        border-top: 1px solid #c5c5c5;
        font-size: 13px;
        align-items: center;
        margin: 12px 0 0;
        padding: 12px 0 0;
    }

    .mSubs1 li .pri>.tx {
        -webkit-flex: 1;
        flex: 1;
        font-size: 20px;
    }

    .mSubs1 li .dat {
        display: -webkit-flex;
        display: flex;
        border-top: 1px solid #c5c5c5;
        font-size: 14px;
        margin: 18px -20px 0;
        background-color: #f4f4f4;
        padding: 15px 20px;
        align-items: center;
    }

    .mSubs1 li .dat .da {
        -webkit-flex: 1;
        flex: 1;
    }

    .mSubs1 li .dat .bt {
        font-size: 15px;
        line-height: 36px;
        height: 36px;
    }

    .mSubs1 li .dat .bt .mBtn1 {
        margin: 0 0 0 8px;
        padding: 0 10px;
        line-height: 34px;
        height: 36px;
    }

    .mPeriod1 {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: none;
    }

    .mPeriod1 .mDate1 {
        margin: 10px 0 0;
    }

    .mPeriod1 .gRadio1 {
        float: none;
        display: -webkit-flex;
        display: flex;
        margin-right: 0;
    }

    .mPeriod1+.mNolist1 {
        margin: 60px 0 0;
    }

    .mPeriod1+.mNolist1:before {
        top: -30px;
    }

    .gRadio1 label {
        -webkit-flex: 1;
        flex: 1;
    }

    .gRadio1 label input+.label {
        width: auto;
    }

    .gRadio1 label input:checked+.label {
        background-color: #000;
        border-color: #000;
        border-radius: 0;
        color: #fff;
    }

    .gRadio1 label:first-child input+.label {
        border-radius: 2px 0 0 2px;
    }

    .gRadio1 label:last-child input+.label {
        border-radius: 0 2px 2px 0;
    }

    .mDate1 .mBtn1 {
        margin-left: 10px;
        border-radius: 2px;
    }

    .mOne1.mAlert1 {
        margin-top: 0;
    }

    /* modify20231130-3 */
    .mOne1.mAlert1 li {
        padding: 30px 0;
    }

    .mOne1.mAlert1 li .ico.alert {
        position: absolute;
        top: 30px;
        left: 0;
        width: 39px;
        height: 39px;
    }

    .mOne1.mAlert1 li .tit {
        padding-left: 55px;
        font-size: 16px;
    }

    .mOne1 li {
        padding: 30px 0;
    }

    .mOne1 li .tit {
        font-size: 16px;
    }

    .mOne1 li .tit .ti {
        display: block;
        padding-right: 0;
    }

    .mOne1 li .tit .ti.pr1 {
        padding-right: 0;
    }

    .mOne1 li .tit .ti .d {
        display: block;
        margin: 5px 0 0;
    }

    .mOne1 li .gBtn.type2 {
        position: static;
        display: -webkit-flex;
        display: flex;
        margin: 20px 0 0;
    }

    .mOne1 li .gBtn.type2 .mBtn1 {
        -webkit-flex: 1;
        flex: 1;
        border-radius: 2px;
        line-height: 43px;
        height: 45px;
    }

    .mOne1 li .gBtn.type2 .mBtn1+.mBtn1 {
        margin-left: 10px;
    }

    .mOne1 li .txt {
        font-size: 14px;
        margin: 15px 0 0;
    }

    .mOne1 li .ico {
        position: static;
        display: inline-block;
        ;
        border-radius: 28px;
        margin: 0 0 5px;
        padding: 0 10px;
        width: auto;
        line-height: 28px;
        height: 28px;
    }

    .mOne1 li .ico br {
        display: none;
    }

    .mOne1 li .ico>span {
        display: block;
    }

    .mOne1 li .ico.a {
        background-color: #000;
    }

    .mOne1 li .rep {
        position: relative;
        background-color: #f4f4f4;
        border: 1px solid #d8d8d8;
        border-radius: 8px;
        font-size: 14px;
        line-height: 160%;
        margin: 15px 0 0;
        padding: 15px 20px;
    }

    .mOne1 li .rep:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 1px;
    }

    .mOne1 li .rep:before {
        display: none;
    }

    .mPoint1 {
        margin: -12px 0 36px;
        text-align: left;
    }

    .mPoint1 .col.i2 {
        background-image: url(../images/ico_point1_2_m.png);
        margin: 15px 0 0;
    }

    .mPoint1 .col {
        display: block;
        background-image: url(../images/ico_point1_1_m.png);
        background-position: 12px 50%;
        background-size: 32px auto;
        padding: 0 0 0 54px;
        line-height: 32px;
        height: 32px;
    }

    .mPoint1 .col .nu {
        float: right;
        font-size: 22px;
        margin: -3px 0 0;
    }

    .mList5+.mButton1 {
        margin-top: 10px;
    }

    .mList5+.mButton1.mt30 {
        margin-top: 20px;
    }

    .mList5 th,
    .mList5 td {
        display: block;
        border-bottom: 0;
        background-color: transparent;
        padding: 0;
    }

    .mList5 th,
    .mList5 th.tal {
        background-color: transparent;
        padding: 0 0 10px 10px;
    }

    .mList5 td {
        padding: 0 0 20px;
    }

    .mList5 .mFlex2.type1ForMobile .tx,
    .mList5 td .txt {
        display: block;
        background-color: #f8f8f8;
        border: 1px solid #8b8b8b;
        border-radius: 4px;
        padding: 10px 15px;
    }

    .mList5 .tal {
        padding-left: 0;
    }

    .mList5 th.type1ForMobile {
        border-top: 1px solid #000;
        padding-top: 30px;
        margin-top: 15px;
    }

    .mList5 .mFlex2.type1ForMobile {
        position: relative;
        display: block;
    }

    .mList5 .mFlex2.type1ForMobile .mBtn1 {
        display: block;
        font-size: 15px;
        margin: 10px 0 0;
        line-height: 41px;
        height: 43px;
    }

    .mList5 .mFlex2.type1ForMobile2 {
        position: relative;
        display: block;
        padding: 52px 0 0;
    }

    .mList5 .mFlex2.type1ForMobile2 .mBtn1 {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        display: block;
        font-size: 15px;
        line-height: 41px;
        height: 43px;
    }

    .mList5 .mRadio1,
    .mList5 .mCheckbox1 {
        margin-left: 10px;
    }

    .mList5 .it.w290 {
        width: 100%;
    }

    .mList5 .if {
        margin: 10px 0 0 10px;
    }

    .mList5.type1ForMobile {
        background-color: #f4f4f4;
        border: 1px solid #c5c5c5;
        border-radius: 8px;
        padding: 0 20px;
    }

    .mList5.type1ForMobile tr {
        position: relative;
    }

    .mList5.type1ForMobile tr+tr {
        border-top: 1px solid #c5c5c5;
    }

    .mList5.type1ForMobile th,
    .mList5.type1ForMobile th.tal {
        float: right;
        padding: 18px 0 0;
        font-size: 13px;
    }

    .mList5.type1ForMobile td {
        position: relative;
        padding: 12px 80px 18px 0;
    }

    .mList5.type1ForMobile .mFlex2.type1ForMobile .tx,
    .mList5.type1ForMobile td .txt {
        border: 0;
        padding: 0;
        background-color: transparent;
        font-size: 15px;
    }

    .mList5.type1ForMobile td .txt.fs14ForMobile {
        font-size: 14px;
    }

    .mList5.type1ForMobile td .txt.fs20ForMobile {
        font-size: 20px;
        font-weight: bold;
    }

    .mList5.type1ForMobile td .txt.txtPrimaryForMobile {
        color: #cf2144;
    }

    .mButton1 .mBtn1.w100perForMobile {
        width: 100%;
    }

    .mButton1 .mBtn1.primaryForMobile {
        background-color: #cf2144;
        color: #fff;
        border-color: #cf2144;
    }

    .mButton1 .row {
        display: -webkit-flex;
        display: flex;
    }

    .mButton1 .mBtn1+.row {
        margin: 10px 0 0;
    }

    .mButton1 .row .mBtn1 {
        -webkit-flex: 1;
        flex: 1;
        margin: 0;
    }

    .mButton1 .row .mBtn1+.mBtn1 {
        margin-left: 10px;
    }

    .mButton1.flex1ForMobile {
        display: -webkit-flex;
        display: flex;
    }

    .mButton1.flex1ForMobile .mBtn1 {
        -webkit-flex: 1;
        flex: 1;
    }

    .mButton1.flex1ForMobile .mBtn1+.mBtn1 {
        -webkit-flex: 1.3;
        flex: 1.3;
    }

    .mStatus1 {
        font-size: 13px;
        margin: -7px 0 26px;
    }

    .mStatus1 .gRt {
        position: relative;
        padding-right: 3px;
        min-width: 85px;
    }

    .mStatus1 .gRt .txtPrimary,
    .mStatus1 .gRt .txtBlack {
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .mStatus1 .gRt .txtPrimary {
        bottom: 24px;
    }

    .mStatus1 .gRt .lReview1 {
        top: 40px;
    }

    .mStatus1 .gRt .mBtn1 {
        margin-left: 0;
        border-radius: 2px;
        min-width: 85px;
        line-height: 34px;
        height: 36px;
    }

    .mStatus1 .num {
        -webkit-flex: 1;
        flex: 1;
        padding: 0;
    }

    .mStatus1 .num .ti {
        display: block;
        padding-right: 0;
    }

    .mStatus1 .num .txtPrimary {
        display: block;
        font-size: 20px;
        font-weight: 500;
    }

    .mStatus1 .num .dt {
        display: block;
        font-size: 14px;
        padding-left: 0;
    }

    .mStatus1 .gRt {}

    .lReview1.lOne1.w450 {
        position: fixed;
        top: auto;
        bottom: 20px;
        margin: 10px 10px 0;
        width: calc(100% - 20px);
        z-index: 100;
    }

    .mEvent1 {
        margin-top: -30px;
    }

    .mEvent1 ul {
        margin-left: 0;
    }

    .mEvent1 li {
        float: none;
        margin: 0;
        width: 100%;
    }

    .mEvent1 li+li {
        border-top: 1px solid #d8d8d8;
        padding-top: 0;
    }

    .mEvent1 li a {
        border: 0;
        padding: 30px 0 25px;
    }

    .mEvent1 li .txt {
        padding: 10px 10px 0;
    }

    .mEvent1 li .txt .ti {
        font-size: 16px;
    }

    .mEvent1 li .txt .tx {
        font-size: 14px;
        margin: 8px 0 0;
        font-weight: 300;
    }

    .mEvent1.col2 ul {
        margin-bottom: 0;
    }

    .mEvent1.col2 li {
        margin: 0 0 20px;
        width: 100%;
    }

    .mEvent1.col2 li a {
        padding-bottom: 0;
    }

    .mEvent1.col2 li .img {
        padding-top: 39%;
    }

    .mEvent1.col2 li .txt {
        padding-bottom: 0;
    }

    .mDetail1 {
        border-bottom: 1px solid #d8d8d8;
        margin: 0 0 35px;
    }

    .mDetail1 .title h3 {
        font-size: 16px;
    }

    .mDetail1 .title .dat {
        font-size: 14px;
    }

    .mDetail1 .article {
        border: 0;
        border-top: 1px solid #d8d8d8;
        border-radius: 0;
        font-size: 15px;
        margin-top: 20px;
        padding: 30px 0;
    }

    .mDetail1 .article .img img {
        border-radius: 8px;
    }

    .mPn1 {
        border-top: 1px solid #d8d8d8;
        color: #000;
        margin: 40px 0 0;
    }

    .mPn1 dt {
        float: left;
        background-color: #f8f8f8;
        border-bottom: 1px solid #d8d8d8;
        width: 160px;
        text-align: center;
        line-height: 60px;
        height: 60px;
    }

    .mPn1 dd {
        border-bottom: 1px solid #d8d8d8;
        font-size: 15px;
        line-height: 60px;
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 0 0 28px;
    }

    .mPn1 dd a {
        color: #000;
    }

    .mButton1.flexForMobile {
        display: -webkit-flex;
        display: flex;
    }

    .mButton1.flexForMobile .mBtn1 {
        -webkit-flex: 1;
        flex: 1;
        border-radius: 40px;
    }

    .mBtn1.prev span,
    .mBtn1.next span {
        display: inline-block;
        background: url(../images/ico_prev4_m.png) 0 50% no-repeat;
        background-size: 17px auto;
        padding: 0 0 0 29px;
    }

    .mBtn1.next span {
        background-image: url(../images/ico_next4_m.png);
        background-position: 100% 50%;
        padding: 0 29px 0 0;
    }

    .mSubs2 {
        margin: -25px 0 0;
        padding: 0;
    }

    .mSubs2 .title {
        padding: 0;
        text-align: center;
    }

    .mSubs2 .title h4 {
        font-size: 20px;
    }

    .mSubs2 .title p {
        font-size: 15px;
        margin-top: 5px;
    }

    .mSubs2 .list {
        display: block;
        margin: 25px 0 0;
        padding: 0;
    }

    .mSubs2 .list .col {
        display: -webkit-flex;
        display: flex;
        padding: 20px 25px;
        text-align: left;
        align-items: center;
        max-width: none;
    }

    .mSubs2 .list .col+.col {
        margin: 15px 0 0;
    }

    .mSubs2 .list .col .di {
        top: -11px;
        left: 30px;
        transform: translateX(0);
        font-size: 11px;
        padding: 0 10px;
        border-radius: 24px;
        line-height: 24px;
        height: 24px;
    }

    .mSubs2 .list .col .tit {
        -webkit-flex: 1;
        flex: 1;
        min-height: auto;
    }

    .mSubs2 .list .col .tit .ti {
        font-size: 15px;
    }

    .mSubs2 .list .col .tit .pr {
        font-size: 23px;
        margin: 0;
    }

    .mSubs2 .list .col .tit .pr2.type2 {
        font-size: 14px;
    }

    .mSubs2 .list .col .tit .pr2 {
        font-size: 15px;
        margin: -5px 0 0;
    }

    .mSubs2 .list .col .tit .pr2 span {
        display: inline-block;
        position: relative;
        color: #757575;
    }

    .mSubs2 .list .col .tit .pr2 span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        background-color: #757575;
        width: 100%;
        height: 1px;
    }

    .mSubs2 .list .col .mBtn1 {
        font-size: 15px;
        border-radius: 4px;
        min-width: 100px;
        line-height: 34px;
        height: 36px;
    }

    .mList1 li .num {
        top: 25px;
        left: 17px;
        font-size: 11px;
        padding-right: 1px;
        width: 19px;
        line-height: 19px;
        height: 20px;
    }

    .mList1.mBest1 {
        margin: -25px 0 0;
        padding: 0;
    }

    .mList1.mBest1 ul {
        display: block;
        border-bottom: 0;
        padding-bottom: 0;
        margin: 0;
    }

    .mList1.mBest1 li {
        border-radius: 4px;
        text-align: left;
        padding: 25px 15px 25px 47px;
        text-align: left;
        min-height: auto;
        zoom: 1;
    }

    .mList1.mBest1 li:after {
        display: block;
        clear: both;
        content: '';
    }

    .mList1.mBest1 li+li {
        margin: 15px 0 0;
    }

    .mList1.mBest1 li .img {
        display: block;
        float: left;
        margin: 0;
        width: 110px;
    }

    .mList1.mBest1 li .img img {
        width: 100%;
        height: auto;
    }

    .mList1.mBest1 li .txt {
        padding: 0 0 0 120px;
    }

    .mList1.mBest1 li .gUt {
        position: absolute;
        bottom: 23px;
        left: 173px;
        margin: 0;
    }

    .mList1.type2.gNum li {
        padding-left: 47px;
        padding-right: 15px;
        padding-bottom: 25px;
        min-height: auto;
    }

    .mList1.type2.gNum li .num {
        top: 0;
        left: 7px;
    }

    .mIntro1 {
        margin-top: -25px;
        padding-bottom: 70px;
    }

    .mIntro1 .gLeft {
        float: none;
        padding: 0;
        width: auto;
    }

    .mIntro1 .gLeft h4 {
        font-size: 18px;
    }

    .mIntro1 .gLeft .info {
        font-size: 15px;
        margin-top: 10px;
        margin-right: 0;
    }

    .mIntro1 .gLeft .info.line1 {
        margin-top: 30px;
        padding-top: 20px;
    }

    .mIntro1 .gLeft .info.line1 strong {
        font-size: 18px;
    }

    .mIntro1 .gLeft .list {
        margin-top: 20px;
        margin-right: 0;
    }

    .mIntro1 .gLeft .list li {
        padding: 0 0 0 12px;
    }

    .mIntro1 .gLeft .list li:before {
        top: 9px;
        left: 0;
    }

    .mIntro1 .gLeft h5 {
        padding: 0;
        margin: 25px 0 10px 5px;
    }

    .mIntro1 .gLeft h5:before {
        display: none;
    }

    .mIntro1 .gLeft .mBoard1 {
        margin-left: 4px;
    }

    .mIntro1 .gRight {
        display: none;
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    .mIntro1 .gRight .tab {
        display: none;
    }

    .mIntro1 .gRight .ti {
        font-size: 19px;
        margin: 35px 0 10px;
        font-weight: 500;
    }

    .mIntro1 .gRight .root_daum_roughmap .wrap_map {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        height: 300px !important;
    }

    .mIntro1 .gRight .tabCont {
        position: relative !important;
        top: auto;
        left: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        opacity: 1;
    }

    .mOdone1 {
        border: 0;
        border-radius: 0;
        width: auto;
        overflow: visible;
    }

    .mOdone1 .title {
        display: block;
        background: url(../images/k_keysub1_gray_m.png) 0 100% no-repeat #e9e9e9;
        background-size: 100% auto;
        font-size: 14px;
        margin: -68px -20px 0;
        border: 0;
        padding: 15px 0 40px;
        text-align: center;
    }

    .mOdone1 .title .num {
        display: block;
    }

    .mOdone1 .title .num>div {
        display: inline-block;
        background-color: #fff;
        border-radius: 36px;
        line-height: 36px;
        height: 36px;
        padding: 0 20px;
    }

    .mOdone1 .title .tit {
        color: #000;
        margin-top: 15px;
    }

    .mOdone1 .title .tit h4 {
        font-weight: bold;
        font-size: 24px;
    }

    .mOdone1 .title .tit .tx {
        font-size: 15px;
        margin-top: 12px;
    }

    .mOdone1 .title .dat {
        margin-top: 25px;
    }

    .mOdone1 .cont {
        padding: 20px 0;
    }

    .mOdone1 .cont .mButton1 {
        margin-top: 50px;
    }

    .mOdone1 .cont .tit2 {
        text-align: center;
        padding: 42px 0 0;
    }

    .mOdone1 .cont .tit2 h5 {
        font-size: 16px;
    }

    .mOdone1 .cont .tit2 .tx {
        font-size: 14px;
        margin-top: 15px;
    }

    .mOdone1 .cont .mButton1 {
        margin: 35px 20px 0;
    }

    .mOdone1 .cont .mButton1 .mBtn1 {
        display: block;
    }

    .mList1.type3 h5 {
        font-size: 17px;
        padding: 0 0 10px 20px;
    }

    .mList1.type3 li {
        border-bottom: 1px solid #d8d8d8;
        padding: 20px 20px 85px;
        margin: 0;
        min-height: auto;
        zoom: 1;
    }

    .mList1.type3 li:before {
        display: none;
    }

    .mList1.type3 li:after {
        display: block;
        clear: both;
        content: '';
    }

    .mList1.type3 li .txt {
        padding-left: 86px;
    }

    .mList1.type3 li .txt .na {
        margin-top: 10px;
    }

    .mList1.type3 li .btn {
        top: auto;
        bottom: 25px;
        right: auto;
        left: 20px;
        border: 1px solid #000;
        margin-top: 0;
        border-radius: 4px;
        font-size: 16px;
        text-indent: 0;
        width: calc(100% - 40px);
        line-height: 43px;
        height: 45px;
    }

    .mList1.type3 .img {
        width: 70px;
    }

    body.bgGray1 #body .bg {
        background-color: #fff;
    }

    body.bgGray1 #body:before {
        display: none;
    }

    .mList6.mt30 {
        margin-top: -31px;
    }

    .mList6 {
        display: block;
        margin-top: -65px;
    }

    .mList6 .all {
        position: relative;
        float: right;
        display: block;
        border: 0;
        background-color: transparent;
        margin: -48px 0 0;
        padding: 0;
        line-height: 120%;
        height: auto;
        z-index: 1;
    }

    .mList6 .all .mCheckbox1 {
        display: none;
    }

    .mList6 .all .gRt {
        -webkit-flex: 1;
        flex: 1;
        text-align: right;
    }

    .mList6 .list {
        border-top: 1px solid #c5c5c5;
        margin: 5px 0 0;
    }

    .mList6 .list li {
        position: relative;
        display: block;
        padding: 20px 0 20px 60px;
        align-items: start;
    }

    .mList6 .list li .flex {
        display: block;
    }

    .mList6 .list li .text .mIco1 {
        float: left;
        margin: 0 15px;
    }

    .mList6 .list li .text {
        display: block;
        zoom: 1;
    }

    .mList6 .list li .text:after {
        display: block;
        clear: both;
        content: '';
    }

    .mList6 .list li .text .txt {
        display: block;
        padding-right: 85px;
        padding-bottom: 10px;
    }

    .mList6 .list li .text .txt .ti {
        font-size: 16px;
    }

    .mList6 .list li .text .txt .na {
        font-size: 14px;
        margin-left: -75px;
    }

    .mList6 .list li .price {
        text-align: left;
        margin: 0 0 0;
        padding: 0;
    }

    .mList6 .list li .price .dis {
        font-size: 16px;
        margin: -15px 0 10px;
    }

    .mList6 .list li .price .dis>span {
        position: relative;
    }

    .mList6 .list li .price .dis>span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        background-color: #727272;
        width: 100%;
        height: 1px;
    }

    .mList6 .list li .price .pri {
        position: relative;
        display: block;
        font-size: 22px;
        background-color: #f8f8f8;
        margin: 0 0 -20px -60px;
        padding: 20px 0 20px 60px;
    }

    .mList6 .list li .price .pri .di {
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -12px;
        font-size: 16px;
    }

    .mList6 .list li .price .mCount1 {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: #fff;
        border-radius: 4px;
    }

    .mList6 .list li .img {
        float: right;
        margin: 0;
        width: 75px;
    }

    .mList6 .list li .img img {
        width: 100%;
    }

    .mList6 .list li .mCheckbox1 {
        position: absolute;
        top: 20px;
        left: 10px;
        margin: 0;
    }

    .mList6 .list li .iDelete2 {
        display: none;
    }

    .mList6 .button {
        position: sticky;
        bottom: 0;
        left: 0;
        background-color: #fff;
        margin: 0 -20px;
        padding: 0 20px;
        width: 100%;
        z-index: 100;
    }

    .mList6 .button {
        padding: 20px;
        width: calc(100% + 40px);
    }

    .mList6 .button.line1 {
        border-top: 1px solid #878787;
    }

    .mList6 .button.line1 .tx {
        display: -webkit-flex;
        display: flex;
        padding-bottom: 20px;
    }

    .mList6 .button.line1 .tx .t {
        -webkit-flex: 1;
        flex: 1;
    }

    .mList6 .button .mBtn1 {
        display: block;
    }

    .mList6 .mPrice1 {
        margin: 35px 0;
        width: auto;
    }

    .mList6 .mPrice1 .button {
        display: none;
    }

    .mList6 .list+.mBox2 {
        margin-top: 48px;
    }

    .mList6 .list li.px40 {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid #e9e9e9;
    }

    .mList6 .list li.px40 .img {
        float: left;
    }

    .mList6 .list li.px40 .text .txt {
        padding: 0 0 0 90px;
    }

    .mList6 .list li.px40 .price {
        float: right;
    }

    .mList6 .list li.px40 .price .pri {
        background-color: transparent;
        padding: 0;
        margin: -30px 0 0;
    }

    .mBox2+.mBox2 {
        margin-top: 58px;
    }

    .mBox2 {
        display: block;
        border: 1px solid #d8d8d8;
        border-radius: 10px;
        margin: 48px 0 0;
        padding: 15px 20px 20px;
    }

    .mBox2 h4 {
        display: block;
        margin: -48px 0 0 -20px;
        font-size: 16px;
    }

    .mDelivery1 .mCheckbox1 {
        margin-left: 0;
    }

    .mDelivery1 .it {
        width: 100%;
    }

    .mDelivery1 .lst {
        margin-top: 20px;
    }

    .mDelivery1 .lst dd {
        position: relative;
        padding: 60px 0 0;
    }

    .mDelivery1 .lst dd .mBtn1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    .mDelivery1 .lst .mBtn1 {
        border-radius: 4px;
        width: 100%;
    }

    .mDelivery1 .lst .it+.mBtn1 {
        margin: 0;
    }

    .mPoint2 h4 {
        padding-top: 0;
    }

    .mPoint2 .pri.forWeb {
        display: none;
    }

    .mPoint2 .pri.forMobile {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin: 25px 0 10px;
    }

    .mPoint2 .pri.forMobile strong {
        font-size: 23px;
    }

    .mPoint2 .it {
        width: 100%;
    }

    .mPoint2 .mBtn1 {
        border-radius: 4px;
        margin: 10px 0 0;
        width: 100%;
    }

    .mBtn1.mw90ForMobile {
        min-width: 90px;
    }

    .mPay1 .lst {
        margin: 15px 0 -10px -10px;
    }

    .mPay1 .lst .mRadio1.type3 {
        margin: 0 0 10px 10px;
        width: calc(50% - 10px);
    }

    .mPay1 .lst .mRadio1.type3 .label {
        line-height: 44px;
        height: 44px;
    }

    .mRadio1.type3 .label img {
        height: 20px;
    }

    .mPrice1 .tit {
        font-size: 16px;
        padding: 0 0 10px;
    }

    .mPrice1 .cont {
        border: 2px solid #000;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        padding: 20px 0;
    }

    .mPrice1 .row .ti {
        -webkit-flex: 1;
        flex: 1;
        color: #000;
        font-size: 14px;
        padding: 0 0 0 3px;
        opacity: 0.8;
    }

    .mPrice1 .row .tx {
        font-size: 16px;
    }

    .mPrice1 .row .tx .fs20 {
        font-size: 16px;
    }

    .mPrice1 .row .tx .fs24 {
        color: #cf2144;
    }

    .mPrice1 .row.line1 {
        margin-top: 20px;
        padding-top: 10px;
    }

    /* //grid */

    /* add20231010-m */
    .mDetail1 .title h3 {
        font-size: 20px;
    }

    .mDetail1 .title .info {
        font-size: 13px;
        margin-top: 5px;
    }

    .mEvent1.col2 ul {
        margin-left: 0;
    }

    .mEvent1.col2 li .txt.h158,
    .mEvent1.col2 li .txt.h178 {
        height: auto;
    }

    .mEvent1 li .txt .na {
        font-size: 12px;
        margin: 0 0 10px;
    }

    .mEvent1 li .txt .na>em {
        margin-right: 5px;
        padding: 0 10px;
        font-size: 12px;
    }

    .mEvent1 li .txt .tx {
        font-size: 13px;
        margin-top: 5px;
    }

    .mDetail1 .title .nam {
        font-size: 12px;
        margin: 0 0 10px;
    }

    .mDetail1 .title .nam>em {
        margin-right: 5px;
        padding: 0 10px;
        font-size: 12px;
    }

    .mLnb1 .pic img {
        background-size: contain;
    }

    .mList1.type2 li.pb1 {
        padding-bottom: 0;
    }

    .mList1.type2 li.type2 {
        padding-left: 45px;
    }

    .mList1.type2 li.type2 .mRadio1.single {
        left: 0;
        margin-top: -48px;
    }

    .mMain5 .swiper-button-next,
    .mMain5 .swiper-button-prev {
        display: none;
    }

    .mMain5.type2 {
        margin-top: 0;
    }

    /* modify20231208-6 */
    .mMain5.type2+.mKeysub1 {
        margin-top: 0;
    }

    .mKeysub1.type2 {
        margin: -20px -20px 0;
    }

    .mKeysub1.type2 .link {
        margin: 20px 0 0;
    }

    .mKeysub1.type2 .link_scroll {
        margin: 0 -20px;
    }

    .mKeysub1.type2 .keysub {
        display: block;
        padding-bottom: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .mKeysub1.type2 h3 {
        background-size: 15px auto;
        background-position: 5px 50%;
        font-size: 18px;
        padding: 0 0 0 34px;
    }

    .mKeysub1.type2 h3 .ts {
        font-size: 11px;
    }

    .mKeysub1.type2+.mSubs2 {
        margin-top: 0;
        padding-top: 20px;
    }

    .mKeysub1.type2+.mEvent1 {
        margin-top: -20px;
    }

    .mKeysub1.type2+.mDetail1 {
        margin-top: 20px;
    }

    .mKeysub1.type2+.mLaw2,
    .mKeysub1.type2+.mIntro1,
    .mKeysub1.type2+.mGrid1,
    .mKeysub1.type2+.mList1,
    .mKeysub1.type2+.mList1 .gTitle1 {
        margin-top: 25px;
    }

    .mKeysub1.type2+.mList6 {
        margin-top: -25px;
    }

    .mKeysub1.type2+.mMain6 ul {
        margin-top: 0;
    }

    .mKeysub1.type2.recomd {
        margin-top: 20px;
    }

    .mKeysub1.type2.recomd h3 {
        font-size: 20px;
    }

    .mKeysub1.type2.recomd .keysub {
        height: auto;
    }

    /* modify20231130-2 */
    .mKeysub1.type2.recomd {
        overflow: visible;
    }

    .mKeysub1.type2.recomd:before {
        display: none;
    }

    /*.mKeysub1.type2.recomd .keysub:before {
        left: auto;
        right: 0;
        margin: -20px -39px 0 0;
        background-size: 70px auto;
        width: 80px;
        height: 99px;
    }*/

    /* //modify20231130-2 */

    .mKeysub1.type2.search {
        margin-top: -126px;
        margin-bottom: 20px;
    }

    .mKeysub1.type2.search .link {
        position: relative;
        margin: 60px -20px 0;
    }

    /* //add20231010-m */

    /* add20231025-m */
    .mMain6 li a .text .scrollY {
        padding-top: 0 !important;
    }

    .mMain6 li.skin2.type2 .text .txt {
        padding-bottom: 55px;
    }

    .mMain6 li.skin2.type2 a .text .scrollY {
        margin: 0 -15px 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        max-height: 199px;
        height: auto;
    }

    .mPopup2.lReview2 .popup {
        top: 0;
        left: 0;
        border-radius: 0;
        border: 0;
        transform: translateY(0);
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .mPopup2.lReview2 .title {
        border-radius: 0;
    }

    .mPopup2.lReview2 .title h3 {
        padding-left: 25px;
        padding-right: 60px;
    }

    .mPopup2.lReview2 .con {
        background-color: #f3efe7;
        font-size: 14px;
        padding: 25px;
        overflow-y: auto;
    }

    .mPopup2.lReview2 .con.scrollY {
        max-height: none !important;
        height: calc(100% - 61px);
    }

    .mMain6 .swiper-slide.skin2.type2>a .text .txt {
        padding-bottom: 55px;
    }

    .mMain6 .swiper-slide.skin2.type2>a .text .scrollY {
        margin: 0 -30px;
        height: 213px;
    }

    /* //add20231025-m */

    /* add20231122-m */
    #body .lnb .btn.gray.forMobile {
        display: block;
    }

    .mGrid1 .mNavi1.active {
        position: absolute;
        top: 55px;
        left: 0;
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

    .mNavi1 .tit {
        padding-left: 10px;
    }

    .mNavi1 .col+.col {
        margin-top: 0;
    }

    .mNavi1 li a {
        padding: 4.5px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .btnNavi1 {
        position: relative;
        display: inline-block;
        background-color: #cf2144;
        border-radius: 6px;
        text-indent: -9999px;
        font-size: 0;
        width: 25px;
        height: 25px;
        vertical-align: top;
        margin: 2px 5px 0 0;
        transition: all 0.4s 0s;
    }

    .btnNavi1:before,
    .btnNavi1:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -1px 0 0 -4.5px;
        width: 9px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
    }

    .btnNavi1:after {
        transform: rotate(90deg);
    }

    .btnNavi1.active {
        background-color: #000;
    }

    .btnNavi1.active:before,
    .btnNavi1.active:after {
        transform: rotate(45deg);
    }

    .btnNavi1.active:after {
        transform: rotate(-45deg);
    }

    /* //add20231122-m */

    #jsInvestWrite1 {
        margin-top: -30px;
    }
}

.viewLayer img {
    max-width: 90%;
}



/*이벤트 게시물*/
.article.event_con {
    line-height: 1.7;
    font-size: 14px;
    word-break: break-all;
    color: #000;
}

.article.event_con strong {
    font-weight: bolder;
}

.article.event_con p {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    outline: 0;
}

.article.event_con a {
    color: #0072ff;
    cursor: pointer;
}

.article.event_con a:focus,
.article.event_con a:hover {
    color: #000;
    text-decoration: none
}

.article.event_con a:active,
.article.event_con a:focus,
.article.event_con div:focus {
    outline: none;
}

.article.event_con h1,
.article.event_con h2,
.article.event_con h3,
.article.event_con h4,
.article.event_con h5 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.17em;
}