#main-content{position:relative; display:inline-block; vertical-align:top; width:100%}
.main_top_box {background:#f7f7f7; padding:35px 0; display: inline-block; width: 100%; 
    vertical-align: top;}

.main_table_box {float:right; width:calc(100% - 850px); height:180px; border:1px solid #e0e0e0;}
.main_visual{position:relative; float:left; width:800px}
.main_visual .list{position:relative}
.main_visual .control{position: absolute;  left: 35px;  top: 135px;   z-index: 1000;  color: #fff; font-size: 12px;}
.main_visual .control .page{padding:1px 13px 2px; text-align:center;background:rgba(0,0,0,.9);border-radius:20px}
.main_visual .control .current{font-weight:600}

.main_visual .control .button{position:relative;width:14px;height:14px;margin-top:3px;font-size:0;line-height:0;vertical-align:middle; display:none}
.main_visual .control .button.pause{background:transparent url(../images/main/visual_pause.png) no-repeat center}
.main_visual .control .button.play{border:1px solid red}
.main_visual .control .more{margin-left:5px;padding:3px 10px;background:rgba(0,0,0,.9);border-radius:20px}
.main_visual .slick-slide{overflow-x:hidden;position:relative;width:100%}

.table_top_box {}
.table_top_box ul {font-size:0px; width:100%;}
.table_top_box ul li {display:inline-block; background:#e0e0e0;  text-align:Center; height:40px; line-height:40px; font-size:14px; color:#000000;}

.table_top_box ul li:nth-child(1) {width:15%}
.table_top_box ul li:nth-child(2) {width:15%}
.table_top_box ul li:nth-child(3) {width:12%}
.table_top_box ul li:nth-child(4) {width:26%}
.table_top_box ul li:nth-child(5) {width:32%}
.table_mid_box {height:140px; overflow-y:scroll}
.table_mid_box .slick-slide {}
.table_mid_box .slick-slide ul {font-size:0px; width:100%; border-bottom:1px solid #f2f2f2}
.table_mid_box .slick-slide ul li {display:inline-block; letter-spacing:0em; padding:4px 0; font-size:12px; font-family:dotum; text-align:center; }
.table_mid_box .slick-slide ul li:nth-child(1) {width:15%}
.table_mid_box .slick-slide ul li:nth-child(2) {width:15%}
.table_mid_box .slick-slide ul li:nth-child(3) {width:12%}
.table_mid_box .slick-slide ul li:nth-child(4) {width:26%}
.table_mid_box .slick-slide ul li:nth-child(5) {width:32%}
.product .tab_btn li {display:inline-block;}
.product .tab_btn li a{width:auto; padding:0 10px; height:45px; border:1px solid #6b6b6b; line-height:43px; text-align:center; color:#2d2d2d; font-size:16px}

.text_center {text-align:center;}
.main_more {width:287px; height:45px; border:1px solid #6b6b6b; line-height:43px; text-align:center; color:#2d2d2d; font-size:16px}

.main_product {position:relative; width:100%; display:inline-block; padding:75px 0; background-color:#f8f9fc}
.main_product_wrap {width:100%; display:inline-block;}


.main_product .tab_btn {width:100%; display:inline-block; font-size:0px; text-align:center; margin-bottom:20px;}
.main_product .tab_btn li {position:relative;  height:45px; margin-right:5px; line-height:45px; display:inline-block;vertical-align:top;}
.main_product .tab_btn li:first-child {border-top:0px}
.main_product .tab_btn li a {color:#252525; display:inline-block; width:100%; padding:0 32px; font-size:14px;  border:1px solid #e5e5e5;  box-sizing:border-box; vertical-align:top; transition: all 1s ease 0s;}
.main_product .tab_btn li a:hover {background:#1f3a93; border:1px solid #1f3a93; color:#fff;}


.title_box {position:relative; text-align:center; width:100%;}
.title_box .title_wrap {display:inline-block; position:relative; }
.title_box .more {font-size:44px; font-family: gmarket; color:#000; position:absolute; top:-10px; right:-35px}
.product.gold{padding:100px 0 80px; }


.wrap_box .list {padding:0 50px}
.wrap_box .list ul {position:relative; width:calc(100% + 30px); margin:0 0 0 -15px; font-size:0px;}
.wrap_box .list ul li {width:33.33%; padding:0 15px 30px; display:inline-block; vertical-align:top;  box-sizing:border-box;}
.wrap_box .list ul li a {position:relative; width:100%; display:inline-block; vertical-align:top; background:#fff;}
.wrap_box .list ul li a .img_box {width:100%; height:220px; display:inline-block; vertical-align:top; background-size:cover !important}
.wrap_box .list ul li a .text_box {width:100%; display:inline-block; vertical-align:top; padding:15px 20px ;     border: 1px solid #ececec;}
.wrap_box .list ul li a .text_box span,
.wrap_box .list ul li a .text_box em {display:inline-block; vertical-align:top;}
.wrap_box .list ul li a .text_box .brand {width:auto; background:#1f3a93; color:#fff; padding:2px 10px; font-size:12px; margin:0; border-radius:5px}
.wrap_box .list ul li a .text_box .car_name {width:100%; padding:0px; font-size:17px; color:#2f3130; letter-spacing:-0.05em; font-weight:bold; line-height:1.25em; margin:5px 0 10px}
.wrap_box .list ul li a .text_box .car_info {width:100%; }
.wrap_box .list ul li a .text_box .car_info em {position:relative; color:#9c9c9c; font-size:14px; letter-spacing:-0.05em; display:inline-block; margin:0 18px 0 0}
.wrap_box .list ul li a .text_box .car_info em:before {width:2px; height:2px; position:absolute; top:10px; left:-10px; background:#9c9c9c; display:block; content:""; border-radius:50%;}
.wrap_box .list ul li a .text_box .car_info em:first-child:before {display:none}

.wrap_box .list ul li a .img_box .left_icon_box {position:absolute; top:0px; left:0px}
.wrap_box .list ul li a .img_box .right_icon_box {position:absolute; top:0px; right:0px}
.wrap_box .list ul li a .img_box .left_icon_box span {font-size:12px; color:#fff; padding:5px 8px; margin-right:3px}
.wrap_box .list ul li a .img_box .left_icon_box span.icon_1 {background:#1f3a93}
.wrap_box .list ul li a .img_box .left_icon_box span.icon_2 {background:#9430e2}
.wrap_box .list ul li a .img_box .left_icon_box span.icon_3 {background:#ff5501}
.wrap_box .list ul li a .img_box .right_icon_box span {font-size:12px; color:#fff; padding:5px 8px; margin-left:3px}
.wrap_box .list ul li a .img_box .right_icon_box span.icon_1 {background:#5fbd00}
.wrap_box .list ul li a .img_box .right_icon_box span.icon_2 {background:#02a9f6}
.wrap_box .list ul li a .img_box .right_icon_box span.icon_3 {background:#f65802}


.wrap_box .list ul li:nth-child(10) {display:none}



.wrap_box .title{font-size:42px;font-family:gmarket;color:#2f3130;text-align:center}
.wrap_box .title em{font-weight:300}
.wrap_box .sub_title{margin-top:-3px;font-size:18px; margin-bottom:50px; color:#6c6c6c;text-align:center}


.api{margin-top:80px}
.api .wrap{height:300px;border:1px solid #eee}
/*# sourceMappingURL=main.css.map */


.wrap_box .product, 
.wrap_box .main_product  {width:50%; display:inline-block; float:left; padding:100px 0px;}


.intro_1 {position:absolute; width:100%; height:100vh; overflow:hidden; display:inline-block; transition: all 1s ease 6s;  z-index:5}
.intro_1:before {position:absolute; top:50%; left:50%; width:100px; height:100px; opacity:0; border-radius:100%; background:#0e193c; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); transition: all 1.5s ease 0.75s;}
.intro_1 .logo_img {padding:10px 30px 0 0;  display:inline-block; vertical-align:top; opacity:0;  transition: all 1.5s ease 2s; transform: translate(50%, 0px);}
.intro_1 .text_text {display:inline-block; vertical-align:top; color:#fff; width:260px; opacity:0; font-size:30px; font-family:noto; letter-spacing:-0.025em; line-height:1.25em; transition: all 1.5s ease 2.5s; transform: translate(-50%, 0px);}

.intro_1 .box_wrap {position:absolute; top:50%; left:50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.active .intro_1 {opacity:0; }
.active .intro_1:before {width:120vw; height:120vw; opacity:1;}
.active .intro_1 .logo_img {opacity:1; transform: translate(0%, 0px);}
.active .intro_1 .text_text {opacity:1; transform: translate(0%, 0px);}



.intro_2 {position:absolute;  top:0px; width:100%; height:100vh; display:inline-block; background:url('/img/intro_bg1.jpg') no-repeat center center; opacity:0; transition: all 1.5s ease 6.5s;}
.intro_2 .box_wrap {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.intro_2 .box_wrap .img_box {width:900px; height:152px; display:block; position:Relative;}
.intro_2 .box_wrap .img_box > span {position:absolute; left:0px; width:900px;  text-align:center;}
.intro_2 .box_wrap .img_box > span.text_img {top:30px; z-index:5}
.intro_2 .box_wrap .text_box {color:#fff; font-size:18px; margin-top:20px; text-align:center; font-family: 'noto';}
.intro_2 .box_wrap .text_box b {font-weight:600}

.intro_2 .box_wrap .img_box > span.text_img {opacity:0; transition: all 1s ease 7.5s; transform: translate(0, 50%);}
.intro_2 .box_wrap .img_box > span.text_bg {opacity:0; transition: all 1s ease 7s; transform: translate(0, -50%);}
.intro_2 .box_wrap .text_box   {opacity:0; transition: all 1s ease 8s; transform: translate(0, -50%);}

.active .intro_2 {opacity:1}
.active .intro_2 .box_wrap .text_box  {opacity:1; transform: translate(0%, 0px);}
.active .intro_2 .box_wrap .img_box > span.text_img {opacity:1; transform: translate(0%, 0px);}
.active .intro_2 .box_wrap .img_box > span.text_bg {opacity:1; transform: translate(0%, 0px);}



.intro_btn {position:absolute; bottom:50px; left:0px; width:100%; text-align:center; z-index:10}
.intro_btn a {border:3px solid #fff; color:#fff; font-family: 'gmarket'; transition: all 1.5s ease 3s;  padding:8px 40px; opacity:0; line-height:1em}


.active .intro_btn a {opacity:1; transform: translate(0, -50%);}



.intro_3 {position:absolute;  top:0px; width:100%; height:100vh; overflow:hidden;  display:inline-block; opacity:1; }
.intro_3:before {position:absolute; top:50%; left:50%; width:100px; height:100px; opacity:0; border-radius:100%; background:#0e193c; display:block; background:url('/img/intro_bg1.jpg') no-repeat center center;  transform: translate(-50%, -50%); transition: all 1.5s ease 0s;}
.active .intro_3:before {width:120vw; height:120vw; opacity:1;}
.intro_3 .box_wrap {position:absolute; top:50%; left:50%; width:100%; transform: translate(-50%, -50%);}
.intro_3 .box_wrap .img_box {width:100%; height:152px; display:block; position:Relative;}
.intro_3 .box_wrap .img_box > span {left:0px; width:100%; text-align:center;}
.intro_3 .box_wrap .img_box > span.text_bg {position:relative;}
.intro_3 .box_wrap .img_box > span.text_img {position:absolute;  top:30px; z-index:5}
.intro_3 .box_wrap .text_box {color:#fff; font-size:18px; margin-top:20px; text-align:center; font-family: 'noto';}
.intro_3 .box_wrap .text_box b {font-weight:600}


.intro_3 .box_wrap .img_box > span.text_img {opacity:0; transition: all 1s ease 1.75s; transform: translate(0, 50%);}
.intro_3 .box_wrap .img_box > span.text_bg {opacity:0; transition: all 1s ease 1.5s; transform: translate(0, -50%);}
.intro_3 .box_wrap .text_box   {opacity:0; transition: all 1s ease 2s; transform: translate(0, -50%);}
.intro_3 .box_wrap .text_box br {display:none}

.active .intro_3 .box_wrap .text_box  {opacity:1; transform: translate(0%, 0px);}
.active .intro_3 .box_wrap .img_box > span.text_img {opacity:1; transform: translate(0%, 0px);}
.active .intro_3 .box_wrap .img_box > span.text_bg {opacity:1; transform: translate(0%, 0px);}

.intro_wrap {position:relative; width:100vw; height:100vh; display:inline-block}
#slick_list_m {display:none}




.working_site {position:relative; background:url('/img/intro_bg1.jpg') no-repeat center center; font-size:0px; top:0px; width:100%; height:100vh; overflow:hidden; vertical-align:top;  display:inline-block; opacity:1; }
.working_site .text_wrap {position:absolute; top:50%;transform: translate(0, -50%); width:100%}
.working_site .kr {position:relative; left:5%; border:5px solid #fff; width:40%; text-align:center; padding:100px 80px; height:440px; display:inline-block; vertical-align:top; color:#fff; font-size:16px;     }
.working_site .eng {position:relative; left:15%; border:5px solid #fff; width:40%; text-align:center; padding:100px 80px; height:440px; display:inline-block; vertical-align:top; color:#fff; font-size:16px;     }

.working_site h3 {font-size:42px; font-weight:bold}
.working_site .text_1 {font-size:20px; margin:10px 0 20px; color:#fff589;}
.working_site .text_2 {word-break:keep-all;}
.working_site .text_3 {font-size:15px; margin-top:20px}


@media all and (max-width:1440px){
	.main_visual {width:700px}
	.main_table_box {width:calc(100% - 720px); height:155px}
	.table_mid_box {height:122px}
	.table_top_box ul li {height:32px; line-height:32px}

	

.wrap_box .list ul li {width:50%}
.wrap_box .list ul li:nth-child(10) {display:inline-block}

}

@media all and (max-width:1320px){
.table_top_box ul li:nth-child(1) {width:20%}
.table_top_box ul li:nth-child(2) {width:20%}
.table_top_box ul li:nth-child(3) {width:12%}
.table_top_box ul li:nth-child(4) {width:26%}
.table_top_box ul li:nth-child(5) {width:22%}
.table_mid_box .slick-slide ul li:nth-child(1) {width:20%}
.table_mid_box .slick-slide ul li:nth-child(2) {width:20%}
.table_mid_box .slick-slide ul li:nth-child(3) {width:12%}
.table_mid_box .slick-slide ul li:nth-child(4) {width:26%}
.table_mid_box .slick-slide ul li:nth-child(5) {width:22%}

}
@media all and (max-width:1220px){
	.main_visual {width:540px}
	.main_table_box {width:calc(100% - 560px); height:133px}
	.table_mid_box {height:100px}

	.wrap_box .list {padding:0 30px}
	
}

@media all and (max-width:1100px){
	.main_visual {width:800px; margin:0 auto; float:none}
	.main_table_box {width:800px; height:180px;  margin:20px auto 5px; float:none}
	.table_mid_box {height:140px;  }
	.table_top_box ul li {height:40px; line-height:40px}

	.wrap_box .product, .wrap_box .main_product {padding:50px 0}
	.wrap_box .title {font-size:32px}
	.wrap_box .sub_title {font-size:17px}
	.wrap_box .list ul {width: calc(100% + 20px); margin: 0 0 0 -10px;}
	.wrap_box .list ul li {padding:0 10px 30px}
	.wrap_box .list ul li a {background:none}

	.wrap_box .list ul li a .text_box {padding:10px 0; border:0px; background:none}
	.wrap_box .list ul li a .img_box {height:180px}
	.wrap_box .list ul li a .text_box .brand {font-size:11px}
	.wrap_box .list ul li a .text_box .car_name {font-size:15px}
	.wrap_box .list ul li a .text_box .car_info em {margin:0 10px 0 0; font-size:13px}
	.wrap_box .list ul li a .text_box .car_info em:before {left:-5px}
}



@media all and (max-width:1000px){
	.main_visual, .main_table_box {max-width:100%;}
	#main-content {padding-top:61px}
	
	
}

@media all and (max-width:800px){
	
	.wrap_box .list ul {width: 100%; margin:0px;}
	.wrap_box .list ul li {padding:0 0px 30px; width:100%;}
	.wrap_box .list ul li a .img_box {height:240px}
}
@media all and (max-width:640px){
	.main_top_box {padding:25px 0 0}
	.wrap_box .list ul li a .img_box {height:200px}

	.wrap_box .title {font-size:28px}
	.wrap_box .sub_title {font-size:15px; margin-bottom:25px}
	.title_box .more {display:none}

	@keyframes blink-effect {
	  50% {
		opacity: 0;
	  }
	}

	.wrap_box .title {
	  animation: blink-effect 1s step-end infinite;
	}

	.wrap_box .sub_title {
	  animation: blink-effect 1s step-end infinite;
	}

}
@media all and (max-width:480px){
	.main_top_box, 
	.main_top_box .wrap {padding:0px}
	.main_table_box {margin:0px;}
	.main_table_box {height:122px}
	.table_mid_box {height:80px}
	.table_mid_box .slick-slide ul li:nth-child(1) {width:30%}
	.table_mid_box .slick-slide ul li:nth-child(2), 
	.table_mid_box .slick-slide ul li:nth-child(3) { display:none}
	.table_mid_box .slick-slide ul li:nth-child(4) {width:35%}
	.table_mid_box .slick-slide ul li:nth-child(5) {width:35%}

	.table_top_box ul li:nth-child(1) {width:30%}
	.table_top_box ul li:nth-child(4) {width:35%}
	.table_top_box ul li:nth-child(5) {width:35%}
	.table_top_box ul li:nth-child(2), 
	.table_top_box ul li:nth-child(3){ display:none}

	.wrap_box .list ul li a .img_box {height:140px}
	.wrap_box .list {padding:0 15px}

.main_more, .main_product .tab_btn {display:none}
.footer {margin-top:0px;}
.wrap_box .title {font-size:22px}
.wrap_box .sub_title {font-size:14px; word-break:keep-all; padding:0 10px}
}

.fa:before {display:block}