/*--------------------------------------------------------------
# 세팅CSS
--------------------------------------------------------------*/
.top_setting{ margin-top: 61px;}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#198754;background:#198754;color:#fff}



/********************************
alert
**********************************/

.mj-alert { padding: 10px 10px 0px 10px; }
.mj-alert .mj-alert .mj-alert-txt{ padding: 10px;}
.mj-alert .mj-alert-txt-title{ font-weight: bold;}
.mj-alert .mj-alert-txt-slogan{ font-size: 12px; font-weight: 700; }
.mj-alert img{ padding-right: 10px; }


/********************************
# 리스트 
**********************************/

.list-group {  /* max-width: 460px;   margin: 4rem auto; */ }
/* 가격 */
.list-group .p-price{ color: var(--bs-red); font-weight: bold;  }

.form-check-input:checked + .form-checked-content { opacity: .5; }
.form-check-input-placeholder { border-style: dashed; }
[contenteditable]:focus { outline: 0; }

.list-group-checkable .list-group-item { cursor: pointer; }
.list-group-item-check { position: absolute; clip: rect(0, 0, 0, 0); }
.list-group-item-check:hover + .list-group-item { background-color: var(--bs-light); }
.list-group-item-check:checked + .list-group-item { color: #fff; background-color: var(--bs-blue); }
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item { pointer-events: none; filter: none; opacity: .5; }

.list-group-radio .list-group-item { cursor: pointer; border-radius: .5rem; }
.list-group-radio .form-check-input { z-index: 2; margin-top: -.5em; }

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus { background-color: var(--bs-light); }
.list-group-radio .form-check-input:checked + .list-group-item { background-color: var(--bs-body); border-color: var(--bs-blue); box-shadow: 0 0 0 2px var(--bs-blue); }

.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item { pointer-events: none; filter: none; opacity: .5; }




/********************************
Accordion
**********************************/

#lv-price-wrap { padding: 10px 0px 10px 0px;}
#lv-price-wrap .lv-title{ font-size:1.2em; font-weight: bold;margin-bottom: 10px;}




/********************************
community menu
**********************************/

#header_b5_001 .navbar-brand{ color:#038860; font-weight:bold;  }

.log-in img{ width:32px; height:32px; border-radius:18px; }
.log-in .txt-member{ font-size:1rem; padding:5px 0px 0px 10px; }


/* 메뉴모듈  
#header_b5_001 { }
#header_b5_001 .navbar-nav .nav-item { padding-right:1rem;  }
#header_b5_001 .navbar-nav .nav-item .nav-link{ color:#111; font-size:1.2rem;  } 
#header_b5_001 .navbar-nav .nav-item { padding-right:0rem;  }
/* 메뉴글자크기 */
#header_b5_001 .navbar-nav .nav-item .nav-link{ color:#111; font-size:1.2rem; font-weight:bold;  } 
#header_b5_001 .navbar-nav .nav-item { padding-right:1rem;  }

@media (max-width: 575.98px) { 
#header_b5_001 .navbar-nav .nav-item { padding-right:0rem;  }
}


@media (max-width: 767.98px) {  
#header_b5_001 .navbar-nav .nav-item { padding-right:0rem;  }
}


@media (max-width: 991.98px) {  
#header_b5_001 .log-in-menu{ position:static !important; width:100% !important;  }
}


.navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}


.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #d3531a;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* 아이콘색상 */

.navbar-toggler.collapsed .toggler-icon {
   /* background: linear-gradient( 263deg, rgba(252,74,74,1) 0%, rgba(0,212,255,1) 100% );  */
   background: #333; 
}

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg { font-size: 3.5rem; }
      }

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}


#pro_area{ margin-bottom:20px; }
#pro_area .pro_tit p { font-size:2rem; text-align:center; font-weight: 700; }
#pro_area .pro_tit span { display:block; text-align:center;  }
#extr-content{ margin-bottom:80px;}

/********************************
shop menu
**********************************/

/* megasubmenu */
.megasubmenu{ padding:1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.megasubmenu{ 
		left:100%; top:0; min-height: 100%; min-width:200px;
	}
	.dropdown-menu > li:hover .megasubmenu{
		display: block;
	}
}	



/********************************
	Carousel
**********************************/

/* Carousel base class */
#main-carousel .carousel {
  /*margin-bottom: 1.4rem;*/
}
/* Since positioning the image, we need to help out the caption */
#main-carousel .carousel-caption {
  /*bottom: 3rem;*/
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    z-index: 10;
}

#main-carousel .carousel-caption{ color:#fff; }
#main-carousel .carousel-caption h1{font-size:2.5rem; font-weight:bold; text-shadow: #FC0 1px 0 10px; }
#main-carousel .carousel-caption p{font-size:1.5rem; font-weight: normal; text-shadow: #FC0 1px 0 10px;}


@media all and (max-width:576px){
#main-carousel .carousel-caption{}
#main-carousel .carousel-caption h1{font-size: 30px; font-size: 2.308rem;}
#main-carousel .carousel-caption p{font-size:16px; font-size:1.231rem; font-weight: normal; text-shadow: none;}
}

#main-carousel .carousel-indicators{
  margin-bottom:50px;
  margin-bottom:3.125rem;  
}

#main-carousel .carousel-indicators button{
  height:5px;
}

#main-carousel .carousel-inner:before{
    content: "";
    /* opacity: 0.3; 슬라이드 투명  */
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* background-color: #000; 슬라이드검정 */
    z-index:1;
}

/* Declare heights because of positioning of img element */
#main-carousel .carousel-item {
  /*height: 32rem;*/
  height:37.500rem;
  overflow:hidden;
}
#main-carousel .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}

#main-carousel .carousel-control-next-icon, 
#main-carousel .carousel-control-prev-icon{
    width: 4rem;
    height: 4rem;
    background-position: 50%;
    transform: translateY(-50%);
}

/* RESPONSIVE CSS
-------------------------------------------------- */


@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}



      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

.carousel-item {
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}






/********************************
   modal style
**********************************/


#memoModal{}
#memoModal .nav-tabs .nav-item .nav-item .nav-link a{ color:#495057 !important;  }

/* 메모 스킨 */
.memo-item h5{ font-size: 1rem; }
.memo-item small{ font-size: .875rem; }
#memo-nav .nav-item .nav-link { color:#000 !important; }





/* basic */
.fix_top{ height:100px !important; }
.fix_top_move{ height:150px !important; }

/*---------------------
  제목
-----------------------*/

.section-title {
	margin-bottom: 35px;
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 4px;
	width: 70px;
	background: #111;
	content: "";
}


.section-title h5 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h5:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 1px;
	width: 100%;
	background: #111;
	content: "";
}

.section-title p{
	font-size: 1rem;
	color: #333;
	padding-top: 10px;
}

/* table 
table th{text-align:center;}
table tr th,
table tr td{padding:1rem !important; font-size: 1rem; text-align:center;}
*/


/***************************
게시판
***************************/

/* 추출 */

