/*---------------------------
    total
----------------------------*/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.eot'); 
	src: local('Noto Sans KR'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.eot?#iefix') format('embedded-opentype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.woff') format('woff'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.otf') format('truetype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-300.svg#NotoSansKR') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.eot');
	src: local('Noto Sans KR'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.eot?#iefix') format('embedded-opentype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.woff') format('woff'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.otf') format('truetype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-regular.svg#NotoSansKR') format('svg');
	font-display: swap;
}
  @font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.eot');
	src: local('Noto Sans KR'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.eot?#iefix') format('embedded-opentype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.woff') format('woff'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.otf') format('truetype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-500.svg#NotoSansKR') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.eot');
	src: local('Noto Sans KR'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.eot?#iefix') format('embedded-opentype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.woff') format('woff'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.otf') format('truetype'),
		 url('/asset/fonts/notosans/noto-sans-kr-v27-latin_korean-700.svg#NotoSansKR') format('svg');
	font-display: swap;
}


html, body {
    margin-top:0;
    width:100%;
	font-family: 'Noto Sans KR', sans-serif;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

body {
    text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
    background-color:#fff;
}

#swal2-title {
    font-size:22px !important;
}

#swal2-content {
    font-size: 17px !important;
}

.tac{text-align: center !important}
.tar{text-align: right !important}
.tal{text-align: left !important}
.fll{float: left}
.flr{float: right}  
.inline-block{display: inline-block}
.ovh{overflow: hidden}
.w100{width: 100% !important;}
.h100 {height:100%; overflow: hidden;}
.flex{display:flex;}
.flex-center{justify-content: center;align-items: center;}
.flex-row{display:flex;flex-direction: row;}
.flex-column { flex-direction: column; }
.flex-sb {display: flex; justify-content: space-between; flex-wrap: nowrap;}
.flex-grow {flex-grow: 1}
.flex-wrap {flex-wrap: wrap}
.button-sm {padding: 5px 7px !important; font-size: 12px !important;}
.button-white {background-color: #fff !important; color: #131313 !important;}
.hide {display:none !important}
.relative {position:relative}
.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pr-0 { padding-right: 0 !important; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-20 { padding-right: 20px !important; }
.pl-0 { padding-left: 0 !important; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px !important; }
.pad0-box { padding: 0 !important; }
.pad5-box { padding: 5px; }
.pad10-box { padding: 10px; }
.stretchPage {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.grayLayer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #666;
    background: rgba(0, 0, 0, .5);
    z-index: 99
}

.profilerContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.profilerHead {
    background-color: #727272;
    color: #fff;
    font-size: 20px;
    padding: 16px 0;
    margin: 20px 0 0;
}

.pfQueryRow {
    display: flex;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    align-items: center;
}

.pfQueryRow .rowTime {
    width: 6%;
    flex-shrink: 0;
}

.pfQueryRow .rowDebug {
    width: 15%;
    text-align: left;
    flex-shrink: 0;
    display: flex;
    word-break: break-all;
    margin-right: 2%;
}

.pfQueryRow .rowQuery {
    text-align: left;
    cursor: copy;
    flex-grow: 1;
}

#mw5 {
    width:100%;
    height:100%;
    /*width:1050px;*/
    margin:0 auto 0 auto;
    text-align:left;
	
}

#mw5 .wrapper {
    width:1140px;
    width:1078px;
    margin:0 auto 0 auto;
    text-align:left;
    overflow:hidden;
    position:relative;
}

#mw5 .top {
    background-color: #f6f6f6;
    height: auto;
    overflow: hidden;
    padding: 7px 0;
    border-bottom: 1px solid #ebebeb;
}

#mw5 header {
    margin-bottom: 20px;
}

#mw5 .head {
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px 0 #e9e9e9;
    padding: 10px 0 3px;
}

#mw5 .menu_title {
    overflow: hidden;
    font-weight: normal;
    font-size: 1.1em;
    font-family: inherit;
    line-height: 3em;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mw5 .top-ad {
    width:768px;
    width:-webkit-calc(100% - 310px); /* for Chrome, Safari */
    width:   -moz-calc(100% - 310px); /* for Firefox */
    width:        calc(100% - 310px); /* for IE */
    overflow:hidden;

    font-weight:normal;
    font-size:1.1em;
    font-family:inherit;
    padding:15px 0 15px 20px;
    margin:0 0 10px 0;

    box-shadow: 0 1px #EBEBEB;
    border-radius: 3px;
    border: 1px solid;
    border-color: #E5E5E5 #D3D3D3 #B9C1C6;
    background-color:#fff;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#mw5 .container {
}

#mw5 .sidebar {
    width:300px;
    float:right;
    display: none;
}

#mw5 .main {
    background-color:#fff;
    background-color:#fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#mw5 .main nav.pg_wrap {
    border:0;
}

#mw5 .main .menu_title {
    font-size:1.3em;
    line-height:30px;
    height:30px;
    border-bottom:1px solid #eee;
    background-color:#efefef;
    margin:0 0 20px 0;
    padding:10px;
}

#mw5 .main .menu_title h2 {
    position:absolute;
    line-height:30px;
    height:30px;
    /*border-bottom:2px solid #e74c3c;*/
    min-width:120px;
    padding:0;
    padding-left:5px;
    text-decoration:none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.todayTop {
    background-color: #666;
    padding: 40px 0;
}

.todayTop .contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 20px;
}

.todayTop .contents .title {
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}

.todayTop .contents .subTitle {
    color: #a3a3a3;
    font-size: 15px;
    margin-bottom: 40px;
    letter-spacing: -0.03em;
}

.todayTop .todayCategory {
    display: flex;
    width: 100%; 
    justify-content: center;
}

.todayTop .cateLabel {
    background-color: #ea3640;
    color: #fff;
    border-radius: 6px;
    padding: 3px 18px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-right: 10px;
    font-size: 15px;
}

.todayTop .filterSelect {
    border: 1px solid #e0e0e0;
    font-size: 15px;
    color: #131313;
    padding: 13px 30px;
    padding-left: 12px;
    border-radius: 6px;
    margin-right: 10px;
    width: 210px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}

.todayTop .todayFilter {
    width: auto;
}

.todayTop .filterSelect::after {
    top: 15px;
}

.todayTop .todayFilterData {
    width: 765px;
}

.todayTop .todayFilterData .category a {
    font-size: 15px;
}

.todayTop  .todayFilterData .category {
    background-color: #fff;
    border-radius: 4px;
}

.todayTop  .todayFilterData .category.todaySelected {
    background-color:#f45859;
}

.todayTop  .todayFilterData .category a {
    text-decoration: none;
}

.mainTopSlide img {
    margin: 0 auto;
}

.myareaTop {
    background-color: #f9f9f9;
    padding: 70px 0 25px;
}

.m-only {
    display: none !important;
}

.sch_res_list h2 {
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0;
}

.responsiveEmpty {
    text-align: center;
    margin-bottom: 20px;
    padding: 50px;
    font-size: 16px;
    color: #4a4a4a;
}

.responsiveContainer {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    margin-top: 30px;
    letter-spacing: -0.025em;
}

.responsiveContainer input[type=text], 
.responsiveContainer input[type=email],
.responsiveContainer .timepicker,
.responsiveContainer #color-picker,
.responsiveContainer select {
	border:1px solid #d8d3d3;
	padding:7px;
	box-sizing: border-box;
	font-family:'Noto Sans KR', sans-serif;
    outline:none;
    height:32px;
    font-size:13px;
}

.responsiveContainer button {
    border: 1px solid #e6e6e6;
    background: none;
    margin: 5px 4px;
    padding: 6px 10px;
    font-family:'Noto Sans KR', sans-serif;
    border-radius: 5px;
}

