/* BASIC css start */
/* 최상단 공지 색상변경 */
#MS_scroll_text_container a {color:#000000;}


/******************************************************* Main *******************************************************/

#maincontents{width:100%;} /* 메인단독 */
.mainCon{margin-top:60px !important; position:relative;}
.titleArea.maintit{margin-bottom:30px;}


.main_rc_wrapper {text-align: center; margin-top:200px;}
.main_rc_wrapper .titleArea h5 {padding:20px 0}
ul.main_list {max-width: 1230px; margin:0 auto; font-size:0; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px 10px;}
ul.main_list li.main_item {position: relative; width: calc((100% - 30px) / 4); display: flex; flex-direction: column; gap: 16px;}
ul.main_list li.main_item h6,
ul.main_list li.main_item p,
ul.main_list li.main_item strike{font-size: 12px; line-height: 22px}
ul.main_list li.main_item img {width: 100%; height: auto;}
ul.main_list li.main_item ul.prd_info{margin: 0; text-align: left; font-size: 12px; opacity: 1; display: flex; flex-direction: row; flex-wrap: wrap; position: relative; padding-left: 16px;}
ul.main_list li.main_item ul.prd_info li{width: 100%}
ul.main_list li.main_item ul.prd_info li p.prd-consumer{text-decoration: line-through;}


ul.main_list li.main_item ul.prd_info li.prd_wish{position: absolute; top: 1px; right: 27px; width: fit-content}
ul.main_list li.main_item ul.prd_info li.prd_wish span.my-wish-list .fa-heart{display: block;}
ul.main_list li.main_item ul.prd_info li.prd_wish span.my-wish-list .fa-heart-o{display: none;}
ul.main_list li.main_item ul.prd_info li.prd_wish span.my-wish-list.wish-on .fa-heart{display: none;}
ul.main_list li.main_item ul.prd_info li.prd_wish span.my-wish-list.wish-on .fa-heart-o{display: block;}


/* 메인 슬라이드배너 */
#mainBanner{position: relative; width:100%; max-width: 1400px; min-width: 1250px; margin: 0 auto; }
.bx-wrapper .bx-pager{bottom:50px !important;}
.bx_01 .bx-wrapper .bx-pager.bx-default-pager a{background: rgba(214, 214, 214, 0.8) !important; width:60px !important; height:2px !important; border:0  !important; border-radius:0 !important; margin:0!important;}
.bx_01 .bx-wrapper .bx-pager.bx-default-pager a.active{    background: rgba(45, 45, 45, 0.8) !important;}

/* ◆0~1600px◆ */
@media screen and (max-width:1600px){
    #mainBanner{width:1250px;}
    .w_1400{width:1250px;}
}


/* _bxSlider */
.bx_01{position:relative;}
.bx_01 .bx_slider{width:100%;}

/*
.bx_01 #bx-pager{position:absolute; top:65px; left:70px; display: none; } /*위치*/
.bx_01 #bx-pager a{display:block; float:left; font-size:16px; height:30px; width:34px; letter-spacing:1px; color:#333; opacity: 0.7; font-family:'Cardo', 'Jeju Myeongjo', serif; vertical-align: bottom; text-align:center; line-height:36px; transition:0.3s; cursor:pointer;} /*버튼디자인*/
.bx_01 #bx-pager a:hover,
.bx_01 #bx-pager a.active{opacity:1; font-size:28px; line-height:28px;}
*/


#maincontents .main_2row_wrapper .main_2row_left { max-width:560px !important; }


/* //메인 슬라이드배너 */


/* 상단배너(회사소개) */
#ban_about{padding-bottom:50px; position:relative;}
#ban_about:after{content:""; display:block; clear:both;}
#ban_about .imgArea{float:left; width:564px; height:705px; border:1px solid #edebe8; }
#ban_about .imgArea img{width:100%; margin: 20px 0 0 20px;}
#ban_about .imgArea p{text-align:right; margin-top:12px; margin-right:-23px; letter-spacing: 1px; }
#ban_about .txtArea{position:absolute; top:240px; right:20px; text-align:left;}
#ban_about .txtArea h2{color:#edebe8; font-size: 75px; line-height:55px; letter-spacing:2px; font-weight:normal;}
#ban_about .txtArea h2 span{color:#333; font-size:100px; padding-left:170px;}
#ban_about .txtArea .info{line-height:24px; letter-spacing: 0.5px; margin-top:71px; font-size:13px;}
#ban_about .txtArea .btn{margin-top: 65px;}
#ban_about .txtArea .btn:hover{margin-top: 60px;}
/* //상단배너(회사소개) */


/* 중간배너 */
#ban_middle{padding-top:60px;}
#ban_middle .bg{width:100%; height:380px; background: #fcfaf7; position:relative; overflow:hidden;}
#ban_middle .ban_middle_in{width:83%; max-width:1400px; margin:0 auto; height:380px; position:absolute; top:60px; left:0; right:0; margin-right:auto; margin-left:auto;}
#ban_middle .ban_middle_in .rightimg{position:absolute; top:-60px; right:0;}
#ban_middle .ban_middle_in .textbox{display:block; text-align:left; position:absolute; top:110px; letter-spacing:0.5px;}
#ban_middle .ban_middle_in .textbox h3{font-size:38px; padding-bottom:20px; box-sizing:border-box;  width:600px;}
#ban_middle .ban_middle_in .textbox p{font-size:14px; line-height:22px;}
#ban_middle .ban_middle_in .textbox p span{text-decoration:underline;}
/* //중간배너 */


/* 추천상품 */
/* _bxSlider */
.bx_02{position:relative;}
.bx_02 .bx_slider{width:100%;}
.bx_02 .bx_slider li{height:400px;}

.bx_02 .bx-wrapper .bx-controls-direction{width:100%; position:absolute; left:0; top:45%;}
.bx_02 .bx-wrapper .bx-controls-direction a{display:inline-block; width:147px; height:31px; text-indent:-9999px; transition: all 0.25s ease-in-out; z-index:99 !important;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev{background: url('/design/lolboi/onedesign/images/arrow_left.png') no-repeat; top:0; left:25px;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-next{background: url('/design/lolboi/onedesign/images/arrow_right.png') no-repeat; top:0; right:25px;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev:hover{left:0;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-next:hover{right:0;}

/* _상품정보 */
#prd_slide:after{content:""; display:block; clear:both;}
#prd_slide .item{padding-bottom:0;}
#prd_slide .thumbnail{position:absolute; left:200px; margin:0; max-width:700px;}

#prd_slide .prd-info{position:absolute; left:850px; top:100px;}
#prd_slide .prd-info .prd-name{display:block; font-size:42px !important; font-family:'Cardo', 'Jeju Myeongjo', serif; font-weight:normal; color:#333; line-height: 50px; }
#prd_slide .prd-info .prd-subname{margin-top:60px; line-height:24px; letter-spacing: 0.5px; font-size:13px;}
#prd_slide .prd-info .btn{margin-top:35px;}
#prd_slide .prd-info .btn:hover{margin-top:30px;}

/* ◆0~1600px◆ */
@media screen and (max-width:1600px){
    .bx_02 .bx_slider li{height:335px;}
    #prd_slide .thumbnail{max-width:600px;}
    #prd_slide .prd-info{left:700px; top:80px;}
    #prd_slide .prd-info .prd-subname{margin-top:40px; }
    #prd_slide .prd-info .btn{margin-top: 25px;}
    #prd_slide .prd-info .btn:hover{margin-top: 20px;}
}
/* //추천상품 */
/* BASIC css end */