#extr-content {}
.grid-divider { position: relative; padding: 0; }
.grid-divider>[class*='col-'] { position: static; }
.grid-divider>[class*='col-']:nth-child(n+2):before {
content: "";
/* border-left: 1px solid #DDD; */
position: absolute;
top: 0;
bottom: 0;
}
.col-padding { padding: 0 15px; }
.col-padding h3{ font-size:22px; color: #000; font-weight:700; border-bottom:3px solid #ddd; padding-bottom:15px; }
.col-padding p{ font-size:14px; color: #808080;	}
.extr_content ul,li{ list-style:none; margin:0; padding:0;}
.extr_content ul:first-child { display:block; width:100%; clear:both; line-height:3; border-top: none; height:30px; }	
.extr_content ul{ display:block; width:100%; clear:both; line-height:3; border-top:1px solid #DDD; height:30px; }	
.extr_content li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.extr_content li a{ font-size:14px; color: #808080; }
.extr_content li a:hover{ font-size:14px; color: #404040; }
.extr_content .extr_content_title{ float:left; width:70%  }
.extr_content .extr_content_date{ float: right;  width:30%; text-align:right;  }

	
@media (min-width: 1200px) {
	.extr_notice { border:1px solid #b7b7b7; border-right:0px; height:120px; }
	.extr_free { border:1px solid #b7b7b7; height:120px; }
	.extr_title{ font-size:16px; font-weight:700; display:inline-block; padding-top:40px; }	
	.extr_content{ padding-top:22px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.extr_notice { border:1px solid #b7b7b7; border-right:0px; height:120px; }
	.extr_free { border:1px solid #b7b7b7; height:120px; }
	.extr_title{ font-size:16px; font-weight:700; display:inline-block; padding-top:40px; }		
	.extr_content{ padding-top:22px;}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.extr_notice { border:1px solid #b7b7b7; border-right:0px; border-left:0px; height:120px; }
	.extr_free { border:1px solid #b7b7b7; border-right:0px; border-left:0px; border-top:0px;  height:120px;}
	.extr_title{ font-size:16px; font-weight:700; display:block; padding-top:10px; padding-bottom:5px;  }	
	.extr_content{ padding-top:22px;}

}
/* xs */
@media (max-width: 767px) {
	.extr_notice { border:1px solid #b7b7b7; border-right:0px; border-left:0px; height:120px; }
	.extr_free { border:1px solid #b7b7b7; border-right:0px; border-left:0px; border-top:0px;  height:120px;}
	.extr_title{ font-size:16px; font-weight:700; display:inline-block;  padding-top:10px; padding-bottom:5px; }
	.extr_content{ padding-top:0px;}
	.grid-divider>[class*='col-']:nth-child(n+2):before {
	content: "";
	border-left: none;
	position: absolute;
	top: 0;
	bottom: 0;
	}		
	
}


.section-title {
	margin-bottom: 35px;
}

.section-title h4 {
	color: #111111;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}

.section-title h4:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 4px;
	width: 70px;
	background: #111;
	content: "";
}



/*  기본 : 리스트 style */
	#list-style02 { color:#000; box-sizing: border-box; }
	#list-style02 a{ color:#000; }
	#list-style02 a:hover{ color:#102e4e; text-decoration: none; }
	#list-style02 ul, li{ list-style:none; box-sizing: border-box; }
	#list-style02 label{ margin-bottom: 0rem; }

/*  타이틀 색상 두께 */
	#list-style02 .list-row-title { 
	border-top: rgba(0,0,0,.125) 2px solid; 
	border-bottom:rgba(0,0,0,.125) 1px solid; 
	color:#000;
	}
	#list-style02 .list-row-title { display:block; padding: 10px;  }
	#list-style02 .list-row-title:after { display:block; clear:both; content:'';}
	#list-style02 .list-row-title-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px; font-weight:bold; } /* 간격(높이조절)시 padding 값조절 */
	#list-style02 .list-row-title a{ color:#000;; text-decoration: none;  }	
	
/*  공지글 일반글 색상 */
	#list-style02 .list-row-item-notice-bg{ background-color:#f4f4f4; }
	#list-style02 .list-row-item-none-bg{ background-color:#fff;}

/*  일반글 색상 */
	#list-style02 .list-row { border-bottom:1px solid #c6c6c6; padding: 10px;  }  /* 간격(높이조절)시 padding 값조절 */
	#list-style02 .list-row:after { display:block; clear:both; content:'';}	
	#list-style02 .list-row-item a{ color:#333; }
	#list-style02 .list-row-item a:hover{ color:#102e4e;; text-decoration: none; }
	#list-style02 .list-row-item { display:inline-block; float:left; border-right:1px solid #c6c6c6; padding: 0px 10px;   }
	#list-style02 .list-row-item-title { display:none !important; }
	#list-style02 .list-row-item-content { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
	#list-style02 .list-row-title li:last-child  {  border-right:none !important; }
	#list-style02 .list-row li:last-child { border-right:none !important; }

/* 넓이 */
    #list-style02 .ec-col-05{width:5% !important;}
	#list-style02 .ec-col-10{width:10% !important;}
	#list-style02 .ec-col-15{width:15% !important;}
    #list-style02 .ec-col-20{width:20% !important;}
	#list-style02 .ec-col-25{width:25% !important;}
	#list-style02 .ec-col-30{width:30% !important;}
    #list-style02 .ec-col-35{width:35% !important;}
	#list-style02 .ec-col-40{width:40% !important;}
	#list-style02 .ec-col-45{width:45% !important;}
	#list-style02 .ec-col-50{width:50% !important;}
	#list-style02 .ec-col-55{width:55% !important;}
    #list-style02 .ec-col-60{width:60% !important;}
	#list-style02 .ec-col-65{width:65% !important;}
	#list-style02 .ec-col-70{width:70% !important;}
    #list-style02 .ec-col-75{width:75% !important; }
	#list-style02 .ec-col-80{width:80% !important;}
	#list-style02 .ec-col-85{width:85% !important;}
	#list-style02 .ec-col-90{width:90% !important;}
	#list-style02 .ec-col-95{width:95% !important;}	
	#list-style02 .ec-col-100{width:100% !important;}	


/* xs 각 display 맞게 효과 */
@media (max-width: 767px) {
	#list-style02 .list-row-title { display: none;  !important;  }
	#list-style02 .list-row-title-item { display: none !important;}
	#list-style02 .list-row { display:block; border: 1px solid #c6c6c6; margin-bottom:5px; border-radius:3px; }
	#list-style02 .list-row:hover{ background-color:#f4f4f4; }
	#list-style02 .list-row-item { display:block !important; width:100%; border:0px;  }
	#list-style02 .list-row-item-title { display:block !important; font-weight:bold;}
	#list-style02 .list-row-item-content { display:block !important; border-bottom:1px solid #c6c6c6; }
    #list-style02 .ec-col-05{width:100% !important;}
	#list-style02 .ec-col-10{width:100% !important;}
	#list-style02 .ec-col-15{width:100% !important;}
    #list-style02 .ec-col-20{width:100% !important;}
	#list-style02 .ec-col-25{width:100% !important;}
	#list-style02 .ec-col-30{width:100% !important;}
    #list-style02 .ec-col-35{width:100% !important;}
	#list-style02 .ec-col-40{width:100% !important;}
	#list-style02 .ec-col-45{width:100% !important;}
	#list-style02 .ec-col-50{width:100% !important;}
	#list-style02 .ec-col-55{width:100% !important;}
    #list-style02 .ec-col-60{width:100% !important;}
	#list-style02 .ec-col-65{width:100% !important;}
	#list-style02 .ec-col-70{width:100% !important;}
    #list-style02 .ec-col-75{width:100% !important; }
	#list-style02 .ec-col-80{width:100% !important;}
	#list-style02 .ec-col-85{width:100% !important;}
	#list-style02 .ec-col-90{width:100% !important;}
	#list-style02 .ec-col-95{width:100% !important;}	
	#list-style02 .ec-col-100{width:100% !important;}	

}





.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; }  }



/********************************
   news ticker
**********************************/

/*.newsticker {position:relative;overflow:hidden;width:410px;height:21px;text-align:left;} */
.newsticker {position:relative;overflow:hidden;text-align:left; width:100%;}
.newsticker ul {padding:0;margin:0}
.newsticker ul li {float:left;width:100%;padding:0;font-size:16px;color:#fff;letter-spacing:-1px;height:21px;line-height:21px;list-style:none;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsticker ul li a {color:#fff;}
.newsticker ul li strong {color:#78a7be}
.newsticker ul li span{ padding: 3px 5px 3px 0px;  color:#FFF; }
.newsticker ul li span .notice_icon{ background-color:var(--bs-primary); }  /* 공지 */
.newsticker ul li span .new_icon{ background-color:var(--bs-success); }  /* 새글 */
.newsticker ul li span .secret_icon{ background-color:var(--bs-warning); }  /* 비밀글 */
.newsticker ul li span .hot_icon{ background-color:var(--bs-danger); }  /* 인기글 */


/********************************
   product  #product_view_S001
**********************************/


#product_view_S001 {margin-top: 100px;margin-bottom:50px}
#product_view_S001 img{ max-width:100%;}
#product_view_S001 .tittle {padding-bottom: 34px;}
#product_view_S001 .tittle::after { background: rgb(235, 235, 235) none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 36px; width: 20px; }
#product_view_S001 .tittle h2 { 
    background: rgb(255, 255, 255) none repeat scroll 0 0; 
    display: inline-block; 
    margin-bottom: 7px; 
    /*padding: 0 100px;*/ 
    position: relative;     
    z-index: 999; 
    font-size:28px; 
    font-size:2.188rem;
    color: var(--bs-black);  
    font-weight: 500; 
    letter-spacing:-0.5px; 
}

#product_view_S001 .tittle p{ font-size:1.125rem; color:var(--bs-l-black);}
#product_view_S001 .pro-img {margin-bottom: 20px;position: relative;background-color: #f8f8fe;}
#product_view_S001 .pro-img-text { bottom: 50px; left: 50px; position: absolute; }
#product_view_S001 .pro-text a.discover { color: #a2a2a2; }
#product_view_S001 .pro-text a.discover:hover { color: #BC8246; }
#product_view_S001 .pro-item { position:relative; }
#product_view_S001 .pro-layer {
    background-color: rgba(1, 1, 1, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#product_view_S001 .pro-layer h2 { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 44%;
    display: block;
    width: 100%; }
#product_view_S001 .pro-layer small { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 38%;
    display: block;
    width: 100%; 
	}
#product_view_S001 .hover-img { background: rgb(255, 255, 255) none repeat scroll 0 0; bottom: 0px; opacity: 0; position: absolute;	right: 15px; text-align: center; transition: all 0.5s ease 0s; }
#product_view_S001 .hover-img li a { font-size: 16px; }
#product_view_S001 .pro-text:hover .pro-img .hover-img { opacity: 1; bottom: 20px; }
#product_view_S001 .hover-img>ul { list-style: outside none none; padding: 10px 10px 0; }
#product_view_S001 .hover-img li { border-bottom: 1px solid rgb(235, 235, 235);	margin-bottom: 5px;	padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
#product_view_S001 .hover-img li:last-child { border: medium none; margin-bottom: 0; padding: 0; }
#product_view_S001 .hover-img li a:hover { color: #bc8246; }
#product_view_S001 .star { background: #fff none repeat scroll 0 0;	bottom: 0; padding-top: 10px; position: absolute; width: 100%; }
#product_view_S001 .star ul { padding: 0; }
#product_view_S001 .star li { display: inline; }
#product_view_S001 .search-btn { background: #7d7b77 none repeat scroll 0 0; border-radius: 50%; display: block; margin: 40% auto auto; padding: 15px 0; width: 55px; }
#product_view_S001 .red-color {	color: #bd8348; }
#product_view_S001 .pro-img .tage {	color: #fff; font-size: 14px; padding: 10px; position: absolute; right: 0; top: 0; }
#product_view_S001 .pro-img .new { background: rgba(0, 0, 0, 0) url("../images/sale-strap.png") no-repeat scroll 0 0; margin-top: 46px;	padding: 0;	right: -30px; top: 0; transform: rotate(90deg); width: 120px; }
#product_view_S001 .pro-img .new .new-text { margin: 0 14px; }
#product_view_S001 .pro-img .discount {	background: rgba(0, 0, 0, 0) url("../images/sale-strep2.png") no-repeat scroll 0 0;	margin-top: 46px; padding: 0; right: -30px;	top: 0;	transform: rotate(90deg); width: 120px; }
#product_view_S001 .pro-img .discount .discount-text { margin: 0 14px; }
#product_view_S001 .pro-img .pert { background: #bd8348; }
#product_view_S001 .pro-text a { color: #282828; display: block; font-size: 14px; }


#product_view_S001 .pro-text { 
    float: left;     
    width: 100%; 
    overflow: hidden; 
    border: 1px solid #eeeeee;
    border-radius: 20px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 5%);
    margin-bottom: 30px; 
    padding-bottom: 20px;
}


#product_view_S001 .pro-text strong { color: rgb(31, 31, 31); font-size: 14px;  font-weight: 500; transition: all 0.5s ease 0s; }
/* #product_view_S001 .pro-text .price { color: rgb(31, 31, 31); float: left;  font-size: 14px; font-weight: 400;	padding: 4px 0;	transition: all 0.5s ease 0s; } 아래처럼 수정 */
#product_view_S001 .pro-text .price {
	color: var(--bs-black);font-size: 20px;font-size: 1.250rem;font-weight: 700; transition: all 0.5s ease 0s;
	text-align:right; padding-left:15px; padding-right:15px;
}
#product_view_S001 .pro-text:hover .price { margin-left: 10px; opacity: 0; }
#product_view_S001 .col-5 { float: left; padding: 0 15px; width: 20%; }
#product_view_S001 .pro-text .price span { color: rgb(162, 162, 162); text-decoration: line-through; }
#product_view_S001 .pro-text .addtocart { border-bottom: 1px solid rgb(235, 235, 235); float: left; font-size: 12px; font-weight: 600; opacity: 0;	padding: 4px 0;	text-decoration: none;	text-transform: uppercase;	margin-left: -97px;	transition: all 0.5s ease 0s; }
#product_view_S001 .pro-text:hover .addtocart { opacity: 1; margin-left: 0px; }
#product_view_S001 .pro-text .addtocart2 { border: 2px solid #ebebeb; font-size: 12px; font-weight: 600; margin: 11px auto auto; padding: 4px 8px; text-align: center; text-decoration: none; width: 30%; text-transform: uppercase; float: left; }
#product_view_S001 .modal-dialog .addtocart2 { padding: 4px 1px; }
#product_view_S001 .modal-dialog .carousel-indicators { display: none; }
#product_view_S001 .modal-dialog #home-slider3 .carousel-inner>.item { float: right; width: 100%; }
.hover-img { z-index: 999; }
#product_view_S001 .pro-text .addtocart2:hover { border: 2px solid #282828; background: #282828; color: #fff; }
#product_view_S001 .col-md-8 .pro-text>p { float: left;	margin: 16px 0;	width: 100%; }
#product_view_S001 .grid-shop .row { margin: 0; }
#product_view_S001 .hart { border: 2px solid #ebebeb; float: left; margin-left: 10px; margin-top: 11px;	padding: 4px 10px; text-align: center; }
#product_view_S001 .hart:hover { border: 2px solid #282828;	background: #282828; color: #fff; }

/* 추가 */
#product_view_S001 .title { display:block; width:100%; padding-left:15px; padding-right:15px; 
    letter-spacing: 0.5px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#product_view_S001 .title a{font-size: 1rem; color: var(--bs-tit); }
#product_view_S001 .basic {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    font-size: 0.938rem;
    color: var(--bs-l-black);
    letter-spacing: 0.5px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding-left:15px; padding-right:15px; 
}

/* md 추천상품 5개 리스트 */
#product_view_S001 .shdw_none{}
#product_view_S001 .shdw_none .pro-text{box-shadow: none; margin-bottom:0;}
#product_view_S001 .shdw_none .pro-img{margin-bottom: 0;}
#product_view_S001 .shdw_none .pro-img > a{width: 70%;margin: 0 auto;padding-top: 64px;padding-top: 4rem;}
#product_view_S001 .shdw_none .productName{padding: 6.250rem 1.25rem 1.25rem;}
/*5개 리스트중 4개 묶음*/
#product_view_S001 .shdw_none.right .pro-img > a{padding-top: 1.25rem;}
#product_view_S001 .shdw_none.right .productName{padding:1.25rem;}


#product_view_S001 .pro-iocn {
      position:absolute;
      left:calc(var(--bs-gutter-x) * .5);
	  top:0; z-index:1;
	  
}

#product_view_S001 .pro-iocn-text {
    position: absolute;
    left: 1px;
    top: 0px;
    z-index: 1;
    height: 70px;
    padding-top: 6px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: var(--bs-body-bg);
    /* border-bottom-right-radius: 20px; */
}
#product_view_S001 .pro-iocn-text span{
    display:block;
    font-size:1rem;
    line-height: 1.5;
    font-weight: 300;
}

#product_view_S001 .pro-iocn-text .pro-iocn-txt1{
    font-size: 24px;
    font-size: 1.500rem;
    font-weight:bold;
}

#product_view_S001 .pro-iocn-text .pro-iocn-txt2{
    margin-top: -9px;
}


#product_view_S001 .pro-flag {
    width: 0px;
    height: 65px;
    font-size: 11px;
    border-left: 35px solid #f4b834;
    border-right: 35px solid #f4b834;
    /* border-bottom: 15px solid transparent; */
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 20px 0;
}



/********************************
   product  #product_view_S002
**********************************/

#product_view_S002 {margin-top: 100px;margin-bottom:50px}
#product_view_S002 img{ max-width:100%;}
#product_view_S002 .tittle {padding-bottom: 34px;}
#product_view_S002 .tittle::after { background: rgb(235, 235, 235) none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 36px; width: 20px; }
#product_view_S002 .tittle h2 { 
    background: rgb(255, 255, 255) none repeat scroll 0 0; 
    display: inline-block; 
    margin-bottom: 7px; 
    /*padding: 0 100px;*/ 
    position: relative;     
    z-index: 999; 
    font-size:28px; 
    font-size:2.188rem;
    color: var(--bs-black);  
    font-weight: 500; 
    letter-spacing:-0.5px; 
}

#product_view_S002 .tittle p{ font-size:1.125rem; color:var(--bs-l-black);}
#product_view_S002 .pro-img {margin-bottom: 20px;position: relative;background-color: #f8f8fe; border-bottom: 1px solid #eee;}
#product_view_S002 .pro-img-text { bottom: 50px; left: 50px; position: absolute; }
#product_view_S002 .pro-text a.discover { color: #a2a2a2; }
#product_view_S002 .pro-text a.discover:hover { color: #BC8246; }
#product_view_S002 .pro-item { position:relative; }
#product_view_S002 .pro-layer {
    background-color: rgba(1, 1, 1, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#product_view_S002 .pro-layer h2 { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 44%;
    display: block;
    width: 100%; }
#product_view_S002 .pro-layer small { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 38%;
    display: block;
    width: 100%; 
	}
