@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@font-face {
    font-family: 'YouandiModernTR'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(../fonts/Youandi_Modern_TextRegular.eot); 
    src: url(../fonts/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Youandi_Modern_TextRegular.woff2) format('woff2'), /* 2019-08-19 woff2 추가 */
         url(../fonts/Youandi_Modern_TextRegular.woff) format('woff');
}
@font-face {
    font-family: 'YouandiModernTB'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(../fonts/Youandi_Modern_TextBold.eot); 
    src: url(../fonts/Youandi_Modern_TextBold.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Youandi_Modern_TextBold.woff2) format('woff2'),/* 2019-08-19 woff2 추가 */
         url(../fonts/Youandi_Modern_TextBold.woff) format('woff');
}
@font-face {
    font-family:'YouandiModernHEB'; 
    font-style: normal; 
    font-weight: normal; 
    src: url(../fonts/Youandi_Modern_HeadExtraBold.eot); 
    src: url(../fonts/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'),
		 url(../fonts/Youandi_Modern_HeadExtraBold.woff2) format('woff2'),/* 2019-08-19 woff2 추가 */
         url(../fonts/Youandi_Modern_HeadExtraBold.woff) format('woff');
}
*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,div,input,textarea,button,select,pre{font-family: 'YouandiModernTR', 'Nanum Gothic',  Dotum,  Gulim, Sans-serif;color:#555;font-size:14px;  word-break:keep-all;}
body{/*font-size:0.875em;*/}
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:1em; font-weight:normal}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button,label{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;border-spacing:0;}
table,th,td{border:none; font-weight:normal}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
body {overflow-x:hidden;}
.checkbox {width:21px; height:21px;border-radius:3px; border:0px solid #eee; vertical-align:middle; margin:5px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img {vertical-align:middle;}

input::-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; } 
input::-moz-placeholder { color: #999; }


/*  */
a {cursor:pointer;}
a:link{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#316aff;transition:300ms ease-out 0ms;}
a:active{text-decoration:none; color:#333}
a:focus{text-decoration:none;}

/*  */
ul,ol,li{list-style:none;}

body {-webkit-text-size-adjust:none;}
[class$="inr"]{max-width:1200px;margin:0 auto;}
[class$="inr"]:after{content:'';display:block;clear:both;}
.f_left{float:left;}
.f_right{float:right;}
.center { text-align:center !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}



input, textarea, select	{ background:#fff; vertical-align:middle; }
input[type=text], input[type=password], input[type=file], textarea	{ border:1px solid #707070; padding:5px; margin:0; vertical-align:middle; color:#666; font-size:12px; }
.input_file	{ border:0 !important; width:90%; font-weight:bold; padding:3px !important; margin:0; }
input[type=radio], input[type=checkbox] { background:none !important; }
select { background:url(../images/header_select.gif) no-repeat 97% 50% #fff; border:1px #707070 solid; height:28px; padding:1px 0 0 0; font-size:12px; vertical-align:middle; color:#666; }
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */


.selectbox { border:1px solid #ddd; padding:7px 20px 7px 15px; margin-right:5px; border-radius:6px;  }
.selectbox100 { width:100px;}
.selectbox150 { width:150px;}
.selectbox200 { width:200px;}
.selectbox230 { width:230px;}
.selectbox250 { width:250px;}
.selectbox280 { width:280px;}
.selectbox300 { width:300px;}
.selectbox100pc { width:100%;}

.search-wrap select {
		z-index:99;
	    height: 38px;
	    padding-left: 10px;
	    font-size: 15px;
	    color: #555;
	    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
	   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
	   appearance: none;         /* 화살표 없애기 공통*/
	   background:#fff url('../images/ico_select.png') no-repeat 92% 50%; /* 화살표 아이콘 추가 */ 
	}
.search-wrap select::-ms-expand {
	   display: none;            /* 화살표 없애기 for IE10, 11*/
	}
.search-wrap select:hover  {border:1px solid #014099;transition:300ms ease-out 0ms;}



.clear	{ clear:both; }

.top_section{overflow:hidden; position:fixed; left:0; top:0; z-index:-1; width:100%; background: rgba(0,0,0,0);}

#wrap{position:relative;width:100%;margin:0;}
#wrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
/* Header */
#header{position:fixed; top:0px; left:0px; width:100%;  background:#fff; z-index:999;}
#header .gnb_wrap{height:60px; background:#fff; border-bottom:1px solid rgba(255,255,255,0.1)}
#header h1.logo {position:absolute; left:20px; top:15px;}
#header h1 a {display:block; font-size:24px;color:#0072d4;  font-weight:600;}
#header h1 a img{height:30px; }
#header h1 a span {vertical-align:bottom; margin-left:5px; font-size:60%;}

.mobile_wholeview{display:block;}
.mobile_wholeview .btn_wv {position:absolute; top:18px; right:15px; z-index:30; overflow:hidden; width:35px; height:22px; background:transparent;}
.mobile_wholeview .btn_wv:before {content:'\e91c'; display:inline-block; color:#0072d4; font-size:21px; font-family:'xeicon'; font-weight:normal}

#wholeView .wvBg{position:fixed; top:76px; right:0; z-index:999; width:100%; background:transparent;
/*transition:background 0.4s ease-in-out 0s;*/
/*-webkit-transition:background 0.4s ease-in-out 0s;*/
transition-property:height, background;
transition-duration:0s, .5s;
transition-delay:0s, 0s;}
#wholeView.open .wvBg{bottom:0; background:rgba(0,0,0,0.7);}
#wholeView .wv_wrap{position:fixed; top:0; right:0; bottom:0; z-index:1000; width:100%;background:#014099;
transition:all 0.1s;
-webkit-transition:all 0.1s;
-ms-transform:translate(100%, 0);
-webkit-transform:translate(100%, 0);
transform:translate(100%, 0);
}
#wholeView.open .wv_wrap{margin-left:0; 
	-ms-transform:translate(0, 0); 
	-webkit-transform:translate(0, 0); 
	transform:translate(0, 0); 
}
/*#wholeView .wv_wrap .wv_head{width:100%;height:60px;background:#fff;border-bottom:1px solid #e0e0e0;}*/
#wholeView .wv_wrap .btn_close{position:absolute; top:20px; right:20px; z-index:30; overflow:hidden; width:24px; height:25px; background:transparent;}
#wholeView .wv_wrap .btn_close:before {content:'\e921'; font-family:'xeicon'; display:inline-block; color:#fff; font-size:23px; font-weight:normal}

#wholeView .wv_wrap .wv_home{position:absolute; top:20px; left:10%;}
#wholeView .wv_wrap .wv_home a{display:block;position:relative;height:60px;vertical-align:top;}
#wholeView .wv_wrap .wv_home a:before{content:'\e900';font-family:'xeicon'; display:block;position:absolute;top:40px;left:10%; font-size:25px; width:28px;height:26px; color:#fff;}

/* 전체메뉴 */
#wholeView .wv_wrap .nav{position:absolute; top:110px; left:0px; right:0; bottom:0; overflow:auto;}
#wholeView .wv_wrap .nav a{display:block; position:relative; line-height:1.2; color:#fff;}
/* 1차 */
#wholeView #gnb_mobile{background:#014099; padding:0 45px}
#wholeView #gnb_mobile>li{}
#wholeView #gnb_mobile>li>a{position:relative; padding:14px 34px 14px 0; font-size:16px; line-height:1.4em; color:#fff;}
#wholeView #gnb_mobile>li>a:hover,
#wholeView #gnb_mobile>li>a.on{position:relative;color:#fff600; }
/* 2차 */
#wholeView #gnb_mobile>li>ul{display:none;}
#wholeView #gnb_mobile>li>ul{padding:-5px 0 20px;}
#wholeView #gnb_mobile>li>ul>li>a{position:relative;padding:5px 0px 5px 15px;  font-size:15px; color:#fff;}
#wholeView #gnb_mobile>li>ul>li>a:before{content:'';display:inline-block;position:absolute;top:11px;left:5px;width:3px;height:3px;background:#fff;}
    


/* visual */
.mainVisual { width:100%; background-color: #f4f4f4; height:200px; text-align:center;  padding-top:15px; background-size: cover; background-repeat:no-repeat; background-position:center center; }
.mainVisual .mainText { position:absolute; top:32px; left:0px; z-index:999; font-family: 'SCoreDream'; text-align:left; z-index:333 }
.mainVisual .mainText h3 { margin:0; padding:0; color:white; font-size:16px; font-weight:normal; animation-name:move01; -webkit-animation-name:move01; animation-duration:2.5s;}
.mainVisual .mainText h1 { margin:0; padding:0; font-size:22px; font-weight:normal; padding-top:5px;animation-name:move02; -webkit-animation-name:move02; animation-duration:3s; }
.mainVisual .mainText span { font-weight:bold; }
.mainVisual img {height:170px;}



.main-banner {position:relative; display:block; float:left;  width:100%;background:#fff;clear:both; border-bottom:1px solid #ccc; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); z-index:5}
.main-banner li {display:inline-block; float:left; width:50%;  padding:25px 0; border-left:1px solid #ddd; text-align:center;}
.main-banner li:first-child {border-left:0;}
.main-banner li img {display:inline-block; height:60px; }
.main-banner li h2 {display:block; clear:both; width:100%; padding:15px 0 5px; font-size:17px; color:#488ff7; font-weight:bold}
.main-banner li h3 {display:block; clear:both; width:100%; padding:15px 0 5px; font-size:17px; color:#3d5bdc; font-weight:bold}
.main-banner li p {display:block; clear:both; width:100%; font-size:13px; line-height:18px; color:#666; padding-bottom:10px;  }
.main-banner .btn-call { display:inline-block; clear:both; padding:0px 20px; line-height:30px; background:#488ff7; color:#fff; font-size:13px; border-radius:40px; }
.main-banner .btn-carlist { display:inline-block; clear:both; padding:0px 20px; line-height:30px; background:#3d5bdc; color:#fff; font-size:13px; border-radius:40px; }


/* cont-main */
.succ-car {position:relative; width:100%;margin:0 auto;  background:#fff; }
.succ-car li {display:inline-block; width:50%;float:left; height:90px; border-left:1px solid #eee;  padding:20px 0px 20px 12px; background:#fff;border-top:1px solid #dedede;border-bottom:1px solid #dedede; }
.succ-car li:first-child { border-left:0; }
.succ-car li a {display:block; width:100%; height:100%;}
.succ-car li img {display:inline-block; float:left; margin-right:5px; margin-left:0px; width:50px;}
.succ-car li dl {display:inline-block;float:left; }
.succ-car li dl dt {color:#666; font-size:11.5px; padding-top:7px; letter-spacing:-.12em;}
.succ-car li dl dd { font-size:16px; color:#2571de; font-weight:600; padding-top:5px; }

.banner-list { margin:15px auto 0}
.banner-list:after {content:''; clear:both; display:block; width:100%;}
.banner-list li {display:table-cell; float:left; width:calc(33.3333% - 0px); margin-left:0px; height:100px; border-left:1px solid rgba(255,255,255,0.5); letter-spacing:-.07em; }
.banner-list li:nth-child(1) { background:#36b1f7; margin-left:0 }
.banner-list li:nth-child(2) { background:#6d3fef; }
.banner-list li:nth-child(3) { background:#3d5bdc; }
.banner-list li a {display:block; color:#fff; text-align:center; }
.banner-list li h2 { display:block; font-size:16px; font-weight:600; padding:18px 0 10px;}
.banner-list li h3 { display:block; font-size:12px; line-height:18px; }

.succ-guide {width:100%; display:block; margin:10px auto 10px; clear:both;text-align:center; }
.succ-guide:after {content:''; display:block; width:100%; clear:both;}
.succ-guide h2 {display:block; font-size:18px; color:#333; font-weight:600; }
.succ-guide ul {display:block; margin-top:10px; padding:0 5px;}
.succ-guide ul li {display:inline-block; float:left; width:32.33%; margin:0 0.5% 10px; height:40px; }
.succ-guide ul li a {display:block; background:#f4f4f4; border-radius:4px; line-height:40px; color:#444; font-size:14px; font-weight:500; letter-spacing:-.07em;}
.succ-guide ul li a:hover {background:#444; color:#fff; }

.reelcar-wrap {background:#014099; margin-top:0px; padding:25px 0;  text-align:center ; letter-spacing:-.09em;}
.reelcar-wrap:after {content:''; clear:both; display:block; width:100%; }
.reelcar-wrap  h2 {display:block; color:#fff; font-size:20px; font-weight:600; }
.reelcar-wrap .mid-tit {display:block; font-size:17px; font-weight:500; margin:10px 0 5px;color:#fff;  }
.reelcar-wrap .exp {display:block; font-size:12px; line-height:18px; color:#fff; }
.reelcar-wrap ul { display:block; margin:12px 0 0; letter-spacing:-.09em; padding:0 7px;  }
.reelcar-wrap ul li {display:inline-block;float:left; width:48%; margin:0 1%;  background:#fff; height:80px; color:#157cd3; font-size:12px; line-height:18px; padding:12px 5px; border-radius:4px; letter-spacing:-.12em; }




@media screen and (max-width:360px){

	.succ-car li { width:100%;  height:90px; border-bottom:1px solid #eee;  padding:15px 0px 0 30px; }
	.succ-car li img { margin-right:10px; width:60px;}
	.succ-car li dl dt {font-size:13px; padding-top:7px;}
	.succ-car li dl dd { font-size:17px; padding-top:7px; }

	.banner-list li {display:block;  width:100%; margin-left:0px; height:auto;  border-left:0px; padding:15px 20px 15px 30px; border-bottom:1px solid rgba(255,255,255,0.5)}
	.banner-list li:last-child {border:0;}
	.banner-list li a { text-align:left; }
	.banner-list li h2 { display:block; font-size:16px; font-weight:600; padding:0px 0 5px;}
	.banner-list li h3 { display:block; font-size:13px; line-height:18px; }
	.banner-list br {display:none; }

	.reelcar-wrap {margin-top:12px; padding:20px 0;  }
	.reelcar-wrap  h2 {font-size:18px; }
	.reelcar-wrap .mid-tit {display:block; font-size:15px; font-weight:500; margin:10px 0 5px;color:#fff;  }
	.reelcar-wrap .exp {line-height:18px; padding:0 25px;}
	.reelcar-wrap .exp br { display:none; }
	.reelcar-wrap ul { display:block; margin:12px 0 0; letter-spacing:-.09em; padding:0 15px;  }
	.reelcar-wrap ul li {width:100%; margin:0 0 10px;  height:auto;  line-height:20px; padding:12px 10px;  }

}



/* 등록문의 */
.inquiry-wrap {display:block;float:left; clear:both; width:100%; padding:50px 20px; background:#fff}
.sub-title {display:block; clear:both; width:100%; text-align:center; padding:0px 0 30px; font-size:23px; color:#222; }
.sub-title:after {content:''; display:block; margin:15px auto 0; width:40px; height:1px; border-top:1px solid #333;}

.inquiry-wrap .title-wrap {display:inline-block; float:left;width:100%;background-color:#299efe;color:#fff}
.inquiry-wrap .title-wrap p {display:block; clear:both; padding:0 0 30px; }
.inquiry-wrap h3 { display:block;clear:both;  font-size:26px; line-height:32px; color:#fff; padding:12px;}
.inquiry-wrap h2 { display:block;clear:both;  font-size:18px; line-height:24px; color:#fff; padding:12px;}
.inquiry-wrap .cont-wrap {display:inline-block; width:100%; float:left; padding-top:20px; }
.inquiry-wrap .cont-wrap li {display:block; float:left; width:100%; margin:0px 0 15px;}
.inquiry-wrap .cont-wrap li p {display:block; clear:both; font-size:15px; color:#555;  }
.inquiry-wrap input { display:inline-block; float:left; height:40px; padding:5px 12px; font-size:14px; border:1px solid #ddd; border-radius:4px; background:#f8f8f8;}
.inquiry-wrap select {border:1px solid #ddd;height:40px; padding:5px 12px; ; font-size:14px;  border-radius:4px; width:100%;  background:#f8f8f8;}
.input20pc {width:20%; }
.input30pc {width:30%; }
.input40pc {width:39%;  margin-left:1% !important; }
.input35pc {width:34%;  margin-left:1% !important; }
.input100pc {width:100% }


/* btn */
.btn-wrap { display:block; clear:both; padding-top:20px; text-align:center; }
.btn-wrap a {display:inline-block; padding:0 40px; line-height:42px; border-radius:60px; background:#3d5bdc; color:#fff; font-size:15px; }
.btn-wrap a:hover { background:#333; }
.btn-wrap a.consult {float:left;}




/* footer */
#footer {display:block; clear:both;  width:100%; background:#444; padding:20px 15px 30px;}
#footer:after {content:''; clear:both; display:block;}
#footer .logo {display:block; color:#fff; font-size:17px; font-weight:500;  margin-bottom:12px;  }
#footer .info {display:block; color:#fff; font-size:12px; color:#fff; line-height:20px; }
#footer .info span {display:inline-block; padding:0 10px; }
#footer .company {display:block; margin:10px 0 5px; font-size:11.5px; opacity:0.5; color:#fff; line-height:22px; }
#footer .company span {display:inline-block; vertical-align:middle; height:11px; width:1px; margin:0px 12px 0; background:rgba(255,255,255,0.3);}
#footer .company em {display:inline-block; padding:0 5px; }
#footer .company a {color:#fff;}
#footer .copyright {display:block; width:100%; color:rgba(255,255,255,0.6); font-size:12px; line-height:21px; }
#footer .copyright span {display:inline-block; padding:0 5px; }


.carlist_ex .label_21age {position:absolute;right:20px;top:120px;width:40px;height:40px;background:url('/app/images/label_21years.png') no-repeat;background-size:100% auto;}
.carlist_ex .label_26age {position:absolute;right:20px;top:120px;width:40px;height:40px;background:url('/app/images/label_26years.png') no-repeat;background-size:100% auto;}