/* BASIC css start */
body {
    overflow-x: hidden;
}
/* ·Ñ¸µ¹è³Ê */
#event { background:#ffffff; padding-bottom:6px }
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; margin-top:-17px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/design/applemusic/2018/m/event_now.png) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }


main { color:#272727 }

/* main */
.main-product-box1 { border-bottom:6px }
.main-product-box1 .area-name{font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em; padding: 33px 0; text-align: center; }
.main-product-box1 .my_tit { border-top:1px solid #ccc; background:#f7f7f7; padding-left:10px; font-size:15px; height:7px;line-height:37px; font-family: 'notokr-regular', 'Noto Sans KR'; text-align:center; margin-top:30px; }
.main-product-box1 .product {display: inline-block; vertical-align: top; width: 70%; padding: 12px 0.25em; box-sizing:border-box; margin:0 15% }
.main-product-box1 .product a{display: block; border: 1px solid #eeeeee; border-radius: 6px;}
.main-product-box1 .product a dl{}
.main-product-box1 .product a dl dt{}
.main-product-box1 .product a dl dt img{width: 100%;}
.main-product-box1 .product a dl dd{padding: 1em 0.5em 0.5em;}
.main-product-box1 .product a dl dd ol{}
.main-product-box1 .product a dl dd ol li{line-height: 1.5em; position: relative;}
.main-product-box1 .product a dl dd ol li .desc{display: block; text-align: left; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.25em; line-height: 1.75em; color:#000;}
.main-product-box1 .product a dl dd ol li .consumer{display: block; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em; text-align: left; text-decoration: line-through; color:#000;}
.main-product-box1 .product a dl dd ol li .price{display: block; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.25em; text-align: left; color:#000;}
.main-product-box1 .product a dl dd ol li .percent{position: absolute; top:0; right: 0.25em; font-family: 'notokr-medium', 'Noto Sans KR'; color:#ff0000; font-size: 1.5em;}
.main-product-box1 .product a dl dd ol li.etc-list{padding: 0.5em 0;}
.main-product-box1 .product a dl dd ol li.etc-list .text-line{padding: 0.25em; display: inline-block; color:#000; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em; border: 1px solid #ddd; vertical-align: top; margin: 0.25em 0;}

.main-product-box2 { border-bottom:6px   }
.main-product-box2 .area-name{font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em; padding: 20px 0; text-align: center; background:#f7f7f7 }
.main-product-box2 .main-product-area2-top-nav{padding: 5px 0; text-align: center; background:#f7f7f7}
.main-product-box2 .main-product-area2-top-nav ul:after{clear: both; display: block; content:"";}
.main-product-box2 .main-product-area2-top-nav ul{display: inline-block;}
.main-product-box2 .main-product-area2-top-nav ul li{float: left; padding: 0 1em; cursor:pointer;}
.main-product-box2 .main-product-area2-top-nav ul li a{display: block; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em; color:#000; padding-bottom: 0.25em;}
.main-product-box2 .main-product-area2-top-nav ul li .active{border-bottom: 2px solid #ff0000;}
.main-product-box2 .product { display:block; background:#f7f7f7 }

.main-product-box3 .mbn01 { width:100% }
.main-product-box3 .mbn01 img { width:93%; margin:20px 3.5% 0; border: 1px solid #eeeeee;}
.main-product-box3 .mbn02 { width:100% }
.main-product-box3 .mbn02 img { width:93%; margin:6px 3.5% 0; border: 1px solid #eeeeee; }
.main-product-box3 .mbn03 { width:100% }
.main-product-box3 .mbn03 img { width:93%; margin:6px 3.5% 0; border: 1px solid #eeeeee; }
.main-product-box3 .mbn04 { width:93%; margin:6px 3.5% 25px; overflow:hidden; }
.main-product-box3 .mbn04 img.lim { width:49%; margin-right:1%; border: 1px solid #eeeeee;}
.main-product-box3 .mbn04 img.rim { width:49%; margin-left:1%; border: 1px solid #eeeeee;}

#chart { width:100%; text-align:center; border-bottom:6px  }
#chart .box { width:100%; display:block }
#chart .tit { width:100%; height:85px; background:#e81e10; font-family: 'notokr-bold', 'Noto Sans KR'; font-size:24px; color:#fff; line-height:85px;}
#chart .subtit { width:100%; height:46px; background:#343132; font-family: 'notokr-medium', 'Noto Sans KR'; font-size:16px; color:#ef3e42; line-height:46px;}
#chart .chartbox { width:96%; padding:10px 2% 5px }
#chart .chartbox ul { width:100%; height:36px; line-height:36px; border-bottom:1px solid #ededed; text-align:left; overflow:hidden; }
#chart .chartbox ul.last { border-bottom:0px }
#chart .chartbox ul li { display:inline-block; float:left }
#chart .chartbox ul .num { width:10%; text-align:center; color:#969696; font-family: 'notokr-bold', 'Noto Sans KR'; font-size:16px; }
#chart .chartbox ul .n00 { width:10%; text-align:center; }
#chart .chartbox ul .n00 img { vertical-align:middle }
#chart .chartbox ul .nup { width:10%; text-align:center; color:#ef3e42; font-family: 'notokr-medium', 'Noto Sans KR'; font-size:12px; }
#chart .chartbox ul .nup img { vertical-align:middle; margin-right:2px }
#chart .chartbox ul .ndw { width:10%; text-align:center; color:#3e68ef; font-family: 'notokr-medium', 'Noto Sans KR'; font-size:12px; }
#chart .chartbox ul .ndw img { vertical-align:middle; margin-right:2px }
#chart .chartbox ul .subject { width:45%; padding-left:5%; color:#343132; font-family: 'notokr-regular', 'Noto Sans KR'; font-size:14px; }
#chart .chartbox ul .name { width:30%; color:#929292; font-family: 'notokr-regular', 'Noto Sans KR'; font-size:14px; }
#chart .chart_more { width:100%; height:50px; background:#e81e10; }
#chart .chart_more a { width:100%; height:50px; line-height:50px; display:block; font-family: 'notokr-regular', 'Noto Sans KR'; font-size:16px; color:#fff;  }


.main-product-box4 { border-bottom:6px; display: none; }
.main-product-box4 .area-name{font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em; padding: 33px 0 25px; text-align: center; background:#f7f7f7 }
.main-product-box4 .main-product-area2-top-nav{padding: 1em 0; text-align: center; background:#f7f7f7}
.main-product-box4 .main-product-area2-top-nav ul:after{clear: both; display: block; content:"";}
.main-product-box4 .main-product-area2-top-nav ul{display: inline-block;}
.main-product-box4 .main-product-area2-top-nav ul li{float: left; padding: 0 1em; cursor:pointer;}
.main-product-box4 .main-product-area2-top-nav ul li a{display: block; font-family: 'notokr-medium', 'Noto Sans KR';font-size:15px;; color:#7E7E7E; padding-bottom: 0.25em;}
.main-product-box4 .main-product-area2-top-nav ul li .active{font-family: 'notokr-bold', 'Noto Sans KR';border-bottom: 1px solid #ff0000;color:#000}
.main-product-box4 .product { display:block; background:#f7f7f7 }



.main-latest-board-box-wrapper .area-name{font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em; padding:60px 0 16px; text-align: center;}
.main-latest-board-box-wrapper .area-name2 { color:#000000; font-family: 'notokr-bold', 'Noto Sans KR'; font-size: 2em; margin-bottom:40px; text-align: center;}

.main-latest-board-box{padding: 0 1em;}
.main-latest-board-box .main-latest-board-row{margin-bottom: 2em;}
.main-latest-board-box .main-latest-board-row .latest-board-header{position: relative; padding: 0.5em 0; border-bottom: 2px solid #000;}
.main-latest-board-box .main-latest-board-row .latest-board-header .board-name{font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.5em; font-weight: normal;}
.main-latest-board-box .main-latest-board-row .latest-board-header a {
    font-family: 'notokr-medium', 'Noto Sans KR';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -0.75em;
    right: 0;
    color: #000;
    padding: 0 0 0 2em;
}
.main-latest-board-box .main-latest-board-row .normal{}
.main-latest-board-box .main-latest-board-row .normal li:before{width: 4px; height: 4px; background-color: #000; content:""; position: absolute; top:50%; margin-top: -2px; left: 0; border-radius:50%;}
.main-latest-board-box .main-latest-board-row .normal li{line-height: 1.5em; position: relative; padding-left: 1em;}
.main-latest-board-box .main-latest-board-row .normal li a{display: block; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.15em; padding: 0.5em 0; color:#000;}
.main-latest-board-box .main-latest-board-row .view{margin-top: 12px; font-size: 0;}
.main-latest-board-box .main-latest-board-row .view li{line-height: 1.5em; position: relative; display: inline-block; width: 50%; vertical-align: top; font-size: 12px; padding: 0 0.5em; box-sizing:border-box;}
.main-latest-board-box .main-latest-board-row .view li a{display: block;}
.main-latest-board-box .main-latest-board-row .view li a img{width: 100%; display: block; vertical-align: top;}
.main-latest-board-box .main-latest-board-row .view li a span{}
.main-latest-board-box .main-latest-board-row .view li a .subject{display: block; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1.15em; line-height: 1.5em; color:#000; height: 3em; overflow: hidden; padding: 0.5em 0;}
.main-latest-board-box .main-latest-board-row .view li a .date{color:#ff0000; font-family: 'notokr-medium', 'Noto Sans KR'; font-size: 1em;}

.consumer {

font-family: 'notokr-Regular', 'Noto Sans KR';
font-size: 12px;
color: #757575;
margin: 4px 0 0 0;
text-decoration: line-through;
}


.discount {
text-align: right;
color: #e81e10;
font-size: 14px;
font-family: 'notokr-bold', 'Noto Sans KR';
padding-top: 5px;
}
/* BASIC css end */