#product_view_S002 .hover-img { 
	/* background: rgb(255, 255, 255) none repeat scroll 0 0; */
	background: #ff7062 none repeat scroll 0 0;
	bottom: 0px; 
	opacity: 0; 
	position: absolute;	
	right: 15px; 
	text-align: center; 
	transition: all 0.5s ease 0s; border-radius: 50%;
	
	}
#product_view_S002 .hover-img li a { font-size: 20px; color:#fff; font-weight:bold; }
#product_view_S002 .pro-text:hover .pro-img .hover-img { opacity: 1; bottom: 20px; }
#product_view_S002 .hover-img>ul { list-style: outside none none; padding: 10px 15px; }
/*
#product_view_S002 .hover-img li { 
	border-bottom: 1px solid rgb(235, 235, 235);	
	padding: 10px; 
	}
	*/
#product_view_S002 .hover-img li:last-child { border: medium none; margin-bottom: 0; padding: 0; }
#product_view_S002 .hover-img li a:hover { color: #bc8246; }
#product_view_S002 .star { background: #fff none repeat scroll 0 0;	bottom: 0; padding-top: 10px; position: absolute; width: 100%; }
#product_view_S002 .star ul { padding: 0; }
#product_view_S002 .star li { display: inline; }
#product_view_S002 .search-btn { background: #7d7b77 none repeat scroll 0 0; border-radius: 50%; display: block; margin: 40% auto auto; padding: 15px 0; width: 55px; }
#product_view_S002 .red-color {	color: #bd8348; }
#product_view_S002 .pro-img .tage {	color: #fff; font-size: 14px; padding: 10px; position: absolute; right: 0; top: 0; }
#product_view_S002 .pro-img .new { background: rgba(0, 0, 0, 0) url("../images/sale-strap.png") no-repeat scroll 0 0; margin-top: 46px;	padding: 0;	right: -30px; top: 0; transform: rotate(90deg); width: 120px; }
#product_view_S002 .pro-img .new .new-text { margin: 0 14px; }
#product_view_S002 .pro-img .discount {	background: rgba(0, 0, 0, 0) url("../images/sale-strep2.png") no-repeat scroll 0 0;	margin-top: 46px; padding: 0; right: -30px;	top: 0;	transform: rotate(90deg); width: 120px; }
#product_view_S002 .pro-img .discount .discount-text { margin: 0 14px; }
#product_view_S002 .pro-img .pert { background: #bd8348; }
#product_view_S002 .pro-text a { color: #282828; display: block; font-size: 14px; }