.responsiveContainer a {
    font-size:inherit;
    color:inherit;
    text-decoration: none;
}

.responsiveContainer .responsiveCard {
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    text-align: left;
}

.responsiveContainer .responsiveCard .responsiveThumbNew {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-width: 373px;;
    width: 373px;;
    box-shadow: 4px 6px 4px 0px #cbcbcb;
}

.responsiveContainer .responsiveCard .responsiveThumbNew .thumbImgWrap {
    width: auto;
    height: auto;
}

.responsiveContainer .responsiveCard .responsiveInfo {
    box-sizing: border-box;
    padding-left: 25px;
    padding-top: 4px;
    width: 100%;
}

.main .infoNameNew {
    font-size:18px;
    color:#131313;
    font-weight:500;
    position: relative;
}

.main .infoNameNew h3 {
    font-weight: 500;
}

.main .infoSubNew {
    color: #131313;
    font-size: 15px;
    font-weight: 400;
    margin-top: 3px;
    display: inline-flex;
}

.main .infoSubNew span {
    display: inline-flex;
    align-items: center;
}

.main .infoSubNew > span::after {
    content: '|';
    margin: 0 8px;
    color: #d8d8d8;
}

.main .infoSubNew > span:last-child::after {
    content: '';
}

.main .infoSubNew span i {
    color:#b6b6b6;
    font-size: 16px;
}

.main .infoSubNew img {
    display: none;
}

.main .infoSubDistance {
    color: #f7323f;
    font-size: 14px;
    font-weight: 400;
}

.main .infoPriceP {
    display: flex;
    margin-top: 4px;
}

.main .infoPriceP .percent {
    display: flex;
    align-items: center;
    background-color: #ff8d93;
    color: #fff;
    padding: 0px 6px 1px;
    font-size: 11px;
    border-radius: 3px;
    position: relative;
}

.main .infoPriceP .price {
    color: #131313;
    font-size: 15px;
    margin-left: 7px;
}

.main .infoSubjectNew {
    font-size: 13px;
    color: #131313;
    margin-top: 12px;
    margin-right: 25px;
    height: 44px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
}

.main .infoSubjectNew a {
    color: #878787;
    font-size: 16px;
}

.main .infoHashTag {
    margin-top: 8px;
    position: relative;
}

.main .infoHashTag .hashTagWrap {
    overflow-y: auto;
    max-height: 72px;
}


.main .infoHashTag .hashTagWrap::-webkit-scrollbar {
    background-color: rgb(34 34 34 / 30%);
    border-radius: 8px;
    opacity: 0.3;
    width: 4px;
    height: 4px;
}

.main .infoHashTag .hashTagWrap::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background-color: rgb(0 0 0 / 40%);
}

.main .infoHashTag .hashTag {
    padding: 3px 7px;
    display: inline-block;
    background-color: #FCFCFC;
    margin-right: 5px;
    margin-top: 5px;
    line-height: 18px;
    font-size: 12px;
    color: #b0b0b0;
    cursor: pointer;
    border: 1px solid #e3e3e3;
}

.main .infoHashTag .hashTagWrap .todayTag {
    display: inline-block;
    padding: 5px 7px;
    margin: 0 6px 5px 0;
    font-weight: 400;
    font-size: 14.5px;
}

.main .infoHashTag .hashTagWrap .todayTag .todayIconImg {
    width: 17px;
    height: 15px;
    top: -1px;
    position: relative;
    margin-right: 4px;
}

.articleFooterNav {
    border-top: 1px solid #efefef;
    margin: 50px 0;
}

.articleFooterNav .row {
    padding: 10px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    display: flex;
    color: #131313;
}

.articleFooterNav .row span:first-child {
    width: 85px;
    padding-right: 12px;
    display: inline-block;
    box-sizing: border-box;
}

.articleFooterNav .row span:last-child {
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 90px);
    display: inline-block;
    white-space: nowrap;
}

.articleFooterNav .row a {
    color: inherit !important;
    font-weight: 400;
    text-decoration: none !important;
}

#slideshow {
    position: relative;
    width: 100%;
    height: 450px;
    margin-bottom: 40px;
}

#slideshow > div {
    position: absolute;
    width: 100%; 
    height: 450px;
    text-align: center;
}

.priceSlideCon {
    padding-left: 0px;
}

.mainIndexItems {
    padding: 36px 0;
}

.newStoreData {
    margin: 0 15px;
}

.mdBanner {
    border-bottom:0;
}

.mdBanner + .mainIndexItems > .mainIndexHead {
    border-bottom: 0;
    margin-bottom: 0;
}

.mainIndexHead {
    display: flex;
    padding-bottom: 20px;
    align-items: center;
    margin-bottom: 17px;
    justify-content: center;
    letter-spacing: -0.03em;
    flex-direction: column;
}

.mainIndexContents {
    letter-spacing: -0.025em;
}

.mainIndexHead h1, .mainIndexHead h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
}

.mainIndexHeadLabel {
    color: #2f2f2f;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 14px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainIndexHeadLabel .line {
    display: flex;
    background: #2f2f2f;
    height: 2px;
    flex-grow: 1;
}

.mainIndexHeadLabel .heart {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    width: 43px;
    border-radius: 28px;
}

.mainIndexHeadLabel .heart img {
    position: relative;
    top: 2px;
}

.mainIndexHeadLabel .txt {
    margin: 0 20px;
    font-weight: 600;
    font-size: 24px;
    color: #2f2f2f;
}

.mainIndexDataMore {
    margin-left: auto;
    font-size: 14px;
}

.mainIndexDataMore a {
    color: #131313;
    text-decoration: none;
}

.mainIndexDataMore span {
    background: #f7323f;
    position: relative;
    padding: 0 5px;
    border-radius: 13px;
    height: 17px;
    width: 17px;
    display: inline-block;
    box-sizing: border-box;
    top: 2px;
}

.mainIndexDataMore span img {
    position: relative;
    top: -4px;
    left: 0px;
    width: 8px;
    height: 9px;
}

.mainIndexHeadAlt {
    color: #898989;
    font-size: 16px;
    font-weight: 400;
}

.bottomSNSData {
    justify-content: space-between;
    margin-bottom: 40px;
}

.slideThumb {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 370px;
    border-radius: 20px;
}

.newSlideB .slideThumb {
    width:350px;
}

.thumbImgRecom {
    width: 34px;
    position: relative;
    top: -1px;
}

.thumbImgRecom img {
    max-width:100%;
    height:18px;
}

.thumbImgWrap {
    width: 370px;
    height: 232px;
}

.thumbImgWrap .blurred {
    width: 117%;
    height: 117%;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    z-index: -1;
    filter: blur(3px);
    top: 0px;
    left: -27px;
}

.newSlideB .thumbImgWrap {
    width:350px;
    height:280px;
}

.thumbImgWrap img {
    max-width: 100%;
    margin:0 auto;
}

.thumbFooterText {
    width: 370px;
    padding: 11px 10px;
    color: #131313;
    font-size: 15px;
    cursor: pointer;
    background-color: #e7e7e7;
    box-sizing: border-box;
    font-weight: 600;
    text-align: center;
    border-radius: 16px;
    margin: 10px 0 17px;
}

.newSlideB .thumbFooterText {
    display:flex;
}

