guide @charset "UTF-8";

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

/* Page Title */

body { width:100%; height:100%; padding:0px; margin:0px;   }


html  { width:100%; height:100%; padding:0px; margin:0px;  }

#wrap    {width:100%; float:left; min-width:1200px; }
#main {height:100%; width:100%; position:relative;}

#header   {width:100%; background:#fff; float:left; position:relative;z-index:999;  min-width:1200px; padding:0; box-sizing:border-box; box-shadow:1px 2px 5px #ddd; }

.text_box1 {font-size:16px; color:#555;}

/*tabs-menu*/
.tabs-menu {
	width:100%; float:left;
    margin-bottom:20px;
    clear: both;
}

.tabs-menu li {
	width:32.3%;
    line-height: 30px;
    float: left;
    margin-right: 1%;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
	width:32.3%;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px 20px;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
    text-transform: uppercase;
    color: #fff;
	text-align:center;
    text-decoration: none;
	display:block;
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tabs {
    background-color: #fff;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 100%;
    display: none;
}

#tab-1 {
 display: block;
}

/*timeline*/

/* ---- Timeline ---- */
ol {
	position: relative;
	display: block;
	height: 4px;
	background: #31708F;
}
ol::before,
ol::after {
	content: "";
	position: absolute;
	top: -8px;
	display: block;
	width: 0;
	height: 0;
  border-radius: 10px;
	border: 10px solid #31708F;
}
ol::before {
	left: -5px;
}
ol::after {
	right: -10px;
	border: 10px solid transparent;
	border-right: 0;
	border-left: 20px solid #31708F;
  border-radius: 3px;
}

/* ---- Timeline elements ---- */
ol li {
	position: relative;
	display: inline-block;
	float: left;
	width: 150px;
	height: 50px;
}
ol li .diplome {
  position: absolute;
  bottom:52px;
  left: 30%;
  color: #666;
  font-size:14px;
}
ol li .point {
	content: "";
	top: -5px;
	left: 43%;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #fff;
	border:3px solid #31708F;
  position: absolute;
}
ol li .description {
  display: none;
  background-color: #f4f4f4;
  padding: 10px;
  margin-top: 20px;
  position: relative;
  font-weight: normal;
  z-index: 1;
}
ol .description::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f4f4f4;
  position: absolute;
  top: -5px;
  left: 43%;
}

/* ---- Hover effects ----
ol li:hover {
	cursor: pointer;
  color: #48A4D2;
}
ol li:hover .description {
  display: block;
} */