#product_view_S002 .pro-text { position:relative; 
    float: left;     
    width: 100%; 
    overflow: hidden; 
    margin-bottom: 30px; 
    padding-bottom: 40px;
}


#product_view_S002 .pro-text strong { color: rgb(31, 31, 31); font-size: 14px;  font-weight: 500; transition: all 0.5s ease 0s; }


#product_view_S002 .pro-text .price {
	position:absolute;
	bottom:10px;
	width:100%;
	font-size: 16px; 
	font-weight: 700; 
	padding-left:15px; 
	padding-right:15px; 
	color:#ff7062;
	text-align:center;
}
#product_view_S002 .pro-text .price span {
	font-size: 12px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px; 
	padding-right:10px;
}

/*
#product_view_S002 .pro-text .price {
	font-size: 16px; font-weight: 700; 
	padding-left:15px; padding-right:15px; color:#ff7062;
}
#product_view_S002 .pro-text .price span {
	font-size: 12px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
	padding-left:10px;
}

/*
#product_view_S002 .col-5 { float: left; padding: 0 15px; width: 20%; }
#product_view_S002 .pro-text .price span { color: rgb(162, 162, 162); text-decoration: line-through; }
#product_view_S002 .pro-text .addtocart { border-bottom: 1px solid rgb(235, 235, 235); float: left; font-size: 12px; font-weight: 600; opacity: 0;	padding: 4px 0;	text-decoration: none;	text-transform: uppercase;	margin-left: -97px;	transition: all 0.5s ease 0s; }
#product_view_S002 .pro-text:hover .addtocart { opacity: 1; margin-left: 0px; }
#product_view_S002 .pro-text .addtocart2 { border: 2px solid #ebebeb; font-size: 12px; font-weight: 600; margin: 11px auto auto; padding: 4px 8px; text-align: center; text-decoration: none; width: 30%; text-transform: uppercase; float: left; }
#product_view_S002 .modal-dialog .addtocart2 { padding: 4px 1px; }
#product_view_S002 .modal-dialog .carousel-indicators { display: none; }
#product_view_S002 .modal-dialog #home-slider3 .carousel-inner>.item { float: right; width: 100%; }
#product_view_S002 .pro-text .addtocart2:hover { border: 2px solid #282828; background: #282828; color: #fff; }
#product_view_S002 .col-md-8 .pro-text>p { float: left;	margin: 16px 0;	width: 100%; }
#product_view_S002 .grid-shop .row { margin: 0; }
#product_view_S002 .hart { border: 2px solid #ebebeb; float: left; margin-left: 10px; margin-top: 11px;	padding: 4px 10px; text-align: center; }
#product_view_S002 .hart:hover { border: 2px solid #282828;	background: #282828; color: #fff; }

/* 추가 */
#product_view_S002 .title { display:block; width:100%; padding-left:15px; padding-right:15px; font-weight:bold; }
#product_view_S002 .title a{ font-size: 1.0rem; }
#product_view_S002 .basic {
    display: block;
    width: 100%;
    color: var(--bs-l-black);
    letter-spacing: 0.5px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding-left:15px; padding-right:15px; 
}

/* md 추천상품 5개 리스트 */
#product_view_S002 .shdw_none{}
#product_view_S002 .shdw_none .pro-text{box-shadow: none; margin-bottom:0;}
#product_view_S002 .shdw_none .pro-img{margin-bottom: 0;}
#product_view_S002 .shdw_none .pro-img > a{width: 70%;margin: 0 auto;padding-top: 64px;padding-top: 4rem;}
#product_view_S002 .shdw_none .productName{padding: 6.250rem 1.25rem 1.25rem;}
/*5개 리스트중 4개 묶음*/
#product_view_S002 .shdw_none.right .pro-img > a{padding-top: 1.25rem;}
#product_view_S002 .shdw_none.right .productName{padding:1.25rem;}


#product_view_S002 .pro-iocn {
      position:absolute;
      left:calc(var(--bs-gutter-x) * .5);
	  top:0; z-index:1;
	  
}

#product_view_S002 .pro-iocn-text {
    position: absolute;
    left: 1px;
    top: 0px;
    z-index: 1;
    height: 70px;
    padding-top: 6px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: var(--bs-body-bg);
    /* border-bottom-right-radius: 20px; */
}
#product_view_S002 .pro-iocn-text span{
    display:block;
    font-size:1rem;
    line-height: 1.5;
    font-weight: 300;
}

#product_view_S002 .pro-iocn-text .pro-iocn-txt1{
    font-size: 24px;
    font-size: 1.500rem;
    font-weight:bold;
}

#product_view_S002 .pro-iocn-text .pro-iocn-txt2{
    margin-top: -9px;
}


#product_view_S002 .pro-flag {
    width: 0px;
    height: 65px;
    font-size: 11px;
    border-left: 35px solid #f4b834;
    border-right: 35px solid #f4b834;
    /* border-bottom: 15px solid transparent; */
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 20px 0;
}










#ec-product-list-n003  .pro-layer {
    background-color: rgba(1, 1, 1, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:5;
}


#ec-product-list-n003  .pro-layer h2{ color:#FFF; text-align:center; padding-top:30%; font-weight:bold; }
#ec-product-list-n003  .pro-layer small{ color:#FFF; text-align:center; display:block; }

#ec-product-list-n003{  }



#ec-product-list-n003 .ec-product4 {
	padding-top: 60px;
	padding-bottom: 50px;
}


#ec-product-list-n003 .ec-product4-item {
	margin-bottom: 35px;
}

#ec-product-list-n003 .ec-product4-item:hover .ec-product4-hover li {
	opacity: 1;
	top: 0;
}

#ec-product-list-n003 .ec-product4-item.sale .ec-product4-item-pic .label {
	background: #ca1515;
}

#ec-product-list-n003 .ec-product4-item.sale .ec-product4-item-text .ec-product4-price {
	color: #ca1515;
}

#ec-product-list-n003 .ec-product4-item-pic {
	height: 360px;
	position: relative;
	overflow: hidden;
}

#ec-product-list-n003 .ec-product4-item-pic .label {
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	display: inline-block;
	padding: 2px 8px;
	text-transform: uppercase;
	position: absolute;
	left: 10px;
	top: 10px;
}

#ec-product-list-n003 .ec-product4-item-pic .label.new {
	background: #36a300;
}

#ec-product-list-n003 .ec-product4-item-pic .label.stockout {
	background: #111111;
}

#ec-product-list-n003 .ec-product4-item-pic .label.stockblue {
	background: #0066bd !important;
}

#ec-product-list-n003 .ec-product4-item-pic .label.sale {
	background: #ca1515;
}



#ec-product-list-n003 .ec-product4-hover {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 30px;
	text-align: center;
}

#ec-product-list-n003 .ec-product4-hover li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 100px;
	opacity: 0;
}

#ec-product-list-n003 .ec-product4-hover li:nth-child(1) {
	-webkit-transition: all 0.4s ease 0.1s;
	-o-transition: all 0.4s ease 0.1s;
	transition: all 0.4s ease 0.1s;
}

#ec-product-list-n003 .ec-product4-hover li:nth-child(2) {
	-webkit-transition: all 0.4s ease 0.15s;
	-o-transition: all 0.4s ease 0.15s;
	transition: all 0.4s ease 0.15s;
}

#ec-product-list-n003 .ec-product4-hover li:nth-child(3) {
	-webkit-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}