.newSlideB .storeIcon {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.storeIcon img {
    width: 50px;
}

.newSlideB {
    width:350px;
}

.newSlideB .storeText {
    width: 77%;
    box-sizing: border-box;
    padding: 0 10px 0 0px;
}

.newSlideB .storeText div {
    padding-bottom: 2px;
}

.storeText div:first-child {
    text-align: left;
    font-size: 17px;
}

.storeText div:nth-child(2n) {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    font-size:13px;
}

.storeText div:last-child {
    text-align: left;
    font-size: 12px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-bottom:5px !important;
    text-overflow: ellipsis;
}

.newSlide {
    margin-left: 15px;
    width: 485px;
    box-sizing: border-box;
}

.newSlide .slideItem {
    display: flex;
    margin-bottom: 13px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 13.5px;
}

.newSlide .slideItem:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.newSlide .slidePage {
    height:280px;
}

.newSlide .slideThumb {
    width: 97px;
    min-width: 97px;
    height: 75px;
}

.newSlide .thumbImgWrap {
    width: 97px;
    height: 75px;
}

.newSlide .slideInfo {
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 10px;
    width: 375px;
}

.newSlide .slideInfo div:first-child {
    text-align: left;
    font-size: 16px;
    color:#363636;
    cursor:pointer;
}

.newSlide .slideInfo div:nth-child(2n) {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    font-size:14px;
    color:#6e6e6e;
    cursor:pointer;
}

.newSlide .slideInfo div:last-child {
    text-align: left;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    padding-top:10px;
    color:#a3a3a3;
    text-overflow: ellipsis;
}

.newSlide .slideInfo span {
    background-color:#f5f5f5;
    margin-right:5px;
    padding:2px 4px;
}


.storeText .hashTag {
    padding:0 3px;
}

.priceSlideCon .slick-prev {
    left: unset;
    top: -32px;
    right: 18px;
}

.priceSlideCon .slick-next {
    right: 0px;
    top: -32px;
}

.newSlide .slick-prev {
    left: 447px;
    top: -32px;
}

.newSlide .slick-next {
    right: 0px;
    top: -32px;
}

.newSlideB .slick-prev {
    left: 0px;
    z-index: 10;
    background: #08191E;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 24px;
}

.newSlideB .slick-next {
    right: 0px;
    z-index: 10;
    background: #08191E;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 24px;
}

.newSlideB .slick-prev::before {
    content: '<';
    color: #fff !important;
    line-height: unset;
    font-family: cursive;
}

.newSlideB .slick-next::before {
    content:'>';
    color: #fff !important;
    line-height: unset;
    font-family: cursive;
    padding-left:3px;
}

.newSlideB .slick-prev:hover, .newSlideB .slick-prev:focus, 
.newSlideB .slick-next:hover, .newSlideB .slick-next:focus {
    color: transparent;
    outline: none;
    background: #08191E;
}

.slick-prev:before, .slick-next:before {
    color: #898989 !important;
}

.priceSlideCon .slick-prev::before, 
.newSlide .slick-prev::before {
    content:url('https://cdn.vipgunma.com/assets/images/slidePrev.svg');
}

.priceSlideCon .slick-next::before, 
.newSlide .slick-next::before {
    content:url('https://cdn.vipgunma.com/assets/images/slideNext.svg');
}

.slideContents {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 370px;
    color: #6e6e6e;
    box-sizing: border-box;
}

.slideItem {
    margin: 8px;
    width: 402px !important;
    box-sizing: content-box;
}

.slideWrap {
    padding: 20px 15px;
    box-shadow: 1px 2px 5px 1px #dbdbdb;
    background: #fff;
    z-index: 2;
    position: relative;
    border-radius: 20px;
    cursor:pointer;
}

.slideWrap a {
    text-decoration: none;
}

.slideInfo {
    display: flex;
    font-size: 14px;
}

.slideContents .subject {
    margin-bottom: 40px;
    color: #131313;
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
}

.slideInfo div:first-child {
    padding-right: 10px;
}

.slideInfo div:last-child img {
    position: relative;
    top: -2px;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 3px;
}

.priceSlideCon .slideInfo {
    margin-bottom:16px;
}

.priceInfo {
    text-align: left;
}

.priceInfo span:first-child {
    text-decoration: line-through;
    font-size: 13px;
    color: #a3a3a3;
}

.priceInfo span:last-child {
    font-size: 17px;
    color: #333;
    font-weight: 500;
    padding-left: 5px;
}

.indexTodayRow {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 2px;
    margin-bottom: 1px;
    padding: 5px 0;
}

.indexTodayRow:last-child {
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
}

.indexTodayLabel {
    display: block;
    min-width: 160px;
    width: 160px;
    max-width: 160px;
    color: #363636;
    font-size: 14px;
    padding-left: 6px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
}

.indexTodayLabel span {
    cursor:pointer;
}

.indexTodayCon {
    white-space:nowrap;
}

.indexTodayRow .todayTag {
    display: inline-block;
    padding: 2px 7px;
    margin-right: 6px;
    font-weight: 400;
    font-size: 13.5px;
}

.indexTodayRow .todayIconImg {
    width: 17px;
    height: 15px;
    top: -2px;
    position: relative;
    margin-right: 3px;
}

.mdBanner {
    margin-top: 12px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0;
    margin-bottom: 40px;
}

.mainLatestHeader {
    display: flex;
    margin: 0 15px 33px;
}

.mainLatestData {
    margin: 0 15px;
    display: flex;
    flex-wrap: wrap;
}

.mainLatestCate {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 13px 10px;
    color: #2f2f2f;
    font-size: 18px;
    border: 1px solid #cfd3d7;
    width: 111px !important;
    box-sizing: border-box;
    border-left: 0;
    background-color: #f2f2f2;
}

.mainLatestHeader .slick-prev {
    left: -13px;
    z-index: 10;
    background: transparent;
    width: 26px;
    height: 25px;
}

.mainLatestHeader .slick-prev:before {
    content: '<';
    background-color: #fff;
    font-family: cursive;
    color: #2f2f2f !important;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    padding: 6px 10px 6px 8px;
    font-size: 13px;
    box-shadow: 1px 2px 3px 0px #6f6f6f;
    font-weight: bold;
    opacity: 1;
}

.mainLatestHeader .slick-next {
    right: -13px;
    z-index: 10;
    background: transparent;
    width: 29px;
    height: 27px;
}

.mainLatestHeader .slick-next:before {
    content: '>';
    background-color: #fff;
    font-family: cursive;
    color: #2f2f2f !important;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    padding: 6px 8px 6px 10px;
    font-size: 13px;
    box-shadow: 1px 2px 3px 0px #6f6f6f;
    font-weight: bold;
    opacity: 1;
}

.mainLatestHeader .headerActive {
    background-color: #f7323f;
    color: #fff;
    border-left: 0;
    border-right: 0;
    box-shadow: 5px 0px 5px 0px #cccccc;
}

.mainLatestDataRow {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 2px;
    margin-bottom: 1px;
    padding: 5px 0;
}

.mainLatestDataRow:last-child {
    border-bottom:0;
}

.mainLatestDataRow div:first-child {
    display: block;
    min-width: 160px;
    width: 160px;
    max-width: 160px;
    color: #363636;
    font-size: 14px;
    padding-left: 6px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.mainLatestDataRow div:last-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 79%;
    color:#363636;
}

.dataMore, .dataMore2 {
    border: 1px solid #ccc;
    color: #838383;
    padding: 8px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    width: 150px;
    margin: 30px auto 10px;
}

.dataMore span, .dataMore2 span {
    color: #898989;
    font-weight: 400;
    margin-left: 5px;
}

.todayIcon {
    color: #fff;
    background-color: #373535;
    padding: 2px 7px 3px;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 24px;
    font-weight:400;
}

.mainCardItem {
    display: flex;
    flex-direction: column;
    width: 23.5%;
    margin: 0 1% 30px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 2px #dfdfdf;
}

.mainCardItem:first-child, .mainCardItem:nth-child(5n) {
    margin-left: 0;
}

.mainCardItem:nth-child(4n) {
    margin-right: 0;
}

.mainCardItem .wrap {
    margin: 4%;
}

.mainCardItem .wrap a {
    text-decoration: none;
}

.mainCardItem .thumb {
    width: 100%;
    display: flex;
    justify-content: center;
}

.mainCardItem .thumb img {
    max-width: 100%;
    border-radius: 10px;
}

.mainCardItem .info {
    margin: 15px 4%;
    color: #878787;
    font-size: 14px;
}

.mainCardItem .info .storeName {
    color: #131313;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 8px;
}

.mainCardItem .cost {
    margin: 15px 4%;
}

.mainCardItem .cost .before {
    color: #a5a5a5;
    font-size: 14px;
}

.mainCardItem .cost .after {
    display: flex;
    margin-top: 2px;
    align-items: center;
    position: relative;
}

.mainCardItem .cost .discount {
    background-color: #ff8d93;
    color: #fff;
    padding: 1px 6px 2px;
    font-size: 11px;
    border-radius: 3px;
    margin-right: 5px;
    top: 2px;
    position: relative;
}

.mainCardItem .cost .price {
    font-weight: 500;
    font-size: 17px;
}

.themeRecommWrap {
    background-color: #f3f3f3;
    margin-top: 20px;
    padding: 30px 0;
}

.themeList {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.themeList .themeBtn {
    cursor: pointer;
    border: 2px solid #e1e1e1;
    margin: 0 5px;
    padding: 4px 15px;
    background-color: #fff;
    font-size: 17px;
    border-radius: 17px; 
}

.themeList .themeBtn.selected {
    border-color: #ea3650;
    color: #ea3650;
    background-color: #fef7f7;
}

.themeRecommData .row {
    display: flex;
    flex-wrap: wrap;
}

.themeRecommData .row .item {
    display: flex;
    flex-direction: column;
    width: 23.5%;
    margin: 0 1% 30px;
    background-color: #fff;
    border-radius: 22px;
    box-shadow: 3px 3px 9px 0px #dfdfdf;
    background-size: 628px 366px;
    background-position: center;
}

.themeRecommData .row .item:first-child {
    margin-left: 0;
}

.themeRecommData .row .item:last-child {
    margin-right: 0;
}

.themeRecommData .row .item .wrap {
    background-color: #5c5c5c54;
    border-radius: 22px;
    padding: 25px 25px;
}

.themeRecommData .row .item .wrap a {
    text-decoration: none;
    color: #fff;
}

.themeRecommData .row .item .top {
    min-width: auto !important;
    border-bottom: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.themeRecommData .row .item .top .storeName {
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
}

.themeRecommData .row .item .mid {
    height: 210px;
}

.themeRecommData .row .item .bottom {
    margin-bottom: 5px;
    font-size: 15px;
}

.newReviewData .item {
    display: flex;
    width: 47%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.newReviewData .item:nth-child(2n-1) {
    margin-right: 3%;
}

.newReviewData .item:nth-child(2n) {
    margin-left: 3%;
}

.newReviewData .item a {
    text-decoration: none;
    display: flex;
}

.newReviewData .item .left {
    width: 42%;
    margin-right: 30px;
}

.newReviewData .item .left img {
    max-width: 100%;
    border-radius: 12px;
}

.newReviewData .item .right {
    width: 57%;
}

.newReviewData .item .right .storeName {
    font-size: 18px;
    font-weight: 500;
    color: #131313;
    margin-bottom: 8px;
}

.newReviewData .item .right .contents {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: #878787;
    font-size: 15px;
    line-height: 1.6;
}

.newReviewData .item:nth-child(2n) .right .contents {
    margin-right: 0;
}
/*---------------------------
    top
----------------------------*/
#mw5 .top a {
    font-size:.9em;
    color:#777;
}

#mw5 .top ul {
    margin:0;
    padding:0;
    list-style:none;
    display:table;
}

#mw5 .top li {
    display:table-cell;
}

#mw5 .top .right li:after {
    content:'|';
    padding:0 5px 0 5px;
    color:#ddd;
}
#mw5 .top li:last-child:after {
    content:'';
    padding:0;
}

