/* BASIC css start */
#footer {margin-top:0 !important;}
.height122 {height:0 !important;}
#header {background-color:transparent !important;}
#header .header_sec01 {border:0 !important;background-color:transparent;}
.tit-prd {font-size:22px;color: #333;font-weight:500; margin:20px 10px 10px 0; line-height:130%;}
.stit-prd {font-size:20px;color:#e45428; border-bottom:1px solid #e45428; border-radius:0px; padding:0 3px; margin: 0 0 10px 0; display:inline;}




.more a {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;width: 140px;height: 45px;border-radius: 25px;background-color: #fff;border: 1px solid #707070;margin: 0 auto;font-size: 18px;color: #575452;font-weight: 500;line-height: 1.6;}
.more a:hover {border: 1px solid #C48533; color:#C48533;}



/* 메인비주얼 */
.swiper_main {top:130px; width:100%;opacity:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper_main .swiper-slide img {width:100%;}
.swiper_main .swiper-slide a.bg {display:block;height:758px;}
.swiper_main .swiper-pagination-bullets {bottom:50px !important; font-size: 0px;}
.swiper_main .swiper-pagination-bullet {margin:0 4px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_main .swiper-pagination-bullet {width:40px;height: 2px;display: inline-block; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_main .swiper-pagination-bullet-active {opacity:1; background:#4c4c4c;}
.swiper_main .swiper-button-prev-main {background-image:url('/design/teteru/0775coslab/m_l_ar.png'); left:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .swiper-button-next-main {background-image:url('/design/teteru/0775coslab/m_r_ar.png'); right:5%; width:36px; height:70px; background-size:36px 70px; margin-top:-35px; top:50%;}
.swiper_main .inner {position:absolute; left:50%; margin-left:80px; top:170px;}
.swiper_main .inner .t_title {font-size:20px; line-height:1; font-weight:800; color:#111;}
.swiper_main .inner .t_title span:first-child {font-weight:500; color:#111;}
.swiper_main .inner .t_title span:first-child::after {content:"I"; font-weight:300; padding:0px 8px;}
.swiper_main .inner .t01 {font-size:58px; color:#111; letter-spacing:-0.080em; line-height:1.2; font-weight:200; padding-top:40px;}
.swiper_main .inner .t02 {font-size:20px; color:#333; line-height:1.6; font-weight:800; padding-top:30px;} 
.swiper_main .inner .t03 a {width:170px; font-size:20px; color:#111; border:3px solid #fff; border-radius:50px; display:block; margin-top:55px; padding:13px 0px 13px 20px; line-height:1; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:url('/design/teteru/0775coslab/event_ar2.png') no-repeat; background-position:130px 50%;} 


.swiper_main .inner .t_title1 {font-size:16px; line-height:1; font-weight:300; color:#aa7e46; font-family: 'Montserrat','Noto Sans KR',sans-serif;}
.swiper_main .inner .t_title1 span:first-child {font-weight:500; color:#aa7e46;}
.swiper_main .inner .t_title1 span:first-child::after {content:"I"; font-weight:300; padding:0px 8px;}
.swiper_main .inner .t04 {font-size:50px; color:#aa7e46; letter-spacing:-0.020em; line-height:1.2; font-weight:300; padding-top:40px;}
.swiper_main .inner .t05 {font-size:18px; color:#aa7e46; line-height:1.6; font-weight:800; padding-top:30px;} 
.swiper_main .inner .t06 a {width:180px; font-size:15px; color:#aa7e46; border:1px solid #aa7e46; display:block; margin-top:55px; padding:15px 0px 15px 20px; line-height:1; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:url('/design/teteru/0775coslab/event_ar2.png') no-repeat; background-position:200px 50%;} 

.swiper_main .swiper-slide-active .inner {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.container1400 {width:1400px; margin: 0 auto;}
.recom_pro {background: #f5f5f5; width:100%; padding-top: 110px; margin-top:130px;}
.recom_tit {float:left; font-size:52px;}
.recom_tit .txt01 {font-size: 33px; color:#708B5E; font-weight:600;}


/* 메인 타이틀 기본 */
.main_title {text-align:center; width:100%; padding:70px auto 50px; line-height:1; font-size:44px; position:relative; color:#535353; font-weight:600; margin-bottom:40px;}

/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list0 {max-width:1056px;margin:0px auto;}
.prd-list0 table td { border:0; vertical-align:top; text-align:center; padding-bottom:85px;}
.prd-list0 table td .box {max-width:340px; border: 3px solid #ffffff; background:#fff; margin-left:25px;}
.prd-list0 table .tb-center {margin:0 auto; padding:0 10px;text-align:center;position:relative;}
.prd-list0 table .info {width:100%;padding:5px 15px 15px 0;text-align:left;display:inline-block;position:relative; margin:0 20px;}
.prd-list0 .thumb {width:100%;height:100%;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;;position:relative; margin:0 auto;}
.prd-list0 .thumb:hover {border:0px solid #999;}
.prd-list0 .thumb a,
.prd-list0 .thumb img { display: block; width: 100%; height: 100%;}
.prd-list0 .thumb img {border:0;}
.prd-list0 .dsc {margin:25px; font-weight:300;font-size:24px;color:#111;}
.prd-list0 .subname {margin-top:8px; font-weight: 300; font-size:16px;color:#999;line-height:20px;}
.prd-list0 .consumer {margin-right:4px; color:#aaa;font-size:13px; text-decoration:line-through;font-weight:300;}
.prd-list0 .price { margin-top:15px; font-weight:300; color:#C48533;font-size:18px;}
.prd-list0 .icon_list {position:absolute; top:54%; margin-top:-22px; right:0px; width:100%; opacity:0; -webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;}
.prd-list0 .icon_list li {display:inline-block; margin:0 3px;vertical-align:top;}
.prd-list0 .btn_zoom {font-size:0px;text-align:center;}
.prd-list0 .btn_zoom a {display:inline-block;}
.prd-list0 .btn_zoom img {width:auto;height:auto;margin:0 auto;}
.prd-list0 .icon {font-size:0px;text-align:left;margin-top:30px;}
.prd-list0 .icon img {width:auto;height:auto;margin:0 6px 0 0;cursor:pointer;}
.prd-list0 table td:hover .icon_list {top:50%; opacity:1;}
.prd-list0 .nopadding td {padding:0;}

.prd-list0 #sale_bg {position:absolute; bottom:20px; right:20px; width:38px; height:38px; font-family:'Montserrat', sans-serif;color:#ff3131; font-size:13px; font-weight:400; line-height:38px; text-align:center;  background-color:transparent; border:1px solid #ff3131; border-radius:50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prd-list0 .tb-center:hover #sale_bg {-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background-color:#ff3131; color:#fff;}
.prd-list0 .num {position:absolute;top:20px;left: 20px;font-size: 11px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; line-height:1;}


/* 상품리스트 (메인/검색/상품리스트)  */
.prd-list {max-width:1400px;margin:0px auto;}
.prd-list table td { border:0; vertical-align:top; text-align:center; padding-bottom:30px;}
.prd-list table td .box {max-width:310px;}
.prd-list table .tb-center {margin:0 auto; padding:0 10px;text-align:center;position:relative;}
.prd-list table .info { width:100%;padding:5px 0 0px 0;text-align:left;display:inline-block;position:relative;}
.prd-list .thumb {width:100%;height:100%;font-size:0;padding:0;line-height:0; border:0px solid #e9e9e9;;position:relative;}
.prd-list .thumb:hover {border:0px solid #999;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 100%; height: 100%; border-radius:20px;}
.prd-list .thumb img {border:0;}
.prd-list .dsc {margin-top:25px; font-weight:300;font-size:15px;color:#111;}
.prd-list .subname { margin-top:8px; font-weight: 300; font-size:16px;color:#999;line-height:18px;}
.prd-list .consumer {margin-right:4px; color:#aaa;font-size:13px; text-decoration:line-through;font-weight:300;}
.prd-list .price { margin-top:15px; font-weight:300; color:#C48533;font-size:20px;}
.prd-list .icon_list {position:absolute; top:54%; margin-top:-22px; right:0px; width:100%; opacity:0; -webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;}
.prd-list .icon_list li {display:inline-block; margin:0 3px;vertical-align:top;}
.prd-list .btn_zoom {font-size:0px;text-align:center;}
.prd-list .btn_zoom a {display:inline-block;}
.prd-list .btn_zoom img {width:auto;height:auto;margin:0 auto;}
.prd-list .icon {font-size:0px;text-align:left;margin-top:30px;}
.prd-list .icon img {width:auto;height:auto;margin:0 6px 0 0;cursor:pointer;}
.prd-list table td:hover .icon_list {top:50%; opacity:1;}
.prd-list .nopadding td {padding:0;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;font-family:'Noto Sans KR','Montserrat', sans-serif;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}

.prd-list #sale_bg {position:absolute; bottom:20px; right:20px; width:38px; height:38px; font-family:'Montserrat', sans-serif;color:#ff3131; font-size:13px; font-weight:400; line-height:38px; text-align:center;  background-color:transparent; border:1px solid #ff3131; border-radius:50%; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.prd-list .tb-center:hover #sale_bg {-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background-color:#ff3131; color:#fff;}
.prd-list .num {position:absolute;top:20px;left: 20px;font-size: 11px; font-family: 'Montserrat', sans-serif; font-weight:400; color:#000; line-height:1;}


.review-wrap {font-size: 13px; font-weight: 300; height: 15px; line-height; 15px;}
.main-review {margin-top: 15px; }
.main-review img {margin-top:-3px; margin-right: 5px; vertical-align:middle;}

/* 메인 버튼영역 */
.mbtn_area {width:100%; height:300px; background-image: url('/design/teteru/new_main/mbtn_area.png'); background-repeat: no-repeat;}
.mbtn_area01 {width:1400px; height:320px; background-image: url('/design/teteru/new_main/mbtn_area01.png'); background-repeat: no-repeat; margin:0 auto;}
.mbtn_area01 .tit {padding-top:90px; padding-left:20px; float:left;}
.mbtn_area01 .stit {font-size: 21px; color:#97B087; font-weight:500;}
.mbtn_area01 .mtit {font-size: 44px; color:#535353; font-weight:300; padding-top:20px;}
.m_link_wrap {padding: 65px 150px 0 0; float:right;}
.m_link {overflow: hidden;margin: 0 -5px;}
.m_link .cell {float: left;width: 20%;padding: 0 20px;}
.m_link .cell .img {margin: 0 auto;width: 124px;height: 124px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;border-radius: 30px;}
.m_link a.ml1 .tit, .m_link a.ml2 .tit, .m_link a.ml3 .tit, .m_link a.ml4 .tit, .m_link a.ml5 .tit {text-align: center;padding: 15px 0;font-size: 20px;color: #535353;font-weight: 600; letter-spacing: -1px; width:124px; margin:0 auto;}
.m_link a:hover.ml1 .tit, .m_link a:hover.ml2 .tit, .m_link a:hover.ml3 .tit, .m_link a:hover.ml4 .tit, .m_link a:hover.ml5 .tit {color: #C48533;}
.m_link a.ml1 .img {background-color: #C8D1B4;}
.m_link a.ml2 .img {background-color: #E6C9A2;}
.m_link a.ml3 .img {background-color: #D8CFBD;}
.m_link a.ml4 .img {background-color: #CAD7DE;}
.m_link a.ml5 .img {background-color: #DECEC1;}
.m_link a:hover.ml1 .img {background-color: #B1BB9C;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.m_link a:hover.ml2 .img {background-color: #D1B186;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.m_link a:hover.ml3 .img {background-color: #C9BDA5;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.m_link a:hover.ml4 .img {background-color: #ACC3CF;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.m_link a:hover.ml5 .img {background-color: #C7AF9C;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.m_link a.ml1 img {width: 50px;}
.m_link a.ml2 img {width: 41px;}
.m_link a.ml3 img {width: 57px;}
.m_link a.ml4 img {width: 53px;}
.m_link a.ml5 img {width: 54px;}


/* 메인탭01 : 베스트셀러 */
.m_tab01_area {padding-top:80px; width:1400px; margin:0 auto;}
.m_tab01 {font-size:0;float:left; border-bottom:1px solid #E3E3E3; width:1400px;}
.m_tab01:before {content: "";display: table;}
.m_tab01:after {content: "";display: table;clear: both;}
.m_tab01 li {float: left; color:#535353; font-size:22px; text-align:center; cursor:pointer; position:relative; display:inline-block; font-weight:600; margin-left:50px; line-height:1; height:50px; position:relative;}
.m_tab01 li:first-child {margin-left:0px !important;}
.m_tab01 li.current {color:#C48533;}
.m_tab01 li.current::after {content:""; position:absolute; width:100% !important; height:1px; background-color:#C48533; border-radius:50%; bottom:0px; left:0; margin-left:-2px; width:100%; text-align:center; font-weight:500; bottom: -1px;transition: all .3s cubic-bezier(0, 0, 0.15, 1.01);opacity: 1;}
.tabcontent01 {display:none; margin-top:50px; padding:0px;}
.tabcontent01.current {display: block;}



/* 메인탭02 : 오직온라인 */
.m_tab02_area {position:relative; min-height:440px; margin-top:170px !important;}
.m_tab02_area .m_tab02_area_bg {width:50%;background-color:#f6f6f6; min-height:440px; position:absolute; top:0px; left:0px;}
.m_tab02 {font-size:0;}
.m_tab02 li {color:#aaa; font-size:18px; text-align:right; cursor:pointer; position:relative; display:inline-block; font-weight:600; margin-left:35px; line-height:1; height:28px; position:relative;}
.m_tab02 li:first-child {margin-left:0px !important;}
.m_tab02 li.current {color:#111;}
.m_tab02 li.current::after {content:""; position:absolute; width:3px !important; height:3px; background-color:#000; border-radius:50%; bottom:0px; left:50%; margin-left:-2px; width:100%; text-align:center; font-weight:500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.tabcontent02 {display:none; margin-top:50px; padding:0px;} 
.tabcontent02.current {display: block;}

/* 이벤트 슬라이드 */
.event_bg {background:#F9F9F9; margin:0; padding:80px 0;}
.swiper_focus {max-width:1500px; margin:0px auto; }
.swiper_focus .swiper-slide img {width:100%; max-width:450px; text-align:left;}
.swiper_focus .swiper-slide:hover img {opacity:1; border:1px solid #9BB457; border-radius: 10px;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}

.swiper_focus .swiper-button-prev-focus {background-image:url('/design/teteru/0775coslab/focus_left.png'); left:450px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus .swiper-button-next-focus {background-image:url('/design/teteru/0775coslab/focus_right.png'); right:500px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-prev-focus {left:450px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_focus:hover .swiper-button-next-focus {right:500px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s; }

/* 브랜드포커스 관련 : 미디어쿼리  */
@media screen and (max-width: 1599px)
{ 
.swiper_focus .t01 {color:#111; text-align:left; font-size:24px;}
}

/* 이벤트 슬라이드 01 */
.swiper_event_area { margin:170px 0px 0px; opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event {max-width:1720px; margin:0 auto; height:660px;}
.swiper_event .swiper-slide .ban {height:660px; width:50%; float:left; background-size:cover !important; background-position:center center !important;}
.swiper_event .swiper-slide .txt {height:660px; width:50%; float:left; background-color:#111; position:relative;}
.swiper_event .swiper-slide .txt .inner {text-align:left; position:absolute; top:120px; left:100px;}
.swiper_event .swiper-slide .txt .t01 {color:#fff; font-size:35px; font-weight:300; line-height:1.2;}
.swiper_event .swiper-slide .txt .t02 {color:#999; font-size:16px; font-weight:300; margin-top:25px;}
.swiper_event .swiper-slide .txt .t03 {color:#fff; margin-top:48px; width:178px; padding:15px 0px; line-height:1; border:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; font-weight:300; padding-left:20px; background:url("/design/teteru/0775coslab/event_ar.png") no-repeat;  background-position:145px 50%;}
.swiper_event .swiper-button-prev-event {background-image:url('/design/teteru/0775coslab/focus_left.png'); left:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event .swiper-button-next-event {background-image:url('/design/teteru/0775coslab/focus_right.png'); right:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event:hover .swiper-button-prev-event {left:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event:hover .swiper-button-next-event {right:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s; }
.swiper_event .swiper-pagination-bullets {bottom:100px !important; left:50% !important; margin-left:100px;}
.swiper_event .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event .swiper-pagination-bullet {width:40px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event .swiper-pagination-bullet-active {opacity: 1;background:#fff; }
.swiper_event .swiper-slide-active .txt .inner {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper_event .swiper-slide-active .txt .t03 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.1s; animation-duration:1.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/* 메인 스크롤 상품 */
.swiper_roll {max-width:1740px;margin:0 auto;opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.swiper_roll .swiper-scrollbar { left:0 !important; bottom: 0px !important; height: 2px !important; width:100% !important; max-width:1720px ;}
.swiper_roll .swiper-scrollbar-drag {background: rgba(0, 0, 0, 1);border-radius: 0px;}
.swiper_roll .tb-center {padding:0 0 100px 0;}
.swiper_roll .tb-center .box {max-width:330px;margin:0 10px;}
.swiper_roll .prd-list .info {text-align:left;}

/* 이벤트 슬라이드 02 */
.swiper_event2_area {margin-top:170px;  opacity:0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event2 {max-width:1720px; margin:0 auto; height:660px;}
.swiper_event2 .swiper-slide .ban {height:660px; width:50%; float:left; background-size:cover !important; background-position:center center !important;}
.swiper_event2 .swiper-slide .txt {height:660px; width:50%; float:left; background-color:#f9f9f9; position:relative;}
.swiper_event2 .swiper-slide .txt .inner {text-align:left; position:absolute; top:120px; left:100px;}
.swiper_event2 .swiper-slide .txt .t01 {color:#111; font-size:35px; font-weight:300; line-height:1.2;}
.swiper_event2 .swiper-slide .txt .t02 {color:#999; font-size:16px; font-weight:300; margin-top:25px;}
.swiper_event2 .swiper-slide .txt .t03 {color:#111; margin-top:48px; width:178px; padding:15px 0px; line-height:1; border:1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; font-weight:300; padding-left:20px; background:url("/design/teteru/0775coslab/main_title_cr.png") no-repeat;  background-position:145px 50%;}
.swiper_event2 .swiper-button-prev-event2 {background-image:url('/design/teteru/0775coslab/focus_left.png'); left:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event2 .swiper-button-next-event2 {background-image:url('/design/teteru/0775coslab/focus_right.png'); right:-80px; width:80px; height:80px; background-size:80px 80px; margin-top:-40px; top:50%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event2:hover .swiper-button-prev-event2 {left:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s;}
.swiper_event2:hover .swiper-button-next-event2 {right:0px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;  transition: all 0.4s; }
.swiper_event2 .swiper-pagination-bullets {bottom:100px !important; margin-left:100px;}
.swiper_event2 .swiper-pagination-bullet {margin-right:8px !important;  margin-left:0px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper_event2 .swiper-pagination-bullet {width:40px; height: 2px; float:left; border-radius:8px; background: #ccc; opacity:0.7;}
.swiper_event2 .swiper-pagination-bullet-active {opacity: 1;background:#111; }
.swiper_event2 .swiper-slide-active .txt .inner {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1s ; animation-duration:1s ; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper_event2 .swiper-slide-active .txt .t03 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.1s; animation-duration:1.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/* 메인 리뷰 영역 */
.main_review_area {padding:100px 0;}
.main_review_area .main_re {max-width:1150px;  margin:0px auto;}
.main_review_area .main_re ul li {float:left; width:22%; border: 1px solid #ccc; margin: 0 1.5%; height:440px;}
.main_review_area .main_re .re_ban {width:100%;}
.main_review_area .main_re .re_ban img {width:100%; margin-top:-1px;}
.main_review_area .main_re .re_txt {width:100%; text-align:left; padding:0 20px 20px 20px;}
.main_review_area .main_re .re_txt .inner {width:100%; margin:0 auto; font-size:0px; margin-top:20px; }
.main_review_area .main_re .re_txt .t_numb {font-weight:500; font-size:20px; line-height:1; color:#111; margin-bottom:28px;}
.main_review_area .main_re .re_txt .t_numb span {border-bottom:2px solid #111; padding-bottom:2px; }
.main_review_area .main_re .re_txt .t01 {font-size:14px;  color:#111;  font-weight:300; line-height:1.2; border-top: 1px solid #E3E3E3; padding-top:10px; float:left;width: 70%; margin-left:10px;}
.main_review_area .main_re .re_txt .t02 {white-space:normal; font-size: 16px;color: #8B8785;font-weight: 500;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; margin-top:10px;}
.main_review_area .main_re .re_txt .t03 {padding-top:0px;font-size:19px;letter-spacing:3px; color:#FF9100; letter-spacing:-1px;}
.main_review_area .main_re .re_txt .t04 {font-size:12px; color:#999; font-weight:300; margin-top:28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_review_area .main_re .re_txt .t04 .line {width:1px; display:inline-block; height:8px; background-color:#e1e1e1; margin:0px 10px;}
.main_review_area .main_re .re_txt .t05 a {width:50px; font-size:12px; color:#999; font-weight:300; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 0px 20px; 0; text-align:center; margin-top:0px; line-height:1; float:left;}

/* 메인 인스타 영역 */
.insta_bg {width:100%; height:450px; background-image: url("/design/teteru/new_main/insta_bg.png"); background-repeat: no-repeat; padding:60px 0 120px 0;}
.insta_tit {float:left; font-size: 33px; font-weight:600; line-height:100%; width:280px;}
.insta_tit span {font-size: 24px; font-weight:300; color:#535353;}
.insta_wrap {padding: 0px 0px 0 0; float:right;}
.insta_link {overflow: hidden;margin: 0 -5px;}
.insta_link .cell {float: right;padding: 0 0px;-webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 16%);box-shadow: 0 3px 6px rgb(0 0 0 / 16%); margin-right:20px;}
.insta_link .cell0 {float:right; margin:100px 0 0 20px;}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media screen and (max-width: 1599px)
{ 
	.main_review_area .main_re .re_txt .t02 { line-height:1.6; -webkit-line-clamp: 2; /* 라인수 */ height: 3.2em; }
}

.swiper-button-next:after, 
.swiper-button-prev:after {content:'' !important;}


/* BASIC css end */