#ec-product-list-n003 .ec-product4-hover li:last-child {
	margin-right: 0;
}

#ec-product-list-n003 .ec-product4-hover li:hover a {
	background: #ca1515;
}

#ec-product-list-n003 .ec-product4-hover li:hover a span {
	color: #ffffff;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

#ec-product-list-n003 .ec-product4-hover li a {
	font-size: 18px;
	color: #111111;
	display: block;
	height: 45px;
	width: 45px;
	background: #ffffff;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

#ec-product-list-n003 .ec-product4-hover li a span {
	position: relative;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	display: inline-block;
}

#ec-product-list-n003 .ec-product4-item-text {
	text-align: center;
	padding-top: 22px;
	cursor:pointer;
}

#ec-product-list-n003 .ec-product4-item-text h6 a {
	font-size: 14px;
	color: #111111;
}

#ec-product-list-n003 .ec-product4-item-text .rating {
	line-height: 18px;
	margin-bottom: 5px;
}

#ec-product-list-n003 .ec-product4-item-text .rating i {
	font-size: 10px;
	color: #e3c01c;
	margin-right: -4px;
}

#ec-product-list-n003 .ec-product4-item-text .rating i:last-child {
	margin-right: 0;
}

#ec-product-list-n003 .ec-product4-item-text .ec-product4-price {
	color: #ca1515;
	font-weight: 600;
}

#ec-product-list-n003 .ec-product4-item-text .ec-product4-price span {
	font-size: 14px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
}

/*
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
*/


/* =============================================================== */
/* 슬라이드 제품
/* =============================================================== */



#shop_rollbanner_S002 { padding-top:50px}
#news-slider { margin-top:40px; }

#shop_rollbanner_S002 img{ max-width:100%;}
#shop_rollbanner_S002 .tittle {padding-bottom: 34px;}
#shop_rollbanner_S002 .tittle::after { background: rgb(235, 235, 235) none repeat scroll 0 0; content: ""; height: 1px; left: 0; position: absolute; top: 36px; width: 20px; }
#shop_rollbanner_S002 .tittle h2 { 
    display: inline-block; 
    margin-bottom: 7px; 
    position: relative;     
    z-index: 999; 
    font-size:28px; 
    font-size:2.188rem;
    color: var(--bs-black);  
    font-weight: 500; 
    letter-spacing:-0.5px; 
}

#shop_rollbanner_S002 .tittle p{ font-size:1.125rem; color:var(--bs-l-black);}
#shop_rollbanner_S002 .pro-img {margin-bottom: 20px;position: relative;background-color: #f8f8fe; border-bottom: 1px solid #eee;}
#shop_rollbanner_S002 .pro-img-text { bottom: 50px; left: 50px; position: absolute; }
#shop_rollbanner_S002 .pro-text a.discover { color: #a2a2a2; }
#shop_rollbanner_S002 .pro-text a.discover:hover { color: #BC8246; }
#shop_rollbanner_S002 .pro-item { position:relative; }
#shop_rollbanner_S002 .pro-layer {
    background-color: rgba(1, 1, 1, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#shop_rollbanner_S002 .pro-layer h2 { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 44%;
    display: block;
    width: 100%; }
#shop_rollbanner_S002 .pro-layer small { 
	color: #FFF;
    text-align: center;
    position: absolute;
    top: 38%;
    display: block;
    width: 100%; 
	}
#shop_rollbanner_S002 .hover-img { 
	/* background: rgb(255, 255, 255) none repeat scroll 0 0; */
	background: #ff7062 none repeat scroll 0 0;
	bottom: 0px; 
	opacity: 0; 
	position: absolute;	
	right: 15px; 
	text-align: center; 
	transition: all 0.5s ease 0s; border-radius: 50%;
	
	}
#shop_rollbanner_S002 .hover-img li a { font-size: 20px; color:#fff; font-weight:bold; }
#shop_rollbanner_S002 .pro-text:hover .pro-img .hover-img { opacity: 1; bottom: 20px; }
#shop_rollbanner_S002 .hover-img>ul { list-style: outside none none; padding: 10px 15px; }
/*
#shop_rollbanner_S002 .hover-img li { 
	border-bottom: 1px solid rgb(235, 235, 235);	
	padding: 10px; 
	}
	*/
#shop_rollbanner_S002 .hover-img li:last-child { border: medium none; margin-bottom: 0; padding: 0; }
#shop_rollbanner_S002 .hover-img li a:hover { color: #bc8246; }
#shop_rollbanner_S002 .star { background: #fff none repeat scroll 0 0;	bottom: 0; padding-top: 10px; position: absolute; width: 100%; }
#shop_rollbanner_S002 .star ul { padding: 0; }
#shop_rollbanner_S002 .star li { display: inline; }
#shop_rollbanner_S002 .search-btn { background: #7d7b77 none repeat scroll 0 0; border-radius: 50%; display: block; margin: 40% auto auto; padding: 15px 0; width: 55px; }
#shop_rollbanner_S002 .red-color {	color: #bd8348; }
#shop_rollbanner_S002 .pro-img .tage {	color: #fff; font-size: 14px; padding: 10px; position: absolute; right: 0; top: 0; }
#shop_rollbanner_S002 .pro-img .new { background: rgba(0, 0, 0, 0) url("../images/sale-strap.png") no-repeat scroll 0 0; margin-top: 46px;	padding: 0;	right: -30px; top: 0; transform: rotate(90deg); width: 120px; }
#shop_rollbanner_S002 .pro-img .new .new-text { margin: 0 14px; }
#shop_rollbanner_S002 .pro-img .discount {	background: rgba(0, 0, 0, 0) url("../images/sale-strep2.png") no-repeat scroll 0 0;	margin-top: 46px; padding: 0; right: -30px;	top: 0;	transform: rotate(90deg); width: 120px; }
#shop_rollbanner_S002 .pro-img .discount .discount-text { margin: 0 14px; }
#shop_rollbanner_S002 .pro-img .pert { background: #bd8348; }

/* 라이브 표시 */
#shop_rollbanner_S002 .pro-img .pro-live_info{ position: absolute; top: 10px; left: 10px;     display: inline-block;
    padding: 0 7px;
    border-radius: 5px;
    background-color: rgba(0,0,0,.6);
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    vertical-align: top;
}

#shop_rollbanner_S002 .pro-img .pro-live_info a{ color: #FFFFFF; font-weight: 700; }


#shop_rollbanner_S002 .pro-text a { color: #282828; display: block; font-size: 14px; }
#shop_rollbanner_S002 .pro-text { position:relative; 
    float: left;     
    width: 100%; 
    overflow: hidden; 
    border: 1px solid #eeeeee;
    border-radius: 20px;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 5%);
    margin-bottom: 30px; 
    padding-bottom: 40px;
	background-color:#fff;
}
#shop_rollbanner_S002 .pro-text strong { color: rgb(31, 31, 31); font-size: 14px;  font-weight: 500; transition: all 0.5s ease 0s; }
#shop_rollbanner_S002 .pro-text .price {
	position:absolute;
	bottom:10px;
	width:100%;
	font-size: 16px; 
	font-weight: 700; 
	padding-left:15px; 
	padding-right:15px; 
	color:#ff7062;
	text-align:center;
}
#shop_rollbanner_S002 .pro-text .price span {
	font-size: 12px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
	padding-left:10px;
}





/*
#shop_rollbanner_S002 .pro-text .price {
	font-size: 16px; font-weight: 700; 
	padding-left:15px; padding-right:15px; color:#ff7062;
}
#shop_rollbanner_S002 .pro-text .price span {
	font-size: 12px;
	color: #b1b0b0;
	text-decoration: line-through;
	margin-left: 4px;
	padding-left:10px;
}

/*
#shop_rollbanner_S002 .col-5 { float: left; padding: 0 15px; width: 20%; }
#shop_rollbanner_S002 .pro-text .price span { color: rgb(162, 162, 162); text-decoration: line-through; }
#shop_rollbanner_S002 .pro-text .addtocart { border-bottom: 1px solid rgb(235, 235, 235); float: left; font-size: 12px; font-weight: 600; opacity: 0;	padding: 4px 0;	text-decoration: none;	text-transform: uppercase;	margin-left: -97px;	transition: all 0.5s ease 0s; }
#shop_rollbanner_S002 .pro-text:hover .addtocart { opacity: 1; margin-left: 0px; }
#shop_rollbanner_S002 .pro-text .addtocart2 { border: 2px solid #ebebeb; font-size: 12px; font-weight: 600; margin: 11px auto auto; padding: 4px 8px; text-align: center; text-decoration: none; width: 30%; text-transform: uppercase; float: left; }
#shop_rollbanner_S002 .modal-dialog .addtocart2 { padding: 4px 1px; }
#shop_rollbanner_S002 .modal-dialog .carousel-indicators { display: none; }
#shop_rollbanner_S002 .modal-dialog #home-slider3 .carousel-inner>.item { float: right; width: 100%; }
#shop_rollbanner_S002 .pro-text .addtocart2:hover { border: 2px solid #282828; background: #282828; color: #fff; }
#shop_rollbanner_S002 .col-md-8 .pro-text>p { float: left;	margin: 16px 0;	width: 100%; }
#shop_rollbanner_S002 .grid-shop .row { margin: 0; }
#shop_rollbanner_S002 .hart { border: 2px solid #ebebeb; float: left; margin-left: 10px; margin-top: 11px;	padding: 4px 10px; text-align: center; }
#shop_rollbanner_S002 .hart:hover { border: 2px solid #282828;	background: #282828; color: #fff; }

/* 추가 */
#shop_rollbanner_S002 .title { display:block; width:100%; padding-left:15px; padding-right:15px; font-weight:bold; }
#shop_rollbanner_S002 .title a{ font-size: 14px; }
#shop_rollbanner_S002 .basic {
    display: block;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
    color: var(--bs-l-black);
    letter-spacing: 0.5px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	padding-left:15px; padding-right:15px; 
}

