/* BASIC css start */
/* 메인상품진열 타이틀 */
.pro_title_area {text-align:center; padding:50px 0px;}
.pro_title01 {font-size:14px; color:#888; line-height:1; letter-spacing:-0.3px; font-weight:300; padding-bottom:8px;}
.pro_title02 {font-size:21px; color:#010101; font-family: 'Poppins', sans-serif; font-weight:600; line-height:1; letter-spacing:0.7px;} 


/* 메인이미지 슬라이드 : 시작  */
.swiper0 .swiper-slide a {display:block; height:650px; background-repeat:no-repeat; background-position:center top; }
.swiper0 .swiper-pagination0 {display:none;}

/* 메인이미지 슬라이드 : 탭메뉴 버튼 */
.swiper0_text {width:100%; font-size:0; text-align:center; position:absolute; bottom:30px; z-index:1;}
.swiper0_text .inner {width:1220px; margin:0 auto; position:relative !important;}
.swiper0_text li {display:inline-block; width:282px; height:43px; line-height:43px; float:left; background-color:#fff; border:1px solid #e1e1e1; border-left:0px; }
.swiper0_text li:first-child {border-left:1px solid #e1e1e1;}
.swiper0_text li a {color:#888; line-height:43px; display:block; ; border-left:0px; font-size:13px; text-align:left; text-indent:20px; letter-spacing:-0.5px; font-weight:300;}
.swiper0_text li a:hover {color:#000; background-color:#f2f2f2;}
.swiper0_text li.swiper_over a {color:#000; background-color:#f2f2f2;}
.swiper0_text li.swiper_over {border-top:1px solid #000;}

/* 메인이미지 슬라이드 : 좌/우 슬라이드버튼 */
.swiper0 .swiper-button-prev {width:43px; height:43px; background-color:#f7f7f7; border:1px solid #e5e5e5; background-image:url(/design/suna0316/0755flattable/main_left.png); background-size:43px 43px; right:44px; margin-top:0px; left: auto;}
.swiper0 .swiper-button-next {width:43px; height:43px; background-color:#f7f7f7; border:1px solid #e5e5e5; background-image:url(/design/suna0316/0755flattable/main_right.png); background-size:43px 43px; right:0px; margin-top:0px; left: auto;}
.swiper0 .swiper-button-prev:hover {background-color:#f2f2f2;}
.swiper0 .swiper-button-next:hover {background-color:#f2f2f2;}

/* 메인이미지 슬라이드 : 텍스트 관련 스타일 */
.swiper0_txt {text-align:left; position:relative; width:1220px; margin:0 auto ;}
.swiper0_txt .inner {float:left; margin-top:150px; margin-left:80px; opacity:0;}
.swiper0_txt .inner .t01 {color:#000; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:1px; line-height:1;}
.swiper0_txt .inner .t02 {color:#000; font-size:35px; font-weight:300; line-height:1.2; letter-spacing:-0.5px; padding-top:10px;}
.swiper0_txt .inner .t03 {color:#666; font-size:14px; font-weight:300; line-height:22px; padding-top:25px; }
.swiper0_txt .inner .t04 a {width:200px; height:40px; border:2px solid #000; line-height:40px; font-family:'Poppins',sans-serif; font-weight:600; font-size:11px; letter-spacing:1.3px; text-indent:20px; margin-top:50px; background:url(/design/suna0316/0755flattable/slide_arrow.png) no-repeat; background-position:89% 15px; color:#000;}
.swiper0_txt .inner .t04 a:hover {text-indent:30px; background-position:80% 15px;}
.swiper0 .swiper-slide-active .swiper0_txt .inner { opacity: 1; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper0_txt .inner .t05 {color:#000; font-size:20px; font-weight:300; line-height:1.2; letter-spacing:-0.5px; padding-top:10px;}


/* 메인이미지 슬라이드 미디어쿼리 */
@media screen and (max-width: 1260px) {
.swiper0_text .inner {width:1020px; }
.swiper0_text li {width:235px;}
.swiper0_text li a {text-indent:10px; }
.swiper0_txt .inner { margin-left:100px;}

}
/* 메인이미지 슬라이드 : 끝 */


/* 메인 이벤트배너 관련 : 시작  */
.main_event {padding-top:50px;}
.main_event .fleft {width:600px;}
.main_event .fright {width:600px; }


/* 이벤트 배너01 경로  */
.event_ban01 {width:100%; height:230px; background-color:#f7f7f7; text-align:left; position:relative; background:url(/design/suna0316/0755flattable/ban01.png) no-repeat center right;}
.event_ban01 .inner {position:absolute; top:70px; left:70px;}
.event_ban01 .inner .t01 {color:#000; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:1px; line-height:1;}
.event_ban01 .inner .t02 {width:8px; height:2px; background-color:#000; float:left; margin:15px 0px 15px; font-size:0px; }
.event_ban01 .inner .t03 {color:#999; font-size:13px; font-family: 'Poppins', sans-serif; font-weight:300; line-height:1; letter-spacing:1.5px;}
.event_ban01 .inner .t04 {color:#888; font-size:13px; font-weight:300; line-height:18px; padding-top:0px; letter-spacing:-0.5px;} 

/* 이벤트 배너02 경로  */
.event_ban02 .ban01 {background:url(/design/suna0316/0755flattable/ban02.png) no-repeat center center; width:290px; height:230px; float:left; background-color:#f7f7f7; position:relative;}
/* 이벤트 배너03 경로  */
.event_ban02 .ban02 {background:url(/design/suna0316/0755flattable/ban03.png) no-repeat center center; width:290px; height:230px; float:right; background-color:#f7f7f7; position:relative;} 
.event_ban02 {height:230px; margin-top:20px; }
.event_ban02 .over { position:absolute; top:30px; width:100%; height:100%; background:rgba(255,255,255,0.8);  opacity:0; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-backface-visibility: hidden;}
.event_ban02 .over .inner { transform: translate(-50%,-50%); position: absolute; top:50%; left:50%; width:90%;}
.event_ban02 .over span {  line-height:1; font-family:'Poppins',sans-serif; font-weight:600; display:block; text-align:center; font-size:12px; letter-spacing:1.3px;  color:#000;}
.event_ban02 .ban01:hover .over  {opacity:1; top:0px; }
.event_ban02 .ban02:hover .over  {opacity:1; top:0px; }


/* 이벤트 슬라이드배너 01 관련  */
.swiper3 { width:600px; margin:0 auto; background-color:#fff;}
.swiper3 .swiper-slide a {display:block; height:318px; background-repeat:no-repeat; background-position:center center;}
.swiper3_txt .arrow {width:48px; height:48px; background-color:#111; border-radius:50%; position:absolute; top:-26px; right:30px; background-image:url(/design/suna0316/0755flattable/slide01_arrow.gif); background-size:20px 7px; background-repeat:no-repeat; background-position:center 20px; }
.swiper3_txt {text-align:left; position:relative; padding:30px 0px 0px 30px; }
.swiper3_txt .inner .t01 {color:#000; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:1px; line-height:1;}
.swiper3_txt .inner .t02 {width:8px; height:2px; background-color:#000; float:left; margin:10px 0px 15px; font-size:0px; }
.swiper3_txt .inner .t03 {color:#000; font-size:22px; font-weight:500; line-height:1; }
.swiper3_txt .inner .t04 {color:#777; font-size:14px; font-weight:300; line-height:18px; padding-top:10px; }

/* 이벤트 슬라이드배너 01 : 좌/우 슬라이드버튼 */
.swiper3 .swiper-button-prev {width:30px; height:60px; background-image:url(/design/suna0316/0755flattable/slide01_left.png); background-size:30px 60px; left:-1px; top:130px; margin-top:0px; left: auto;}
.swiper3 .swiper-button-next {width:30px; height:60px; background-image:url(/design/suna0316/0755flattable/slide01_right.png); background-size:30px 60px; right:-1px; top:130px;  margin-top:0px; left: auto;}


/* 메인 이벤트배너 미디어쿼리 */
@media screen and (max-width: 1260px) {
.main_event {width:1020px; }
.main_event .fleft, .main_event .fright {width:500px;}
.event_ban02 .ban01, .event_ban02 .ban02 {width:240px;}
.event_ban01 .inner {left:50px;}
.swiper3 {width:500px;}
}


/* 메인탭상품 관련 */
.swiper4 {background-color:#fff;}
.swiper4_text {height:40px; font-size:0; width:1220px; margin:0 auto 50px; text-align:center;}
.swiper4_text li {margin:0px 5px; display:inline-block; color:#bbb; height:36px; line-height:36px; border:2px solid #e9e9e9; font-size:13px; letter-spacing:-0.5px; padding:0px 14px; text-align:center; cursor:pointer; position:relative;}
.swiper4_text li {-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden; }
.swiper4_text li.swiper_over {height:36px; line-height:36px; border:2px solid #222; color:#222; padding:0px 18px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden; }
.swiper4_text li.swiper_over .tab_on {width:13px; height:9px; position:absolute; top:36px; left:46%;  z-index:500; background:url(/design/suna0316/0755flattable/tab_on.gif) no-repeat center center; }
.swiper4 .swiper-pagination4 {display:none;}
.swiper4 .swiper-slide {display:block;height:630px;background-color:#fff;}
/* 메인탭상품 관련 : 시작  */

/*  메인탭상품 미디어쿼리 */
@media screen and (max-width: 1260px) { 
.swiper4_text {width:1020px; } 
.swiper4 .swiper-slide {height:530px;}
}
/* 메인탭상품 관련 : 끝 */


/* 이벤트 슬라이더 02 관련 */
.swiper2 {width:1220px; margin:0 auto; padding-top:70px !important;}
.swiper2 .swiper-slide a {display:block; height:330px; background-repeat:no-repeat; background-position:right top;}
.swiper2 .swiper-pagination-bullet-active {background: #000; }
.swiper2 .swiper-pagination-bullets { padding-top:30px; padding-bottom:50px; text-align:center;}
.swiper2 .swiper-slide-active .swiper2_txt .inner  { opacity: 1; -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2; -webkit-animation-duration:1.5s !important; animation-duration:1.5s !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper2_txt {text-align:left; position:relative; width:1220px; }
.swiper2_txt .inner {float:left; padding-top:90px; width:50%; padding-left:100px;  opacity: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.swiper2_txt .inner .t01 {color:#000; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:1px; line-height:1;}
.swiper2_txt .inner .t02 {width:8px; height:2px; background-color:#000; float:left; margin:10px 0px; font-size:0px; }
.swiper2_txt .inner .t03 {color:#000; font-size:29px; font-weight:300; line-height:1; letter-spacing:-0.2px;}
.swiper2_txt .inner .t04 {color:#888; font-size:14px; font-weight:300; line-height:22px; padding-top:25px; letter-spacing:-0.2px;}


/* 이벤트 슬라이더 02 미디어쿼리 */
@media screen and (max-width: 1260px) {
.swiper2 {width:1020px; }
.swiper2_txt .inner .t03 { font-size:26px; }
}


/* 이벤트 배너 04 관련 */
.event_ban04_area {position:relative; padding:70px 0px 50px;}

/* 이벤트 배너 04 배경이미지 경로 */
.event_ban04 {height:330px; background:url(/design/suna0316/0755flattable/event_ban04.jpg) no-repeat center center; }
.event_ban04_txt {text-align:left; position:relative; width:1220px; margin:0 auto;}
.event_ban04_txt .inner {float:right; padding-top:90px; width:50%;}
.event_ban04_txt .inner .t01 {color:#000; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:600; letter-spacing:1px; line-height:1;}
.event_ban04_txt .inner .t02 {width:8px; height:2px; background-color:#000; float:left; margin:10px 0px; font-size:0px;}
.event_ban04_txt .inner .t03 {color:#000; font-size:29px; font-weight:300; line-height:1; letter-spacing:-0.2px;}
.event_ban04_txt .inner .t04 {color:#888; font-size:14px; font-weight:300; line-height:22px; padding-top:25px; letter-spacing:-0.2px;}

/* 이벤트 배너 04 미디어쿼리 */
@media screen and (max-width: 1260px) {
.event_ban04 {width:1020px; margin: 0 auto;}
.event_ban04_txt {width:1020px; }
.event_ban04_txt .inner .t03 {font-size:26px;}
}
/* BASIC css end */