#lo_main {max-width: 100% !important; margin-bottom: 0; padding: 0 !important}

h2 {font-size:2.375em; font-weight: 700; color:#000; text-align: center;}

.bg_red {background:#fdf1f2; color:#df1b38 !important; border-radius: 5px; cursor: pointer;}
.bg_red:hover {background:#f04768; color:#fff !important;}
.bg_gray {background:#f5f5f5; color:#000000; border-radius: 5px; cursor: pointer;}

/* 제품진열 layout */
.item-wrap {margin-top:40px; display: flex; gap:26px;}
.item-wrap .item {position: relative; flex:1 1 20%; max-width: 301px;}
.item-wrap .item .img {background:#fff; border:1px solid #e4e4e4; width:300px; height:300px; overflow: hidden;}
.item-wrap .img a {display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
.item-wrap .label {position: absolute; top:5px; left:5px;}
.item-wrap .tit {font-size:1.25em; color:#000; height:47px; margin:26px 0 28px 0;}
.item-wrap.sale .tit {height: auto; margin:0px 0 8px 0;}
.item-wrap .tit span.t {height:65px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.price_w .through {display: none;}
.price_w .price {font-weight: 700;}
.item-wrap.default .btns {display: flex; gap:4px; margin-top:5px;}
.item-wrap.default .btns > * {flex:1 1 auto;}
.item-wrap.default .btns .bg_red {padding:10px 0; display: block; width:100%; text-align: center;}
.item-wrap.default .btns .bg_gray {padding:10px 0; display: block; width:100%; text-align: center;}
.item-wrap.default .tit .cate {color:#00891a; font-size:1.1em;}
.item-wrap.default .tit .t {color:#000000; font-size:1.1em;}
.item-wrap.default .descript span {display: block; }
.item-wrap.sale .item .tag_dis {position: absolute; left:0; top:0; width:80px; height:80px; display: flex; justify-content: center; align-items: center; color:#fff; font-size:1.675em; font-weight: 700; background:#e61328;}
.item-wrap.sale .price_w {display: flex; align-items: center; margin-top:25px;}
.item-wrap.sale .price_w .discout {color:#ea333e; font-size:1.5em; font-weight: 700; margin-right:20px;}
.item-wrap.sale .price_w .price {font-size:1.5em; display: inline-block; margin-right:20px; letter-spacing:-.097em;}
.item-wrap.sale .price_w .through {display: block; color:#a1a1a1; font-size: 0.83em;}

#main_visua l{overflow: hidden; position: relative; width:100%;}
#main_visual .inner {position: relative; width: 100%; overflow: hidden; display: flex; gap:4px;}
#main_visual .inner .s {overflow: hidden; width:100%; max-width:1018px; font-size:0; line-height: 0; padding:0; margin:0;} /**/
#main_visual img {width: 100%; height:100%; display: block;margin: 0 auto; max-width: inherit !important;}
#main_visual .slick-slide {margin:0; overflow: hidden;}
#main_visual .slick-slide img {margin-bottom:-2px;}
#main_visual .slick-dots{position: absolute; letter-spacing: 0; width: 100%;font-size: 0;text-align: center; bottom:20px;}
#main_visual .slick-dots li{width: 13px;height: 13px;margin: 0 5px; background:rgba(0, 0, 0, 0.2);}
#main_visual .slick-dots .slick-active {background:#f04768;}

#main_visual .pager {position: absolute; display: flex; right: 290px; bottom: 62px;}
#main_visual .pager .btn_prev3 {cursor: pointer; padding-right:28px; margin-right:28px; border-right:1px solid rgba(113, 113, 113, .5);}
#main_visual .pager .btn_next3 {cursor: pointer;}

#main_visual .main_wrap {display: flex; gap:4px;}
#main_visual .main_lft {display: flex; flex-direction: column; gap:4px;}
#main_visual .main_rgh {display: flex; flex-direction: column; gap:4px;}

#m01 {padding:15px 0 46px 0;}
#m01 .inner {display: flex; gap:20px;}
#m01 .inner .link_item {flex:1 1 16.666%;}
#m01 .inner .link_item a:hover img {transform: scale(1.1);}
#m01 .inner .img_wrap {display: flex; justify-content: center; align-items: center; height:200px; background:#eeeeee; border-radius: 5px;}
#m01 .inner .txt_wrap {font-size:1.25em; color:#000; margin-top:15px; text-align: center;}

#m02 {background:#f4f4f4; padding:29px 0 35px 0;}
#m02 .inner {position: relative;}
#m02 .item-wrap {margin-top:30px; display: block;}
#m02 .slick-slide {margin: 0 13px;}
#m02 .slick-list {margin: 0 -13px;}
#m02 .slick-dots {margin-top:30px;}
#m02 .slick-dots li {width:13px; height:13px; background:#c3c3c3; margin:0 5px;}
#m02 .slick-dots .slick-active {background:#f04768;}
/*#m02 .item-wrap .item .cont {position: absolute; bottom:48px; left:0; width:100%; background:rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; padding:15px;}
#m02 .item-wrap .item .tit {margin:0; color:#fff;}
#m02 .item-wrap.default .tit .t {color:#fff; line-height: initial; font-size: 1em;}
#m02 .item-wrap .item .price_w .price {color:#fff;}
#m02 .item-wrap .item:hover .cont {opacity: 1; visibility: visible;}*/
#m02 .item-wrap .img {height:300px;background:#fff;  }
#m02 .item-wrap .img a {display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
#m02 .arrows {position: absolute; left:50%; top:55%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; width:calc(100% + 40px);}
#m02 .prevArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_prev.png') center / cover no-repeat; cursor: pointer; position: absolute; left:-1%; top:35%;}
#m02 .nextArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_next.png') center / cover no-repeat; cursor: pointer; position: absolute; right:-1%; top:35%;}
#m02 .item-wrap.default .btns .bg_gray {background:#fff;}

#m03 {padding:29px 0 40px 0;}
#m03 .con {display: flex; flex-wrap: wrap; gap:4px; margin-top:39px;}
#m03 .con > * {flex:1 1 calc(25% - 3px); }

/*#m04 {background:#9ed5f4;}*/
#m04 .inner {position: relative;}
#m04 .arrows {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; width:calc(100% + 40px);}
#m04 .slick-slide {font-size:0;}
#m04 .prevArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_prev.png') no-repeat; cursor: pointer; position: absolute; left:0%; top:50%; transform: translate(0, -50%);}
#m04 .nextArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_next.png') no-repeat; cursor: pointer; position: absolute; right:0%; top:50%; transform: translate(0, -50%);}

#m05 {padding:40px 0 32px 0;}
#m05 .slick_wrap {display: flex; flex-direction: column-reverse; width:100%; }
#m05 .slick-dots {display: flex !important; margin:0; gap:13px;}
#m05 .slick-dots li span {display: flex; align-items: center; justify-content: center; gap:13px; width:100%; border-bottom:1px solid #959595; height:73px; line-height: 73px;  font-size:20px; font-weight: 700; color:#000; background:#fff;}
#m05 .slick-dots li {width:auto; height: auto; border-radius: 0; flex:1 1 20%; margin:0;}
#m05 .slick-dots li span:before {display: inline-block; height: auto; line-height: normal;}
#m05 .slick-dots li:nth-child(1) span:before {content:url('../images/renew/main/m01_icon01.png')}
#m05 .slick-dots li:nth-child(2) span:before {content:url('../images/renew/main/m01_icon02.png')}
#m05 .slick-dots li:nth-child(3) span:before {content:url('../images/renew/main/m01_icon03.png')}
#m05 .slick-dots li:nth-child(4) span:before {content:url('../images/renew/main/m01_icon04.png')}
#m05 .slick-dots li:nth-child(5) span:before {content:url('../images/renew/main/m01_icon05.png')}
#m05 .slick-dots .slick-active span {background: #f2f4f7;}
#m05 .slick-dots .tabnav:hover span {background: #f2f4f7;}
/*
#m05 .tabnav {display: flex; gap:13px;}
#m05 .tabnav li {flex:1 1 20%;}
#m05 .tabnav li a {display: flex; align-items: center; justify-content: center; gap:13px; border-bottom:1px solid #959595; height:73px; line-height: 73px;  font-size:1.25em; font-weight: 700; color:#000;}
#m05 .tabnav li a.active {background: #f2f4f7;}
#m05 .tabnav li a:before {display: inline-block; height: auto; line-height: normal;}
#m05 .tabnav li:nth-child(1) a:before {content:url('../images/renew/main/m01_icon01.png')}
#m05 .tabnav li:nth-child(2) a:before {content:url('../images/renew/main/m01_icon02.png')}
#m05 .tabnav li:nth-child(3) a:before {content:url('../images/renew/main/m01_icon03.png')}
#m05 .tabnav li:nth-child(4) a:before {content:url('../images/renew/main/m01_icon04.png')}
#m05 .tabnav li:nth-child(5) a:before {content:url('../images/renew/main/m01_icon05.png')}
*/
#m05 .tabcontent > div {padding-top: 119px; margin-top: -120px;}

#m06 {padding:32px 0 35px 0;}
#m06 .inner {position: relative; }
#m06 .inner > p {color:#888888; font-size:1.25em; display: block; text-align: center;}
#m06 .inner > h2::before,
#m06 .inner > h2::after {content: url('../images/renew/main/icon_m06.png'); vertical-align: middle; margin:0 20px;}
#m06 .btn_more {position: absolute; right:20px; top:56px; font-size:1.25em; color:#000;}
#m06 .btn_more::after {content: url('../images/renew/main/btn_moer_icon.png'); vertical-align: top; margin-left: 8px;}

#m07 {background:#ffdc00;}

#m08 {padding:32px 0 31px 0;}
#m08 .inner {position: relative;}
#m08 .btn_more {position: absolute; right:20px; top:50px; font-size:1.25em; color:#000;}
#m08 .btn_more::after {content: url('../images/renew/main/btn_moer_icon.png'); vertical-align: top; margin-left: 8px;}
#m08 .inner > p {color:#888888; font-size:1.25em; display: block; text-align: center;}
#m08 .inner > h2::before,
#m08 .inner > h2::after {content: url('../images/renew/main/icon_m08.png'); vertical-align: middle; margin:0 20px;}
#m08 .slick-slide {margin: 0 9px; flex:1 1 20%;}
#m08 .slick-list {margin: 0 -9px;}
#m08 .arrows {position: absolute; left:50%; top:48%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; width:calc(100% + 40px);}
#m08 .arrows .prevArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_prev.png') no-repeat; cursor: pointer;}
#m08 .arrows .nextArrow {display: block; width:70px; height:70px; background:url('../images/renew/main/main_slide_next.png') no-repeat; cursor: pointer;}
#m08 .item-wrap {flex-wrap: wrap;}
#m08 .item-wrap .item {flex:0 0 calc(20% - 21px); max-width: none;}

#m09 {/*background: #f6f6f6;*/ padding:31px 0 20px 0;}
#m09 .inner > p {color:#888888; font-size:1.25em; display: block; text-align: center;}
#m09 .inner > h2::before,
#m09 .inner > h2::after {content: url('../images/renew/main/icon_m09.png'); vertical-align: middle; margin:0 20px;}
#m09 .item-wrap {flex-wrap: wrap;}
#m09 .item-wrap .item {flex:0 0 calc(50% - 13px); max-width: none;}
#m09 .item-wrap .in {display: flex;}
#m09 .item-wrap .img {flex:0 0 320px; background:#f6f6f6;}
#m09 .item-wrap .cont  {flex:1 1 auto; background:#fff; padding:20px 0 20px 20px;}
#m09 .item-wrap .btns {margin-top:30px;}

#m10 {position: relative; width:100%; height:500px; background:url('../images/renew/main/banner_company.jpg') center no-repeat; background-size:cover;}
#m10 .inner {display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; height:100%; gap:20px;}
#m10 .inner p {font-size: 2.5em; font-weight: 700;}


.ellipsis {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;word-break: keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; display: block;}/* line-height:1em;,height:2em */
.ellipsis.type_2 { -webkit-line-clamp:2; }
.ellipsis.type_3 { -webkit-line-clamp:3; }

.slick-slider .slick-track, .slick-slider .slick-list {overflow: hidden;}

/* 모달팝업 */
#overlay{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.4); z-index: 999;}
.modal-con {display:none; position:fixed; top:50%; left:19%; transform: translate(-50%,-50%); max-width: 700px; width:50%; z-index: 9999; overflow: scroll; background:#fff; padding:20px 20px; border-radius: 5px;}
.modal-con .title{ font-size:24px; padding:30px 0 0 0; color:#000000; font-weight: 600; letter-spacing: -.1rem;}
.modal-con .con {font-size:15px; line-height:1.3; padding:30px 0 0 0;  display: block; position: relative;}
.modal-con .con .txt {text-align: center; font-size:30px; font-weight: 600;}
.modal-con .con .txt span {display: block; margin-top:25px;}
.modal-con .modal_close { display:block; position:absolute; width:30px; height:30px; right:20px; top:20px; background: url(../../../../../../images/common/modal_close.png.html) no-repeat; background-size:cover; z-index: 1; text-indent: -9999px;}

/* 메인 예약하기 모달 팝업 */
.modal1.modal-con .con .pvsCntTp {margin:0 0;}

.popup_wrap {width: 100vw; position: absolute; overflow-x: scroll; max-width: 1640px; margin: 0 auto; height: 100vh; top: 70px; left: 50%; transform: translate(-50%, -50%);  z-index: 9999; display: none;}
.modal_wrap.popup_1 .modal-con {left:19%; width:18%;}
.modal_wrap.popup_2 .modal-con {left:calc(18% +  20%); width:18%;}
.modal_wrap.popup_3 .modal-con {left:calc(19% +  38%);  width:18%;}
.modal_wrap.popup_4 .modal-con {left:calc(19% +  57%); width:18%;}
/*.modal_wrap.popup_4 .modal-con {left:calc(19% +  1050px);}
.modal_wrap.popup_2 .modal-con {left:calc(19% +  490px);}
.modal_wrap.popup_3 .modal-con {left:calc(19% +  980px);}*/

/* 이벤트 모달 */
#modal_event {display: block;}
#modal_event.on {display:block;}
.hidden {display:none !important;}
#modal_event .modal-con {display: block;background:transparent; padding:0; border-radius:0; min-height:600px; max-width: 480px; overflow: hidden; font-size:0;}
#modal_event .modal-con .btn_wrap {width:100%; padding:10px; text-align: right; background:#fff; justify-content: flex-end; margin-top:-1px; align-items: center; font-size:14px; position: relative; bottom:0;}
#modal_event .btn_wrap > a {padding:0 0 0 8px; color:#000; }

@media (max-width:1530px){
    
}
@media (max-width:1400px){
    
	
}
@media (max-width:1024px){
    
    h2 {font-size:2.12em;}
    
    .item-wrap {flex-wrap: wrap; gap:30px 10px;}
    .item-wrap .item {flex:1 1 calc(50% - 15px); max-width: none;}    
    .item-wrap.default .tit .t {font-size:0.98em;}
    .item-wrap .item .img {width:calc(50vw - 20px); height:50vw;}
/*    .item-wrap .item .img img {height:100%;}*/
    
    #main_visual .inner {flex-wrap: wrap;}
    #main_visual .inner .s {max-width: 100vw; width: 100%;}
    #main_visual .main_wrap {flex-direction: column-reverse;}
    #main_visual .main_lft {flex-wrap: wrap; gap:0; flex-direction: row;}
    #main_visual .main_lft > * {flex:0 0 50%;}
    #main_visual .main_rgh {flex-direction: row; gap:0; width:100%;}
    #main_visual .main_rgh > * {flex:1 1 50%;}
            
    #m01 .inner {flex-wrap: wrap; gap:20px 10px;}
    #m01 .inner .link_item {flex:1 1 calc(33.333% - 10px);}
    #m01 .inner .img_wrap {height:150px;}
    #m01 .inner .txt_wrap {font-size:14px;}
    
    #m02 .item-wrap {gap:30px 10px;}
    #m02 .item-wrap .img {height:320px; width:auto; overflow: hidden;}
    #m02 .arrows {width:100%;}
    #m02 .prevArrow,
    #m02 .nextArrow {width:50px; height:50px; }
    
    #m03 .con > * {flex:1 1 calc(50% - 3px);}
    
    #m04 .con .s {max-width: 100vw; width: 100%;}
    
    #m05 .tabnav {min-width: 1000px;}
    #m05 .top > div {overflow-x: scroll;}    
/*    #m05 .item-wrap .item .img {height:320px; width:320px; overflow: hidden;}*/
    #m05 .item-wrap .item:last-child {display: none;}
    #m05 .custom-dots {overflow-x: scroll; margin-top:20px;}
    #m05 .slick-dots {min-width: 1020px;}
    #m05 .slick-dots li span {font-size:18px;}
    
    #m06 .inner > h2::before,
    #m06 .inner > h2::after {margin:0 10px;}
    #m06 .item-wrap {flex-wrap: wrap; gap:30px 10px;}
    #m06 .item-wrap .item {flex:1 1 calc(50% - 15px); max-width: none;}
    #m06 .item-wrap .item:last-child {display: none;}
/*    #m06 .item-wrap .item .img {height:320px; width:320px; overflow: hidden;}*/
    #m06 .item-wrap .tit {margin:19px 0;}
    #m06 .btn_more {top:85px;}
    
    #m08 .inner > h2::before,
    #m08 .inner > h2::after {margin:0 10px;}
    #m08 .btn_more {top:85px;}
    
    #m09 .item-wrap .cont {padding:20px 0;}
    #m09 .inner > h2::before,
    #m09 .inner > h2::after {margin:0 10px;}
    #m09 .item-wrap .item {flex:0 0 100%;}
    #m09 .item-wrap .img {flex: 0 0 auto; width: 100%; height: 92vw;}
/*    #m09 .item-wrap .item {flex:1 1 100%;}*/
    
    #m10 {height:310px; background:url('../images/renew/main/banner_company_m.jpg'); background-size:cover; text-align: center;}
    #m10 .inner {gap:0px;}
    #m10 .inner img {width:60%;}
    #m10 .inner p {font-size:1.25em;}
    
    .item-wrap.sale .price_w {flex-wrap: wrap;}
    .item-wrap.sale .price_w .through {flex:1 1 100%;}
    
    #modal_event .modal-con {width:90%; min-height: auto; left:50%;}
    
    .spot_popup0,
    .spot_popup1,
    .spot_popup2,
    .spot_popup3,
    .spot_popup4,
    .spot_popup5 {top:10px !important;left:50% !important; transform: translate(-50%, 0); width:80%;}

}
@media (max-width:768px){
    
    
    #m02 .item-wrap .img {height:200px;}    
    
/*    #m05 .item-wrap .item .img {height:200px; width:200px;}*/
    
/*    #m06 .item-wrap .item .img {height:200px; width:200px;}*/
    
    #m09 .item-wrap .in {flex-direction: column;}    
    
}
@media (max-width:520px){
    
    #m01 .inner .img_wrap {height:75px;}
    #m01 .inner .img_wrap img {width:50%;}
    
    .item-wrap .tit span.t {height:55px;}
    
}
@media (max-width:425px){
    
}