/* md 추천상품 5개 리스트 */
#shop_rollbanner_S002 .shdw_none{}
#shop_rollbanner_S002 .shdw_none .pro-text{box-shadow: none; margin-bottom:0;}
#shop_rollbanner_S002 .shdw_none .pro-img{margin-bottom: 0;}
#shop_rollbanner_S002 .shdw_none .pro-img > a{width: 70%;margin: 0 auto;padding-top: 64px;padding-top: 4rem;}
#shop_rollbanner_S002 .shdw_none .productName{padding: 6.250rem 1.25rem 1.25rem;}
/*5개 리스트중 4개 묶음*/
#shop_rollbanner_S002 .shdw_none.right .pro-img > a{padding-top: 1.25rem;}
#shop_rollbanner_S002 .shdw_none.right .productName{padding:1.25rem;}


#shop_rollbanner_S002 .pro-iocn {
      position:absolute;
      left:calc(var(--bs-gutter-x) * .5);
	  top:0; z-index:1;
	  
}

#shop_rollbanner_S002 .pro-iocn-text {
    position: absolute;
    left: 1px;
    top: 0px;
    z-index: 1;
    height: 70px;
    padding-top: 6px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: var(--bs-body-bg);
    /* border-bottom-right-radius: 20px; */
}
#shop_rollbanner_S002 .pro-iocn-text span{
    display:block;
    font-size:1rem;
    line-height: 1.5;
    font-weight: 300;
}

#shop_rollbanner_S002 .pro-iocn-text .pro-iocn-txt1{
    font-size: 24px;
    font-size: 1.500rem;
    font-weight:bold;
}

#shop_rollbanner_S002 .pro-iocn-text .pro-iocn-txt2{
    margin-top: -9px;
}


#shop_rollbanner_S002 .pro-flag {
    width: 0px;
    height: 65px;
    font-size: 11px;
    border-left: 35px solid #f4b834;
    border-right: 35px solid #f4b834;
    /* border-bottom: 15px solid transparent; */
    letter-spacing: 0.2em;
    text-align: center;
    text-transform: uppercase;
    border-radius: 20px 0;
}





/*

#shop_rollbanner_S002 .tittle h2{font-size: 28px;font-size: 2.188rem;font-weight: 500;color: var(--bs-black);}
#shop_rollbanner_S002 .tittle p{ font-size: 18px; font-size: 1.125rem; color: var(--bs-l-black); margin-bottom: 50px}
#shop_rollbanner_S002 .post-slide{ padding-bottom: 10px; margin: 0 15px; position:relative; }
#shop_rollbanner_S002 .post-slide img{ width: 100%; height: auto; }

#shop_rollbanner_S002 .pro-img {position: relative;background-color: #f8f8fe;}
#shop_rollbanner_S002 .pro-img-text { bottom: 50px; left: 50px; position: absolute; }

#shop_rollbanner_S002 .pro-text .tit_wrap{padding:20px;}
#shop_rollbanner_S002 .pro-text a.discover { color: #a2a2a2; }
#shop_rollbanner_S002 .pro-text a.discover:hover { color: #BC8246; }
#shop_rollbanner_S002 .hover-img { background: rgb(255, 255, 255) none repeat scroll 0 0; bottom: 0px; opacity: 0; position: absolute;	right: 15px; text-align: center; transition: all 0.5s ease 0s; }
#shop_rollbanner_S002 .hover-img li a { font-size: 16px; }
#shop_rollbanner_S002 .pro-text:hover .pro-img .hover-img { opacity: 1; bottom: 20px; }
#shop_rollbanner_S002 .hover-img>ul { list-style: outside none none; padding: 10px 10px 0; }
#shop_rollbanner_S002 .hover-img li { border-bottom: 1px solid rgb(235, 235, 235);	margin-bottom: 5px;	padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
#shop_rollbanner_S002 .hover-img li:last-child { border: medium none; margin-bottom: 0; padding: 0; }
#shop_rollbanner_S002 .hover-img li a:hover { color: #bc8246; }
#shop_rollbanner_S002 .star { background: #fff none repeat scroll 0 0;	bottom: 0; padding-top: 10px; position: absolute; width: 100%; }
#shop_rollbanner_S002 .star ul { padding: 0; }
#shop_rollbanner_S002 .star li { display: inline; }
#shop_rollbanner_S002 .search-btn { background: #7d7b77 none repeat scroll 0 0; border-radius: 50%; display: block; margin: 40% auto auto; padding: 15px 0; width: 55px; }
#shop_rollbanner_S002 .red-color {	color: #bd8348; }
#shop_rollbanner_S002 .pro-img .tage {	color: #fff; font-size: 14px; padding: 10px; position: absolute; right: 0; top: 0; }
#shop_rollbanner_S002 .pro-img .new { background: rgba(0, 0, 0, 0) url("../images/sale-strap.png") no-repeat scroll 0 0; margin-top: 46px;	padding: 0;	right: -30px; top: 0; transform: rotate(90deg); width: 120px; }
#shop_rollbanner_S002 .pro-img .new .new-text { margin: 0 14px; }
#shop_rollbanner_S002 .pro-img .discount {	background: rgba(0, 0, 0, 0) url("../images/sale-strep2.png") no-repeat scroll 0 0;	margin-top: 46px; padding: 0; right: -30px;	top: 0;	transform: rotate(90deg); width: 120px; }
#shop_rollbanner_S002 .pro-img .discount .discount-text { margin: 0 14px; }
#shop_rollbanner_S002 .pro-img .pert { background: #bd8348; }
#shop_rollbanner_S002 .pro-text a { color: #282828; display: block; font-size: 14px; }
#shop_rollbanner_S002 .pro-text {float: left;overflow: hidden;width: 100%;height: 100%;min-height: 465px;margin-bottom: 30px;border: 1px solid #eee;border-radius: 20px;box-shadow: 3px 3px 10px rgba(0,0,0,5%);background-color: #fff;}
#shop_rollbanner_S002 .pro-text strong { color: rgb(31, 31, 31); font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; transition: all 0.5s ease 0s; }
#shop_rollbanner_S002 .pro-text .price {color: var(--bs-black);font-family: 'Roboto', sans-serif;font-size: 20px;font-size: 1.250rem;font-weight: 700;padding: 4px 0;transition: all 0.5s ease 0s;}
#shop_rollbanner_S002 .pro-text:hover .price {/* margin-left: 10px; padding-top: 10px; opacity: 01;}
#shop_rollbanner_S002 .col-5 { float: left; padding: 0 15px; width: 20%; }
#shop_rollbanner_S002 .pro-text .price span { color: rgb(162, 162, 162); text-decoration: line-through; }
#shop_rollbanner_S002 .pro-text .addtocart { border-bottom: 1px solid rgb(235, 235, 235); float: left; font-size: 12px; font-weight: 600; opacity: 0;	padding: 4px 0;	text-decoration: none;	text-transform: uppercase;	margin-left: -97px;	transition: all 0.5s ease 0s; }
#shop_rollbanner_S002 .pro-text:hover .addtocart {opacity: 1;margin-left: 0px;margin-right: 10px;}
#shop_rollbanner_S002 .pro-text .addtocart2 { border: 2px solid #ebebeb; font-size: 12px; font-weight: 600; margin: 11px auto auto; padding: 4px 8px; text-align: center; text-decoration: none; width: 30%; text-transform: uppercase; float: left; }
#shop_rollbanner_S002 .modal-dialog .addtocart2 { padding: 4px 1px; }
#shop_rollbanner_S002 .modal-dialog .carousel-indicators { display: none; }
#shop_rollbanner_S002 .modal-dialog #home-slider3 .carousel-inner>.item { float: right; width: 100%; }
.hover-img { z-index: 999; }
#shop_rollbanner_S002 .pro-text .addtocart2:hover { border: 2px solid #282828; background: #282828; color: #fff; }
#shop_rollbanner_S002 .col-md-8 .pro-text>p { float: left;	margin: 16px 0;	width: 100%; }
#shop_rollbanner_S002 .grid-shop .row { margin: 0; }
#shop_rollbanner_S002 .hart { border: 2px solid #ebebeb; float: left; margin-left: 10px; margin-top: 11px;	padding: 4px 10px; text-align: center; }
#shop_rollbanner_S002 .hart:hover { border: 2px solid #282828;	background: #282828; color: #fff; }


/* 추가 */
#shop_rollbanner_S002 .title { display:block; width:100%; }
#shop_rollbanner_S002 .title a{font-size: 1.0rem;color: var(--bs-tit);}
#shop_rollbanner_S002 .basic {display:block;width:100%;margin-top: 10px;font-size: 0.938rem;color: var(--bs-l-black);letter-spacing: 0.5px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#shop_rollbanner_S002 .strike{padding-top:20px; font-size:14px; font-size:0.875rem; color:var(--bs-l-black); text-decoration-line: line-through; }

