.swiper-slide-a { text-align:center; position:relative; }
.swiper-slide-a .slide-position {  position:absolute; top:0; left:0; width:100%; margin:0 auto; height:100%; transform:translate(50, 50); }
.swiper-slide-a img {object-fit:cover;margin:0 auto;    min-height: 260px;}


.main_slide_img {width: 80%;height:260px;text-align:center;margin: 0 auto;/* border-radius: 15px; *//* padding-top: 30px; */border-radius: 30px;overflow: hidden;}

.main_post { background:#f1f1f1; width:100%; padding:20px; margin:10px 0; }
.main_post ul { display:flex; flex-wrap:wrap; }
.main_post ul li { background:#fff; border-radius:5px; margin:1%; width:48%; }
.main_post ul li a { display:flex; align-items:center;  padding:15px 0 13px 15px; font-size:14px; }
.main_post ul li .main_post_img { background:#bc3737; width:23px; height:23px; opacity:.7; margin-right:8px; }
.main_post ul li .main_post_img img { width:100%; height:100%; }


.product_rolling { padding:60px 0 70px 5%; width:100%; background:url('../image/product_bg.png') }
.rolling_slider { width:100%; margin-top:50px; }
.product_rolling li.item { width:330px; float:left; text-align:center; min-width:330px; height:600px; }
.product_rolling .thumbnail { position:relative; margin:0 auto 20px; text-align:center; border:1px solid #ddd; }
.product_rolling .thumbnail a img { width:100% !important; max-width:330px; box-sizing:border-box; }
.product_rolling .thumbnail a:hover img { opacity:0.5; }


.product_rolling .description { margin:0 auto; padding:0 3px; font-size:12px; line-height:18px; text-align:left; width:100%; }
.product_rolling .description .name a {  display:block; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px; }
.product_rolling .description .price { color:#999; font-size:18px;margin:12px 0 ;}
.product_rolling .description .price a  { color:#999; font-size:18px; }
.product_rolling .description .price a span { color:#777; text-decoration:line-through; margin-left:10px;   font-weight:normal; font-size:14px; }
.product_rolling .description li { display:block;  width:100%; }
.product_rolling .description span.grid { display:block; }
.product_rolling .description .etc a { font-size:12px; color:#666; line-height:140%; }


.rolling_style1 { width:100%; margin:0 auto;  }
.rolling_style1>.bx-wrapper { padding:0 0 0 100px; position: relative; margin-bottom: 60px; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;}
.rolling_style1>.bx-wrapper img { max-width: 100%; display: block; }
.bx-viewport { -webkit-transform: translateZ(0); }

.rolling_style1>.bx-wrapper { }
.rolling_style1>.bx-wrapper .bx-pager,
.rolling_style1>.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

.rolling_style1>.bx-wrapper .bx-pager-item,
.rolling_style1>.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.rolling_style1>.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.rolling_style1>.bx-wrapper .bx-controls-direction a { text-indent:-999999px; position: absolute; 
 outline: 0; width:14px; height:27px;  z-index: 9999; border:1px solid #ddd; }
.rolling_style1>.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.rolling_style1>.bx-wrapper .bx-controls-auto { display:none;  }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }


.rolling_style1>.bx-wrapper .bx-prev { position: absolute;  left: 0px; background:#fff url('../image/btn_style1_prev.png') no-repeat;
top:145px  !important;  width:60px !important; height:60px !important; display:block; border-radius:40px; background-position:center center;  }
.rolling_style1>.bx-wrapper .bx-next { position: absolute;  left: 0px;  background:#fff url('../image/btn_style1_next.png') no-repeat; 
top:225px  !important;  width:60px !important; height:60px !important; display:block; border-radius:40px; background-position:center center; }


.main_product_more_view { text-align:right; padding-right:80px; }
.main_product_more_view a { background:#222; display:inline-block; color:#fff; border-radius:5px; padding:10px 20px; font-size:18px; }


/*rbp*/
.contents01 { width:100% !important; max-width:100% !important; }


.index_03 { width:100%; margin:100px auto; color:#222; background:#f5f5f5; padding:100px 0; }
.index_03 ul { display:flex; justify-content:space-between;  max-width:1500px; margin:50px auto 0; }
.index_03 li { width:31%; }
.index_03 li img { max-width:100%; }
.index_03 .txt { background:#fff; width:100%; padding:30px 25px; position:relative; }
.index_03 .txt .subject span { font-size:15px; }
.index_03 .txt .subject p { font-size:24px; font-weight:bold; }
.index_03 .txt .con { margin-top:15px; }
.index_03 .txt .con p { font-size:18px; color:#777; }
.index_03 .txt .more { position:absolute; top:30px; right:20px; }
.index_03 .txt .more a { display:block; background:#fff; color:#222; font-size:18px; font-weight:bold; width:110px; height:35px; line-height:33px; text-align:center; border:1px solid #777; }
.index_03 .txt .more a:hover { background:#222; color:#fff; border:1px solid #222; }
.index_03 h2 { font-size:50px; text-align:center; font-weight:500; }

.index_02 { display:flex; width:100%; max-width:1500px; margin:150px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.index_02 > div { width:50%; }
.index_02 .visual img { max-width:100%; }
.index_02 .textArea { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; }
.index_02 .textArea span { font-size:18px; color:#888; }
.index_02 .textArea .more { display:block; margin-top:40px; font-size:14px; color:#888; text-decoration:underline; }



.index_01 { width:100%; max-width:1500px; margin:70px auto;  }
.index_01 > h3{font-size: 26px;}
.index_01 > h3 > i{vertical-align: middle;    margin-bottom: 3px;}
.index_01 > ul { display:flex; justify-content:space-between;  max-width:1500px; margin:30px auto 0; }
.index_01 > ul > li {width: 48%; background: #ededed; border-radius: 8px; padding:3%; box-sizing: border-box;}

.index_01 > ul > li .left_boxinfo, .right_boxinfo{display: flex; flex-direction: column;height: 110px;}
.index_01 > ul > li .left_boxinfo > dl, .right_boxinfo > dl{height: 49%; font-size: 1.2rem;font-weight: 500;box-sizing: border-box;}
.index_01 > ul > li .left_boxinfo > dl > dt, .right_boxinfo > dl > dt{display: inline-block; width: 55%; line-height: 3.5rem; }
.index_01 > ul > li .left_boxinfo > dl > dd, .right_boxinfo > dl > dd{display: inline-block; width: 39%; text-align: right; line-height: 3.5rem; color:#ee5d41}

.btn_blue01{background: #0055fd;border-radius: 8px;display: inline-block;width: 100%;text-align: center;color: #fff;    line-height: 2.5rem;}


/* 테이블_공통 */
.table_wrap{border-top:1px solid #ddd; margin-top: 30px;}
.table_wrap table th{font-size:1.1rem;background: #F8F8FA;color:#000;padding: 0.6rem 1rem;text-align:center;border:1px solid #ddd;border-bottom:0 none; white-space: nowrap;;}
.table_wrap table th:first-of-type{border-left:0 none;}
.table_wrap table th:last-of-type{border-right:0 none;}
.table_wrap table th.dif{text-align:left;background:#fff;font-size:1.6rem;font-weight:400;color:#777;}
.table_wrap table td{font-size: 1rem;font-weight:400;color:#000;/*#777 명도대비 웹접근성 조치*/letter-spacing: -0.16px;padding: 0.8rem 1rem;text-align:center;border:1px solid #ddd;}
.table_wrap table td.dif{background: #F8F8FA;font-size:1.6rem;font-weight:600;color:#111;}
.table_wrap table td:first-of-type{border-left:0 none;}
.table_wrap table td:last-of-type{border-right:0 none;}

table {width: 100%;border-collapse: collapse;  }
caption, legend,  .sr_only, .hidden, .blind, .IR {    position:absolute;    overflow: hidden;    width: 1px;    height: 1px;    margin: -1px;    padding: 0;
border: 0 none;    clip: rect(0, 0, 0, 0);  }


/*faq*/
.faq_area{ border:1px solid #ddd; padding:15px; position:relative; margin-bottom:5px; margin-top: 10px;}
.faq_area p.faq_tit { font-size:17px; font-weight:bold; margin-right:100px;}
.faq_area p.faq_tit > span { float:left; display:inline-block; background:#264c93; border-radius:50%; width:30px; height:30px; color:#fff; text-align:center; line-height:28px; margin-right:8px;}

.faq_area ul { padding:18px 33px; font-size:15px;}
.faq_area ul > li {position:relative; padding-left: 20px; color:#595959 }
.faq_area ul > li:after {position:absolute; content: '↪'; left:0; top:0; color:#000 }

  
.m_t30{margin-top:30px;}

h4 { font-size:50px;  font-weight:500; }
h6 { font-size:25px; font-weight:500; color:#555; }
h5 { font-size:35px; line-height:120%; margin:20px 0; font-weight:500; color:#222 }



.index_04 { background:url('../image/bottom_img.jpg') no-repeat; background-size:cover; width:100%; height:700px;  
background-position: center;  text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.index_04 .inner { width:100%; }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:30px 0; }
/*rbp*/


/*tedprotocol*/
.contents_tedporotocol {width:100%; max-width:100%; position:relative;margin-top: 95px;}
/* .contents_tedporotocol:after{position:absolute; content: ''; background: #1D2A44; width:100%;  height: 300px; left:0 ; top:0px; z-index: -1;} */
.area_bg{background: #1D2A44;}
.contents_tedporotocol .ted_area{display:flex;gap: 20px;width: 1400px;margin: 0 auto;padding: 20px 0; }
.contents_tedporotocol .ted_area .main_slide_img {width: 70%; border-radius: 30px; overflow: hidden;;}
.contents_tedporotocol .ted_area .loginArea {width:30%}
.contents_tedporotocol .ted_area .loginArea {background: #fff; border-radius: 20px; width: 30%; display: flex; padding: 20px 40px;    justify-content: center;height: 260px;}
.contents_tedporotocol .ted_area .loginArea ul {width:100%; text-align: center;}
.contents_tedporotocol .ted_area  .loginArea ul li.userinfo {margin:10px 0; color:#000; font-size: 1.1rem; font-weight: 500;}
.contents_tedporotocol .ted_area .loginArea button {color:#fff; border:0; width: 100%; line-height: 35px; border-radius: 5px; margin: 5px 0; font-size: 1rem; padding:0 5px}
.loginbtn_01 {background: #D9D9D9;} .loginbtn_01:hover{background: #c0c0c0;}
.loginbtn_02 {background: #5CA6E4} .loginbtn_02:hover{background: #3c85c2}



.main_container {width:1400px; margin: 0 auto;height: 100%; }
.main_container h1 {font-size:1.8rem;padding: 10px 0px 0px;color:var(--main-color);text-align: center; font-weight: 600;}
.main_container  h3{font-size:1.8rem; color:#000; display: flex; margin-bottom: 20px;}
.main_container  h3 span.section_tit{width: calc(100% - 6.5rem);font-family: 'Sbaggro'; font-weight: 400;}
.main_container  h3 span.more{ width: 6.5rem;text-align: right;font-size: 0.8rem;color: #000;cursor: pointer; ;}
.main_container  h3 span.more i {font-size: .8rem;}

.f_c_b{color:#1464be !important;}
.f_c_b2{color:#3366cc !important;}
.f_c_o{color:#e43f19 !important;}

.section02{background: #fff; padding: 60px 0; text-align: center;}
.section02 h1{font-size: 2rem;padding: 10px 0px 0px;color: #5CA6E4;text-align: center;font-weight: 600;}
.section02 h3{color:#5CA6E4; font-weight: 600; font-size: 3rem;}
.section02 p {font-size: 1.6rem; font-weight: 500; color:#000}
.section02 ul {margin-top:15px}
.section02 ul li {color:#555}

/*.contentsArea{background: #F6F6F6;}
.section3 {padding-top:4rem; padding-bottom: 4rem;}
.product_list{position:relative}
.product_list > ul{display: flex;gap: 1.1rem; padding: 0;margin: 0;list-style: none;  min-width: 0;}
.product_list > ul >li { flex: 0 0 calc((100% - (1.5rem * 2)) / 3);
	max-width: calc((100% - (1.5rem * 2)) / 3); min-width: 0; 
	 background-color: #fff; box-sizing: border-box; border-radius: 15px; border:1px solid #ddd;    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
.product_list ul li a{position: relative; display: block; width: 100%; height: 18.5rem; background: #fff; border-radius: 1.5rem; padding: 1.2rem; transition: 0.5s;}
.product_list ul li a::before { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #5CA6E4; 
	position: absolute; left: -1px; top: -1px; opacity: 0; transition: all 0.2s; border-radius: 1.5rem; }
.product_list > ul > li:hover{-webkit-transform: translateY(-10px);  -ms-transform: translateY(-10px); transform: translateY(-10px);}
	
.product_list ul li a:hover,
.product_list ul li a:focus{ box-shadow: 10px 10px 10px rgba(13,106,155,0.1); } 
.product_list ul li a:hover::before,
.product_list ul li a:focus::before { opacity: 1;}
	
.product_list li .productArea{ position:relative;  display: flex; flex-direction: column; height: 100%;    gap: 0rem;}
.product_list li .productArea > h3 {color:#000; font-size: 1.4rem; text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;display: inline-block;
    white-space: nowrap;  width: calc(100% - 1.5rem);    font-weight: 600;}
	.product_list li .productArea > h3:hover{text-decoration: underline;}
.product_list li .productArea > p {font-size: 1rem;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;display: inline-block;
    white-space: nowrap;  width: calc(100% - 1.5rem); }
.product_list li .productArea ul {background: #F3F3F3; padding: .6rem; border-radius: 8px; font-size: .9rem;margin-top: auto;}	
.product_list li .productArea ul li {line-height: 28px;position:relative; padding-left: .9rem;width:100%}
.product_list li .productArea ul li:after{position:absolute; content:''; width:4px; height:4px; background: #333;border-radius: 10px;left:0; top:13px}
.product_list li .productArea .flag_group {display: flex;align-items: center;gap:.6rem; margin-bottom: .8rem;}	
.product_list li .productArea .flag_group span {background: #DAE3FF; color:#475FB3; font-size: .6rem; border-radius: 30px;padding: 3px 5px;}
.product_list li .productArea .flag_group em:last-of-type{font-size: .6rem;margin-left: auto; font-weight: 600; }

*/


.contentsArea { background: #F6F6F6;}
.section3 { padding-top: 4rem;  padding-bottom: 4rem;}
.product_list { position: relative;}
.product_list > ul { display: flex;  flex-wrap: wrap; /* ★ 줄바꿈 허용 */
  gap: 1.1rem;  padding: 0;  margin: 0;  list-style: none;  min-width: 0;}
.product_list > ul > li {
  flex: 0 0 calc((100% - (1.1rem * 2)) / 3); /* 3열 */
  max-width: calc((100% - (1.1rem * 2)) / 3);
  min-width: 0;  background-color: #fff;  box-sizing: border-box;  border-radius: 15px;  border: 1px solid #ddd;  transition: transform 0.3s;}
.product_list > ul > li:hover {  transform: translateY(-10px);}
.product_list ul li a {  position: relative;  display: block;  width: 100%;  height: 18.5rem;  background: #fff;  border-radius: 1.5rem;  padding: 1.2rem;  transition: 0.5s;}
.product_list ul li a::before {  content: '';  display: block;
  width: calc(100% + 2px);  height: calc(100% + 2px);  border: 1px solid #5CA6E4;  position: absolute;  left: -1px;  top: -1px;  opacity: 0;  transition: all 0.2s;  border-radius: 1.5rem;}
.product_list ul li a:hover,
.product_list ul li a:focus {  box-shadow: 10px 10px 10px rgba(13, 106, 155, 0.1);}
.product_list ul li a:hover::before,
.product_list ul li a:focus::before {  opacity: 1;}
.product_list li .productArea {  position: relative;  display: flex;  flex-direction: column;  height: 100%;  gap: 0rem;}
.product_list li .productArea > h3 {  color: #000;  font-size: 1.4rem;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  width: calc(100% - 1.5rem);  font-weight: 600;}
.product_list li .productArea > h3:hover {  text-decoration: underline;}
.product_list li .productArea > p {  font-size: 1rem;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  width: calc(100% - 1.5rem);}
.product_list li .productArea ul {  background: #F3F3F3;  padding: 0.6rem;  border-radius: 8px;  font-size: 0.9rem;  margin-top: auto;}
.product_list li .productArea ul li {  line-height: 28px;  position: relative;  padding-left: 0.9rem;  width: 100%;}
.product_list li .productArea ul li:after {  position: absolute;  content: '';  width: 4px;  height: 4px;  background: #333;  border-radius: 10px;  left: 0;  top: 13px;}
.product_list li .productArea .flag_group {  display: flex;  align-items: center;  gap: 0.6rem;  margin-bottom: 0.8rem;}
.product_list li .productArea .flag_group span {  background: #DAE3FF;  color: #475FB3;  font-size: 0.6rem;  border-radius: 30px;  padding: 3px 5px;}
.product_list li .productArea .flag_group em:last-of-type {  font-size: 0.6rem;  margin-left: auto;  font-weight: 600;}

@media screen and (max-width: 767px) {
  .main_container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .product_list > ul {
    flex-direction: column;
    gap: 1rem;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .product_list > ul > li {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .product_list ul li a {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }
}

.section4 {display: flex;    margin-top: 2rem; padding-bottom: 4rem; height: 420px;}
.section4 .videoBox {width: 570px; }
.section4 .videoBox > div {border-radius: 15px; overflow: hidden;}
.section4 .main_container {display: flex;flex-wrap: wrap; gap: 2rem;     align-items: flex-start;}
.section4 .videoBox {width: 570px; box-sizing: border-box;}
.section4 .videoBox .video_frame {position: relative;/*padding-bottom: 56.25%;  16:9 비율 */height: 350px ;overflow: hidden; }
.section4 .videoBox .video_frame iframe {position: absolute;top: 0; left: 0;width: 100%;}

.section4 .situationBox {flex: 1; min-width: 0;box-sizing: border-box;}
.section4 .situationBox .situation {position:relative;}
.situation ul {display: flex;gap: 2rem; height: 315px;}
.situation ul li {flex: 1;text-align: center; position: relative; border-radius: 1.5rem; padding: 3rem 1.5rem;position: relative; max-width: 253px;}

.c_more{  position: absolute;right: 0;bottom: 0;width: 109px;height: 92px; background: url('../image/radiBG.svg');}
.situation ul li:nth-child(1)  {background-color:#5CA6E4;}
.situation ul li:nth-child(2) {background-color: #AACCE9;}
.situation ul li:nth-child(3) {background-color: #AABCE9;}
.situation dl{color:#000; margin-top: 3.5rem; min-width:130px}
.situation dl dt{font-size: 1.1rem; font-weight: 500; margin-bottom: 20px;}
.situation dl dd {font-size: 1.8rem; font-weight: 600; margin-bottom: 10px; }


.section5{display: flex;    margin-top: 2rem; padding-bottom: 4rem; }
.rankingArea {background: #fff;border-radius: 1.5rem; padding: 1rem; margin-top: 20px;}
.rankingArea ul {display: flex;color:#000}
.rankingArea ul li {flex: 1;text-align: center;padding: 1rem 1rem;border-right: 1px solid #ddd;box-sizing: border-box;}
.rankingArea ul li:last-child {border-right: none;}
.rankingArea ul li > p{background: #F4F4F4; border-radius: 8px; padding: 5px 0; font-weight: 500; margin-bottom: 8px; }

.rankingArea .horizontal-info{margin: 5px 0; font-size: .9rem;}
.rankingArea .horizontal-info .row {display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0 0;}
.rankingArea .horizontal-info dd {text-align: right; }
.rankingArea .horizontal-info dt > span {background: #CACACA; color: #fff;width: 18px;display: inline-block;line-height: 18px;border-radius: 3px;font-size: .9rem;}
.rankingArea .horizontal-info dt > span.top {background: #5CA6E4;}

.section6, .section7 { margin-top: 2rem; padding-bottom: 4rem; }
.section6 .reviewBox > ul {display: flex; gap: 1.5rem; }
.section6 .reviewBox > ul > li {flex: 0 0 calc((100% - (1rem * 3)) / 3);max-width: calc((100% - (1rem * 3)) / 3);min-width: 0; background-color: var(--color-white); border-radius: 15px;
	-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}

.section6 .reviewBox > ul > li a{position: relative; display: block; width: 100%; min-height: 13.85rem; height: auto; background: #fff; border-radius: 1.5rem; padding: 1.5rem; transition: 0.5s;}
.section6 .reviewBox > ul > li a::before { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid var(--main-color); 
	position: absolute; left: -1px; top: -1px; opacity: 0; transition: all 0.2s; border-radius: 1.5rem; }
.section6 .reviewBox > ul > li:hover{-webkit-transform: translateY(-10px);  -ms-transform: translateY(-10px); transform: translateY(-10px);}
.section6 .reviewBox > ul > li a:hover,
.section6 .reviewBox > ul > li a:focus{ box-shadow: 10px 10px 10px rgba(13,106,155,0.1); } 
.section6 .reviewBox > ul > li a:hover::before,
.section6 .reviewBox > ul > li a:focus::before { opacity: 1;}


.section6 .reviewBox .re_area { display: flex; flex-direction: column; gap: .5rem;    position: relative;}
.section6 .reviewBox .re_area  > h3 { color: #000; font-size: 1.3rem;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;display: inline-block;white-space: nowrap;width: calc(100% - 1.5rem);font-weight: 500;}
.section6 .reviewBox .re_area  > p{font-size: .9rem;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;display: inline-block;white-space: nowrap;width: calc(100% - 1.5rem);}
.section6 .reviewBox .re_area ul {border-top:1px solid #ddd; font-size: 1.3rem; display: flex; gap: 2rem; padding-top: .9rem;}
.section6 .reviewBox .re_area ul > li {flex: 0 0 calc((100% - (1.5rem * 2)) / 2);     flex: 1; font-size: .9rem; position:relative;padding-left: .5rem;}
.section6 .reviewBox .re_area ul > li:after{position:absolute; content: ''; width:3px; height: 3px; border-radius: 10px; background-color: #4F4F4F; left:0; top:8px}
.section6 .reviewBox .re_area ul > li > span {float:right; color:#000; font-weight: 600; white-space: nowrap;}

.section6 .reviewBox .re_area .flag_group {display: flex;align-items: center;gap:.6rem; margin-bottom: .8rem;}	
.section6 .reviewBox .re_area .flag_group span {background: #000; color:#fff; font-size: .8rem; border-radius: 30px;padding: 1px 5px;}
.section6 .reviewBox .re_area .flag_group em:last-of-type{font-size: 1rem;margin-left: auto; font-weight: 600; }


.section7 .bbsBox {display: flex; gap: 3rem;}
.section7 .bbsBox  .eventbanner {width: 33%;}
.section7 .bbsBox  .eventbanner ul li {  border-radius: 15px;overflow: hidden; background-color: var(--color-white); }
.section7 .bbsBox  .eventbanner ul li img { width: 100%;}
.section7 .bbsBox  .news {width: 67%;}
.section7 .bbsBox  .news ul {border-top:2px solid #000}
.section7 .bbsBox  .news ul li {border-bottom:1px solid #ddd; position:relative; padding: .6rem 0;}
.section7 .bbsBox  .news ul li a:hover{color: var(--main-color);}
.section7 .bbsBox  .news ul li:hover{box-shadow: 10px 10px 10px rgba(0,0,0,0.1); border-color: var(--main-color); }
.section7 .bbsBox  .news ul li a{margin-left: 100px; line-height: 38px; width: calc(85% - 2.6rem); text-overflow: ellipsis;word-wrap: break-word;overflow: hidden;display: block;white-space: nowrap;}
.section7 .bbsBox  .news ul li a > em {font-size: .8rem; margin-right: 8px; font-weight: 600; vertical-align: middle;}
.section7 .bbsBox  .news ul li > p {display: inline-block; text-align: center; font-size: 1.2rem;margin:0 15px; position:absolute; font-weight: bold; top:5px}
.section7 .bbsBox  .news ul li > p > span {display: block; font-size: .8rem; color:#B0B0B0; font-weight: normal;}

.section8 {background: url('../image/qnabg.png') no-repeat; background-size: cover; height: 540px; margin-top: 20px;}
.qnaArea{position:relative; padding-top: 70px;}
.qnaArea .qnatit {position:absolute; left:0; top:70px; color:#fff}
.qnaArea .qnatit > h3 {color:#fff; font-family: 'Sbaggro'; margin-bottom: 0px;}
.qnaArea .qnatit > span {margin-top: 30px;display: inline-block;}
.qnaArea .qnatit > span a{color:#fff; font-size: .9rem;}
.qnaArea .qnatit > span a i {font-size: .9rem;}
.qnaArea ul {margin-left: 33%; background: rgb(0, 0, 0,.2);     backdrop-filter: blur(5px); border-radius: 15px; height: 100%; padding: 2rem 4rem;}
.qnaArea ul li {border-bottom:1px solid rgb(255,255,255,.1); }
.qnaArea ul li:hover{border-bottom: 1px solid rgb(255,255,255,.5);}
.qnaArea li a {display: flex;align-items: center;position: relative;padding-right: 2rem; text-decoration: none;color: #fff;padding: 1.2rem 3rem 1.2rem .5rem;}
  
.qnaArea li a span {font-weight: bold;margin-right: 0.5rem;color: #000; background: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 30px;; text-align: center; margin-right: 15px; }
.qnaArea li a em {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;color: #fff;transition: transform 0.3s ease; }
.qnaArea li a:hover em {transform: translate(5px, -50%);}







@media(max-width:1400px){

.contents_tedporotocol .ted_area{width:100%; padding: 20px 12px;}
.main_container {width:100%}

}

@media(max-width:1280px){

	.main_container {width:100%; padding: 0 12px;}
	.section4 .videoBox {width:40%}
	.section4 .main_container {flex-direction: column;}
	.section6 .reviewBox .re_area ul  {flex-direction: column; gap: 1rem;}
    .product_list li .productArea > h3{font-size: 1.2rem;}
    .product_list li .productArea > p{font-size: .9rem;}
    .product_list li .productArea .flag_group{gap: .2rem;}
    .product_list ul li a {height: 16.5rem;padding: 1rem;}
    .product_list li .productArea ul {font-size: .8rem;}
    .section4 .videoBox {width:40%}
	.section4 .main_container {flex-direction: column;}
    .section4{height: auto;}
	.section4 .videoBox, .section4 .situationBox {width:100%}
	.situation ul {height: 215px; gap: 1rem;}
	.situation dl {margin-top: 2rem;}
    .situation ul li {max-width:100%;padding: 1.5rem 1.5rem;}
}



@media all and (max-width:800px)
{

   
	.contents_tedporotocol .ted_area .main_slide_img {width:100%}
    .contents_tedporotocol .ted_area{flex-direction: column-reverse;}
    .contents_tedporotocol .ted_area .loginArea{width: 100%;padding: 5px 20px;height: auto}
    .loginArea ul {display: flex;align-items: center;list-style: none;padding: 0;margin: 0; ;}
	  
	.loginArea li {display: flex;align-items: center;}
	  
	  
	.loginArea li:nth-child(2) {margin-left: auto;}
	.loginArea li:nth-child(3) {margin-left: 10px; }
    .contents_tedporotocol .ted_area .loginArea ul li.userinfo {font-size: .9rem;}
    .contents_tedporotocol .ted_area .loginArea ul li.userinfo img {max-width: 80%;}
    .contents_tedporotocol .ted_area .loginArea button {font-size: .8rem; display: none;}
    .swiper-slide-a img {min-height: 300px;}
    .section02 h1 {font-size: 1.8rem;}
    .section02 p {font-size: 1.5rem;}

    .product_list ul {display: flex;flex-wrap: wrap;  }
    .product_list > ul >li  {flex: 0 0 calc((100% - (1rem * 2)) / 2); max-width: calc((100% - (1rem * 2)) / 2); }
    .rankingArea ul{flex-direction: column;}
	.rankingArea ul li {border-right:0; border-bottom:1px solid #ddd}
	.rankingArea ul li:last-child{border-bottom:0}
    .section6 .reviewBox .re_area > h3 {font-size: 1.1rem;}
    .section6 .reviewBox .re_area .flag_group {margin-bottom: .4rem;}
    .section6 .reviewBox .re_area ul > li {font-size: .8rem;}
    .section6 .reviewBox > ul {gap:1rem}
    .section6 .reviewBox > ul > li {    flex: 0 0 calc((100% - (.7rem * 3)) / 3); max-width: calc((100% - (.7rem * 3)) / 3);}
    .main_container h3 {font-size: 1.4rem;}
    .rankingArea .horizontal-info dt > span {font-size: .7rem;}

    .section7 .bbsBox {flex-direction: column;  gap: 6rem;}
	.section7 .bbsBox .eventbanner, .section7 .bbsBox .news {width: 100%;}

	.section7 .bbsBox .news ul li a {margin-left: 70px;}

    .qnaArea {padding-top: 50px;}
	.qnaArea ul {margin-left: 0; padding: 1rem 1rem;}
	.qnaArea .qnatit {position: relative; top:0; margin-bottom: 20px;}
	.qnaArea li a span {background: none; color:#fff}
    .qnaArea li a{padding: 1rem 1rem 1rem .5rem;}
    

    

	

	
	
}

@media all and (max-width:640px)
{   
	
    .section02 h1 {font-size: 1.5rem;}
	.section02 p {font-size: 1.2rem;}
    .situation ul {flex-direction: column;}
	.situation dl {margin-top: 10px; }
    .situation dl dd {font-size: 1.4rem;}
	.situation ul {height: auto;}
    .situation dl dt {margin-bottom:10px}
    .rankingArea .horizontal-info {font-size: .8rem;}
    .section6 .reviewBox > ul {flex-direction: column;}
    .section6 .reviewBox > ul > li a{padding:1.1rem}
	.section6 .reviewBox > ul > li {    flex: 0 0 calc((100% - (0rem * 1)) / 1);max-width: calc((100% - (0rem * 1)) / 1);}
    .section6 .reviewBox .re_area > p{font-size: .8rem;}
    .section6 .reviewBox .re_area .flag_group span{font-size: .7rem;}
    .section7 .bbsBox .news ul li > p {font-size: .9rem;margin-top: 5px;}
    .section7 .bbsBox .news ul li {padding:.4rem 0}
    .section7 .bbsBox .news ul li a > em {font-size: .6rem;}
    .qnaArea {padding-top: 50px;}
	.qnaArea ul {margin-left: 0; padding: 1rem 1rem;}
	.qnaArea .qnatit {position: relative; top:0; margin-bottom: 20px;}
	.qnaArea li a span {background: none; color:#fff}

	
	
}





@media(max-width:1000px){

.contents_tedporotocol {margin-top:66px; }

h4 { font-size:25px;  font-weight:500; }
h6 { font-size:15px; font-weight:500; color:#555; }
h5 { font-size:20px; line-height:120%; margin:20px 0; font-weight:500; color:#222 }


.main_slide_img { width:100%; height:300px; text-align:center; margin:0 auto ; }

.product_rolling { padding:30px 0 50px 5%; width:100%; background:#f1f1f1; }
.rolling_slider { width:100%; margin-top:15px; }
.product_rolling li.item { width:100%; float:left; text-align:center; min-width:200px; height:350px; }
.product_rolling .thumbnail { position:relative; margin:0 auto 20px; text-align:center; }
.product_rolling .thumbnail a img { width:100% !important; min-width:100px; max-width:1000px; box-sizing:border-box;  }

.product_rolling .description { margin:0 auto; padding:0 3px; font-size:12px; line-height:14px; text-align:left; width:100%; }
.product_rolling .description .name a {  display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px; }
.product_rolling .description .price { color:#999; font-size:16px; margin:5px 0 ;}
.product_rolling .description .price span { color:#777; text-decoration:line-through; margin-left:10px;   font-weight:normal; font-size:14px; }
.product_rolling .description li { display:block;  width:100%; }
.product_rolling .description span.grid { display:block; }
.product_rolling .description .etc { font-size:12px; color:#666; line-height:140%; }

.rolling_style1 { width:100%; margin:0 auto;  }
.rolling_style1>.bx-wrapper { padding:0 0 0 0px; position: relative; margin-bottom: 60px; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;}
.rolling_style1>.bx-wrapper img { max-width: 100%; display: block; }
.bx-viewport { -webkit-transform: translateZ(0); }

.rolling_style1>.bx-wrapper { }
.rolling_style1>.bx-wrapper .bx-pager,
.rolling_style1>.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

.rolling_style1>.bx-wrapper .bx-pager-item,
.rolling_style1>.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.rolling_style1>.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.rolling_style1>.bx-wrapper .bx-controls-direction a { text-indent:-999999px; position: absolute; 
 outline: 0; width:14px; height:27px;  z-index: 9999; border:1px solid #ddd; }
.rolling_style1>.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.rolling_style1>.bx-wrapper .bx-controls-auto { display:none;  }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

.rolling_style1>.bx-wrapper .bx-prev { position: absolute; background:#fff url('../image/btn_style1_prev.png') no-repeat;background-size:10px;
top:-40px  !important; left:170px !important; width:40px !important; height:40px !important; display:block; border-radius:20px; background-position:center center;  }
.rolling_style1>.bx-wrapper .bx-next { position: absolute; background:#fff url('../image/btn_style1_next.png') no-repeat; background-size:10px; 
top:-40px  !important; left:220px !important; width:40px !important; height:40px !important; display:block; border-radius:20px; background-position:center center; }


.main_product_more_view { text-align:right; padding-right:20px; }
.main_product_more_view a { background:#222; display:inline-block; color:#fff; border-radius:5px; padding:7px 20px; font-size:14px; }




.index_02 { display:block;; width:100%;  margin:100px auto; border-top:0d; border-bottom:0; }
.index_02 > div { width:100%; }
.index_02 .visual img { max-width:100%; }
.index_02 .textArea { display:block; text-align:center; padding:50px 5%; }
.index_02 .textArea span { font-size:16px; color:#888; letter-spacing:-1px; }
.index_02 .textArea .more { display:block; margin-top:40px; font-size:14px; color:#888; text-decoration:underline; }


.index_03 { width:100%; margin:0px auto; color:#222; background:#f5f5f5; padding:70px 0; }
.index_03 ul { display:block; margin:20px auto 0; }
.index_03 li { width:90%; margin:0 auto 20px; }
.index_03 li img { width:100%; }
.index_03 .txt { background:#fff; width:100%; padding:20px 25px; position:relative; }
.index_03 .txt .subject span { font-size:15px; }
.index_03 .txt .subject p { font-size:20px; font-weight:bold; }
.index_03 .txt .con { margin-top:15px; }
.index_03 .txt .con p { font-size:15px; color:#777; }
.index_03 .txt .more { position:absolute; top:20px; right:20px; }
.index_03 .txt .more a { display:block; background:#fff; color:#222; font-size:16px; font-weight:bold; width:90px; height:35px; line-height:33px; text-align:center; border:1px solid #777; }
.index_03 .txt .more a:hover { background:#222; color:#fff; border:1px solid #222; }
.index_03 h2 { font-size:50px; text-align:center; font-weight:500; }


.index_04 { background:url('../image/bottom_img.jpg') no-repeat; background-size:cover; width:100%; height:300px;  
background-position: center;  text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.index_04 .inner { width:100%; }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:20px 0; letter-spacing:-1px; }
.index_04 h4 { font-size:20px; }
.index_04 h6 { font-size:13px; }

.main_slide_img {border-radius: 0;}
.index_01 > h3 {font-size: 1.6rem;}
.index_01 > ul {display: block;}
.index_01 > ul > li {width:100%; margin-bottom: 15px;}

}








/* 상품 롤링 */
.main_product_rolling { width:calc(100% - 40px); text-align:center; position:relative; padding:50px 50px 0; max-width:1490px; margin:0 auto; }
.main_product_rolling h4 { text-align:left;  max-width:2000px; padding:0 0px; margin-bottom:20px; }
.main_product_rolling .main_product_more_view { text-align:right; margin-top:30px; margin-right:0; padding-right:0}
.main_product_rolling .swiper-slide { width:calc(100% / 5); padding:0 10px; }
.main_product_rolling .s-box { margin:0px; }
.main_product_rolling .s-box  img { margin-bottom:15px; width:100%; border:1px solid #ccc; }

.main_product_rolling .swiper-container {  width:100%; margin:0 auto;  padding:0 0px;  }
.main_product_rolling .swiper-button-next,
.main_product_rolling .swiper-button-prev { background:#fff; border-radius:25px; width:50px; height:50px; top:47%; color:#222; border:1px solid #aaa; }
.main_product_rolling .swiper-button-next:after,
.main_product_rolling .swiper-button-prev:after { font-size:18px; }
.main_product_rolling .swiper-button-next { right:-20px; }
.main_product_rolling .swiper-button-prev {  left:-20px; }
.main_product_rolling .swiper-pagination { bottom:4em; }
.main_product_rolling .swiper-button-next:hover:after,
.main_product_rolling .swiper-button-prev:hover:after { color:#e72000; }

.p_description { font-size:15px; }
.p_description > ul > li { margin-bottom:5px; width:100%; text-align:center; line-height:1.3em; } 
.p_description .name,
.p_description .name a { font-size:1em; }
.p_description .mileage { font-weight:300; font-size:12px }
.p_description .mileage  strong { display:inline-block; border-radius:7px; height:15px; width:15px; margin-right:4px; background:#999; color:#fff; line-height:15px;  text-align:center;  }
.p_description .etc_content { font-size:0.9em; color:#999; }
.p_description .price { font-weight:normal; font-size:1.1em; margin:0.2em 0 0.7em 0; }

@media(max-width:1000px){
.main_product_rolling { width:100%; text-align:center; height:auto; padding:30px 10px 0;  overflow:hidden; }
.main_product_rolling .swiper-slide { width:calc(100% / 2); padding:0 5px;}
.main_product_rolling .swiper-slide .s-box { background:#fff; border-radius:10px; padding:0 0 15px 0px; margin:0 5px; overflow:hidden; }
.main_product_rolling .swiper-container { padding:0em 0 1em; }
.main_product_rolling .swiper-button-next,
.main_product_rolling .swiper-button-prev { background:rgba(0,0,0,0.5); border-radius:0px; width:50px; height:50px; top:49%; color:#fff; border:0; }
.main_product_rolling .swiper-button-next:after,
.main_product_rolling .swiper-button-prev:after { font-size:14px; }
.main_product_rolling .swiper-button-next,
.main_product_rolling .swiper-button-prev { width:30px; height:30px; top:50%; margin-top:-4em;}
.main_product_rolling .swiper-button-next { right:-5px; }
.main_product_rolling .swiper-button-prev {  left:-5px; }
.main_product_rolling .swiper-pagination { bottom:1.5em; }
.main_product_rolling .swiper-button-next:hover:after,
.main_product_rolling .swiper-button-prev:hover:after { color:#fff; }
.p_description { font-size:12px; }
.p_description > ul > li { margin-bottom:5px; width:100%; text-align:center; line-height:1.3em; } 
.p_description .name,
.p_description .name a { font-size:1em; }
.p_description .mileage { font-weight:300; font-size:12px }
.p_description .mileage  strong { display:inline-block; border-radius:7px; height:15px; width:15px; margin-right:4px; background:#999; color:#fff; line-height:15px;  text-align:center;  }
.p_description .etc_content { font-size:0.9em; color:#999; }
.p_description .price { font-weight:normal; font-size:1.1em; margin:0.2em 0 0.7em 0; }

}