@charset "utf-8";


/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 400;*/
/* src: url(/common/css/Font/NanumSquareR.eot);*/
/* src: url(/common/css/Font/NanumSquareR.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareR.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareR.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 700;*/
/* src: url(/common/css/Font/NanumSquareB.eot);*/
/* src: url(/common/css/Font/NanumSquareB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 800;*/
/* src: url(/common/css/Font/NanumSquareEB.eot);*/
/* src: url(/common/css/Font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareEB.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareEB.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/* font-family: 'NanumSquare';*/
/* font-weight: 300;*/
/* src: url(/common/css/Font/NanumSquareL.eot);*/
/* src: url(/common/css/Font/NanumSquareL.eot?#iefix) format('embedded-opentype'),*/
/*      url(/common/css/Font/NanumSquareL.woff) format('woff'),*/
/*      url(/common/css/Font/NanumSquareL.ttf) format('truetype');*/
/*}*/


/* reset */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
	@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


/*@font-face {*/
/*  font-family: 'Nanum Pen Script';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumpenscript/v4/NanumPenScript-Regular.ttf) format('truetype');*/
/*}*/
/**/
/**/
/*@font-face {*/
/*  font-family: 'Nanum Gothic';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/*  font-family: 'Nanum Gothic';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');*/
/*}*/
/*@font-face {*/
/*  font-family: 'Nanum Gothic';*/
/*  font-style: normal;*/
/*  font-weight: 900;*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);*/
/*  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');*/
/*}*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}/*font-size:100%*/
body { line-height:1; font-family:'Noto Sans KR', 돋움, Dotum, sans-serif; font-weight:400; font-size:14px; -webkit-text-size-adjust: none; font-weight:400 !important; letter-spacing: -1px;}/**/
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* delete vertical-align */
body,html { width:100%; background:#fff;}
ol,ul,li { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none;}
fieldset * { vertical-align:top}
table { border-collapse:collapse; border-spacing:0;}
dt { display:block;}
a { cursor:pointer;}
hr { /*display:none;*/}
input, select, img { vertical-align:middle; outline:0; max-width:100%;}
input, select, textarea, button, table { font-family:'Noto Sans KR', 돋움, Dotum, sans-serif !important; font-weight:400;}
em, address { font-style:normal; }
div, span, a, h1, h2, h3, h4, h5, h6, p, ul, li {box-sizing:border-box;-moz-box-sizing:border-box;}
/* Web Content Accessibility TTS(Text To Speech) Code */
.tts { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption, legend { visibility:hidden; width:0; height:0; line-height:0; font-size:0; overflow:hidden;}

/* add Project Leaders Common CSS */
body,input,select,textarea { color:#333; line-height:1;} /* font Setup Code */
a { color:#333; text-decoration:none;} /* anchor (normal) Setup Code */
a:hover { text-decoration:none;  } /* anchor (mouse over) Setup Code */
input.text { padding:2px; height:19px; border:1px solid #cdcdcd; box-sizing:border-box;-moz-box-sizing:border-box;} /* input:text Setup Code */
button {outline:none; border:none;}
select.select { height:23px; border:1px solid #cdcdcd;} /* select element Setup Code */
textarea.textarea { width:98%; border:1px solid #cdcdcd;} /* textarea.textarea Setup Code */
.clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.vtMiddle { vertical-align:middle;}

/* 공통 - 컨덴츠 폰트페밀리 고정 */
/*html * {font-family: 'NanumSquare' !important; font-weight:400;}*/
/*html * select{font-family: 'NanumSquare' !important; font-weight:400;}*/


.main_menu li a:hover {   border-bottom: 5px solid #db0000; }




/** 시작 **/
.content {width:1010px; margin:0 auto;}

/* 아래는 꽉찬 이미지용 */

#wrap {width: 100%; min-width: 1200px;  }
.content {  width:100%; margin:0 auto;}



footer { height:123px;}
.top_header { border-bottom:1px solid #ccc;}
.top_header .content {text-align:right; width:1200px; margin:0 auto; position:static; }
.top_header ul {display: inline-block;}
.top_header ul li {display: inline-block; vertical-align: top; border-right:1px solid #ccc; }
.top_header ul li a {font-size:12px; line-height:30px; padding:0 15px; }
.top_header ul li:first-child {border-left:1px solid #ccc;}

.phone {position:absolute; right:22px; top:16px; display: inline-block;}

#menu {      width:100%;   position:fixed; left:0; top:0; z-index:99; background:#fff; text-align:center; height:80px;} #menu .content {position:relative; width:1200px; margin:0 auto; text-align:right;  left:auto; padding-top:40px;} #menu .logo {display:inline-block; vertical-align: top; position:absolute; left:0; top:0;} #menu .logo img {height: 55px; margin-top: 10px;} #menu ul.main_menu {display:inline-block; font-size:0; text-align:center;   vertical-align: top;} #menu ul.main_menu li { display: inline-block; vertical-align: top; text-align:center; position:relative; vertical-align: top; }


#menu ul.main_menu li:last-child:after {content:none;}
#menu ul.main_menu li:first-child {}
#menu ul.main_menu li:first-child:after {content:none;}
#menu ul.main_menu li a {font-size:16px; font-weight:bold; display: inline-block; text-align: center; padding:0 20px; color:#000; vertical-align: top; line-height:40px; font-family: 'Noto Sans KR',sans-serif; }
/*#menu ul li a.on {background:#a90633; color:#fff; border-radius:50px 50px 0 0;}*/
#menu .header_bg {position:absolute; height:340px; width:100%; left:0; top:80px; background:#fff; display:none;}


#menu .sub_menu {display:none;}
#menu ul.sub_menu {display:none; position:absolute; left:0; top:80px; width:100%;  padding:5px; background-color:#fff; z-index:9999; height:340px; padding-top:20px; border-left:1px solid #ccc;}
/*#header ul.main_menu > li.on > ul.sub_menu {display:inline-block;}*/
#menu ul.sub_menu > li {width:100%;display:inline-block; }
#menu ul.sub_menu > li > a {line-height:50px; font-size:14px; color:#000; text-align:center; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px; transition:0s; font-family: 'Noto Sans KR',sans-serif; }


#box_content {margin:0 auto;}


.content {}
.content .con1 {text-align:center; position:relative;}
.content .con2 {position:relative;}



/* 시작 */
#box_content {padding-top:80px;}

.slide_img {width:100%; }
.swiper-container1 {}
.swiper-container1 .swiper-pagination-bullets {bottom:30px; font-size:0;   width:100%; text-align:Center; }
.swiper-container1 .swiper-pagination-bullet {font-size:20px; width:15px; height:15px; display:inline-block; vertical-align:top; border-radius:50%; margin:0 5px !important; background:none; border:1px solid #fff; background:none; color:#000; padding:0; text-align:left; opacity:1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {font-weight:bold; background:#fff;}
.swiper-pagination-bullet:hover {opacity:1;}


/*.swiper-container .swiper-slide1 {background:url("./sw01.jpg") no-repeat top center;}*/
/*.swiper-container .swiper-slide2 {background:url("./sw02.jpg") no-repeat top center;}*/

.swiper-container1 .swiper-slide {overflow:hidden;  }
.swiper-container1 .swiper-slide .cover {background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute;; z-index:10; left:0; top:0;}
.swiper-container1 .swiper-slide .img img {position:relative; z-index:9;}
.swiper-container1 .swiper-slide .txt {color:#fff; width:100%;   height:100%; position:absolute; left:0; top:0;  text-align:center; padding:200px 0px 0; z-index:11;}
.swiper-container1 .swiper-slide .t1 {font-size:30px; transition:2s; position:relative;   font-weight:bold; line-height:1.2; }
.swiper-container1 .swiper-slide .t2 {font-size:70px; transition:2s; position:relative;     transition-delay:0.4s; margin-top:0; line-height:1.7;}
.swiper-container1 .swiper-slide .t3 {font-size:24px;}
.swiper-container1 .swiper-slide .t3 span {font-size:48px; font-weight:900; color:#3690ff;}
/*.swiper-slide.swiper-slide-active .txt .t1,  .swiper-slide.swiper-slide-active .txt .t2 {right:0; opacity:1;}*/
.contxt {max-width:720px; float:right;}
.right_bg .contxt {max-width:480px; float:left; padding-left:60px;}

.swiper-container1 .sub_txt {margin-top:220px;      width: 680px;   background: rgba(33, 33, 33, 0.38);}
.swiper-container1 .sub_txt .t1 {font-size:24px; color:#000; font-weight: bold;  padding-top: 15px;
padding-left: 15px;}
.swiper-container1 .sub_txt ul {font-size:0; vertical-align:top; margin-top:30px; margin-left: 15px;}
.swiper-container1 .sub_txt ul li {display:inline-block; vertical-align:top; margin-right:20px; margin-bottom:15px;}
.swiper-container1 .sub_txt ul li a {display:inline-block; border-radius:15px; background: #64bacd; border:2px solid #000; padding:10px 50px 10px 10px; font-size:14px; color:#000; position:relative;}
.swiper-container1 .sub_txt ul li a:after {content:">"; position:absolute; right:10px; top:10px; font-size:14px; color:#000;}
.swiper-container1 .sub_txt ul li a:hover {background:#2D9E8A; color:#000;}
.swiper-container1 .sub_txt ul li a:hover:after {color:#000;}


 




/*서브공통*/
hr { margin:0 !important; padding:0 !important}
hr { border-top:1px solid #eee; }
.bg_eee { background:#eee !important}
.container:after {content:""; display:block; clear: both; }
.page-section { width: 100%; padding:0 0 50px; }
.page-section h1 { font-size: 4em; margin: 50px 0; line-height: 1.5em; }
.page-section h1 span { font-weight: 200; }
.page-section h2 { font-size: 3em; font-weight: normal; color: #1d1d1d; margin: 0; text-align:center }
.page-section p { font-size: 1.2em; font-weight: 200; margin: 0 auto; }

.page-section .caption { color: #1d1d1d; padding: 20px; background:#fff; }

.boxbg {position:absolute; background:#ccc; width: 100%; height: 200px;}

.container {width:1170px; margin:0 auto;}
#promotion { background:;}
	#promotion h2 { padding-top:5%}
	#promotion p { text-align:center; font-size:1.8em; margin-top:1%; color:#333}
	#promotion .car_box { margin-top:3% }
	#promotion .car_box ul {width:30%; margin-right:4%; padding:3% 0; display:inline-block}
	#promotion .car_box ul:last-child {margin-right:0}
	#promotion .car_box ul p { padding-bottom:10px; text-align:center}
	#promotion .car_box ul p img { width:90%; max-width:230px}
	#promotion .car_box ul li.bold { font-weight:bold; font-size:1.2em}
	#promotion .car_box ul li.text_bar { text-decoration:line-through;}
	#promotion .car_box ul li { padding:3px 0; text-align:center; font-size:1.2em}
	#promotion .car_box ul li span { color:#DB0000; font-weight:bold}
	
	#promotion .go_btn_box { margin:0 auto; text-align:center}
	#promotion .go_btn_box .rent_go { padding:0; background:#DB0000; color:#fff; font-size:1.5em; font-weight:bold; width:40%; margin:0.5%;display:inline-block}
	#promotion .go_btn_box .rent_go a {color:#fff; text-decoration:none; width:100%; height:100%; display: inline-block; line-height:62px; width:468px;}

#procedure {
	border-top:1px solid #ccc; padding-top:50px 
}
	#procedure h2 { margin-top:5%}
	
	#procedure .stepbystep { position: relative; margin-top:5%}
	#procedure .stepbystep div { 
		position:relative;
		border-radius:100px; 
		border:1px solid #DB0000; 
		width:17.6%; 
		padding:1%; 
		margin:0 3% 0 0; 
		float:left; 
		background:#fff; 
		z-index:10;
		text-align:center;
		font-weight:bold;
		}
	#procedure .stepbystep div:last-child { margin:0}
	
	#procedure .stepbystep::after {
		position:absolute;
		content:'';
		height:1px;
		top:25px;
		left:10px;
		right:10px;
		background:#dadada;
		z-index:0;
		}

	#procedure .rent {margin:5% 0 0 0}
	#procedure .rent:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
	#procedure .rent p { text-align:center}
	#procedure .rent p img {max-width:800px; width:100%}
	#procedure .rent .rent_box { display:block; margin:0}
	#procedure .rent .rent_box ul {padding:10px 0; width:48%; margin:0 1%; float:left; min-height:200px}
	#procedure .rent .rent_box ul h3 { font-size:2em; padding:2% 2%; background:#eee;}
	#procedure .rent .rent_box ul li { font-size:1.2em ; line-height:1.5em; padding:1% 2%}
	
	
#introduce {
	background:; padding-top:100px;
}
#introduce iframe { }
#introduce .map_box {width:68%;  float:left; margin:5% 0; max-width:800px;}
#introduce .map_text { width:30%; float:left; margin:5% 0 0 2%; }
#introduce .map_text .name { font-size:1.8em; color:#666; padding: 0 0 50px 0 } 
#introduce .map_text ul li { font-size:1.1em; line-height:1.5em; padding:10px 0 0}
#introduce .map_text .en {font-size:1em; color:#888; padding:0}



#contact_us {
	background: url(/sub2/genesis_bottom.jpg); padding-top:100px; padding-bottom:100px;
}
	#contact_us h2 { color:#fff}
	#contact_us p { color:#fff; font-size:1.2em; text-align:center; margin:20px 0 0}
	#contact_us .form_box_L { }
	#contact_us .form_box_L img { width:100%; }
	#contact_us .form_box_R {width:50%; margin:30px auto; padding:20px; background:#fff; max-width:500px }
	
	#contact_us .form_box_R div { display:block; margin:10px 0; padding:10px 0; font-size:1em; text-align:center }
	#contact_us .form_box_R div label { width:60%; text-align:left}
	#contact_us .form_box_R div input { width:60%; padding:10px 0; text-indent:10px; border:1px solid #ddd; background:#fdfdfd}
	#contact_us .form_box_R div textarea { width:60%; padding:10px 0; text-indent:10px; border:1px solid #ddd; background:#fdfdfd}
	#contact_us .form_box_R .form_name {}
	#contact_us .form_box_R .form_tell {}
	#contact_us .form_box_R .form_email {}
	#contact_us .form_box_R .form_car {}
	#contact_us .form_box_R .form_button input[type="submit"] { background:#DB0000; color:#fff; font-size:1.2em; font-weight:bold}


 label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}



.pc_hidden{display:block}
.mb_hidden{display:none}
.inner{padding:75px 20px}
.inner h2{font-size:25px;font-weight:bold;text-align:center}
.pc_hidden{display:none !important}
.mb_hidden{display:block !important}
.inner{margin:0 auto;padding:200px 0;width:1100px}
.inner h2{font-size:45px}

.top_btn {
	display:none;
    position: fixed;
    right: 20px;
    bottom: 10px;
    z-index: 9;
}

.top_btn.on {display:block;}

footer{width: 100%;background-color: #45464d;}

#footer ul{padding: 35px 0 20px;}
#footer ul li{display: inline-block;font-size: 14px;color:#999999; font-family: 'Nanum Gothic',sans-serif;}
#footer ul li img{margin-right: 10px;vertical-align: middle;}
#footer span{display: inline-block;color:#999999;margin: 0 18px;}
#footer .copyright{font-size: 14px;color:#999999; font-family: 'Nanum Gothic',sans-serif;}

  .swiper-container2  {margin:80px 0 40px;}
 .swiper-container2 .swiper-slide {width:400px;}


.rent_go {cursor:pointer;}