/* 슬라이드 좌/우 버튼 */
.owl-carousel .owl-nav button { position:relative;  }
.owl-carousel .owl-nav button span{ display:none;   }

.owl-carousel .owl-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50px);
  width: 100%;
}

.owl-carousel .owl-nav button{
  position: relative;
  top: 0;
  bottom: 0;
  z-index: 1;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  display: block;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}

.owl-carousel .owl-nav button.owl-prev{ 
  
  position: absolute;
  background: url(/theme/style_basic/img/slide/mv_arr.png) no-repeat center;
  width: 70px;
  height: 70px;
  right: 6rem;
}

.owl-carousel .owl-nav button.owl-next{ 
  background: url(/theme/style_basic/img/slide/mv_arr.png) no-repeat center;
  left: 6rem;
  width: 70px;
  height: 70px;
  transform: rotate(-180deg);
}

@media only screen and (max-width: 767px){
  .owl-carousel .owl-nav button.owl-prev{right: 0;}
  .owl-carousel .owl-nav button.owl-next{left: 0;}
}


/*.owl-carousel .owl-nav button.owl-prev:after, 
.owl-carousel .owl-nav button.owl-next:after{content:"\f104"; font-family: FontAwesome; color: #d3d3d3; font-size:2rem; }
.owl-carousel .owl-nav button.owl-next:after{ content:"\f105"; }

.owl-carousel .owl-nav button.owl-prev:hover, 
.owl-carousel .owl-nav button.owl-next:hover{ background: #01b4c0; }
*/

@media only screen and (max-width: 990px) {
#shop_rollbanner_S002 .post-slide{ margin: 0 20px;}
#shop_rollbanner_S002 .owl-controls .owl-buttons .owl-prev{ left:-20px; padding:5px 14px; }
#shop_rollbanner_S002 .owl-controls .owl-buttons .owl-next{ right:-20px; padding:5px 14px; }
}
@media only screen and (max-width: 767px){
#shop_rollbanner_S002 .owl-controls .owl-buttons .owl-prev{ left:0px; bottom: 260px; }
#shop_rollbanner_S002 .owl-controls .owl-buttons .owl-next{ right:0px; bottom: 260px; }
}








/*--------------------------------------------------------------
	Preloader
--------------------------------------------------------------*/
.page-loader {
  position: fixed;
  background: #000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 9998;
}

