/* BASIC css start */
/* BASIC css start */

.de-widget {margin-bottom:50px; text-align:center; margin-top:50px; height:auto;}
/* section08 */
#section08{margin-top:80px; margin_bottom:100px;}
#section08 .title h2{font-size: 40px;color: #000;font-weight: 600;text-align:center;}
#section08 .title p{text-align: center;font-size: 16px;line-height: 1.5;font-weight: 400;margin-top: 10px;}

/* ¸ÞÀÎ ¹è³Ê ¿µ¿ª */
.pc_new_banner {position:relative; height:476px;overflow:hidden;margin: 0 auto;}
.pc_new_banner .swiper-slide {height: 476px!important; position: relative; background-position: 50%!important;background-repeat:no-repeat!important;}
.pc_new_banner .swiper-slide a { display:block; width:100%; height:100%; }
.pc_new_banner .swiper-slide img { width:100% }

.pc_new_banner .bottom_box {position: absolute;width: 788px; height:19px;bottom: 15px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform:translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index: 10;line-height: 19px;}
.pc_new_banner .bottom_box .paginationGage, .pc_new_banner .bottom_box .paginationWrap, .pc_new_banner .bottom_box .arrow_bt {
    float: left;
}
.pc_new_banner .paginationWrap {padding:0 9px 0 15px;height: 19px;border-radius:15px;z-index:50;}
.pc_new_banner .paginationWrap .spot-pagination {display:inline-block;padding-right:4px;position:relative;width:auto;font-size: 16px;color: rgba(255,255,255,.8);font-weight: 500;height: 19px;margin: 7px 0;}
.pc_new_banner .paginationWrap .spot-pagination span {margin: 0 2px;}
.pc_new_banner .paginationWrap span.swiper-pagination-current { color: rgba(255,255,255,1);  font-weight: bold;}
.pc_new_banner .paginationWrap .spot-button-prev,
.pc_new_banner .paginationWrap .spot-button-next { display:inline-block; margin-top:0; padding:0 4px; position:relative; top:0; left:0; width:auto; height:auto; font-size:12px; color:#fff; line-height:29px; background:none; vertical-align:top }
.mainSpotSliderArea .paginationWrap .spot-button-prev:after { position:absolute; top:9px; right:-2px; width:1px; height:10px; background:rgba(255,255,255,0.3); content:'' }

.pc_new_banner .paginationGage {
    z-index: 10;
    height: 2px;
    background: rgba(0,0,0,.4);
    width: 660px;
    border-radius: 0;
    overflow: hidden;
    margin: 8.5px 0;
    margin-right:20px;
}

.pc_new_banner .paginationGage .swiper-scrollbar-drag {
    background: #fff;
    border-radius: 0;
}

.pc_new_banner .arrow_bt {
    width: 10px;
    vertical-align: middle;
    cursor:pointer;
}
.pc_new_banner .arrow_bt img { width:100%; }
.pc_new_banner .new_banner_in {  margin-top: -2px;}


.shortMenuArea { width:100%; }
.shortMenuArea .shortMenu {width:1350px;margin:0 auto;padding: 22px 0 22px;}
.shortMenuArea .shortMenu ul {padding: 0 150px; padding-top:20px; overflow:hidden;}
.shortMenuArea .shortMenu ul li {float:left;width: 132px;text-align:center;position:relative;margin-right: 18px; cursor:pointer;}
.shortMenuArea .shortMenu ul li:last-of-type { margin-right:0; }
.shortMenuArea .shortMenu ul li .img_box {padding: 3px; border: 2px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 50%;width: 120px;height: 120px;text-align: center;}
.shortMenuArea .shortMenu ul li img { width:110px; vertical-align:middle; border-radius:50%; }
.shortMenuArea .shortMenu ul li.sel_on .img_box { border-color:#EC5344; }
.shortMenuArea .shortMenu ul li span { display:block; margin-top:10px;font-size:15px; font-weight:400; color:#191919; }
.shortMenuArea .shortMenu ul li.sel_on span { color:#e0695e; }
.menu_new {
    width: 42px;
    height: 20px;
    line-height: 20px;
    background: #EC5344;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    border-radius: 50px;
    position: absolute;
    top: -2px;
    right: 10px;
}

.menu_new.off {
    display: none;
}



.shortPrd {width:100%;overflow:hidden;padding: 48px 0; position:relative; }

.hot_box .tit_box {text-align:center; margin-top:60px; font-size:30px; line-height:50px;}
.tit_box { padding-bottom: 12px; margin-bottom:24px; overflow:hidden; position:relative; border-bottom: solid 1px #E1E1E1; }
.tit_box h1 { font-size:24px; color:#191919; font-weight:600; }
.shortPrd .tit_box h1 { font-size:24px; color:#191919; font-weight:600;}
.shortPrd .tit_box p { font-size:20px; font-weight:400; color:#767676; margin-top:10px; }
.tit_box a {font-size:15px;font-weight:500;color:#979797;float:right;position: absolute;bottom: 20px;right: 0;padding-right: 22px; transition:.3s all;}
.tit_box a font {font-size: 24px;position: absolute;right: 0;top: 45%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.tit_box a:hover { color:#e0695e; }
.tit_box a:hover span { border-bottom:2px solid #e0695e; }
.shortPrd .item-wrap .item-cont { padding: 0; }
.shortPrd .item-wrap .item-cont .item-list {/*height:auto;*/padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%px;margin-right: 20px;margin-bottom: 20px; transition:.2s all;}
.shortPrd .item-wrap .item-list:hover, .deal_box .item-wrap .item-list:hover, .oh_box .item-wrap .item-list:hover, .hot_box .item-wrap .item-list:hover { box-shadow: 0px 4px 16px -4px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
.shortPrd .item-wrap .item-list:hover .thumb img, .deal_box .item-wrap .item-list:hover .thumb img, .oh_box .item-wrap .item-list:hover .thumb img { transform:scale(1.08); }
.hot_box .item-wrap .item-list:hover .thumb img { transform:scale(1.08); }
.hot_box .item-wrap .item-list:hover .thumb .idxIco_2 {display:block; background: #ca2115; color: #fff; position: absolute;  width: 50px;  height: 50px;  text-align: center;  font-size: 16px;  z-index:1; line-height: 50px;  font-weight: bold; opacity:0.9; right:-2px;}

/* ÀÌ¹ÌÁö±³Ã¼ */
.hotBGimg{  position:absolute; left:0; top:0; z-index:10; -webkit-box-sizing:border-box; box-sizing:border-box; background-position: 0; width:100%; height:275px; background-size: 100% 275px;}


.shortPrd .item-wrap .item-cont {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(4, 1fr);
    
}

/*
.shortPrd .item-wrap .item-cont .item-list:nth-of-type(4), 
.shortPrd .item-wrap .item-cont .item-list:nth-of-type(7) { margin-right:0; }
*/
.shortPrd .item-wrap .item-cont .item-list .thumb, .shortPrd .item-wrap .item-cont .item-list .thumb img {width:100%;height:auto;border: none;}
.shortPrd .item-wrap .item-cont .item-list .prd-info {border-bottom:none;margin: 0;background: #fff;padding-left: 19px;box-sizing: border-box;-webkit-box-sizing: border-box;height: 114px;padding-top: 16px;}

.shortPrd .item-wrap .item-cont .item-list .prd-info .prd-subname { display:none; }
.shortPrd .item-wrap .item-cont .item-list .prd-info .prd-name {white-space:normal;padding-right: 30px;}
/*
.shortPrd .item-wrap .item-cont .item-list:first-of-type { width:489px; }
.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-info {height:190px;padding-left: 24px;padding-top: 30px;}
.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-info .prd-name { padding-top:8px; height:auto; }
.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-info .prd-name a { font-size:24px; color:#191919; font-weight:500; }
.shortPrd .item-wrap .item-cont .item-list:first-of-type  .prd-price span {font-size: 28px;}
.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-price strike { font-size:19px; }
.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-info .prd-subname {display:block;font-size: 17px;font-weight: 400;color: #767676;}

.shortPrd .item-wrap .item-cont .item-list:first-of-type .prd-price {  margin-top: 15px; }*/

.shortPrd .item-wrap .item-cont .item-list .prd-price {  margin-top: 4px; }
.shortPrd .item-wrap .item-cont .item-list .prd-price span, .shortPrd .item-wrap .item-cont .item-list .prd-price strike { letter-spacing:-0.025em; } 
.shortPrd .item-wrap .item-cont .item-list .prd-price span.price {padding: 0 3px;}

.prd_arr_box { position:absolute; width:1400px; height:0; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);  }
.prd_arr_box .prd_left { float:left; cursor:pointer; }
.prd_arr_box .prd_right { float:right;  cursor:pointer; }



.deal_box { padding:48px 0 0; width:1200px; margin:0 auto; position:relative; }
.deal_box .item-wrap .item-cont { padding: 0; }
.deal_box .item-wrap .item-cont .slick-list { padding-bottom: 15px;}
.deal_box .item-wrap .item-cont .item-list {    margin-right:34px;height:auto;padding: 0;border: 1px solid #EDEDED;box-sizing: border-box;-webkit-box-sizing: border-box;width: 583px!important;margin-bottom: 0px;}
.deal_box .item-wrap .item-cont .item-list .thumb, .deal_box .item-wrap .item-cont .item-list .prd-info {float:left;border:none;}
.deal_box .item-wrap .item-cont .item-list .prd-info {width: calc(100% - 275px);box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0;padding: 0;padding: 13px 0 26px;padding-left: 24px;}
.deal_box .item-wrap .item-cont .item-list .thumb, .deal_box .item-wrap .item-cont .item-list .thumb img {width:275px;height:auto;border: none;}
.deal_box .item-wrap .item-cont .item-list .prd-info .prd-subname { display:none; }
.deal_box .item-wrap .item-cont .item-list .prd-name a { font-size:20px; color:#191919; font-weight:400; }
.deal_box .item-wrap .item-cont .item-list .prd-name {padding-right:30px;white-space:normal;line-height:1.5;height: 57px;}
.deal_box .item-wrap .item-cont .item-list .prd-price { margin-top:36px; }
.deal_box .item-wrap .item-cont .item-list .prd-price span { font-size:24px; }
.deal_box .item-wrap .item-cont .item-list .prd-price strike {font-size:18px;color: #767676;font-weight: 500;}
.deal_box .prd_arr_box {top: 53%;width: 1282px;}
.deal_box .prd_arr_box .prd_left.slick-arrow img, .oh_box .prd_arr_box .prd_left.slick-arrow img, .online_box .prd_arr_box .prd_left.slick-arrow img { display:none; }
li.time_li {background:url(/design/koharu01/phps/main/time_icon.png);background-repeat:no-repeat;background-position: left center;padding: 26px 0;padding-left: 40px;font-size: 20px;color: #E0695E;font-weight: 500;}
li.time_li .time_txt {font-size:33px;color:#E0695E;font-weight:800;margin-right: 6px;}

.video_box {  width: 1200px; margin: 0 auto; position:relative; padding-top:48px; }
.video_box .sub_vi_thumb {box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);width: 100%; margin-bottom:18px; position:relative; box-sizing:border-box; cursor:pointer; }
.video_box .sub_vi_thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); }
.video_box .sub_vi_thumb img { width:100%; }
.video_box .vi_li.swiper-slide-active .sub_vi_thumb, .video_box .vi_li.swiper-slide-next .sub_vi_thumb { opacity:1; border-bottom:4px solid #E0695E;   }
.video_box .vi_li.swiper-slide-active .sub_vi_thumb:after, .video_box .vi_li.swiper-slide-next .sub_vi_thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.0) url(/design/koharu01/phps/main/video_play_bt.png); background-position:center; background-repeat:no-repeat; background-size:60px; }
.video_box .tit_box { width:1200px; margin:0 auto; margin-bottom:18px; }
.video_box .sub_video { width:1200px; margin:0 auto; overflow:visible; }
.video_box .sub_video .slick-list { overflow:visible; }
.video_box .vi_li {
    margin-right: 34px;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 583px!important;
    margin-bottom: 0px;
    transition: .2s all;
}

.video_box .vi_li a { display:none; }
.video_box .vi_li.swiper-slide-active a, .video_box .vi_li.swiper-slide-next a { display:block; }


.video_box .sub_prd_name { font-size: 20px; letter-spacing: -0.025em; font-weight: 400; color: #191919; margin-bottom:7px; }
.video_box .price_span {font-size:24px;color:#191919;font-weight: 700;  margin-right:5px;}
.video_box .consu_span {font-size:18px;color:#767676;font-weight: 500;}
.video_box .per {font-size:24px;font-weight: 700;color:#E0695E;  margin-right:5px;}

.video_box .vi_li.swiper-slide-active {
    margin-left: 50px;
}

.video_box .vi_li.swiper-slide-next {
    margin-right: 84px!important;
}

.sub_inner.swiper-wrapper {
    margin-left: -50px;
}


.prd_arr_box .prd_left2 { float:left; cursor:pointer; }
.prd_arr_box .prd_right2 { float:right;  cursor:pointer; }

.video_box .prd_arr_box {
    width: 1300px;
    top: 50%;
}



.VideoBack {position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);z-index:999; display:none;}
.VideoBack .play_box {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: calc(100% - 34px);text-align: center;box-sizing: border-box;}
.VideoBack .play_box .video_close {cursor:pointer;width: 40px;display: block;margin: 0 auto;}
.VideoBack .play_box iframe {width: 850px;height: 480px;border:none;margin: 30px auto;}
.VideoBack .play_box a.prd_go_btn {background:#E0695E;padding:0 23px;color:#fff;font-weight:500;font-size: 18px;border-radius:50px;text-align:center;width: 300px;height: 54px;line-height: 54px;display: block;margin: 0 auto;}
.VideoBack .play_box a.prd_go_btn i{font-size: 23px;vertical-align:text-top;margin-top:0;margin-left:0;font-weight:600;}


.center_banner.swiper-container { width:1200px; padding-top: 60px; margin:0 auto; }
.center_banner .bottom_box {position: absolute;width: 87px;height:19px;bottom: 15px;right: 60px;z-index: 10;line-height: 19px;}
.center_banner .bottom_box .paginationGage, .center_banner .bottom_box .paginationWrap, .center_banner .bottom_box .arrow_bt {
    float: left;
}
.center_banner .bottom_box .arrow_bt { cursor:pointer; }
.center_banner .paginationWrap {padding:0 9px 0 15px;height: 19px;border-radius:15px;z-index:50;}
.center_banner .paginationWrap .center_spot-pagination {display:inline-block;padding-right:4px;position:relative;width:auto;font-size: 16px;color: rgba(255,255,255,.8);font-weight: 500;height: 19px;margin: 7px 0;}
.center_banner .paginationWrap .center_spot-pagination span {margin: 0 2px;}
.center_banner .paginationWrap span.swiper-pagination-current { color: rgba(255,255,255,1);  font-weight: bold;}
.center_banner .paginationWrap .spot-button-prev,
.center_banner .paginationWrap .spot-button-next { display:inline-block; margin-top:0; padding:0 4px; position:relative; top:0; left:0; width:auto; height:auto; font-size:12px; color:#fff; line-height:29px; background:none; vertical-align:top }
.center_banner .paginationWrap .spot-button-prev:after { position:absolute; top:9px; right:-2px; width:1px; height:10px; background:rgba(255,255,255,0.3); content:'' }



.magazine_box { width:1200px; padding-top:60px; margin:0 auto; padding:48px 0 38px 0; }
.magazine_box .tit_box h1 { font-family:'Noto Sans KR'; }
.magazine_box .tit_box a { bottom:0; }
.magazine_tab {  }
.magazine_tab ul { overflow:hidden; border-bottom:1px solid #EDEDED; box-sizing:border-box; }
.magazine_tab ul li { float:left; font-size:18px; color:#767676; letter-spacing:-0.025em; font-weight:400; padding-bottom:15px; position:relative; margin-right:30px; border-bottom:3px solid #fff; cursor:pointer; }
.magazine_tab ul li.sel_on { color:#E0695E; border-bottom:3px solid #E0695E; }
.magazine_list .list_box { padding-top: 18px; }
.magazine_list .list_box .board_title { font-size:16px; font-weight:400; color:#999; letter-spacing:-0.025em; padding-bottom:18px; }

.magazine_list .list_box .list_inner { overflow:hidden; }
.magazine_list .list_box .list_inner .board_cont { width: 288px; float: left; margin-right:16px; margin-bottom:16px; }
.magazine_list .list_box .list_inner .board_cont:nth-of-type(4n) { margin-right:0; }
.magazine_list .list_box .list_inner .board_cont .board_cont_img {width:100%;/* height:165px; */overflow:hidden;}
.magazine_list .list_box .list_inner .board_cont img {width:100%;/* margin-top: -61px; */}

.magazine_list .list_box.b_type .list_inner .board_cont {width: 380px;float: left;margin-right: 30px;margin-bottom:30px;}
.magazine_list .list_box.b_type .list_inner .board_cont:nth-of-type(3n) { margin-right:0; }
.magazine_list .list_box.b_type .list_inner .board_cont .board_cont_img {width:100%;/* height: 225px; */overflow:hidden;}
.magazine_list .list_box.b_type .list_inner .board_cont img {width:100%;/* margin-top: -79px; */}

.magazine_list .list_box.a_type .list_inner .board_cont:nth-of-type(4n) { margin-right:16px; }
.magazine_list .list_box.a_type .list_inner .board_cont:nth-of-type(3), .magazine_list .list_box.a_type .list_inner .board_cont:nth-of-type(5), .magazine_list .list_box.a_type .list_inner .board_cont:nth-of-type(9) { margin-right:0; }
.magazine_list .list_box.a_type .list_inner .board_cont:first-of-type { width:592px; }
.magazine_list .list_box.a_type .list_inner .board_cont:first-of-type .board_cont_img {/* height:340px; */}
.magazine_list .list_box.a_type .list_inner .board_cont:first-of-type .board_cont_img img {/* margin-top: -126px; */}
.board_cont_text { padding-top:16px; }
.board_cont_text .title {font-size:15px;color:#191919;font-weight:400;line-height:1.3;letter-spacing:-0.025em; height:30px;}
.magazine_list .list_box.a_type .list_inner .board_cont:first-of-type .board_cont_text .title { font-size:20px; }
.board_cont_text .content {display:none;font-size: 16px;color: #767676;font-weight: 400;line-height: 1.5;padding: 10px 0 12px 0;}
.magazine_list .list_box.a_type .list_inner .board_cont:first-of-type .board_cont_text .content { display:block; }
.board_cont_text .hit {padding-left: 27px;background:url(/design/koharu01/phps/main/hit_icon.jpg) no-repeat;background-position: left 1px;padding-bottom: 4px;font-size: 14px;color: #767676;font-weight: 400;}

.icon_box {position:absolute;top: -12px;left:12px; z-index: 11;}
.item-wrap .item-cont .item-list .bottom_info {width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box; position:relative; padding-bottom:20px; height: 193px;}
.item-wrap .item-cont .item-list .bottom_info img { display:inline-block;vertical-align: middle;margin-top: -3px; }

.oh_outer { width:100%; background:#f5f5f5; padding: 48px 0; }
.oh_outer .oh_box { width:1200px; margin:0 auto; position:relative; }
.oh_outer .oh_box .item-wrap .item-cont .item-list {border:1px solid #ededed;box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;margin-bottom: 0;}
.oh_outer .oh_box .item-wrap .item-cont .item-list .bottom_info {background:#fff;padding: 0 12px;padding-bottom: 20px; height: 193px;}
.oh_outer .oh_box .item-wrap .item-cont .item-list:nth-of-type(4n) { margin-right:34px; }
.oh_outer .oh_box .item-wrap .item-cont .item-list .prd-info {box-sizing:border-box;-webkit-box-sizing:border-box;width: 100%;}
.oh_outer .oh_box .item-wrap .item-cont .item-list .bottom_info img {display:inline-block;vertical-align: middle;margin-top: -3px;}
.oh_outer .oh_box .slick-list { padding-bottom:15px; }
.oh_box .prd_arr_box {width: 1282px;top: 29%;}




.hot_box { width:1200px; margin:0 auto; position:relative; padding-top:48px;}
.bg_wrapper { width: 100%; padding: 5px 0; background: #f5f5f5;margin-top: 30px; }
.hot_box .item-wrap .item-cont .item-list { border:1px solid #ededed; box-sizing:border-box; -webkit-box-sizing:border-box; height:auto; }
.item-wrap .item-cont .item-list .bottom_info {background:#fff;padding: 0 12px; padding-bottom:20px; }
.hot_box .item-wrap .item-cont .item-list .prd-info {box-sizing:border-box;-webkit-box-sizing:border-box;width: 100%;}

.catePrdArea .catePrdNavArea .catePrdNav { width:1200px; background:#fff; position:relative; }
.catePrdArea .catePrdNavArea .catePrdNav.fix { position:fixed; top:72px; left:50%;  z-index:199; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform:translateX(-50%);  -o-transform: translateX(-50%);  -moz-transform: translateX(-50%); }
.catePrdWrap { width:1200px; margin:0 auto; padding-top: 100px; }

.catePrdWrap .catePrdNav .prd_arr_box {display:none;width: 1280px;top: 8%;z-index: 10;}
.catePrdNav .swiper-slide { width:120px; }
.catePrdNav .swiper-slide .cateTab {width: 100%;height:94px;text-align: center;border-right:1px solid #ededed;position:relative;padding:12px 0; box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer;}
.catePrdNav .swiper-slide:last-of-type .cateTab { border-right:none; }
.catePrdNav .swiper-slide .cateTab.on:after {content:'';position:absolute;top: 0;left:0;width:100%;height: 94px;border:2px solid #E0695E;box-sizing: border-box;-webkit-box-sizing: border-box;}
.catePrdNav { border:1px solid #ededed;  }
.catePrdNav .swiper-slide .cateTab span {padding:22px; display:block; font-size:18px; color:#191919; font-weight:400; }
.catePrdNav .swiper-slide .cateTab.on span {  color:#E0695E; font-weight:500; }
.catePrdNav .swiper-slide .cateTab .ico { margin-bottom:5px; width:100%; height:50px; background-position:center bottom!important; background-repeat:no-repeat!important; }


.catePrdNav .swiper-slide .cateTab .ico.ico1 { background:url(/design/koharu01/phps/main/cate_ico1.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico2 { background:url(/design/koharu01/phps/main/cate_ico2.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico3 { background:url(/design/koharu01/phps/main/cate_ico3.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico4 { background:url(/design/koharu01/phps/main/cate_ico4.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico5 { background:url(/design/koharu01/phps/main/cate_ico5.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico6 { background:url(/design/koharu01/phps/main/cate_ico6.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico7 { background:url(/design/koharu01/phps/main/cate_ico7.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico8 { background:url(/design/koharu01/phps/main/cate_ico8.png); }
.catePrdNav .swiper-slide .cateTab .ico.ico9 { background:url(/design/koharu01/phps/main/cate_ico9.png); background-position: center 60%!important; }
.catePrdNav .swiper-slide .cateTab .ico.ico10 { background:url(/design/koharu01/phps/main/cate_ico10.png); }

.catePrdWrap .catePrdList { overflow:hidden; }
.catePrdWrap .item-wrap { width: 990px; float: right; overflow:visible;}
.catePrdWrap .item-wrap .item-list { width:234px; margin-right:18px!important; margin-bottom:0; }
.catePrdWrap .item-wrap .item-list .thumb, .catePrdWrap .item-wrap .item-list .thumb img.thumbImg { height:234px; }
.catePrdWrap .item-wrap {position:relative;padding-bottom: 40px;}
.catePrdWrap .item-wrap .prd_arr_box {width: 955px;top: 25%;display:none;z-index: 10;}
.catePrdWrap .item-wrap .prd_arr_box>div img { width:16px; }
.catePrdArea .catePrdListArea {padding:48px 0 0;}
.catePrdWrap .item-wrap:hover .prd_arr_box { display:block; }
.catePrdWrap .item-wrap .item-cont {  overflow: visible; }

.cateTitle_box { width:161px; float:left; text-align:right; }
.cateTitle_box h1 { font-size:24px; color:#191919; font-weight:600; letter-spacing:-0.025em; }
.cateTitle_box ul {margin-top:30px;float: right;}
.cateTitle_box ul li {height:30px;border:1px solid #dbdbdb;border-radius:50px;margin-bottom:10px;width: max-content;float:right; transition:.2s all;}
.cateTitle_box ul li a {text-align:center;line-height:30px;display:block;font-size:14px;font-weight:400;letter-spacing:-0.025em;color:#767676;padding: 0 15px; transition:.2s all;}
.cateTitle_box ul li:hover { border-color:#8BC0FF; background:#E9F3FF;}
.cateTitle_box ul li:hover a { color:#2680EB; }

.cateTitle_box ul li.more_icon { width:105px; background:#f5f5f5; }
.cateTitle_box ul li.more_icon:hover { border-color:#dbdbdb; }
.cateTitle_box ul li.more_icon:hover a { color:#999; }
.cateTitle_box ul li.more_icon a { font-size:14px; color:#999; }
.cateTitle_box ul li.more_icon img {margin-top: -4px;margin-right: 5px;}


.catePrdWrap ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: -20px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #e8e8e8;
    width: calc(100% - 34px);
    height: 3px;
}

.catePrdWrap ul.slick-dots li {
    float: left;
    display: inline-block;
}

.catePrdWrap ul.slick-dots li {
    width:calc(100% / 12);
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 3px;
    background: #ededed;
    z-index: 9;
    opacity: 1;
}

.catePrdWrap ul.slick-dots li.slick-active, .catePrdWrap ul.slick-dots li.slick-active button {
    background: #191919;
}

.catePrdWrap ul.slick-dots li button {
    height: 100%;
    width: 100%;
    background: #ededed;
}



.online_box { width:1200px; padding:48px 0; margin:0 auto; position:relative; }
.online_box .tit_box h1 { font-family:'Noto Sans KR'; }
.online_box .tit_box a { bottom:0; }

.online_list .board_inner { overflow:hidden; }
.online_list .board_inner .online_board {width: 384px;float: left;margin-right:21px;margin-bottom:16px;border: 1px solid #ededed;}
.online_list .board_inner .online_board .online_board_img {width:100%;overflow:hidden;}
.online_list .board_inner .online_board img {width:100%;}

.online_board_text {padding: 13px 17px;}
.online_board_text .title {font-size:18px;color:#191919;font-weight:400;line-height:1.3;letter-spacing:-0.025em;}
.online_board_text .content {display:none;font-size: 15px;color: #767676;font-weight: 400;line-height: 1.4;padding-top: 10px;}
.online_list .board_inner .online_board .online_board_text .content { display:block; }
.online_board_text .hit {padding-left: 27px;background:url(/design/koharu01/phps/main/hit_icon.jpg) no-repeat;background-position: left 1px;padding-bottom: 4px;font-size: 14px;color: #767676;font-weight: 400;margin-top: 17px;}

.online_box .prd_arr_box { width:1282px; top:32%; }


/* ¸ÞÀÎ ºñÁê¾ó ¿µ¿ª */
#spotArea {margin:0 auto;padding-left:180px;position:relative;width: 1019px;height:460px;overflow:hidden;border-right: 1px solid #eee;}
#spotArea .spotBox { position:relative; width:100%; height:460px }
#spotArea .spotBox .bx-wrapper { margin:0 auto; position:relative }
#spotArea .spotBox .bx-wrapper .bx-viewport { height:414px !important }
#spotArea .spotBox .bx-wrapper .list a { vertical-align:top }
#spotArea .spotBox .bx-wrapper .list img { width:100% }
#spotArea .spotBox .controlArea {position:absolute;top:360px;right:20px;width:130px;height:38px;border-radius:25px;background:rgba(0,0,0,0.5);z-index: 98;}
#spotArea .spotBox .controlArea .pagerCustom { padding-left:25px; font-size:14px; color:#fff; line-height:38px }
#spotArea .spotBox .controlArea .pagerCustom .nowPager { font-weight:bold }
#spotArea .spotBox .bx-controls { position:absolute; top:360px; right:29px; text-align:center; z-index:99 }
#spotArea .spotBox .bx-controls-direction {}
#spotArea .spotBox .bx-controls-direction a { display:inline-block; position:relative; width:30px; height:38px; font-size:20px; color:#fff; line-height:38px }
#spotArea .spotBox .bx-controls-direction a.bx-next:after { content:''; position:absolute; top:11px; left:0; width:1px; height:16px; background:#a6a6a6 }
#spotArea .spotBox .bx-controls-direction a.bx-next{ width:34px }
.spotPagerArea { width:1019px; height:44px; border-top:1px solid #eee; border-bottom:1px solid #ccc; background:#fff }
#spotPager { display:table; width:100%; table-layout:fixed }
#spotPager li { display:table-cell; height:40px }
#spotPager li a { display:block; font-size:14px; color:#555; height:44px; line-height:44px; text-align:center; border-left:1px solid #eee }
#spotPager li:first-child a { border-left:0 }
#spotPager li a.active { height:42px; color:#e0695e; border-bottom:3px solid #e0695e }

/* ¸ÞÀÎ ¸Þ´º ¿µ¿ª */
#spotArea .allMenuBox{ position:absolute; top:0; left:0; z-index:60 }
#spotArea .allMenuBox .oneDepthArea { display:block !important; width:180px; background:#454545 }
#spotArea .allMenuBox .oneDepthArea > li {  }
#spotArea .allMenuBox .oneDepthArea > li.active,
#spotArea .allMenuBox .oneDepthArea > li:hover {}
#spotArea .allMenuBox .oneDepthArea > li > a { display:block; padding:0 19px 0 57px; position:relative; height:45px; font-size:14px; color:#454545; font-weight:bold; line-height:45px; border-bottom:1px solid #ddd; background:#fff }
#spotArea .allMenuBox .oneDepthArea .cicon{}
#spotArea .allMenuBox .oneDepthArea > li.active > a,
#spotArea .allMenuBox .oneDepthArea > li:hover{ background:#f5f9fe }
#spotArea .allMenuBox .oneDepthArea > li > a {border-left: 1px solid #eee; border-right: 0px solid #eee;}
#spotArea .allMenuBox .subDepthArea { display:none; position:absolute; top:0; left:180px; bottom:0; width:200px; height:458px; border:1px solid #aaa; background:#fff }
#spotArea .allMenuBox .subDepthArea .subDepthName { padding:15px 0px; width:100%; text-align:center; font-size:24px; font-weight:bold }
#spotArea .allMenuBox .depth2 { width:160px }
#spotArea .allMenuBox .depth2 > li {  }
#spotArea .allMenuBox .depth2 > li > a { display:block; padding-left:15px; height:32px; font-size:16px; font-weight:bold; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden  }
#spotArea .allMenuBox .depth2 > li.active > a,
#spotArea .allMenuBox .depth2 > li:hover > a { color:#e0695e; }
#spotArea .allMenuBox .twoDepthArea { padding-left:20px; position:relative; }
#spotArea .allMenuBox .threeDepthArea { display:none; position:absolute; top:0; left:180px; width:160px }
#spotArea .allMenuBox .threeDepthArea > li > a { margin-left:20px; font-size:16px; color:#555; line-height:32px }
#spotArea .allMenuBox .threeDepthArea > li > a:hover { border-bottom:1px solid #555 }
#spotArea .allMenuBox .twoDepthArea > li.active .threeDepthArea { display:block }

/* ¸ÞÀÎ Å¸ÀÌÆ² */
.mainTitle { margin-top:95px; position:relative; font-size:24px; font-family:'NanumBarunGothic', Dotum, AppleGothic, Helvetica, sans-serif !important; font-weight:bold; text-align:center }
.mainTitle:after { content:''; position:absolute; top:15px; left:0; right:0; width:1200px; height:1px; background:#ddd; z-index:-1 }
.mainTitle span { display:inline-block; width:260px; line-height:30px; background:#fff; z-index:1 }
.mainTitle3 h3 { display:inline-block; position:relative; font-size:15px; color:#999; font-weight:bold; font-family:'NanumBarunGothic', Dotum, AppleGothic, Helvetica, sans-serif !important; z-index:5; padding-bottom:20px; padding-right:15px; }

/* ¿À´ÃÀÇ ÃßÃµ »óÇ° */
.todayRecmdWrap { margin:0 auto; width:1200px }
.todayRecmdWrap .todayPrdArea { padding-top:25px; position:relative; height: 750px !important; overflow:hidden }
.todayRecmdWrap #todayPager { padding-bottom:39px; position:relative; text-align:center }
.todayRecmdWrap #todayPager ul { font-size:0 }
.todayRecmdWrap #todayPager li { display:inline-block; padding:0 10px }
.todayRecmdWrap #todayPager li a { display:block; width:195px; height:46px; font-size:20px; color:#888; text-align:center; line-height:46px; border:2px solid #ddd; border-radius:46px }
.todayRecmdWrap #todayPager li a.active { color:#e0695e; border:2px solid #e0695e }
.todayRecmdWrap .listWrap .listCont .listItem dt { height:180px }
.todayRecmdWrap .listWrap .listCont .listItem dt .thumbImg {margin-top: -51px;width:100%;}
.todayRecmdWrap .listWrap .listCont .listItem .stPrice {height: 18px;}
.todayRecmdWrap .listWrap .listCont .listItem .listInfo .prdName {font-size:17px;}
.todayRecmdWrap .bx-controls-direction { position:absolute; top:427px; left:0; right:0 }
.todayRecmdWrap .bx-controls-direction a { position:absolute; top:0; width:60px; height:60px; font-size:60px; color:#a3a3a3; text-align:center; line-height:50px }
.todayRecmdWrap .bx-controls-direction a.bx-prev { left:-80px }
.todayRecmdWrap .bx-controls-direction a.bx-next { right:-80px }


/* º£½ºÆ® 30 */
.bestProduct .mainTitle { margin:80px 0 40px }
.bestProduct .mainTitle:after { content:''; position:absolute; top:13px; left:0; right:0; width:1550px; height:1px; background:#ddd; z-index:-1 }

/* ¸®ºù²ÜÆÁ */
.livingTip { margin:0 auto; width:1200px; position:relative }
.livingTip .mainTitle { margin-top:125px }
.livingTip .commonTab { padding-top:45px; position:relative; height:49px; border-bottom:1px solid #aaa }
.livingTip .commonTab ul { *zoom:1 }
.livingTip .commonTab ul:after { display:block; clear:both; content:'' }
.livingTip .commonTab li { float:left; width:20% }
.livingTip .commonTab li a { display:block; height:48px; font-size:16px; color:#888; text-align:center; line-height:48px; border:1px solid #ddd; border-left:0; border-bottom:0 }
.livingTip .commonTab li a.first { border-left:1px solid #ddd }
.livingTip .commonTab li a.active { margin-top:-2px; color:#101010; font-weight:bold; border-top:3px solid #e0695e; border-bottom:1px solid #fff }
.livingTip .livingArea { padding-top:40px; position:relative; overflow:hidden }
.livingTip .livingArea .livingCont { width:1220px; *zoom:1 }
.livingTip .livingArea .livingCont:after { display:block; clear:both; content:'' }
.livingTip .livingArea .livingCont .item-list { padding:0 20px 27px 0; float:left; width:285px }
.livingTip .livingArea .livingCont .item-list .thumb {width:283px;height: 187px;border:1px solid #ededed;overflow:hidden;}
.livingTip .livingArea .livingCont .item-list .thumb img {margin-top: -49px;width:100%;}
.livingTip .livingArea .livingCont .item-list .thumb span.noimg{ display: block; width:283px; height:168px; text-align: center; font-size:16px; line-height:168px; background-color:#e0e0e0; }
.livingTip .livingArea .livingCont .item-list dd { padding-top:10px; text-align:center }
.livingTip .livingArea .livingCont .item-list dd .prd-title { padding:0 10px; font-size:16px; line-height:20px }
.livingTip .livingArea .livingCont .item-list dd .prd-view { padding-top:7px; font-size:14px; color:#999 }
.livingTip .livingArea .livingCont .item-list dd .prd-view span.view { vertical-align:top }
.livingTip .productMore { padding-top:20px }
.livingTip .livingArea .bx-wrapper {height :400px;}

/* HOT Å°¿öµå */
.hotKeyword { margin:0 auto; width:1200px; position:relative }
.hotKeyword .mainTitle { margin-top:140px }
.hotKeyword .keywordTabArea { padding:35px 0 40px; text-align:center }
.hotKeyword .keywordTabArea .link { display:inline-block; margin:0 10px; width:195px; height:46px; font-size:16px; color:#888; text-align:center; line-height:46px; border:2px solid #ddd; border-radius:46px; vertical-align:top; cursor:pointer; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
.hotKeyword .keywordTabArea .link.on, 
.hotKeyword .keywordTabArea .link:hover { color:#e0695e; border:2px solid #e0695e }
.hotKeyword .bannerListWrap { position:relative; height:300px }
.hotKeyword .bannerArea.middleBanner .link { display:block; position:relative; height:300px; text-align:center; overflow:hidden; z-index:1 }
.hotKeyword .bannerArea.middleBanner img { width:100% }
.hotKeyword .bannerListWrap .bannerArea { position:absolute; top:0; left:0; right:0; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.hotKeyword .bannerListWrap .bannerArea.on { visibility:visible; opacity:1 }

/* md's pick */
.slidePrdWrap { margin-top:95px; position:relative; min-width:1200px; background:#f7f7f7 }
.slidePrdWrap .slidePrdContent { margin:0 auto; padding:75px 0 70px; width:1200px }
.slidePrdWrap .slidePrdTitle { position:relative; text-align:center }
.slidePrdWrap .slidePrdTitle h2 { display:inline-block; position:relative; width:260px; font-size:24px; font-weight:bold; font-family:'NanumBarunGothic', Dotum, AppleGothic, Helvetica, sans-serif !important; background:#f7f7f7; z-index:5 }
.slidePrdWrap .slidePrdTitle .line { position:absolute; top:13px; left:0; right:0; width:1200px; height:1px; background:#ddd }
.slidePrdWrap .slidePrdArea { padding-top:35px; position:relative; height:0; overflow:hidden }
.slidePrdWrap .item-list { margin-right:20px; position:relative; width:273px; overflow:hidden }
.slidePrdWrap .item-list dt { position:relative; width:273px }
.slidePrdWrap .item-list dt img { width:273px; height:273px; border-radius:100% }
.slidePrdWrap .item-list dt .sales { position:absolute; top:0; right:0; width:64px; height:64px; font-size:22px; color:#fff; font-weight:bold; text-align:center; line-height:64px; border-radius:100%; background:#e0695e; z-index:10 }
.slidePrdWrap .item-list dt .sales:after { content:''; position:absolute; top:46px; left:0; width:13px; height:13px; background:url(/design/koharu01/phps/main/mdpick_sales.png) 0 0 no-repeat }
.slidePrdWrap .item-list .item-info { padding:0 25px }
.slidePrdWrap .item-list .item-info .prdName { padding-top:15px; font-size:14px; text-align:center }
.slidePrdWrap .item-list .item-info .prdName a { display:block; height:39px; font-size:14px; line-height:20px; -webkit-line-clamp:2; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden }
.slidePrdWrap .item-list .item-info .prdPrice { padding-top:8px; text-align:center }
.slidePrdWrap .item-list .item-info .prdPrice strike { font-size:14px; color:#999 }
.slidePrdWrap .item-list .item-info .prdPrice .price { display:block; font-size:22px }
.slidePrdWrap .item-list .item-info .prdPrice .price .won { font-size:18px }
.slidePrdWrap .bx-controls-direction { position:absolute; top:140px; left:0; right:0 }
.slidePrdWrap .bx-controls-direction a { position:absolute; top:0; width:60px; height:60px; font-size:60px; color:#cbcbcb }
.slidePrdWrap .bx-controls-direction a.bx-prev { left:-80px }
.slidePrdWrap .bx-controls-direction a.bx-next { right:-80px }

#detailpage{top:5% !important;}
.item-wrap .item-cont .item-list .thumb .idxIco {background: #adadad; color: #fff; position: absolute;  width: 50px;  height: 50px;  text-align: center;  font-size: 16px;  z-index:1; line-height: 50px;  font-weight: bold; }
.item-wrap .item-cont .item-list .thumb .idxBest{background: #f5c74d}
.hot_box .item-wrap .item-list .thumb .idxIco_2 {display:none;}

#eapps-instagram-feed-1 a, #eapps-instagram-feed-popup-1 a { font-size: 22px; }

.elfsight-app-ab325569-98d2-41c3-9ec3-78814ad23085.insta-slide .eapps-instagram-feed-container {
    width: 1200px;
    margin: 0 auto;
}




/* BASIC css end */