#mw5 .top .left {
    float:left;
}
#mw5 .top .left .sns { 
	margin:0;
	padding:4px 0 0 0;
	text-align:left;
}
#mw5 .top .left .sns div {
	margin:0 0 0 5px;
	float:left;
}

#mw5 .top .right {
    float:right;
}

#mw5 .top .right a {
    font-size: 12px;
    color: #6e6e6e;
    text-decoration: none;
    font-weight: 300;
}

#mw5 .head .head3 li {
	padding: 0 10px 10px 0;
}

#mw5 .head .head3 .fa {
	padding-right:5px;
	color:#ff5190;
}



/*---------------------------
    head
----------------------------*/
.body_top_header { 
    font-size:13px;
    display:none; 
}

.background {
    position:relative;
}

#mw5 .head .wrapper {
    width:1250px;
    margin:0 auto 0 auto;
    display:flex;
    letter-spacing:-1px;
    flex-direction: column;
}

#mw5 .head .categoryWrap {
    width: 960px;
    max-width: 960px;
    margin: 0 auto 0 auto;
    display: flex;
    letter-spacing: -1px;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    left: 0;
    background-color: #fff;
    z-index: 10;
    top: 0px;
    text-align: left;
    border: 1px solid #b9b7b7;
    box-shadow: 1px 2px 4px 0px #cacaca;
    display: none;
}

#mw5 .head .searchSlideWrap {
    width: 380px;
    margin: 0 auto 0 auto;
    letter-spacing: -1px;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    right: 0;
    background-color: #fff;
    z-index: 10;
    top: 0px;
    text-align: left;
    border: 1px solid #b9b7b7;
    box-shadow: 1px 2px 4px 0px #cacaca;
    display: none;
    flex-direction: column;
}

.mobileHeader {
    color: #393939;
    border-bottom: 2px solid #999;
    padding: 20px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-top:13px;
}

.mobileHeader button {
    background: #fff;
    border: none;
    outline: none;
    position: absolute;
    width: 26px;
    height: 26px;
}

.searchFrontInput {
    display: flex;
    width: 100%;
    justify-content: center;
}

.searchFrontInput div {
    border: 1px solid #B1B1B1;
    padding: 7px 14px;
    width: 310px;
    border-radius: 6px;
    position: relative;
    outline: 0;
    display: flex;
}

.searchFrontInput #searchBtn {
    position: relative;
    top: 0;
    right: 0;
    margin-left: auto;
}

#searchBtn img {
    width: 22px;
    min-width: 22px;
    top: -1px;
}

.searchFrontInput input {
    width: 90%;
    border: none;
    outline: none;
}

.searchFrontInput input::placeholder {
    font-size: 13px;
    font-weight: 300;
    color: #9d9d9d;
}

.sfWrap {
    width: 380px;
    height: 520px;
}

.sfHeader {
    display: flex;
}

.sfHeader div {
    width: 50%;
    text-align: center;
    color: #666;
    padding: 12px 0;
    font-size: 16px;
    cursor: pointer;
}

.sfHeader .sel {
    border-bottom:2px solid #f45859;
}

.sfRowContainer {
    padding: 0 20px;
}

.sfRowNone {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 15px;
    display: flex;
    color: #444;
}

.sfRowWrap {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    padding: 0px 15px;
    display: flex;
    cursor: pointer;
}

.sfRow {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    width: 80%;
    padding: 20px 0;
    display: inline-block;
}

.sfRowContainer[trg='pop'] .sfRow {
    width:100%;
}

.deleteSf {
    padding: 20px 0;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    top: 2px;
}