.loader {
  position: absolute;
 /* border-left: 2px solid #ffffff; */
  border-left: 2px solid #FF0;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  height: 46px;
  width: 46px;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -23px;
  text-indent: -9999em;
  font-size: 10px;
  z-index: 9999;
  -webkit-animation: load 0.8s infinite linear;
  -moz-animation: load 0.8s infinite linear;
  ms-animation: load 0.8s infinite linear;
  o-animation: load 0.8s infinite linear;
  animation: load 0.8s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/*common*/
.txt_h1_1{ font-size:2.2rem; }
.txt_h3_3{ font-size:1.5rem; }
.txt_h3_4{ font-size:1.3rem; }


.txt_blue_2{ color:#006bc1 !important; }

.bg_yellow_1{ color:#fff;  background-color:#fecd19 !important; } 
.bg_blue_1{ color:#fff;  background-color:#005396 !important; }  
.bg_blue_2{ color:#fff;  background-color:#006bc1 !important; } 



/********************************
   sub_contents
**********************************/



/* color */
:root{
    --style-main:#006bc1;
    --bs-black:#272c2f;
    --bs-l-black:#767676;
    --bs-yellow:#fecd19;
    --bs-blue:#005396;
    --bs-tit:#010101;

}


/* sub_common */
.scontents{width: 100%; padding: 30px 0;}


/* 내용 상단 세로줄 */
.scontents .bg_vline{
    display: block;
    width: 1px;
    height: 40px;
    margin: 0px auto;
}
.scontents .bg_vline:after{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #b6b6b6;
}


/*********************************
   Thank you Introduce
 *********************************/
.sub_tit{}
.sub_tit h1{margin:10px; font-size: 48px; font-size: 3rem; font-weight: 500; line-height: 1.5;}
.sub_tit h1 em{color: var(--style-main);}
.sub_tit p{margin: 10px 0 80px; font-size: 24px; font-size: 1.5rem;}
.company .ceo_txt h2{font-size: 32px; font-size:2rem; line-height: 1.3; color: #000;  font-weight:400;}
.company .ceo_txt>div{font-size: 19px; font-size: 1.2rem; color: #666; line-height: 1.7; }
.company .ceo_txt .sign{font-size:20px; font-size:1.286rem; }
.company .ceo_txt .sign span{font-size: 25px; font-size: 1.563rem; color:#222; font-weight: 500; }
.company .summary{margin-top:150px;}
.company h3{font-weight:500;}


/*********************************
   Location
 *********************************/
.map_wrap{padding: 0;}
.map_info{ display: inline-block; border-bottom: 1px solid #ddd; padding-top:20px; padding-bottom: 20px;}
.map_info span{display: inline-block;}
.map_info span strong{color: #222; margin: 0 10px;}

.publicTransit{ margin: 50px auto 0;}
.publicTransit h3{padding-bottom: 25px; font-size: 1.5rem; font-weight:500; color: #2c2c2c;}
.publicTransit dl{overflow: hidden; padding-bottom: 15px; box-sizing: border-box;}
.publicTransit dl dt{float: left; margin-right: 10px;}
.publicTransit dl dt span{font-size: 0.938rem; background-color: #1949cb; color: #fff; padding: 3px 5px; border-radius: 5px; }
.publicTransit dl:last-child dt span{background-color:#ff4934;}
.publicTransit dl dd{float: left; font-size: 1rem;}


/*********************************
   Start-up
 *********************************/

.start .bg-vline-title{ font-size:2rem; text-align:center; width:100%; margin-bottom:30px; margin-top:20px; }
.start .bg-vline-title p{ font-size:1.5rem; text-align:center; width:100%; }
.start .bg-vline-title p :not(span:last-child){border-radius:15px; padding:3px 10px; margin-right:5px; color: var(--bs-black);}
.start .bg-vline-title p span:nth-child(1){background:var(--bs-yellow)}
.start .bg-vline-title p span:nth-child(2){background:var(--bs-blue); color:white;}
.start .bg-vline-title h3{display:inline-block; font-size:1.5rem; font-weight:bold; border-radius:15px; padding:3px 10px; margin-right:5px; background-color: var(--bs-yellow); color: var(--bs-black);}

.start .business2 div strong{display: block; margin-top: 10px; font-size: 1.2rem; font-weight: 700; line-height: 28px; text-align: center;}

.start .mobility h1 b{color:var(--bs-yellow);}
.start .mobility h3{font-size:1.3rem; line-height: 1.7;}

.start .wow{margin-bottom:1.500rem ;}
.start .wow .b-box{width:100%; border: 5px solid #e9ecef; min-height: 180px; padding: 15px; border-radius: 5px; text-align:center;}
.start .wow .b-box span{display: inline-block;}

.start .why .wow .b-box > div { display: inline-block; width: 45px; height: 45px; background:var(--bs-blue); color: white; font-size: 1.250rem; line-height: 45px; border-radius: 50%; } 
.start .why .wow .b-box strong{display:block; margin-top: 20px; font-size: 1.375rem; font-weight: 700; line-height: 1.4; text-align: center; }

.start .education{ width: 100%; height: 100%; position: relative;}

.jumbotron:before{
    content: "";
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    max-height: 300px;
    overflow: hidden;
    background-color: black;
}

#jumbotron-one { position: relative;}
#jumbotron-one .edu_bg{ background:url(../img/sub/start/bg_01.jpg) no-repeat center center; background-size: cover;  background-attachment: fixed; height: 100%; min-height: 240px;  overflow: hidden;}
#jumbotron-one .tit_area{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
#jumbotron-one h2{ font-size:2.5rem; font-weight:500; color:#fff;  text-shadow: 0 2px 0 rgb(0 0 0 / 75%); }
#jumbotron-one h1{ color:#fff; font-size:3rem; font-weight:700; padding-top:5px; text-shadow: 0 2px 0 rgb(0 0 0 / 75%); line-height:1.5;}

.start .education .wow .teacher{text-align: left;}
.start .education .wow{display: block; text-align: center;}
.start .wow strong{display: block; margin-top: 10px; font-size: 1.2rem;}

.start .business2 img{width:100%;}

.start .vision .row{justify-content: space-evenly;}
.start .vision .col{width:200px; height:200px; border-radius: 50%; color: #fff;}
.start .vision .col:nth-child(1){ background: #1985b7; }
.start .vision .col:nth-child(2){background: #00529b;}
.start .vision .col:nth-child(3){background: #6b7786;}
.start .vision .col i{display: block; width: 100%; height: 100%; font-size: 5rem; }

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_product{ margin-bottom:10px; }
.chk_mbox {position:relative}
.chk_mbox input[type="checkbox"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_mbox input[type="checkbox"] + label {position:relative;padding-left:30px;color:#676e70; }
.chk_mbox input[type="checkbox"] + label:hover{color:#2172f8}
.chk_mbox input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:22px;height:22px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_mbox input[type="checkbox"]:checked + label {color:#000}
.chk_mbox input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

.chk_mbox .chk_mbox_help{ display:block; }

.chk_mbox input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_mbox input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_mbox input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_mbox input[type="radio"]:checked + label {color:#305af9}
.chk_mbox input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

.box_wrap{ border:1px solid #ccc !important; border-radius:3px; }
.box_wrap:after{ content:''; display:block; clear:both; }
.box_wrap .box_head{ border-bottom:1px solid #ccc; padding:10px 30px; }
.box_wrap .box_head h1{ font-size:20px; }
.box_wrap .box_content{ padding:30px; }
.box_wrap .box_footer{ border-top:1px solid #ccc; padding:10px 30px; }

.box_product{ }
.box_customer{  }

.btn_car_ser {
    background: #434a54;
    color: #fff;
    width: 128px;
    height: 45px;
    border: 0;
    border-radius: 3px;
}


#car_select{ display:none; padding-top:20px }

#car_type_ul{}
#car_type_ul:after{content:''; display:block; clear:both; }

#car_type_ul li{ display:inline-block;  float:left; text-align:center; margin:5px;}
#car_type_ul li a{ display:block; font-size:14px; padding:5px; font-weight:bold; border:2px solid #ccc !important; border-radius:3px;  }
#car_type_ul li a:hover{ border:2px solid #03F; color:#fff; background-color:#434a54;  }



.search_car_btn {
	background: #434a54;
    color: #fff;
    width: 128px;
    height: 45px;
    border: 0;
    border-radius: 3px;
}

.btn_address {
	background: #434a54;
    color: #fff;
    width: 128px;
    height: 45px;
    border: 0;
    border-radius: 3px;
}
/* .chk_mbox */


 .btn05 {
     display: inline-block;
    text-align: center;
	
	font-weight:bold;
    font-family: 'Noto Sans Korean';
    background-color: #005da2;
    border-radius: 3px;
    color: #fff;
	padding:8px 20px;
}

.txt_total_price{ font-size:20px; text-align:right; color:red; font-weight:bold; }



 


.bg_top_banner{ width:100%; text-align:center; }





.f-text { font-size:4rem; font-weight:bold }
.b-text { font-size:1.4rem; color:#F60; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1.5em; }
	.cross ul li .cross_txt{font-size:1em; }
	.cross ul li .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li .cross_right{ width:40%;  height:250px; padding:30px 30px; margin-bottom:50px; }
	.cross ul li .cross_img img{height:100%;}
	.cross ul li.other_type .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right{ width:40%; height:250px; padding:30px 30px; }
	.cross ul li.other_type .cross_img img{height:100%;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}


/* sm  */
@media (min-width: 768px) and (max-width: 991px) {

#jumbotron-one h2{
font-size:1.5em; font-weight:700; margin-top:50px; color:#fff;
text-shadow: 0 2px 0 rgba(1, 1, 1, .75), 
}
#jumbotron-one h3{
color:#fff;
font-size:1em; padding-top:5px;
text-shadow: 0 1px 0 rgba(1, 1, 1, .75); 	line-height:2;	
}

.over-text1 .etext1{ margin-top:10px; }
.over-text1 .etext2{  margin-top:10px; }

}

@media (max-width: 767px) {

#jumbotron-one h2{
	font-size:1.5em; font-weight:700; margin-top:50px; color:#fff;
	text-shadow: 0 2px 0 rgba(1, 1, 1, .75), 
}
#jumbotron-one h3{
	color:#fff;
	font-size:1em; padding-top:5px;
	text-shadow: 0 1px 0 rgba(1, 1, 1, .75); 	line-height:2;	
}

.business2 ul li:last-child{width: 100%;
    margin-right: 0px;
    margin-bottom: 50px;
	}
	
.business5 ul li:last-child{width: 100%;
    margin-right: 0px;
    margin-bottom: 50px;
	}	
	
}



/* =============================================================== */
/* footer
/* =============================================================== */

/* notice, faq */
#footer_NO1 {background:#222;}
#footer_NO1 .noti_wrap{ background: #333; padding-top:20px; padding-bottom:20px;}
#footer_NO1 .noti_wrap .noti_title{ color:#fff; font-weight:bold; }

#footer_NO1 .noti_preview{ }
#footer_NO1 .noti_preview .inner_cont{margin:0 auto; padding: 18px 0; padding: 1.125rem 0; position: relative; z-index: 0;}
#footer_NO1 .noti_preview .inner_cont .row > div:first-child{cursor:pointer; color:#b7a386; font-weight:700; box-sizing: border-box;}
#footer_NO1 .noti_preview .inner_cont .row > div:last-child{font-weight:500; height:24px; overflow: hidden; }
#footer_NO1 .noti_preview .inner_cont .row > div:last-child a{display:block; white-space:nowrap; text-overflow: ellipsis; width:100%; overflow: hidden; color: #aaa; }
#footer_NO1 .noti_preview .inner_cont .swiper {width: 100%;height: 100%;} 
#footer_NO1 .noti_preview .inner_cont .row > div:last-child a:before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 0;
  margin-right: 5px;
  width: 1px;
  height: 8px;
  background: #aaa;
  transform: rotate(-45deg);
}

#footer_NO1 .noti_preview .inner_cont .row > div:last-child a:after{
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  right: -5px;
  margin-right: 10px;
  width: 1px;
  height: 8px;
  background-color: #aaa;
  transform: rotate(45deg);
}

/* address */
#footer_NO1 .custom{padding-bottom: 70px; box-sizing: border-box;}
#footer_NO1 h2{padding: 60px 0 40px; padding:3.750rem 0 2.500rem;}
#footer_NO1 h2 .link{width:160px; display: block;}
#footer_NO1 .pageLink:after{content: ''; display: block; clear: both;}
#footer_NO1 .pageLink a{color: white; display:block; padding:0 1.5rem 0.5rem 0;}

#footer_NO1 address{padding: 30px 0 0; padding:1.875rem 0 0; color: #aaa; line-height: 1.5; color: #aaa;}
#footer_NO1 address > p{margin-bottom: 4px;}
#footer_NO1 address > p:first-child{margin-bottom: 9px;}
#footer_NO1 address > p span{display: inline-block; font-size: 15px; font-size:0.938rem; font-weight: 300;}
#footer_NO1 address > p span:first-child:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #444;
  margin: 0 5px 0 8px;
}
#footer_NO1 address p span:only-child:after{display: none;}
#footer_NO1 address span a{color:#aaa; text-decoration: underline; padding-left: 5px; font-weight: 500;}

#footer_NO1 address + p{color: #666;}

/*customer center*/
#footer_NO1 .help{padding-top: 80px; padding-top:5rem; color: white;}
#footer_NO1 .help .tit{color: #b4a489; font-weight: 700;}
#footer_NO1 .help .tel{padding-top: 10px; padding-top:0.625rem; font-size: 36px; font-size: 2.250rem; font-weight: 700;}
#footer_NO1 .help .time{padding-top: 15px; padding-top:0.938rem; font-weight: 500; letter-spacing: 0.5px;}
#footer_NO1 .help .time .lunch{font-weight: 300; color: #aaa;}
#footer_NO1 .help .etc{padding-top: 5px; color: #aaa;}
#footer_NO1 .help .btn{padding: 17px 0;}
#footer_NO1 .help .btn a{padding-left: 0; color: white; font-size: 1rem; font-weight: 400;}
#footer_NO1 .help .btn a:first-child{padding-right: 15px;}


@media all and (max-width:576px){
  #footer_NO1 .noti_preview > div{width: 100%; }
  #footer_NO1 .noti_preview .inner_cont > div:first-child{margin-bottom: 5px;}
  #footer_NO1 .noti_preview .inner_cont .col-10{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  #footer_NO1 address > p:nth-child(2) span:after, #footer_NO1 address > p:nth-child(3) span:after{display: none;}
  #footer_NO1 .help{padding-top: 3rem;}
  #footer_NO1 .help .tit{font-size:15px; font-size:1.154rem;}
}


/***********************
 Footer 2 하단 메뉴 나오기
************************/
#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #404040;
  font-size: 14px;
  margin-top:50px;
  padding-bottom:15px;

}

#bottom h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
  
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #404040;
}

#bottom .widget {
  margin-bottom: 0;
}