@charset "utf-8";

/* 메인페이지 스타일만 정의 */
.wrap {
	position:absolute; left:0; top:0; width:100%; height:100%;
}
.sec0 .slider_wrap {height:100%;}


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	section {position:relative;}	


	/******* section_0 *******/
	/* 스크롤 */
	.scroll p {position:absolute; bottom:140px; left:50%; transform:translate(0,-50%); padding-top:80px; z-index:99; transition:opacity .3s; color:#fff;}
	.scroll p span {position:absolute; top:0; left:0; width:100%; text-align:center; -webkit-animation:scrollUpdown 1.5s infinite; animation:scrollUpdown 1.5s infinite; }
	
	
	/* 슬로건 */
	.slogan_wrap {position:relative; overflow:hidden; height:100%;}
	.slogan_wrap::after {display:block; content:""; clear:both;}
	.slide_slogan {
		width:40%; position:absolute; top:45%; right:0; transform:translate(0,-50%); color:#fff
	}
	.slide_slogan.slogan_left {left:10%;}
	.slide_slogan h4 {font-size:80px; text-transform:uppercase;font-weight:700;line-height:80px}
	.slide_slogan.slogan_left h4 {color:#00aeef;}
	.slide_slogan h4::after {display:block; content:""; clear:both; width:100%; height:1px; margin:45px 0; background:#fff; opacity:.1;}
	.slide_slogan h5 {font-family:"NanumSquareEB"; font-size:30px;  margin-bottom:10px;}
	.slide_slogan h5.visual_2 {color:#01c6ff; margin-bottom:30px;}
	.slide_slogan p {font-size:16px; font-weight:100;}


	.slide_slogan_chi {
		width:40%; position:absolute; top:45%; right:0; transform:translate(0,-50%); color:#fff
	}
	.slide_slogan_chi.slogan_left {left:10%;}
	.slide_slogan_chi h4 {font-size:80px; text-transform:uppercase;font-weight:700;line-height:80px}
	.slide_slogan_chi.slogan_left h4 {color:#00aeef;}
	.slide_slogan_chi h4::after {display:block; content:""; clear:both; width:100%; height:1px; margin:45px 0; background:#fff; opacity:.1;}
	.slide_slogan_chi h5 {font-size:30px;  margin-bottom:10px;}
	.slide_slogan_chi h5.visual_2 {color:#01c6ff; margin-bottom:30px;}
	.slide_slogan_chi p {font-size:16px; font-weight:100;}

	
	.slide_slogan_type2 {position:absolute; top:50%; transform:translate(0,-50%); color:#000; line-height:1.2;}
	.slide_slogan_type2 p:first-child {font-size:40px;}
	.slide_slogan_type2 p:last-child {font-size:48px;}

	.slide_slogan_type3 {position:absolute; top:45%; left:40%; transform:translate(0,-50%); color:#000; line-height:1.2;}
	.slide_slogan_type3 p:first-child {font-size:40px;}
	.slide_slogan_type3 p:last-child {font-size:48px;}

	.slide_slogan_type4 {position:absolute; top:47%; left:38%; transform:translate(0,-50%); color:#000; line-height:1.2;}
	.slide_slogan_type4 p:first-child {font-size:40px;color:#fff;font-weight:bold;text-shadow:3px 3px 3px #000}
	.slide_slogan_type4 p:last-child {font-size:48px;color:#fff;font-weight:bold;text-shadow:3px 3px 3px #000}

	.slide_slogan_type4_eng {position:absolute; top:47%; left:38%; transform:translate(0,-50%); color:#000; line-height:1.2;}
	.slide_slogan_type4_eng p:first-child {font-size:20px;color:#fff;font-weight:bold;text-shadow:3px 3px 3px #000}
	.slide_slogan_type4_eng p:last-child {font-size:28px;color:#fff;font-weight:bold;text-shadow:3px 3px 3px #000}

	
	/* 메인 공지사항 */
	.notice_roll {width:100%; position:absolute; bottom:0; z-index:99;}
	.notice_roll .notice_wrap {position:relative;}
	.notice_roll .notice_tit {display:inline-block; text-align:center; background:#fff;padding:0}
	.notice_roll .notice_tit a {display:block; height:100%; color:#333; font-size:36px; letter-spacing:5px; font-weight:500; padding:40px 0;}
	.notice_roll .notice_tit a:hover {color:#fff; letter-spacing:7px; background:#00aeef;}
	.notice_roll .notice_tit a span {display:inline-block; width:85px; height:22px; margin-left:30px; background:url(../images/main/icon_notice_arrow.png) no-repeat;}
	
	.notice_roll .slide_wrap {position:absolute; bottom:0; right:0; left:0; height:100px; padding-left:30px; background:rgba(38,134,232,.9);}
	.notice_roll .slider_notice {width:95%;}
	.notice_roll .slider_notice>ul {position:relative; overflow:hidden; width:100%; height:100%;}
	.notice_roll .slider_notice>ul a {display:block; height:100px; line-height:100px; font-size:18px; color:#fff; font-weight:300;}
	.notice_roll .slider_notice>ul a span {opacity:0.5; padding-left:90px; padding-right:40px;}
	.notice_roll .sliderButton {position:absolute; right:30px; top:50%; transform:translate(0,-50%);}
	.notice_roll .sliderButton button {z-index:0; position:relative; float:left; width:50px; height:60px;}
	.notice_roll .sliderButton button:hover {cursor:pointer;}
	.notice_roll .sliderButton button:first-child {background:url(../images/common/roll_btn_left.png)no-repeat center;}
	.notice_roll .sliderButton button:first-child:hover {background:url(../images/common/roll_btn_left_hover.png)no-repeat center;}
	.notice_roll .sliderButton button:last-child {background:url(../images/common/roll_btn_right.png)no-repeat center;}
	.notice_roll .sliderButton button:last-child:hover {background:url(../images/common/roll_btn_right_hover.png)no-repeat center;}
	.notice_roll .more {display:inline-block; position:absolute; right:130px; top:50%; transform:translate(0,-50%);}	
	.notice_roll .more a {color:#fff; font-size:14px; font-weight:300;}	
	
	/******* section_2 *******/
	.main_about {position:relative; display:table; width:100%; height:100%;}
	.main_about_in {position:relative; display:table-cell; vertical-align:middle; width:100%;}
	.main_about_in>div {margin-top:100px;}
	.main_about_in .back_gray {background:#ddd;}
	.main_about_in .front_img {position:absolute; top:50px; left:100px; background:#333; z-index:99; padding:0;}
	.main_about_in .txt {position:relative; display:table; color:#333;}
	.main_about_in .txt_in {display:table-cell; vertical-align:middle; padding-left:25%;}
	.main_about_in .txt_in h3 {margin-bottom:25px; font-size:32px; font-weight:700; letter-spacing:0; text-transform:uppercase;}
	.main_about_in .txt_in img {margin-bottom:60px;}
	.main_about_in .txt_in p {font-size:34px; line-height:1.4;}
	.main_about_in .txt_in .more_btn {display:inline-block; margin-top:60px; padding:18px 50px; font-size:20px; text-align:center; border:2px solid #333; background:#fff;}
	.main_about_in .txt_in .more_btn:hover {color:#fff; background:#2a58a6; border-color:#2a58a6;}
	.main_about_in .txt_in .deco_line {display:inline-block; width:100px; height:2px; margin-left:20px; background:#333; vertical-align:super;}	

	/******* section_3 *******/	
	/* 텍스트 플로우 */
	.move_wrap {position:relative; width:100%; height:145px; overflow:hidden;}
	.move_wrap ul {width:99999999px; margin-top:-40px;}
	.move_wrap ul li {
		float:left; color:#01b0f1; font-size:200px; font-weight:900; line-height:1; text-transform:uppercase; opacity:.1; 
	}
	.move_wrap ul li:first-child {
		 -webkit-transform: translateX(0);
            transform: translateX(0);
		-webkit-animation: bg-animation-first 20s 0s linear infinite;
            animation: bg-animation-first 20s 0s linear infinite;
	}
	.move_wrap ul li:last-child {
		 -webkit-transform: translateX(0);
            transform: translateX(0);
		-webkit-animation: bg-animation-second 20s -10s linear infinite;
            animation: bg-animation-second 20s -10s linear infinite;
	}
	
	/* 기술&품질 슬라이드 */
	.product_wrap {max-width:1400px; height:620px; margin:0 auto;}
	.product_wrap .slogan_wrap {height:100%; color:#fff; padding:80px 60px;}
	.product_wrap .slogan_wrap h3 {font-size:40px; font-weight:500; display:inline-block;}
	.product_wrap .slogan_wrap h3::after {display:inline-block; content:""; clear:both; width:100%; height:2px; background:#fff; margin:30px 0 50px;}
	.product_wrap .slogan_wrap p {font-size:22px; font-weight:400;}
	.product_wrap .slogan_wrap.blue {background:#2a58a6;}
	.product_wrap .slogan_wrap.blue p {color:#9cc1ff;}
	.product_wrap .slogan_wrap.gray {background:#2b4264;}
	.product_wrap .slogan_wrap.sky {background:#01b0f1;}
	.product_wrap .slogan_wrap.gray p {color:#b7b7b7;}
	
	
	
	/******* section_4 *******/
	.quick_wrap {position:absolute; bottom:0; width:100%; height:100%;}
	.quick_in {height:50%;}
	.quick_in>div {display:table; height:100%;}
	.quick_in.quickmenu>div {float:right !important;}
	.quick_in>div>.quick_con {display:table-cell; vertical-align:middle; height:100%;}
	
	/* 타이틀 */
	.quick_in .quick_tit {padding-left:20%; letter-spacing:-1px;}
	.quick_in.recruit .quick_tit {background:url(../images/main/icon_people.jpg) no-repeat 90% bottom;}
	.quick_in .quick_tit h3 {font-size:40px; color:#2a58a6; font-weight:400;}
	.quick_in .quick_tit h3::after {display:block; content:""; clear:both; width:70px; height:2px; background:#2a58a6; margin:7% 0 8%;}
	.quick_in.quickmenu .quick_tit h3 {color:#01b0f1;}
	.quick_in.quickmenu .quick_tit h3::after {background:#01b0f1;}
	.quick_in .quick_tit p {font-size:22px; color:#333;}
	/* 배경 */
	.quick_in .quick_bg {padding:0;}
	.quick_in.recruit .quick_bg {background:url(../images/main/bg_incruit.jpg) no-repeat;}
	.quick_in.quickmenu .quick_bg {background:url(../images/main/bg_quick.jpg) no-repeat;}
	/* 아이콘 */
	.quick_in .quick_icon_wrap {position:relative; width:90%; height:50%; background:#fff;}
	.quick_in .quick_icon_wrap ul {position:absolute; top:50%; transform:translate(0,-50%); width:100%; overflow:hidden;}
	.quick_in .quick_icon_wrap ul li {width:25%; float:left; text-align:center;}	
	.quick_in .quick_icon_wrap ul li a {display:block;}
	.quick_in .quick_icon_wrap ul li p {font-size:18px; font-weight:500; color:#333; letter-spacing:-1px;}
	.quick_in .quick_icon_wrap ul li i {display:block; height:65px; margin-bottom:20px; background-repeat:no-repeat; background-position:center;}
	.quick_in .quick_icon_wrap ul li i.i_recruit_01 {background-image:url(../images/main/icon_recruit_01.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_02 {background-image:url(../images/main/icon_recruit_02.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_03 {background-image:url(../images/main/icon_recruit_03.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_04 {background-image:url(../images/main/icon_recruit_04.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_01 {background-image:url(../images/main/icon_quick_01.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_02 {background-image:url(../images/main/icon_quick_02.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_03 {background-image:url(../images/main/icon_quick_03.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_04 {background-image:url(../images/main/icon_quick_04.png);}
	
	.quick_in.recruit .quick_icon_wrap ul li a:hover p {color:#01b0f1;}
	.quick_in.quickmenu .quick_icon_wrap ul li a:hover p {color:#2a58a6;}
	.quick_in.quickmenu .quick_icon_wrap {float:right;}
	
}


/* ************************ 데스크탑2  (1080 ~ 992) ************************ */
@media screen and (max-width: 1180px) and (min-width: 992px), print {
	/******* section_2 *******/	
	.main_about_in .txt_in h3 {margin-bottom:25px; font-size:22px; font-weight:700; letter-spacing:0; text-transform:uppercase;}
	.main_about_in .txt_in img {margin-bottom:60px; width:310px;}
	.main_about_in .txt_in p {font-size:24px; line-height:1.4;}
	.main_about_in .txt_in .more_btn {display:inline-block; margin-top:40px; padding:18px 50px; font-size:16px; text-align:center; border:2px solid #333; background:#fff;}
	
}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	section {position:relative;}
	
	/******* section_0 *******/
	
	/* 슬로건 */
	.slogan_wrap {position:relative; overflow:hidden; height:100%;}
	.slogan_wrap::after {display:block; content:""; clear:both;}

	
	.slide_slogan {
		width:60%; position:absolute; top:40%; right:10%; transform:translate(0,-50%); color:#fff; z-index:20;
	}
	.slide_slogan.slogan_left {left:10%;}
	.slide_slogan h4 {font-size:20px; text-transform:uppercase;font-weight:700;}
	.slide_slogan.slogan_left h4 {color:#00aeef}
	.slide_slogan h4::after {display:block; content:""; clear:both; width:100%; height:1px; margin:15px 0; background:#fff; opacity:.1;}
	.slide_slogan h5 {font-family:"NanumSquareEB"; font-size:18px;  margin-bottom:10px; line-height:1.5;}
	.slide_slogan h5.visual_2 {color:#01c6ff;}
	.slide_slogan p {font-size:14px; font-weight:100;}

	.slide_slogan_type2 {position:absolute; top:35%; left:20px; color:#000; line-height:1.2;}
	.slide_slogan_type2 p:first-child {font-size:16px;}
	.slide_slogan_type2 p:last-child {font-size:20px;}
	.slider .sliderObj li {background-position:50% 50%;}
	.main_bg {width:100%; height:100%; position:absolute; top:0; z-index:10; background:rgba(0,0,0,.5);}
	
	.slide_slogan_type3 {position:absolute; top:33%; left:50%; color:#000; line-height:1.2;}
	.slide_slogan_type3 p:first-child {font-size:16px;}
	.slide_slogan_type3 p:last-child {font-size:20px;}

	.slide_slogan_type4 {position:absolute; top:38%; left:30%; color:#000; line-height:1.2;}
	.slide_slogan_type4 p:first-child {font-size:20px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #000}
	.slide_slogan_type4 p:last-child {font-size:30px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #000}

	.slide_slogan_type4_eng {position:absolute; top:38%; left:30%; color:#000; line-height:1.2;}
	.slide_slogan_type4_eng p:first-child {font-size:10px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #000}
	.slide_slogan_type4_eng p:last-child {font-size:20px;color:#fff;font-weight:bold;text-shadow:1px 1px 1px #000}
	
	/* 메인 공지사항 */
	.notice_roll {width:100%; position:absolute; bottom:0; z-index:10;}
	.notice_roll .notice_wrap {position:relative;}	
	.notice_roll .notice_wrap>div {height:60px;}
	.notice_roll .notice_tit {position:relative; text-align:center; background:#fff;}
	.notice_roll .notice_tit h2 {display:inline-block; padding:22px 0; color:#333; font-size:16px; letter-spacing:5px; font-weight:500;}
	.notice_roll .notice_tit span {display:none;}
	.notice_roll .notice_tit a {line-height:60px;font-size:20px}

	
	.notice_roll .slide_wrap {background:rgba(33,32,32,.9);}
	.notice_roll .slider_notice {width:100%;}
	.notice_roll .slider_notice>ul {position:relative; overflow:hidden; width:100%; height:100%;}
	.notice_roll .slider_notice>ul a {display:block; width:65%; height:60px; line-height:60px; font-size:14px; color:#fff; font-weight:300; padding-left:20px;}
	.notice_roll .slider_notice>ul a span {display:none;}
	.notice_roll .sliderButton {position:absolute; right:0; top:50%; transform:translate(0,-50%);}
	.notice_roll .sliderButton button {z-index:0; position:relative; float:left; width:30px; height:60px;}
	.notice_roll .sliderButton button:hover {cursor:pointer;}
	.notice_roll .sliderButton button:first-child {background:url(../images/common/roll_btn_left.png)no-repeat center;}
	.notice_roll .sliderButton button:first-child:hover {background:url(../images/common/roll_btn_left_hover.png)no-repeat center;}
	.notice_roll .sliderButton button:last-child {background:url(../images/common/roll_btn_right.png)no-repeat center;}
	.notice_roll .sliderButton button:last-child:hover {background:url(../images/common/roll_btn_right_hover.png)no-repeat center;}
	.notice_roll .more {display:inline-block; position:absolute; right:65px; top:50%; transform:translate(0,-50%);}	
	.notice_roll .more a {color:#fff; font-size:12px; font-weight:300;}	
	
	/******* section_2 *******/
	.main_about {position:relative; display:table; width:100%; height:100%;}
	.main_about_in {position:relative; display:table-cell; vertical-align:middle; width:100%;}
	.main_about_in .back_gray {display:none;}
	.main_about_in>div {min-height:auto !important;}
	.main_about_in .front_img {position:relative; background:#333; z-index:99; padding:0;}
	.main_about_in .txt {position:relative; margin:50px 0; color:#333;}
	.main_about_in .txt_in {width:90%; margin:0 auto; text-align:center;}
	.main_about_in .txt_in h3 {margin-bottom:25px; font-size:26px; font-weight:700; letter-spacing:0; text-transform:uppercase;}
	.main_about_in .txt_in img {width:280px; margin:0 auto 30px;}
	.main_about_in .txt_in p {font-size:22px; line-height:1.4;}
	.main_about_in .txt_in .more_btn {display:inline-block; margin-top:20px; padding:18px 50px; font-size:16px; text-align:center; border:2px solid #333; background:#fff;}
	.main_about_in .txt_in .more_btn:hover {color:#fff; background:#2a58a6; border-color:#2a58a6;}
	.main_about_in .txt_in .deco_line {display:inline-block; width:100px; height:2px; margin-top:20px; background:#333; vertical-align:super;}	


	
	/******* section_3 *******/
	/* 텍스트 플로우 */
	.move_wrap {position:relative; width:100%; height:100px; overflow:hidden;}
	.move_wrap ul {width:99999999px;}
	.move_wrap ul li {
		float:left; color:#01b0f1; font-size:100px; font-weight:900; line-height:1; text-transform:uppercase; opacity:.1; 
	}
	.move_wrap ul li:first-child {
		 -webkit-transform: translateX(0);
            transform: translateX(0);
		-webkit-animation: bg-animation-first 20s 0s linear infinite;
            animation: bg-animation-first 20s 0s linear infinite;
	}
	.move_wrap ul li:last-child {
		 -webkit-transform: translateX(0);
            transform: translateX(0);
		-webkit-animation: bg-animation-second 20s -10s linear infinite;
            animation: bg-animation-second 20s -10s linear infinite;
	}
	
	
	.product_wrap {width:90%; height:400px; margin:0 auto;}
	.product_wrap .slogan_wrap {position:absolute; top:0; left:0; height:180px; color:#fff; padding:30px;}
	.product_wrap .slogan_wrap h3 {font-size:20px; font-weight:500; display:inline-block;}
	.product_wrap .slogan_wrap h3::after {display:inline-block; content:""; clear:both; width:100%; height:2px; background:#fff; margin:10px 0 0;}
	.product_wrap .slogan_wrap p {font-size:16px; font-weight:400;}
	.product_wrap .slogan_wrap.blue {background:#2a58a6;}
	.product_wrap .slogan_wrap.blue p {color:#9cc1ff;}
	.product_wrap .slogan_wrap.gray {background:#333;}
	.product_wrap .slogan_wrap.sky {background:#01b0f1;}
	.product_wrap .slogan_wrap.gray p {color:#b7b7b7;}
	
	
	
	/******* section_4 *******/
	.quick_wrap {position:relative; margin:50px 0;}
	
	/* 타이틀 */
	.quick_in .quick_tit {padding:20px 20px 30px; letter-spacing:-1px;}
	.quick_in .quick_tit h3 {font-size:28px; color:#2a58a6; font-weight:400;}
	.quick_in .quick_tit h3::after {display:block; content:""; clear:both; width:70px; height:2px; background:#2a58a6; margin:20px 0;}
	.quick_in.quickmenu {margin-top:30px;}
	.quick_in.quickmenu .quick_tit h3 {color:#01b0f1;}
	.quick_in.quickmenu .quick_tit h3::after {background:#01b0f1;}
	.quick_in .quick_tit p {font-size:16px; color:#333;}
	
	/* 배경 */
	.quick_in.recruit .quick_bg {background:url(../images/main/bg_incruit.jpg) no-repeat;}
	.quick_in.quickmenu .quick_bg {background:url(../images/main/bg_quick.jpg) no-repeat;}
	
	/* 아이콘 */
	.quick_con::after {display:block; content:""; clear:both;}
	.quick_in>div {min-height:auto !important;}
	.quick_in .quick_icon_wrap {position:relative;}
	.quick_in .quick_icon_wrap::after {display:block; content:""; clear:both;}
	.quick_in .quick_icon_wrap ul {width:80%; margin:40px auto; padding:20px 10px; background:#fff; overflow:hidden;}
	.quick_in .quick_icon_wrap ul li {width:50%; float:left; text-align:center; padding:20px 10px;}	
	.quick_in .quick_icon_wrap ul li a {display:block;}	
	.quick_in .quick_icon_wrap ul li p {font-size:14px; font-weight:500; color:#333; letter-spacing:-1px;}
	.quick_in .quick_icon_wrap ul li i {display:block; height:40px; margin-bottom:20px; background-repeat:no-repeat; background-position:center; background-size:contain;}
	.quick_in .quick_icon_wrap ul li i.i_recruit_01 {background-image:url(../images/main/icon_recruit_01.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_02 {background-image:url(../images/main/icon_recruit_02.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_03 {background-image:url(../images/main/icon_recruit_03.png);}
	.quick_in .quick_icon_wrap ul li i.i_recruit_04 {background-image:url(../images/main/icon_recruit_04.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_01 {background-image:url(../images/main/icon_quick_01.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_02 {background-image:url(../images/main/icon_quick_02.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_03 {background-image:url(../images/main/icon_quick_03.png);}
	.quick_in .quick_icon_wrap ul li i.i_quick_04 {background-image:url(../images/main/icon_quick_04.png);}
	
	
}