.deleteSf::before {
    content: ' ';
    border-top: 1px solid #444;
    width: 12px;
    display: block;
    transform: rotate(45deg);
    top: 0px;
    left: 12px;
    position: relative;
}

.deleteSf::after {
    content: ' ';
    border-top: 1px solid #444;
    width: 12px;
    display: block;
    transform: rotate(-45deg);
    position: relative;
    top: 0px;
}

.sfRowClear {
    padding: 20px 0;
    color: #9d9d9d;
    text-align: right;
    cursor: pointer;
}

/* today Category */
.newCateContainer {
    border: 1px solid #d2d2d2;
    border-radius: 8px;
}

.todayTop .current {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    border-radius: 7px;
    width: 600px;
}

.todayTop .current .curLabel {
    list-style: none;
    position: absolute;
    left: -118px;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 22px;
    background: #ea3640;
    color: #fff;
    border-radius: 6px;
    font-size: .915rem;
}

.todayTop .current .curItem {
    display: flex;
    width: 50%;
    padding: 7px 16px;
    align-items: center;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    height: 50px;
    color: #2e2e2e;
    font-weight: 300;
    font-size: 17px;
    cursor: pointer;
}

.todayTop .current .curItem:last-child {
    border-right: 0;
}

.todayTop .current .curItem i {
    font-size: 19px;
}

.todayTop .current .curItem .cateIcon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.todayTop .current .curItem .cateCaret {
    margin-left: auto
}

.todayTop .current .keywordHeader {
    padding: 0;
    margin: 0;
}

.newCateContainer .itemContainer {
    display: flex;
    flex-direction: column;
    border-top:1px solid #ddd;
}

.newCateContainer .itemContainer[attr='area'] {
    border-top: 0;
}

.newCateContainer .itemContainer[attr='area'].hide + .itemContainer {
    border-top: 0;
}

.newCateContainer .itemContainer .cateSearch {
    background-color: #f8f8f8;
    padding: 16px 20px;
    border-bottom: 1px solid #ddd;
}

.newCateContainer .itemContainer .cateSearch #areaSearch {
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    padding: 10px 10px;
    padding-right: 35px;
    width: 280px;
    margin: 0;
    outline: 0;
}

.newCateContainer .itemContainer .cateSearch .areaSearchBtn {
    background: 0;
    outline: 0;
    border: 0;
    position: relative;
    left: -35px;
    padding: 0 7px;
}

.newCateContainer .itemContainer .cateSearch .areaSearchBtn img {
    width: 20px;
}

.newCateContainer .itemContainer .cateArea {
    display: flex;
    flex-direction: row;
}

.newCateContainer .itemContainer .cateArea .cateItem {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    width: 150px;
}

.newCateContainer .itemContainer .cateArea .cateItem[attr='area2'] {
    width: auto;
    flex-grow: 1;
}

.newCateContainer .itemContainer .cateHeader {
    background-color: #f8f8f8;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 0.91rem;
    font-weight: 400;
    color: #2e2e2e;
}

.newCateContainer .itemContainer .cateArea .cateItem:last-child .cateHeader,
.newCateContainer .itemContainer .cateArea .cateItem:last-child .cateList,
.newCateContainer .itemContainer[attr='theme'] .cateHeader {
    border-right: 0;
}

.newCateContainer .itemContainer .cateSearchResult {
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: auto;
}

.newCateContainer .itemContainer .cateSearchResult::-webkit-scrollbar {
    width: 4px;
    background-color: white;
}

.newCateContainer .itemContainer .cateSearchResult::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #b9b9b9b8;
    border-radius: 8px;
}

.newCateContainer .itemContainer .cateSearchResult ._area._areaEmpty {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
    cursor: default;
}

.newCateContainer .itemContainer .cateSearchResult ._area._areaEmpty p {
    font-size: .975rem;
    margin-bottom: 7px;
}

.newCateContainer .itemContainer .cateSearchResult ._area._areaEmpty p:first-child {
    font-size: 1.1rem !important;
}

.newCateContainer .itemContainer .cateSearchResult ._area._areaEmpty .areaSearchReset {
    background-color: #ff545d;
    border: 0;
    outline: 0;
    color: #fff;
    padding: 4px 15px;
    margin-top: 15px;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList {
    border-right: 1px solid #ddd;
    height: 300px;
    overflow-y: auto;
    scroll-behavior: smooth;
    position:relative;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList::-webkit-scrollbar {
    width: 4px;
    background-color: white;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #b9b9b9b8;
    border-radius: 8px;
}

.newCateContainer .itemContainer ._area {
    cursor: pointer;
    font-size: .955rem;
    color: #3e3e3e;
    font-weight: 400;
}

.newCateContainer .itemContainer ._area._areaSearch {
    flex-basis: 207px;
}

.newCateContainer .itemContainer ._area._areaSearch mark {
    background-color: transparent;
    color: #f7323f;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList ._area2 {
    flex-basis: 150.5px;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList > ._area.sel {
    color: #f7323f !important;
    background: #fff1f1;
}

.newCateContainer .itemContainer ._area a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}

.newCateContainer .itemContainer ._area2 a {
    padding: 15px;
}

.newCateContainer .itemContainer ._area a.sel {
    color: #f7323f !important;
    background: #fff1f1;
}

.newCateContainer .itemContainer ._area3 a, .newCateContainer .itemContainer ._areaSearch a {
    padding: 15px;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList ._areaWrap {
    display: none;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList ._areaWrap.open {
    display: flex;
    flex-wrap: wrap;
}

.newCateContainer .itemContainer .cateArea .cateItem .cateList ._areaWrap2 {
    display: flex;
    flex-wrap: wrap;
}

.newCateContainer .itemContainer .themeArea {
    display: flex;
    flex-wrap: wrap;
}

.newCateContainer .itemContainer .themeArea ._theme {
    flex-basis: 208px;
    box-sizing: border-box;
    font-size: .955rem;
    color: #3e3e3e;
}

.newCateContainer .itemContainer .themeArea ._theme a {
    color: inherit;
    font-size: inherit;
    padding: 15px;
    display:block;
    text-decoration: none;
}

.newCateContainer .itemContainer .themeArea ._theme.sel {
    color: #f7323f !important;
    background: #fff1f1;
}

.grayLayer[type='themePopup'] { display: none; }

.themePopup {
    display: none;
}
/* today Category */


.cateContainer {
    width: 1250px;
    margin: 0 auto;
    position: relative;
}

.categoryList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px 0;
    font-size: 15px;
    width: 960px;
    margin: 0;
}

.categoryItem {
    list-style: none;
    padding: 0;
    width: 19%;
    border-right: 1px solid #e0e0e0;
    padding: 0 2%;
}

.categoryItem:first-child {
    width:25%;
}

.categoryItem:last-child {
    /* display:none; */
}

.categoryItem:nth-child(7n-3) { display:none; }

.categoryItem:last-child {
    border-right:0;
}

.categoryItem li {
    padding: 4px 0 4px 10px;
}

.categoryItem li.item a {
    display:block;
    padding:0px 10px 8px;
    font-weight:500;
	font-size:17px;
}

.categoryItem li.select a {
    color: #f7323f !important;
}

.categoryItem li.item {
    position:relative;
}

.categoryItem li.item::after {
    content: ' ';
    background-color: #F6F6F6;
    height: 13px;
    position: absolute;
    width: 85%;
    top: 19px;
    z-index: -1;
}

.categoryItem a {
    text-decoration:none;
}

.tdCate {
    list-style: none;
    padding:3px 0;
    float:left;
    width:50%;
}

.tdCate li {
    padding: 4px 0 4px 15px;
    text-align: left;
}

#mw5 .head div {
    vertical-align:top;
}

.head .layerBackground {
    display: flex;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #abababa3;
    z-index: 10;
    justify-content: center;
    align-items: center;
}

.head .layerBackground .searchWrap {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #b9b7b7;
    text-align: left;
}
/*---------------------------
    logo
----------------------------*/
#mw5 .head .newHeader {
    padding: 15px 0 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

#mw5 .head .newHeader .iconSet {
    display: flex;
    align-items: center;
    margin-left: auto;
}

#mw5 .head .newHeader .iconSet div a {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

#mw5 .head .newHeader .iconSet div a span {
    margin-top: 4px;
    color: #a5a5a5;
}