/* 플로우 배너 */
section.flow_bn {position:Relative; width:100%; float:left;  padding:30px 0;  background:#000; }
section.flow_bn .swiper-slide img {width:330px; height:85px; float:left; border:1px solid #ddd; }

.nav { width:100%; height:50px; position:fixed;  z-index:9999999999999999; left:0px; top:0px;
                  display:none;  }

 .sub_wrap {width:1200px; margin:0 auto;}
 .sub_con {float:right; width: 880px; margin-top:30px; padding-bottom:60px;}
 .sub_con h2 {font-size:26px; font-weight:600; color:#333; text-align:center; border-bottom:1px solid #777; margin-bottom:60px; padding-bottom:10px;}
 .sub_con h3 {font-size:22px; font-weight:500; color:#c2a632; text-align:center; width:100%; border-radius:8px; padding:15px 0; margin-bottom:35px; }
.sub_con h4 {font-size:20px; font-weight:400; color:#444; text-align:left; line-height:1.3em;}


.why_wrap {width:100%; float:left; padding:60px 0;  background:url('/htm/yui_rentcar/img/why_bg.png') no-repeat 0 0;  background-size:cover;}
.why {width:1200px; margin:0 auto;}
.why .contact_txt_box {width:100%; float:left; padding:35px; box-sizing:border-box; background:#fff; border:1px solid #ddd;}
.why h4 {font-size:35px; font-weight:600; color:#fff; display:inline-block;}
.why p {font-size:20px; font-weight:400; color:#999;}

.why ul li {width:100%; float:left;font-size:18px; font-weight:400; color:#555; line-height:1.8em;}
.why i {font-size:18px; vertical-align:-3px; color:#333;}



/*메인비주얼*/
.main_vi_wrap {width:100%; float:left; height:705px; background-size:cover; box-sizing:border-box;   }
.main_vi_wrap .main_vi_txt { width:1200px; margin:0 auto; /*background:rgba(255,255,255,0.3); */box-sizing:border-box; position:absolute;
top:55%; left:50%; transform: translate(-50%, -50%);color:#fff; z-index:99999; text-align:left;}

.main_vi_wrap .slick-prev {top:30% !important; border:none; }
.main_vi_wrap .slick-next {top:30% !important; border:none;}


.box_100 {width:100%; float:left;}
.box_50 {width:50%; float:left;}
.box_100 ul li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-3:last-child {float:right; margin-right:0%;}

.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}
.box_100 ul li.col-2 img { width:100%;}
.box_100 ul li.col-3 img { width:100%;}

.box_60 {width:60%; float:left;}
.box_60 .pgwSlider {margin-right:80px; float:right; display:block;}





/*메뉴*/
.menu  {width:1200px; margin:0 auto; box-sizing:border-box; }
.topmenu {width:100%; float:Left; }
.menu .topmenu li  { display:inline-block; float:left;  text-align:center;  width:16.666%}
.menu .topmenu li  a {display:inline-block;text-decoration:none; color:#333; font-size:18px; line-height:60px; font-weight:300; vertical-align:middle; }
.menu .topmenu li  span.bar {font-size:12px; color:#ddd; font-weight:300; line-height:25px;}

.menu .topmenu li.line { color:#999; font-size:10px; }

.topmenu2 .topmenu li.sitemap  {width:200px; float:right; }

.topmenu2 li.logo {width:300px; margin:0 auto; }
.topmenu2 li.logo a {width:100%; float:left;  margin-bottom:15px;}


.topmenu2 .language{
  border-style:none;
  background:none;
  color:#5B5B5B;
 font-size:15px;
 }

.topmenu2 .language1{ width:485px;  float:right; border:0px solid #c00; margin-top:15px;}



#main .visual-notice_wrap{width:1200px;bottom:25px; left:50%; transform: translate(-50%, 0%); position:absolute; background:#d0b987 }
#main .visual-notice{width:1200px; margin:0 auto; border:0px solid #fff; }

#main .visual-notice:after{content:'';  height:100%; right:0; position:absolute; top:0;}
#main .visual-notice h3{color:#fff; float:left; font-size:20px;padding:22px 0; max-width:140px; margin:0;box-sizing:border-box;	}
#main .visual-notice ul li a{white-space: nowrap; margin-right:30px; line-height:2em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}

#main .bbs-slider{ float:left; width:80%;padding:20px 0; }
#main .bbs-slider li{ float:50%; float:left; }

#main .bbs_arr_wrap {float:right; display:inline-block; margin-right:35px; margin-top:30px; }
#main .bbs_arr_wrap a{float:right; display:block;}

#main .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
#main .bbs-slider .slick-arrow:hover{opacity:1;}
#main .bbs-slider .slick-next{background:url('/img/arr-down.png') no-repeat center center; bottom:20px; top:auto;}
#main .bbs-slider .slick-prev{background:url('/img/arr-up.png') no-repeat center center; top:20px; }
#main .slick-prev:before, #main .slick-next:before{display:none;}

.nav  li  {  font-size:22px; font-weight:600; display:inline-block;  float:left;  line-height:70px; margin:0px 0; text-align:center;   padding:0;}
.nav  li   a {color:#555 !important;}

/*사업갤러리*/
.box_100 .business_ul {width:100%; float:left; position:relative;}

/*이미지*/
.box_100 .business_ul>li:nth-child(1) {width:40%;  position:absolute; top:0; left:80px; }
.box_100 .business_ul>li:nth-child(1) img {width:100%;}

.box_100 .business_ul>li:nth-child(2) {width:40%; position:absolute; top:120px; left:700px;
background:#d5ba66; z-index:999; height:450px; padding:65px 50px; box-sizing:border-box;}

.box_100 .business_ul>li:nth-child(2) h5 {font-size:25px; font-weight:600; color:#fff; margin-bottom:20px;}
.box_100 .business_ul>li:nth-child(2) .bar {width:60px; background:#fff; height:2px; display:inline-block; margin:0 auto;}
.box_100 .business_ul>li:nth-child(2) p {font-size:20px; color:#fff; margin:30px 0 20px 0;text-align:left;}


.box_100 .business_ul>li:nth-child(3) {width:18%; position:absolute; top:120px; right:80px; border:1px solid #ddd;}
.box_100 .business_ul>li:nth-child(3) ul li {width:100%; float:left; background:#10px;  border-bottom:1px dashed #ddd;}
.box_100 .business_ul>li:nth-child(3) ul li a {display:block; text-align:center; font-size:18px;  padding:15px 0;}
.box_100 .business_ul>li:nth-child(3) ul li:last-child {border:none;}


.service_wrap .col-3 {width:30%; float:left; height:280px; border:0 !important;}
.service_wrap .col-3 img {border-radius:50%;}



.main_vi_wrap .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 520px;
  text-align: center;
}
.main_vi_wrap .shape {
  stroke-dasharray: 0 580;
  stroke-dashoffset: 580;
  stroke-width: 4px;
  fill: transparent;
  stroke: #fefefe;
  border-bottom: 5px solid black;
  transition: stroke-width 2.7s, stroke-dashoffset 2.7s, stroke-dasharray 1.3s;
  transition-delay: 0s;
  fill: rgb(20,20,20);
}
.main_vi_wrap .text {
  font-family: 'David Libre';
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align: center;
  height: 60px;
  width: 520px;
  font-variant: small-caps;
}
.main_vi_wrap .shape-border {
  stroke-width: 4px;
  stroke-dashoffset: 0;
  stroke-dasharray: 480 100;
}



/*  */
.section02 {background-color:#e0e0e0; min-height:900px;}
.section02 .swiper4 {height:900px; }
.section02 .swiper4 .swiper-slide { cursor:move; width:100%; background-color:#e0e0e0;}
.section02 .swiper4 .inner {width:1184px; margin:0 auto; position:relative;}
.section02 .swiper4 .bg01 {position:absolute; top:91px; right:0px; z-index:1;}
.section02 .swiper4 .bg02 {position:absolute; top:0px; right:-342px; z-index:0;}
.section02 .swiper4 .swiper-button-next {position:absolute; top:50%; width:39px; height:39px; margin-top:-39px; z-index:10; cursor:pointer; background-size:39px 39px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-prev {position:absolute; top:50%; width:39px; height:38px; margin-top:-0px; z-index:10; cursor:pointer; background-size:39px 38px; left:auto !important; right:10%;}
.section02 .swiper4 .swiper-button-next {background-image:url('../../img/mimg/top_arrow_right.png');  }
.section02 .swiper4 .swiper-button-prev {background-image:url('../../img/mimg/bottom_arrow_left.png'); }

.swiper4 .swiper-slide-active .bg01
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper4 .swiper-slide-active .bg02
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}
.section02_title {text-align:left; padding-top:150px; padding-left:85px;}
.section02_title .txt01 {font-size:40px; font-family: 'Raleway', sans-serif; font-weight:200; color:#000; letter-spacing:1px;}
.section02_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}

.section02_txt {text-align:left; letter-spacing:-0.3px; padding-left:80px; padding-top:50px;}
.section02_txt .txt01 {color:#777; font-size:16px;}
.section02_txt .txt02 {color:#222; font-size:36px; line-height:1.25em;}
.section02_txt .txt03 {font-size:17px; line-height:26px; color:#333;}

.section02_txt .txt04 a.more_bt {width:220px; height:54px; background-color:#fff; color:#222; line-height:54px;text-indent:20px; display:block; margin-top:48px; background-image:url('../../img/mimg/btn_arrow.png'); background-repeat:no-repeat;  background-position:200px 21px;
 -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.section02_txt .txt04 a.more_bt:hover {background-image:url('../../img/mimg/btn_arrow_r.png'); background-repeat:no-repeat;  background-position:120px 21px; color:#fff; background-color:#222;}

.section02_txt .txt04 a.more_bt img {float:right; margin:25px 20px 0 0;}

.section02_txt .left_t_bt {width:25px; height:1px; background-color:#222; margin:20px 0px;}


.section04 {background:url('/htm/thehomes/img/main2_business_bg.png') no-repeat center 0; min-height:900px;}
.section04_title {text-align:left; padding-top:100px; padding-left:80px;}
.section04_title .txt01 {font-size:40px;  font-weight:600; color:#333; letter-spacing:1px;}
.section04_title .txt02 {font-size:16px; letter-spacing:-0.5px; color:#555; line-height:16px; padding-top:5px;}


.swiper3 {width:100%;}
.swiper3 .swiper-slide { text-align: center; width:100%; cursor:move; }

.swiper3 .swiper-button-next {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }
.swiper3 .swiper-button-prev {position:absolute; top:50%; width:48px; height:93px; margin-top:-22px;z-index:90; cursor:pointer; background-size:39px 76px; }

.swiper3 .swiper-button-next {background-image:url('/htm/thehomes/img/arr_r.png'); right:5%; opacity:0 !important; }
.swiper3 .swiper-button-prev {background-image:url('/htm/thehomes/img/arr_l.png'); left:5%; opacity:0 !important;  }
.swiper3:hover .swiper-button-next  {opacity:1 !important;}
.swiper3:hover .swiper-button-prev  {opacity:1 !important;}

.swiper3 .left_bg01 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img1.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg02 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img2.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg03 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img3.png'); background-size:cover; background-position:top center;}
.swiper3 .left_bg04 {width:50%; height:700px; margin-top:80px; background-image:url('/htm/thehomes/img/business_img1.png'); background-size:cover; background-position:top center;}

.swiper3 .left_bg05 {width:50%; height:900px; background-image:url('/htm/thehomes/img/recent_ban05.jpg'); background-size:cover; background-position:top center;}
.swiper3 .right_text {width:50%;height:900px;}
.swiper3 .swiper-pagination-fraction {bottom:170px !important; left:110px; color:#999; font-size:16px;}
.swiper3 .swiper-pagination-current {color:#000;}
.swiper3 .swiper-pagination-total {color:#777;}

.swiper3 .swiper-slide-active .left_bg01,
.swiper3 .swiper-slide-active .left_bg02,
.swiper3 .swiper-slide-active .left_bg03,
.swiper3 .swiper-slide-active .left_bg04,
.swiper3 .swiper-slide-active .left_bg05
{
-webkit-animation-name: fadeInLeft  !important;
animation-name: fadeInLeft  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}

.swiper3 .swiper-slide-active .right_text
{
-webkit-animation-name: fadeInRight  !important;
animation-name: fadeInRight  !important;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
-webkit-backface-visibility: hidden;
}





/* 실적 */
.box_100 .img_box {width:100%; float:left;}
.box_100 .img_box>li {width:50%; float:left;}
.img_box .img_box_left{width:50%; float:left;  height:600px; }
.img_box .img_box_left img{width:100%; height:600px; }

.img_box .img_box_right{position:relative; width:100%; float:left;  height:300px; }
.img_box .img_box_right img{width:100%;}

.img_box .img_box_right ul li:first-child{position:absolute; bottom:0; left:0;width:100%; height:300px; }

.img_box .img_box_right ul li:last-child{position:absolute; bottom:0; right:0;width:100%; height:300px; }
.img_box .img_box_right ul li:last-child ul li{ width:50%; float:left;}

/*실적*/
.record_wrap_box {position:relative; width:100%; float:left;}

.record_wrap_box .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 20px;
  transform:scale(.8);
}
@media(max-width:1000px){
  .record_wrap_box .item{margin:0; transform:scale(.9)}
}
.record_wrap_box .active .item{
  opacity:1;
  transform:scale(1);
}

.record_wrap_box .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.inner{position:absolute; bottom:30px; left:0; right:0; text-align:center;}
.inner a{color:#fff; text-decoration:none; border-bottom:2px solid rgba(255,255,255,0.5); transition:.3s ease border-color}
.inner a:hover{border-color:#fff;}
.black .inner a{color:#000; border-color:rgba(0,0,0,0.4)}
.black .inner a:hover{border-color:#000;}

/*푸터*/
.in {width:1240px; margin:0 auto;}

.notice {width:33.33333333%;  height:160px;  float:left; margin-top:40px; border:1px solid #ddd; box-sizing:border-box; padding:25px;}
.notice h3 {font-size:21px; font-weight:600; width:100%; float:left ; padding-bottom:10px; color:#333;}
.notice li{width:100%; float:left; color:#666; font-size:15px;  padding-bottom:3px;}
.notice h3 a {font-size:13px; float:right; font-weight:300; color:#999 !important; font-family:"iropke-batang"}
.notice li span {font-size:13px; float:right; font-weight:300; color:#999 !important}

.in .about_bn {width:100%; float:left; margin:0 0 40px 0; background:url('/sian/img/bn_bg.png') center top ; height:300px; background-size:cover; text-align:left; }
.in .about_bn div  {background-color:rgba(0,0,0,0); width:100%; box-sizing:border-box; padding:70px 30px;  height:300px; color:#333; font-size:19px;  font-weight:400; line-height:1.5em; }


h3 {width:100%; text-align:center; font-size:35px; font-weight:700; color:#333;  }

.guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }

.safe {width:1200px; margin:0 auto; text-align:center;  padding-top:5%; }
.safe_wrap ul {width:100%; float:left; margin-top:4%;}
.safe_wrap li.col-2 {float:left; width:50%; text-align:center; position:relative;height:300px; background:#fff;}

.safe_wrap li.bg_vi1{background:url('/htm/yui_rentcar/img/safe_img1.png') no-repeat center; background-size:cover;  }
.safe_wrap li.bg_vi2{background:url('/htm/yui_rentcar/img/safe_img2.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_vi3{background:url('/htm/yui_rentcar/img/safe_img3.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_vi4{background:url('/htm/yui_rentcar/img/safe_img4.png') no-repeat center;  background-size:cover;  }
.safe_wrap li.bg_bk {background:#333; color:#fff;}

.safe_wrap li.col-2 img {width:100%; height:300px;}
.safe_wrap h5 {font-size:85px; font-weight:600; text-align:center; margin-top:85px; color:#fff; text-shadow:1px 1px 1px 2px #333;}
.safe_wrap h6 {font-size:38px; font-weight:600; text-align:center;  color:#fff; margin:65px 0 15px 0;}

.box_100 ul li.col-2 .bar_div {width:30px; background:#fff; height:2px; display:block; margin:0 auto; z-index:999999; position:relative;}

.safe_wrap .label {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block;}
a.main_btn {font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

span.main_btn2 {position:absolute; top:150px; left:0;font-size:19px; background-color:#615555; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }

.safe_wrap .txt_box {font-size:18px; color:#888; line-height:1.35em; margin-top:20px; }

h4.tt {font-size:40px; font-weight:600; width:100%; float:left; line-height:1.4em; color:#333;}
h3.tt {font-size:30px;  font-weight:400; width:100%; float:left;  line-height:1.3em; color:#333;}
p.tt {font-size:25px; font-weight:400; width:100%; float:left;   line-height:1.3em; color:#999;}


.business {width:100%; float:left; text-align:center; position:Relative;}


.in {width:1200px; margin:0 auto;}
.in .guide {width:100%; text-align:center; float:left; font-size:32px; font-weight:700; color:#333; margin-top:50px; margin-bottom:40px;  padding-bottom:10px; }




/* layout -lnb */
.lnb_wrap{position:relative; width:100%; float:left; height:60px; margin-bottom:50px;}
.lnb{position:absolute; left:0; top:0; width:100%; height:60px; background-color:#f7f7f7; border-bottom:1px solid #dadada;}
.lnb.on{position:fixed; z-index:1000;}
.lnb > ul{width:1200px; margin:0 auto; font-size:0px;}
.lnb > ul:after{display:block; clear:both; content:'';}
.lnb > ul > li{display:inline-block; position:relative;}
.lnb > ul > li > a{display:block; position:relative; font-size:17px; font-weight:400; text-align:center; line-height:60px; color:#000;}

.lnb > ul > li.on > a{border-bottom:2px solid #d4b666; line-height:59px; color:#d4b666;}
.lnb > ul > li > a:after{position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li:first-child > a:before{position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li > a .lnb_arrow{display:inline-block; width:11px; height:6px; margin-left:10px; background:url("/Resources/Kor/images/common/ico_common.png") -468px -154px no-repeat; vertical-align:middle;}
.lnb > ul > li.on > a .lnb_arrow{background-position:-432px -154px;}
.lnb.col3 li{width:33.3%;}

.lnb.col4 li{width:25%;}
.lnb.col5 li{width:20%;}
.lnb.col6 li{width:16.66666%;}
.lnb.col7 li{width:14.2857%;}
.lnb .sub_lnb{display:none; position:absolute; left:0; top:71px; z-index:100; width:100%; border:1px solid #dcdcdc; border-top:none;}
.lnb li.active .sub_lnb{display:block;}
.lnb .sub_lnb li{width:100%; border-top:1px solid #dcdcdc;}
.lnb .sub_lnb li:first-child{border-top:none;}
.lnb .sub_lnb li a{display:block; position:relative; padding:0 20px; background-color:#fff; font-size:16px; line-height:48px; color:#666;}
.lnb .sub_lnb li a:hover{color:#d4b666;}
.lnb .sub_lnb li a:after{display:inline-block; position:absolute; right:20px; top:20px; width:6px; height:11px; background:url("/Resources/Kor/images/common/ico_common.png") -471px -180px no-repeat; content:'';}





.s_line{border:0px solid gray; display:block;width:28px;height:20px; position:relative; margin:0 auto;}

.s_line:after{
  content:""; position:absolute; border-top:4px solid #d4b666; width:40px;
  transform: rotate(25deg);

}

.sian_tab {width:100%; float:left;}
.sian_tab li {width:25%; float:left; background-color:#f9f9f9 ;}
.sian_tab li a {width:100%; display:inline-block; text-align:center; line-height:50px; font-size:20px; font-weight:600; color:#555; }
.sian_tab li.ov  {background-color:#333;}
.sian_tab li.ov  a {color:#fff;}


.contact_tab {width:100%; float:left; margin-bottom:20px;}
.contact_tab li {width:25%; float:left; background-color:#f9f9f9 ;}
.contact_tab li a {width:100%; display:inline-block; text-align:center; line-height:55px; font-size:20px; font-weight:600; color:#555; }
.contact_tab li.ov  {border:1px solid #333; box-sizing:border-box; border-bottom:none; background:#fff;}
.contact_tab li.ov  a {color:#333; font-weight:600;}

.fixed_top {width:60px; font-size:13.5px;  border-radius:5px;line-height:60px; background-color:#f1f1f1; color:#333;  text-align:center; flaot:right; position:fixed; bottom:5%; right:3%; letter-spacing:0.5px;}

 /*footer*/
#footer        {width:100%; min-width:1240px;  margin-top:20px; padding:40px 0px 0px 0; float:left;   background-color:#222; border-top:1px solid #555;    }
#footer ul {width:100%; text-align:center;}
#footer ul li {display:inline-block;  color:#fff; font-size:0.92em}
#footer ul li.line {color:rgba(255,255,255,.3); font-size:12px; line-height:30px; padding:0 10px 10px 10px;}
#footer  .footer_in  {width:1240px; margin:0 auto;font-size:14.5px; color:#fff;  font-weight:300; }
#footer  .footer_in  span { letter-spacing:0.2px;  }

#footer .copy_bar  {background-color:#333; color:#b1b1b1; font-size:0.85em; width:100%; float:left; padding:14px 0; margin-top: 20px;}
#footer .copy_bar p  {width:1200px; margin:0 auto; }



@media all and (max-width:1500px){
.sub_in {width:1240px; float:left;  position:relative;  left:50%; margin-left:-620px;}

.sub_in .s_menu  {width:1100px; position:relative; top:0; left:50%; margin-left:-550px; margin-bottom:50px;}
.sub_in .s_menu   li {width:33.3333333%; float:left; border-right:1px solid #ddd;  background:url('/sian/img/menu_bg.png') no-repeat right; }
.sub_in .s_menu li.cate_2 {display:none}
.sub_in .product_view  {width:1100px; position:relative; top:20px; left:50%; margin-left:-550px;}
}


.contact_con {width:100%; float:left; padding:15px 0;}
.contact_con ul li {font-size:19px;}




/* 20190322 (마우스오버시 펼쳐지는 서브메뉴) */
#primary_nav_wrap {width:100%; float:left; height:65px; background:#fff;  margin-top:-35px;
 box-shadow:2px 2px 3px 0px #ddd;}

#primary_nav_wrap ul
{
	max-width:1200px;
	height:65px;
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#primary_nav_wrap ul .primary_nav_title>a
{
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:17px;
	line-height:65px;
	padding:0 20px;
	/*font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif*/
}

#primary_nav_wrap ul .primary_nav_title
{
	position:relative;
	float:left;
    width:27%;
	text-align:left;
	border-right:1px solid #ddd;
}

#primary_nav_wrap ul li.home_bt
{width:65px; height:65px; float:left; text-align:Center;
box-sizing:border-box; border-right:1px solid #ddd; border-left:1px solid #ddd;}

#primary_nav_wrap ul li.home_bt a {display:block;  line-height:60px;}
#primary_nav_wrap ul li.home_bt i {line-height:60px;}

/*#primary_nav_wrap ul li:hover
{background:#f6f6f6} */

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:9999999999;
	border-top:1px solid #ddd;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:325px;
	border-bottom:1px solid #ddd;
}

#primary_nav_wrap ul ul li a:hover {transform:ease-in-out 3s;}


.primary_nav_title ul li a
{ display: block;
  color: #777;
  font-size:0.95em;
  font-weight:400;
  background: #f9f9f9;
  }

.primary_nav_title .fa { font-size:18px; float:right; padding:25px 20px 0 0; color:#333;}

.primary_nav_title ul li a:hover{background:#f0f0f0;}

#primary_nav_wrap ul ul a
{ line-height:77%; padding:18px 20px; font-size:17px; }

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;

}







/* ￿￿￿￿￿￿￿޴￿ leftmenu */
#leftmenu	{width:245px;float:left;box-sizing:border-box; }

.mn_title      		{width:245px;  padding:30px 0 30px 20px; box-sizing:border-box;  border-left:1px solid #ddd; border-right:1px solid #ddd; background:#333;}
.mn_title span		{font-size:16px; font-weight:400; color:#999; text-align:left; letter-spacing:0.2px;}
.mn_title h2			{font-size:22px; font-weight:600; color:#fff; text-align:left; margin-top:10px;}


/*#leftmenu ul			{background-color:#f6f6f6; border-top:1px solid #012a7e; border-bottom:1px solid #012a7e; margin-top:20px;}
#leftmenu li			{font-size:14px; color:#585858; line-height:50px; border-bottom:1px solid #e1e1e1; }
#leftmenu a				{display:block; padding-left:20px;}
#leftmenu a:hover		{background:#012a7e; color:#fff;}
*/

#leftmenu ul,
#leftmenu ul li,
#leftmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#leftmenu > ul	{   border:1px solid #ddd;}
#leftmenu ul ul { display: none;}

#leftmenu > ul > li.active2 > ul {display: block;}
.align-right {float: right;}

#leftmenu > ul > li > a {
  padding: 20px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  letter-spacing:-1px;
  text-decoration: none;
  color: #666;
  background: #fff;
  border-bottom:1px solid #e1e1e1;
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  transition: color .1s ease;
}

#leftmenu > ul > li > a:hover {
  color: #333 !important ;
  background: url('/htm/yui_rentcar/img/left_menu_arr.png') no-repeat center right 20px;  }

#leftmenu > ul > li >  a:hover		{ color:#333 !important;  }
#leftmenu > ul > li >  a:link			{text-decoration:none;  }
#leftmenu > ul > li >  a:active		{background:#fff; text-decoration:none;  color:#333 !important; font-weight:600; }
#leftmenu > ul > li >  a:visited	{text-decoration:none; color:#666; }

#leftmenu > ul > li.ov >  a:hover		{background:url('/htm/yui_rentcar/img/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none; color:#333 !important; }
#leftmenu > ul > li.ov >  a:link		  {background:#fff url('/htm/yui_rentcar/img/left_menu_arr.png') no-repeat center right 20px;  text-decoration:none;  color:#333 !important;  }
#leftmenu > ul > li.ov >  a:active		{ text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li.ov >  a:visited		{background:#fff;text-decoration:none; color:#333; }



#leftmenu ul > li.has-sub2 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


#leftmenu ul > li.has-sub2 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #efefef;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

#leftmenu ul > li.has-sub2.open > a:after,
#leftmenu ul > li.has-sub2.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu > ul > li.active3 > ul {display: block;}

#leftmenu ul > li.has-sub3 > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3 > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #ddd;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#leftmenu ul > li.has-sub3.open > a:after,
#leftmenu ul > li.has-sub3.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


#leftmenu ul ul li a {
  padding: 14px 32px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  border-bottom:1px solid #e2e2e2;
  color: #777;
    background:#fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

#leftmenu ul ul ul li a { padding-left: 32px;}

/* ￿: ￿Ҹ޴￿ */
#leftmenu > ul  > li > ul > li a:hover			{ color:#333 !important;  background:#f7f7f7;}
#leftmenu > ul  > li > ul > li a:link			{text-decoration:none;  }
#leftmenu > ul  > li > ul > li a:active			{background:#f7f7f7; text-decoration:none; color:#333; font-weight:600; }
#leftmenu > ul  > li > ul > li a:visited		{text-decoration:none; color:#777; }

#leftmenu > ul > li > ul > li.ov  a:hover		{background:#f7f7f7; text-decoration:none;  color:#66cccc !important; }
#leftmenu > ul > li > ul > li.ov  a:link		{background:#f7f7f7; text-decoration:none; color:#333; }
#leftmenu > ul > li > ul > li.ov  a:active		{background:#f7f7f7; text-decoration:none; color:#333; font-weight:500; }
#leftmenu > ul > li > ul > li.ov  a:visited		{background:#f7f7f7; text-decoration:none; color:#333; }

#leftmenu ul ul li a:hover {color: #ffffff; }


/* ￿￿ڵ￿CSS */

#leftmenu .menu a {
  display: block;
  padding: 10px 15px;
}

#leftmenu .drop-down a {
  min-width: 90px;
}

#leftmenu .drop-down-menu {
  display: block;
}

#leftmenu .menu-title {
  cursor: pointer;
  display:block;
  padding: 12px 20px;
  font-weight:400 !important;
}

#leftmenu .activate {
  display: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  margin: 0 0 0 -15px;
  opacity: 0;
}

/* Skin */
#leftmenu .menu a, .drop-down-menu {
  background: #fff;
  color:#666;

}

#leftmenu .menu a:hover, .drop-down-menu:hover {
  color: #66cccc;
}

#leftmenu .drop-down a {
  background: #fff;
  border:none;
  padding:9px 18px;
}

#leftmenu .drop-down a:hover {
  color: #66cccc;
}

#leftmenu .menu  {
	font-size:16px;
}

:checked ~ .menu-title {
  color:#66cccc;
  background:#f7f7f7 url('/../common/img/sub/left_menu_arr.png') no-repeat center right 20px;
}

#leftmenu .drop-down {
  max-height: 0;
  overflow: hidden;
}

#leftmenu .drop-down a {
  background: #fff;
  font-size:15px;

}

#leftmenu .activate:checked ~ .drop-down {
  max-height:500px;
}

#leftmenu .drop-down,
#leftmenu .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#leftmenu .drop-down-menu {border-bottom:1px solid #ddd;}


#leftmenu .drop-down ul li:first-child{padding-top:6px}
#leftmenu .drop-down ul li:last-child{padding-bottom:6px}




#leftmenu .customer_box {width:100%; float:left; background:#f7f7f7; padding:20px; box-sizing:border-box}

#leftmenu .customer_box>span {font-size:18px; font-weight:500; color:#006fb7;}
#leftmenu .customer_box h3 {font-size:28px; font-weight:600; color:#006fb7;  margin-bottom:5px;}

#leftmenu .customer_box p {font-size:15px; font-weight:400; color:#666;}
#leftmenu .customer_box p>span {font-size:16px; font-weight:500; color:#555;}