/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; background: #EEE; width: 12px; height: 12px; border-radius: 12px; transition: background-color 250ms ease-out; }
#event .pagination .swiper-active-switch { background: #f65c50; }

#event_new .MS_img-wrap2 { position: relative; width: 100%; overflow: hidden; }
#event_new .MS_img-wrap2 h4 { position: absolute; left: 10px; top: 10px; z-index: 100; display: inline-block; padding: 5px 20px; border: 2px #FFF solid; border-radius: 30px 30px 30px 30px; color: #FFF; font-size: 0.95rem; font-weight: bold; }
#event_new .event-imgs { position: relative; }
#event_new .MS_img-area { float: left; }
#event_new .MS_img-area:not(:first-child) { display: none; }
#event_new .MS_img-area a {display: block; position: relative; }
#event_new .MS_img-area h2 { position: absolute; right: 10px; bottom: 10px; text-align: right; color: #FFF; font-size: 1.1rem; font-weight: 500; }
#event_new .MS_img-area h2 span { display: block; font-size: 0.75rem; font-weight: bold; margin-bottom: 0.4rem; }
#event_new .MS_img-area img { width: 100%; }
#event_new .pagination2 { position: absolute; right: 0; top: 10px; text-align: right; width: 100%; }
#event_new .pagination2 .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; background: #EEE; width: 10px; height: 10px; border-radius: 10px; transition: background-color 250ms ease-out; }
#event_new .pagination2 .swiper-active-switch { background: #f65c50; }

#event_best .MS_img-wrap3 { position: relative; width: 100%; overflow: hidden; }
#event_best .MS_img-wrap3 h4 { position: absolute; left: 10px; top: 10px; z-index: 100; display: inline-block; padding: 5px 20px; border: 2px #FFF solid; border-radius: 30px 30px 30px 30px; color: #FFF; font-size: 0.95rem; font-weight: bold; }
#event_best .event-imgs { position: relative; }
#event_best .MS_img-area { float: left; }
#event_best .MS_img-area:not(:first-child) { display: none; }
#event_best .MS_img-area a {display: block; position: relative; }
#event_best .MS_img-area h2 { position: absolute; right: 10px; bottom: 10px; text-align: right; color: #FFF; font-size: 1.1rem; font-weight: 500; }
#event_best .MS_img-area h2 span { display: block; font-size: 0.75rem; font-weight: bold; margin-bottom: 0.4rem; }
#event_best .MS_img-area img { width: 100%; }
#event_best .pagination3 { position: absolute; right: 0; top: 10px; text-align: right; width: 100%; }
#event_best .pagination3 .swiper-pagination-switch { display: inline-block; margin: 0 3px; text-indent: -9999px; background: #EEE; width: 10px; height: 10px; border-radius: 10px; transition: background-color 250ms ease-out; }
#event_best .pagination3 .swiper-active-switch { background: #f65c50; }

/* //롤링배너 */
.main { background-color: #FFF; }
.main h3 { position: relative; font-size: 1.5rem; font-weight: bold; display: inline-block; margin:40px 0 20px 0; padding: 0 10px; }
.main h3:before { content: ''; display: block; width: 40px; height: 2px; background-color: #EEE; position: absolute; left: -40px; top: 8px; }
.main h3:after { content: ''; display: block; width: 40px; height: 2px; background-color: #EEE; position: absolute; right: -40px; top: 8px; }
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.title { text-align: center; }
.title h3 { position: relative; font-size: 0.90rem; font-weight: bold; display: inline-block; margin:40px 0 20px 0; padding: 0 10px; }
.title h3:before { content: ''; display: block; width: 40px; height: 2px; background-color: #f65c50; position: absolute; left: -40px; top: 8px; }
.title h3:after { content: ''; display: block; width: 40px; height: 2px; background-color: #f65c50; position: absolute; right: -40px; top: 8px; }

section.tab_menu { margin-top: 1rem; border-top: 1px #EEE solid; border-bottom: 1px #EEE solid; text-align: center; background-color: #FFF; DISPLAY: NONE }
section.tab_menu ul { display: block; width: 100%; border-top: 1px #EEE solid; }
section.tab_menu ul:after { content: ''; display: block; clear: both; }
section.tab_menu ul.first { border-top: 0; }
section.tab_menu ul li { float: left; width: 25%; }
section.tab_menu ul li a { display: block; border-left: 1px #EEE solid; font-size: 0.70rem; padding: 40px 0 7px 0; line-height: 1; }
section.tab_menu ul li.first a { border-left: 0; }

section.thumb_type { text-align: center; margin-top: 15px; display:none;}
section.thumb_type ul { display: block; width: 100%; }
section.thumb_type ul:after { content: ''; display: block; clear: both; }
section.thumb_type ul li { display: inline-block; }
section.thumb_type ul li a { position: relative; z-index: 1; display: block; width: 21px; height: 21px; margin: 0 10px; background: transparent url('https://unicornholdings.negagea.kr/slim/charrim/mobile/img/thumb_type_btn.png') no-repeat; }
section.thumb_type ul li a span { position: absolute; display: none; bottom: -20px; left: 50%; margin-left: -50px; width: 100px; font-size: 0.65rem;  }
section.thumb_type ul li a:hover span { display: block; }
section.thumb_type ul li a.big { background-position: 0 0; }
section.thumb_type ul li a.list { background-position: -21px 0; }
section.thumb_type ul li a.gallery { background-position: -42px 0; }
section.thumb_type ul li a.big.active { background-position: 0 -21px; }
section.thumb_type ul li a.list.active { background-position: -21px -21px; }
section.thumb_type ul li a.gallery.active { background-position: -42px -21px; }
section.thumb_type ul li a.big.active span,
section.thumb_type ul li a.list.active span,
section.thumb_type ul li a.gallery.active span { display: none; }

.listPricesub { display: none; font-size:12px; color:#999; width:90%; margin:0 5%;}

div.ch-bnr {width:100%; margin:0 auto 30px;}
div.ch-bnr ul {display:block; width:100%;}
div.ch-bnr ul:after {content:''; display:block; clear:both;}
div.ch-bnr ul li {float:left; width:50%; list-style:none; }
div.ch-bnr ul li.first {margin-left:0;}
div.ch-bnr ul li:hover { }

section.main_board_list { margin: .5rem 0; }
section.main_board_list ul { padding: 1rem; background-color: #FFF; }
section.main_board_list ul:after { content: ''; display: block; clear: both; }
section.main_board_list ul li { margin: .5rem 0; }
section.main_board_list ul li a { display: block; line-height: 2;  }
section.main_board_list ul li a strong { display: inline-block; border-right: 1px #EEE solid; padding-right: .5rem; margin-right: .5rem; }
section.main_board_list ul li a img.review_img { width: 100%; }

section.main_board_list.reivew ul li { float: left; width: 33.333333%; text-align: center; }
section.main_board_list.reivew ul li a { padding: 0.2rem;  }
section.main_board_list.reivew ul li a strong { display: block; border-right: 0px #EEE solid; padding-right: 0rem; margin-right: 0rem; }

#MAKESHOPLY0, #MAKESHOPLY1 {background: rgba(0, 0, 0, 0.3)!important; }
/* BASIC css end */