#mw5 .head .newHeader .iconSet a img {
    width: 30px;
    height: 30px;
}

#mw5 .head .newHeader .iconSet .newMsgIcon {
    position: absolute;
    top: -10px;
    right: 7px;
    background-color: #161616ad;
    color: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    width: 1.8em;
    height: 1.8em;
}

#mw5 .head .logo {
    display: inline-flex;
    align-items: center;
    top: -5px;
    position: relative;
}

#mw5 .head .logo img {
    width: 225px;
}

#mw5 .head .logo a {
    text-decoration:none;
}

/*---------------------------
    search-box 
----------------------------*/
#mw5 .head .search-box {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

#mw5 .head .search-box form {
    margin: 0;
    padding: 0;
    position: relative;
}

#mw5 .head .search-text {
    border: 2px solid #F7313E !important;
    height: 50px;
    width: 420px;
    background-color: #fff;
    color: #6e6e6e;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    position: relative;
    border-radius: 4px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

#mw5 .head .search-text .icon {
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F7313E;
    font-size: 18px;
    padding: 0 5px 0 8px;
}

#mw5 .head .search-text .icon img {
    width: 20px;
}

#mw5 .head .search-text .placeholder {
    letter-spacing: -0.025em;
    font-size: 17px;
}

/* .search-text::after {
    content: ' ';
    background-image: url('https://cdn.vipgunma.com/assets/images/navSearch.svg');
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0px;
    cursor: pointer;
} */

.search-text span {
    padding-left: 17px;
    color: #989898;
    letter-spacing: -0.5px;
    font-size: 14px;
}

#mw5 .head .search-text input {
    border: 0;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 25px;
    width: 80%;
    outline: none;
    background-color: transparent;
    padding-left: 10px;
    padding-top: 3px;
}

#mw5 .head .search-text input::placeholder {
    /* color: #f7323f; */
    font-size:13px;
    font-weight:400;
}

#mw5 .head .search-button {
    width: 37px;
    height: 36px;
    font-weight: bold;
    cursor: pointer;
    background-image: url('https://cdn.vipgunma.com/assets/images/navSearch.svg');
    border: none;
    position: absolute;
    top: 0px;
    right: 1px;
}

.sns .sns-follow img { width:24px; height:24px; }

/*---------------------------
    quick-link 
----------------------------*/
#mw5 .head .quick-link {
    clear:both;
}

#mw5 .head .quick-link ul {
    margin:0;
    padding:7px 0 0 0;
    list-style:none;
    display:table;
}

#mw5 .head .quick-link li {
    display:table-cell;
}

#mw5 .head .quick-link li:after {
    content:'|';
    padding:0 5px 0 5px;
    color:#ddd;
}

#mw5 .head .quick-link li:last-child:after {
    content:'';
}

/*---------------------------
    navbar
----------------------------*/
#mw5 .navWrap {
    border-top: 1px solid #e6e6e6;
    z-index: 1;
    position: relative;
}

#mw5 .navWrap > .wrapper {
    display: flex;
    flex-direction: row;
}

#mw5 .navWrap > .wrapper .rightLogin {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

#mw5 .navWrap > .wrapper .rightLogin .item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    position: relative;
}

#mw5 .navWrap > .wrapper .rightLogin .item:first-child {
    justify-content: flex-start;
}

#mw5 .navWrap > .wrapper .rightLogin .item::before {
    content: ' ';
    width: 1px;
    height: 18px;
    background-color: #e8e8e8;
    position: absolute;
    left: -7px;
}

#mw5 .navWrap > .wrapper .rightLogin .item:first-child::before {
    content: '';
    display: none;
}

#mw5 .navWrap > .wrapper .rightLogin .item a {
    color: #2f2f2f;
    font-size: 20px;
    text-decoration: none;
}

#mw5 nav {
    border-bottom:3px solid #2573be;
}

#mw5 .navbar {
    background-color: #fff !important;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    border-bottom: none;
    width: 1100px;
}

#mw5 .navbar a:hover,
#mw5 .navbar a:link,
#mw5 .navbar a:active,
#mw5 .navbar a:visited {
    color:#2f2f2f !important;
    text-decoration:none;
    font-size:17px;
    height:40px;
    line-height:40px;
    font-weight:400;
}

.navToggle {
    background-image: url('https://cdn.vipgunma.com/assets/images/navToggle.svg');
    width: 21px;
    height: 39px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position-y: 12px;
    padding-right: 15px;
}

#mw5 .navbar ul {
    display: flex;
}

#mw5 .navbar li.item {
    font-weight:bold;
    padding:0;
    height:40px;
}

#mw5 .navbar li.item.openTab {
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 18px;
    cursor: pointer;
}

#mw5 .navbar li.item .label {
    color: #2f2f2f;
    text-decoration: none;
    font-weight: 600;
    font-size: 21px;
}

#mw5 .navbar li.item .label i {
    margin: 0 10px;
    color: #F7313E;
}

#mw5 .navbar li.item a {
    padding: 0px 45px;
    font-weight: 600;
    font-size: 20px;
}

#mw5 .navbar .new-count {
    margin:0 0 0 5px;
    color:#e74c3c;
    font-weight:bold;
    position:absolute;
    margin:-6px 0 0 -4px;

    background-color:#ff5190;
    color:#fff;
    padding:2px 7px 2px 7px;
    border-radius:10px;
    opacity:0.8;
    font-size:.7em;
    line-height:1.4em;
	
}

#mw5 .navbar ul:first-child li span.new-check:after {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    content:'\f111';
    color:#e74c3c;
    margin-left:5px;
    font-size:10px;
}

#mw5 .navbar ul:first-child li span.new-check {
    font-size:0;
}

#mw5 .navbar ul:first-child li span.new-no {
    display:none;
}

#mw5 .navbar li.select {
    float: left;
    display: block;
    padding: 0;
    background-color: transparent !important;
    height: 40px;
}

#mw5 .navbar li.select a {
    display: block;
    padding: 0px 45px;
    font-weight: 600;
    font-size: 21px;
    color: #f7323f !important;
}

#mw5 .navbar li.underline {
    /* height:37px; */
    border-bottom:0px solid #2573be;
}

#mw5 .navbar li .caret {
    font-size:.5em;
    padding-left:5px;
}

#mw5 .navbar ul.dropdown {
    display:none;
    position:absolute;
    background-color:#fff;
    z-index:9999;
    border:1px solid #bbb;
    min-width:150px;
    padding:0;
    margin:50px 0 0 5px;
    box-shadow:5px 5px 10px #777;
    list-style:none;
}

#mw5 .navbar ul.dropdown li {
    height:35px;
    color:#000;
    padding:0;
    border-bottom:1px solid #efefef;
}

/*#mw5 .navbar li:after {
	content:"|";
	padding:0px 10px;
	color:#fff;
}*/

#mw5 .navbar ul.dropdown li:hover {
    background-color:#efefef;
    cursor:pointer;
}

