@charset "utf-8";
@import url("fonts/fonts.css");

html {width:100%; height:100%; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust:none; overflow-y:scroll; min-width:500px;}
body { margin:0;padding:0;height:100%;}
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, hgroup, menu, nav, section, summary, time, mark, audio, video {list-style:none; font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; -webkit-text-size-adjust:none; word-break:keep-all;}

a, a:hover {text-decoration:none !important;}

.clear { clear:both;}
.clear20 { clear:both; height:20px;}
.clear40 { clear:both; height:40px;}
.clear60 { clear:both; height:60px;}
.clear80 { clear:both; height:80px;}

.main_title01 { font-size:40px; font-weight:800; text-transform:uppercase;}
.main_title01 span { color:#1cd7ff;}
.main_title_bar { width:1px; height:40px; background:#1cd7ff; margin:10px auto;}
.main_title02 { font-size:22px; color:#aaa; line-height:1.6; margin:10px 0;}
.main_title02 strong { color:#fff;}
.main_title02 span { color:#1cd7ff;}
.main_text01 { font-size:17px; color:rgba(255,255,255,0.75); line-height:1.6;}
.main_text01_center { font-size:17px; color:rgba(255,255,255,0.75); max-width:700px; margin:0 auto; line-height:1.6;}

/* 섹션_00 */
#section0 {background:url("/kor/img/section0_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3;}
.section0_title01 { font-size:65px; color:#1cd7ff; font-weight:700;}
.section0_title01 span { position:relative;}
.section0_title01 span img { position:absolute; right:-60px; top:-40px;}
.section0_title02 { font-size:60px; margin:0 0 30px 0;}
.section0_text { font-size:25px; font-weight:100;}
.section0_text span { color:#1cd7ff;}
.arrowBox { position:absolute; bottom:30px; text-align:center; width:200px; left:50%; margin-left:-100px;}
.arrowBox a { font-weight:800; font-size:17px; color:#fff;}
.arrowBox a:hover { color:#ccc;}
.arrowBox img { margin-bottom:10px;}

/* 섹션_01 */
#section1 {background:url("/kor/img/section1_bg_re.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
#section1 .main_title01 { margin-top:-15%;}

.com_ul01 { font-size:0; text-align:center; padding:0;}
.com_ul01 li { display:inline-block; vertical-align:top; width:33.3%;}
.com_ul01 li .com_ul01_box { margin:10px; padding:25px 20px 35px 20px; font-size:17px; background:rgba(10,80,130,0.5); border-radius:50px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.com_ul01 li .com_ul01_box h1 { font-size:20px; font-weight:900; margin-bottom:10px;}

.com_ul02 { font-size:0; text-align:center; padding:0;}
.com_ul02 li { display:inline-block; vertical-align:top; width:25%;}
.com_ul02 li .com_ul02_box { margin:10px; padding-bottom:30px; font-size:15px; background:rgba(0,0,0,0.5);}
.com_ul02 li .com_ul02_box h1 { font-size:18px; margin-bottom:10px; background:linear-gradient(45deg, #187ab8, #18a3b8); padding:15px 15px 10px 15px; margin-bottom:20px;}



/* 섹션_02 */
#section2 {background:url("/kor/img/section2_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
#section2 .swiper-container-bg { background:url("/kor/img/his_line.png") center 100px no-repeat; background-size:100% 3px;}
#section2 .swiper-container { margin:0 120px;}
#section2 .slide_point { width:18px; height:19px; background:url("/kor/img/his_point.png") center center no-repeat;}
#section2 .slide_title { font-size:20px; font-weight:700; margin-top:10px;}
#section2 .swiper-slide ul { position:relative; font-size:15px; font-weight:300; padding:10px 20px 20px 20px; background:rgba(0,0,0,0.7); text-align:left; width:100%;}
#section2 .swiper-slide ul li { padding-left:15px; list-style:none; background:url("/kor/img/his_dot.jpg") 5px 8px no-repeat; margin-bottom:8px;}

#section2 .his_title { text-align:left; font-size:20px;}
#section2 .his_title h1 { font-size:22px; font-weight:900;}
#section2 .swiper_bottom { margin-top:60px;}
#section2 .swiper_bottom img { position:absolute; top:-21px; left:8px;}
#section2 .swiper_bottom .slide_point { position:absolute; top:-48px; left:0;}

.banner-wrapper { width:100%; overflow:hidden; height:170px; position:relative;}
.banner-track { display:flex; gap:10px; position:absolute; left:0; top:0; height:100%;}
.banner-box { position:relative; width:300px; height:170px; background:#3498db;}
.banner-box p { position:absolute; top:0; left:0; width:100%; padding:10px; background:rgba(0,100,150,0.75);}



/* 섹션_03 */
#section3 {background:url("/kor/img/section3_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
.tech_box { position:relative; margin:50px 0 260px 0;}
.tech_center { font-size:24px; font-weight:700; text-transform:uppercase; color:rgba(255,255,255,0.8); background:rgba(0,120,220,0.5); border:#0d7d96 solid 1px; border-radius:7px; padding:20px; width:380px; margin:0 auto;}

.tech_icon01 { width:340px; position:absolute; left:0; top:-50px;}
.tech_icon02 { width:340px; position:absolute; right:0; top:-50px;}
.tech_icon03 { width:440px; position:absolute; left:50%; margin-left:-220px; top:150px;}

.tech_icon01 img { border-radius:50%;}
.tech_icon02 img { border-radius:50%;}
.tech_icon03 img { border-radius:50%;}

.tech_title { font-size:18px; color:#1cd7ff; margin:10px 0; font-weight:700;}
.tech_text { font-size:15px;}

/* 섹션_04 */
#section4 {background:url("/kor/img/section4_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3;}
#content-2 { height:635px;}
#section4 .swiper-container { width:93%; margin:20px 0; height:600px; float:right;}
#section4 .swiper-pagination { position:relative; width:50px; height:600px; border-radius:25px; background:rgba(255,255,255,0.2); top:20px; padding:10px;}

#section4 .slide_title { font-size:20px; font-weight:700; margin-bottom:10px;}
#section4 .swiper-slide .automus { font-size:17px; text-align:left; padding:40px;}
#section4 .swiper-slide .automus li { padding-left:20px; background:url("/kor/img/his_dot.jpg") 5px 8px no-repeat; margin-bottom:8px;}

#section4 .swiper-slide .auto_ul01 { font-size:0; padding:20px;}
#section4 .swiper-slide .auto_ul01 li { display:inline-block; vertical-align:top; width:25%;}
#section4 .swiper-slide .auto_ul01 li .auto_ul01_box { margin:10px;}
#section4 .swiper-slide .auto_ul01 li .auto_ul01_box img { width:200px; border-radius:10px; margin:10px 0 20px 0;}
#section4 .swiper-slide .auto_ul01 li .auto_ul01_box h1 { font-size:20px;}
#section4 .swiper-slide .auto_ul01 li .auto_ul01_box h1 span { font-weight:900; margin-right:5px;}
#section4 .swiper-slide .auto_ul01 li .auto_ul01_box p { font-size:15px;}

#section4 .swiper-slide .auto_ul02 { font-size:0; padding:0; position:absolute; bottom:-10px;}
#section4 .swiper-slide .auto_ul02 li { display:inline-block; vertical-align:top; width:50%;}
#section4 .swiper-slide .auto_ul02 li .auto_ul02_box .auto_ul02_bg { font-size:15px; padding:30px 20px; height:140px;}
#section4 .swiper-slide .auto_ul02 li .auto_ul02_box .auto_ul02_bg h2 { font-size:17px;}
#section4 .swiper-slide .auto_ul02 li:nth-child(1n) .auto_ul02_box .auto_ul02_bg { background:url(/kor/img/auto_img0102.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide .auto_ul02 li:nth-child(2n) .auto_ul02_box .auto_ul02_bg { background:url(/kor/img/auto_img0202.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide .auto_ul02 li:nth-child(3n) .auto_ul02_box .auto_ul02_bg { background:url(/kor/img/auto_img0302.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide .auto_ul02 li:nth-child(4n) .auto_ul02_box .auto_ul02_bg { background:url(/kor/img/auto_img0402.jpg) center no-repeat; background-size:cover;}


#section4 .swiper-slide:nth-child(1n) { background:#000;}
#section4 .swiper-slide:nth-child(2n) { background:url(/kor/img/section4_bg02_re.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide:nth-child(3n) { background:url(/kor/img/section4_bg03_re.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide:nth-child(4n) { background:url(/kor/img/section4_bg04_re.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide:nth-child(5n) { background:url(/kor/img/section4_bg05_re.jpg) center no-repeat; background-size:cover;}
#section4 .swiper-slide:nth-child(6n) { background:url(/kor/img/section4_bg06_re.jpg) center no-repeat; background-size:cover;}

/* 섹션_04-02 */
#section4-2 {background:url("/kor/img/section4-2_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
.qua_top { border:#ccc dashed 2px; margin:80px 0 100px 0; border-radius:100px;}
.qua_top h1 { background:linear-gradient(45deg, #187ab8, #18a3b8); display:inline-block; font-size:22px; line-height:1.5; padding:17px 45px; margin:-40px 0 40px 0; border-radius:50px;}
.qua_top ul { padding:0; margin-bottom:-50px; display:flex; flex-wrap: wrap; justify-content: center;}
.qua_top ul li { display:inline-block; vertical-align:top; padding:20px; margin:5px; background:#222; width:15%; min-width:170px; height:100px; border:#555 solid 1px; border-radius:10px; font-size:19px; line-height:1.5; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.qua_ul02 { padding:0;}
.qua_ul02 li { display:inline-block; vertical-align:top; margin:5px;}
.qua_ul02 li img { width:220px;}
.qua_ul02 li .qua_ul02_text { padding:15px; height:100px; font-size:16px; line-height:1.5; background:rgba(10,80,130,0.5);}


/* 섹션_05 */
#section5 {background:url("/kor/img/section5_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
#section5 .text_box { margin-top:30px; padding:40px; background:rgba(0,0,0,0.3); border-radius:10px;}
#section5 .text_box img { max-width:100%; height:auto;}

/* 섹션_06 */
#section6 {background:url("/kor/img/section6_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
#section6 .text_box { margin-top:30px;}
.btn_style { font-size:20px; font-weight:700; background:#10c6ed; padding:13px 35px; border-radius:50px; display:inline-block;}
.wh_ul01 { margin:30px 0; padding:0; font-size:0;}
.wh_ul01 li { display:inline-block; vertical-align:top; font-size:18px; margin:5px 20px;}
.wh_ul01 li img { margin:0 5px 0 0;}
.wh_ul02 { margin:0; padding:20px; font-size:0; background:rgba(255,255,255,0.15); border-radius:10px;}
.wh_ul02 li { display:inline-block; vertical-align:middle; margin:10px 0; padding:0 20px; width:33.3%;}
.wh_ul02 li img { width:100%;}

/* 섹션_07 */
#section7 {background:url("/kor/img/section7_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center;}
#scroll_box { background-color: rgba(0,0,0,0.5); overflow: hidden;}
#content-1 { overflow: auto; position: relative; padding: 60px 20px; height:600px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.scroll_box_inner { max-width:700px; margin:0 auto;}
.scroll_year { font-size:36px; color:rgba(30,220,250,0.5); font-weight:800; float:left; width:15%; text-align:left;}
#scroll_box ul { margin-bottom:30px; margin-top:-5px; text-align:left; float:left; width:85%; position:relative;}
#scroll_box ul:last-child { margin-bottom:0;}
#scroll_box ul li { font-size:17px; color:#fff; font-weight:500; margin:10px 0 15px 0; line-height:1.6;}
#scroll_box ul li .month { font-weight:700; color:#aaa; position:absolute; left:-20px;}

/* 섹션_08 */
#section8 {background:url("/kor/img/section8_bg.jpg") center center no-repeat; background-size:cover; color:#fff; line-height:1.3; text-align:center; position:relative;}
#section8 .main_title01 { margin-top:-15%;}
.footer { position:absolute; bottom:0; width:100%; background:#000; color:rgba(255,255,255,0.5); text-align:left; padding:20px 0; font-size:15px; line-height:1.6;}
.footer .container { position:relative;}
.footer_contact { position:absolute; right:20px; top:0;}
.footer_contact li { display:inline-block; padding-right:20px;}
.footer_contact li:last-child { padding-right:0;}
.footer_contact img { margin-right:5px;}
.footer_copyright { margin-top:10px;}

/*폼메일*/
.inquiry_table { width:100%; max-width:800px; margin:20px auto 0 auto; text-align:left;}
.inquiry_table .table_right { color:#666; padding:7px;}
.inquiry_table .table_right input { width:100%; padding:9px; border:none; background:rgba(255,255,255,0.2); color:#fff; font-size:17px;}
.inquiry_table .table_right textarea { width:100%; padding:9px; border:none; background:rgba(255,255,255,0.2); color:#fff; font-size:17px;}
.inquiry_table .table_check { color:#eee; text-align:right; padding:10px;}
.inquiry_table .table_check input { margin:0 5px -2px 0}
.inquiry_table .table_btn { padding:0 7px;}
.inquiry_table .inq_btn_submit01 { font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; border:#0366a5 solid 2px; color:#fff; background:#0366a5; padding:8px 30px; font-size:17px; margin-top:10px; transition: .25s ease; margin-right:10px;}
.inquiry_table .inq_btn_submit01:hover { background:#1678b7; color:#fff;}
.inquiry_table .inq_btn_submit02 { font-family:"NanumSquare", 'Apple Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; border:#454545 solid 2px; color:#fff; background:#454545; padding:8px 30px; font-size:17px; margin-top:10px; transition: .25s ease;}
.inquiry_table .inq_btn_submit02:hover { background:#6c6c6c; color:#fff;}
/*폼메일*/




@media screen and (max-width:991px){
	.swiper-slide ul { font-size:15px;}
}


@media screen and (max-width:767px){
	.main_title01 { font-size:30px;}
	.main_title02 { font-size:18px;}
	.main_text01 { font-size:15px;}
	.main_text01_center { font-size:15px;}
	
	.main_title_bar { display:none;}
	
	.com_ul01 li { width:100%;}
	.com_ul01 li .com_ul01_box { margin:5px 0; padding:10px 10px 20px 10px; font-size:16px; border-radius:50px;}
	.com_ul01 li .com_ul01_box h1 { font-size:17px;}

	.com_ul02 { margin:0 -5px;}
	.com_ul02 li { width:50%;}
	.com_ul02 li .com_ul02_box { margin:5px; padding-bottom:20px;}
	.com_ul02 li .com_ul02_box h1 { font-size:17px;}
	
	#section2 .swiper-container { margin:0 60px;}
	.swiper-button-next,.swiper-button-prev{width:34px !important; height:34px !important; margin-top:-17px !important; background-size:34px 34px !important;}
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:5px !important;}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:5px !important;}
	
	.scroll_year { font-size:30px;}
	
	#section3 { padding:120px 0 !important;}
	.tech_box { margin:20px 0 0 0;}
	.tech_center { font-size:20px; width:auto; margin-bottom:10px; padding:10px;}
	.tech_icon01 { position:static; width:100%; margin:40px 0; clear:both;}
	.tech_icon02 { position:static; width:100%; margin:40px 0; clear:both;}
	.tech_icon03 { position:static; width:100%; margin-left:0; margin:40px 0; clear:both;}
	.tech_icon01 img { width:120px}
	.tech_icon02 img { width:120px}
	.tech_icon03 img { width:120px}

	#content-2 { height:835px;}
	#section4 { padding:120px 0 !important;}
	#section4 .swiper-container { width:90%; height:800px;}
	#section4 .swiper-pagination { width:30px; height:480px; padding:5px;}
	#section4 .slide_title { font-size:17px;}
	#section4 .swiper-slide .automus { font-size:15px; padding:40px 20px;}
	
	#section4 .swiper-slide .auto_ul01 { padding:0;}
	#section4 .swiper-slide .auto_ul01 li { width:50%;}
	#section4 .swiper-slide .auto_ul01 li .auto_ul01_box { margin:10px;}
	#section4 .swiper-slide .auto_ul01 li .auto_ul01_box img { width:140px;}

	#section4 .swiper-slide .auto_ul02 li .auto_ul02_box .auto_ul02_bg { padding:20px; height:160px;}
	
	#section4-2 { padding:120px 0 !important;}
	.qua_top h1 { font-size:18px;}
	.qua_top ul li { padding:15px; min-width:130px; height:100px; font-size:16px;}
	
	.btn_style { font-size:17px;}
	.wh_ul01 li { font-size:15px;}
	.wh_ul01 li img { margin:0 5px 0 0;}
	.wh_ul02 li { width:50%;}

	#section8 .main_title01 { margin-top:-30%;}
	
	.footer_contact { position:static; margin:10px 0;}
}