#mw5 .navbar ul.dropdown a:link,
#mw5 .navbar ul.dropdown a:visited,
#mw5 .navbar ul.dropdown a:hover,
#mw5 .navbar ul.dropdown a:active {
    color:#000;
    text-decoration:none;
    font-size:1em;
    line-height:35px;
    width:100%;
    height:100%;
    padding-left:12px;
    padding-right:12px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    display:block;
	text-align:left;
}

#mw5 .navbar ul.dropdown:before {
    content:'';
    position:absolute;
    border-style:solid;
    border-width:0 5px 10px;
    border-color:#fff transparent;
    display:block;
    width:0;
    z-index:1;
    top:-10px;
    left:20%;
}

#mw5 .navbar ul.dropdown li .new-count {
    margin:0 0px 0 5px;
    color:#e74c3c;
    font-weight:bold;
    position:static;

    background-color:transparent;
    color:#fff;
    padding:0;
    border-radius:0;
    opacity:0.8;
    font-size:.7em;
}

#mw5 .navbar ul.dropdown li .new-check:after {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    content:'\f111';
    color:#e74c3c;
    margin-left:5px;
    margin-right:5px;
    font-size:10px;
}

#mw5 .navbar ul.dropdown li .new-check {
    font-size:0;
}

#mw5 .navbar ul.dropdown li .new-no {
    display:none;
}

#mw5 .navbar li.nothing {
    color:#fff;
    float:left;
    padding:0;
    height:40px;
    line-height:40px;
}

#mw5 .wrapper2 { 
	background-color:#fff5f7;
}

#mw5 .navbar li.nothing a {
    text-decoration:underline;
    font-size:1em;
}

#mw5 .navbar ul.nav2_sub {
	color:#fff;
	list-style:none;
}

#mw5 .navbar ul.nav2_sub li { 
	display:inline-block;
	margin-left:40px;
}

#mw5 .navbar ul.nav2_sub li a{
	color:#000;
}

#mw5 .navbar ul.nav2_sub li a.select {
	color:#6A5ACD;
	font-weight:bold;
}

/*---------------------------
    sidebar
----------------------------*/

#mw5 .sidebar .social-login {
    text-align:center;
}

#mw5 .sidebar .social-login img {
    cursor:pointer;
}

#mw5 .sidebar-nav {
    margin: 10px 0 10px 0;
    background-color: #fff;
    padding-top: 10px;
}

#mw5 .sidebar-nav ul {
    padding:0;
    margin:0;
    list-style:none;
}

#mw5 .sidebar-nav ul li {
    padding: 0;
    margin: 0;
    height: 25px;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

/*
#mw5 .sidebar-nav ul li:hover {
    background-color:#bdc3c7;
}
*/

#mw5 .sidebar-nav ul li.selected {
    /*background-color:#bdc3c7;*/
    font-weight:bold;
}

#mw5 .sidebar-nav ul li.selected a {
    font-weight:bold;
    color:#e74c3c;
    /*text-decoration:underline;*/
}

#mw5 .sidebar-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 31px;
    text-decoration: none;
    color: #555;
    font-size: 14px;
}

#mw5 .sidebar-nav ul li a:hover {
    color:#e74c3c;
    text-decoration:underline;
}

#mw5 .sidebar-nav ul li.sidebar-brand {
    background-color: #fff;
    color: #555;
    font-size: 15px;
    border: 1px solid #fff;
    margin: 4px 0;
    border-top: 1px solid #f3f3f3;
    height: auto;
    cursor: pointer;
    padding-bottom: 0px;
    padding-top: 6px;
}

.sidebar-brand:last-child {
    border-bottom: 1px solid #f3f3f3 !important;
    padding-bottom: 5px !important;
}

#mw5 .sidebar-nav ul li.sidebar-brand a {
    padding-left: 27px;
    color: #444;
    text-decoration: none;
    font-size: 15px;
    line-height:30px;
}

#mw5 .sidebar-nav ul li.sidebar-brand a:hover {
    text-decoration:none;
}

.subWrap {
    overflow:hidden;
    padding-bottom: 7px !important;
}

.sidebar-nav .sideSelected {
    border: 1px solid #f3f3f3 !important;
    border-left: 3px solid #EB4342 !important;
    background-color:#f3f3f3 !important;
}

.sidebar-nav .dropToggle {
    content: ' ';
    width: 4px;
    height: 4px;
    position: absolute;
    right: 10px;
    top: 14px;
    background-color: transparent;
    border-bottom: none;
    border-top: 1px solid #363636;
    border-left: 1px solid #363636;
    transform: rotate(225deg);
}

#mw5 .sidebar-nav ul li .new-count {
    margin:0 0 0 5px;
    color:#e74c3c;
    font-weight:bold;
    background-color:#f9f2f9;
    color:#c58fc0;
    padding:2px 7px 2px 7px;
    border-radius:10px;
    opacity:0.8;
    font-size:.7em;
	display:none;
}

#mw5 .sidebar-nav ul li .new-check:after {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    content:'\f111';
    color:#e74c3c;
    margin-left:5px;
    font-size:10px;
}

#mw5 .sidebar-nav ul li .new-check {
    font-size:0;
}

#mw5 .sidebar-nav ul li .new-no {
    display:none;
}

#mw5 .sidebar-nav ul li .count {
    position:absolute;
    right:10px;
    line-height:30px;
    color:#7f8c8d;
	display:none;
}
/*---------------------------
    etc
----------------------------*/

#mw5 .popular {
    position:absolute;
    right:10px;
	display:none;
}

#mw5 .blank {
    border:0;
    margin:0;
    padding:0;
    clear:both;
    font-size:0;
    line-height:0;
    height:0;
}

#mw5 .block {
    background-color:#fff;
    padding:10px;
    margin:0 0 10px 0;

    /*box-shadow: 0 1px #EBEBEB;*/
    border-radius: 3px;
    /*border: 1px solid;*/
    border-color: #E5E5E5 #D3D3D3 #B9C1C6;
    background-color:#fff;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

/*---------------------------
    latest
----------------------------*/
#mw5 .latest {
    width:100%;
    display:table;
    table-layout:fixed;
}

#mw5 .latest div.item {
    display: table-cell;
    padding-bottom: 40px;
    vertical-align: top;
}

#mw5 .latest div.item:first-child {
    padding-right:10px;
}

#mw5 .latest div.item:nth-child(2n) {
    padding-left:10px;
}

#mw5 .latest div.item:last-child {
    padding-right:0;
}

#mw5 .theme {border-bottom:1px dotted #dde4e9}
#mw5 .theme div {margin:0 auto;width:970px;zoom:1}
#mw5 .theme div:after {display:block;visibility:hidden;clear:both;content:""}
#mw5 .theme h2 {float:left;padding:10px 45px 10px 0}
#mw5 .theme ul {float:left;margin:0;padding:0;list-style:none}
#mw5 .theme li {float:left}
#mw5 .theme a {display:inline-block;padding:10px;text-decoration:none}
#mw5 .theme a:focus, #theme a:hover {}

#mw5 .footer {
    background-color: #F0EFEF;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

#mw5 .footer .wrapper {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mw5 .footer .tail_link {
    margin:0;
    padding:0;
    line-height:30px;
    background-color:#efefef;
    border-top:1px solid #ccc;
    line-height:40px;
    display:none;
}

.tailItem {
    display: flex;
    padding-bottom: 4px;
}

.tailItem div {
    color: #818181;
}

.tailItem div a {
    color: #818181;
}

.tailItem div::after {
    content: "|";
    font-size: 10px;
    color: #b8b8b8;
    padding: 0 15px;
    position: relative;
    top: -1px;
}

.tailItem div:last-child::after {
    content: "";
    font-size: 11px;
    color: #b8b8b8;
}


#mw5 .footer ul {
    margin:0;
    padding:0;
    text-align:left;
    list-style:none;
    display:table;
}

#mw5 .footer li {
    margin:0;
    padding:0 10px 0 0;
    display:table-cell;
}

#mw5 .footer li:last-child {
    padding:0;
}

#mw5 .footer .banners {
    padding:10px 0 0 0;
}

#mw5 .footer .banners img {
    border:1px solid #ccc;
}

#mw5 .footer .menu {
    margin:0;
    padding:0;
}

#mw5 .footer .menu li {
    margin:0;
    padding:0;
}

#mw5 .footer .menu li:after {
    content:"|";
    padding:0 10px 0 10px;
    color:#ccc;
}

#mw5 .footer .menu li:last-child:after {
    content:'';
}

#mw5 .footer .menu li a {
    font-size:12px;
    font-weight:normal;
    font-family:inherit;
    color:#000;
}

#mw5 .footer .footerMsg {
    color: #818181;
    padding: 5px 0 2px;
}

#mw5 .footer .copyright {
    padding:3px 0 10px 0;
    color:#818181;
}

#mw5 .footer .copyright a {
    color:#818181;
}

#mw5 #device_change {
    margin:0;
    padding:3px 0 10px 0;
    border:0;
    border-radius:0;
}

.footerCustom {
    padding-top: 22px;
    display: flex;
    align-items: center;
}

.footerSns {
    display: flex;
}

.footerSns div {
    padding: 0 10px;
}

.footerSns div:first-child {
    padding-left: 0;
}

.footerBtn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

.footerBtn button {
    background-color: #808080;
    border: none;
    outline: none;
    color: #fff;
    padding: 6px 13px;
    font-size: 16px;
    margin-right: 20px;
}

.footerBtn button:last-child {
    margin-right: 0;
}

#top-button {
    font-size:2em;
}

#mw5 .my_cash {
    cursor:pointer;
    line-height:20px;
    height:90px;
}

#mw5 .my_cash label {
    font-weight:bold;
}

#mw5 .my_cash .graph {
    margin-top:7px;
    background-color:#efefef;
    height:20px;
    font-weight:bold;
    font-size:11px;
}

#mw5 .my_cash .graph div {
    float:left;
    height:20px;
}

#mw5 .my_cash .graph .grade {
    background-color:#f1899a;
    color:#fff;
    text-align:right;
    padding-right:5px;
    padding-left:5px;
}

#mw5 .clear {
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
}

#top-button {
    font-family:FontAwesome;
    font-weight:normal;
    font-style:normal;
    content:"\f077";
    opacity:0.8;    
    font-size:10px;
    line-height:30px;
    background-color:#ccc;
    display:block;
    width:30px;
    height:30px;
    color:#333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

#mw5 .navbar2 { display:none; }

#mw_basic_v_t_custom {
  display: block;
  width: auto;
  background: #fff;
  margin: 0 auto;
  padding: 10px 17px;
}

#view_info {
  font-size: 62.5%;
  color: #585858;
  padding: 22px 10px;
  padding-bottom: 55px;
  margin: 0 auto;
  font-size: 1.2em;
  margin-bottom: 15px;
  position:relative;
  left:5%;
  width:400px;
}

#view_info .view_wr { 
	text-align:left; 
	padding-right:60px; 
	color:#222; 
	font-weight:bold; 
	font-size:13.5px;
}
#view_info .view_img { width:40%; }
#view_info .view_hr { border-top:1px solid rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.3); }

#mw5 .container .main_ttl { margin-top:20px;}
#mw5 .container .main_quick img { margin:0 5.5px 10px 5.5px; width:180px;}

.search_top_button { margin-left:-8px !important; }

/* CKEDITOR5 START */

.ck.ck-dropdown__panel.ck-dropdown__panel-visible {
    max-height: 280px;
    overflow-y: auto;
}

.ck-content blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.ck-content .marker-yellow {
    background-color: #fdfd77;
}

.ck-content .marker-green {
    background-color: #62f962;
}

.ck-content .marker-pink {
    background-color: #fc7899;
}

.ck-content .marker-blue {
    background-color: #72ccfd;
}

.ck-content .pen-red {
    background-color: transparent;
    color: #e71313;
}

.ck-content .pen-green {
    background-color: transparent;
    color: #128a00;
}

.ck-content a {
    text-decoration: none !important;
}

.ck-editor a {
    text-decoration: underline !important;
}

.ck-content hr {
    background: #dedede;
    border: 0;
    height: 4px;
    margin: 15px 0;
    display: block !important;
}

.ck-content .image {
    clear: both;
    display: table;
    margin: .9em auto;
    min-width: 50px;
    text-align: center;
}

.ck-content .image.image_resized {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}

.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}

.ck-content .image-style-block-align-left, .ck-content .image-style-block-align-right {
    max-width: calc(100% - 1.5em);
}

.ck-content .image.image_resized img {
    width: 100%;
    max-width: 100% !important;
}

.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
}

.ck-content .image>figcaption {
    background-color: #ebebeb !important;
    caption-side: bottom;
    color: #333;
    display: block;
    font-size: .75em;
    outline-offset: -1px;
    padding: .6em;
    word-break: break-word;
}

.ck-content .image-style-align-left, .ck-content .image-style-align-right {
    clear: none;
}

.ck-content .image-style-align-left {
    float: left;
    margin-right: 1.5em;
}

.ck-content .image-style-align-right {
    float: right;
    margin-right: 1.5em;
}

.ck-content .media {
    clear: both;
    display: block;
    margin: .9em 0;
    min-width: 15em;
}

.ck-content h2, .ck-content h3, .ck-content h4 {
    font-weight: normal !important;
}

/* CKEDITOR5 END */

/*@media only screen and (max-width:767px) { 
#mw5 .navbar { display:none; }
#mw5 .container { margin-top:0px; }
#mw5 .sidebar-nav { display:none; }
#mw5 .footer { border:1px solid #eee; }
#mw5 .footer .tail_link { display:none; }
#top-button { display:none; }
#mw5 .container .wrapper .main .mn_img { margin-top:27px; }
#mw5 .container .wrapper .main .mn_img img { width:100%; height:100px; }
#mw5 .block { display:none; }
.outlogin { display:none; }
.outlogin2 { display:none; }
.container99 { display:block; }
#mw5 .navbar2 { display:block; top:0px;}
#mw5 .menu_title { position:relative; top:55px; }
#mw_basic_v_t_custom { width:100%; }
#view_info { left:0px; }
#view_info .view_wr { padding-right:0px; padding-left:20px;}
}
*/

/* FAQ */
.FAQ {
    width: 100%;
}

.FAQ .faq-item {
    background: white;
    margin-bottom: 12px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.FAQ .question {
    background: #f8f9fa;
    padding: 16px 20px 16px 50px;
    font-weight: 500;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
}

.FAQ .question::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #666;
    border-radius: 50%;
}

.FAQ .answer {
    padding: 16px 20px;
    background: white;
    line-height: 1.6;
    color: #555;
    position: relative;
    border-top: 1px solid #e9ecef;
    display: none;
}

.faqCaret {
    width: 10px;
    height: 5px;
    display: inline-flex;
    background-size: 10px 5px;
    position: relative;
    margin: 3px 20px 0 auto;
}

.faqCaret.down {
    background-image: url('https://cdn.vipgunma.com/assets/images/readDownIcon.svg');
}

.faqCaret.up {
    background-image: url('https://cdn.vipgunma.com/assets/images/readUpIcon.svg');
}

article .main .FAQ .question {
    font-size: 1.15rem;
}

article .main .FAQ .answer {
    font-size: 0.95rem;
}