/*메인*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');

.jtext a:after, .brochure_wrap a, .banner_wrap a:after{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.brochure_wrap ul li span, .brochure_wrap ul li div{
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

/* 메인 */
.section{overflow: hidden;}
.section.sec1{background: url("../img/main/sec1_bg1.png") no-repeat center; background-size: cover;}

/* slick-slider 공통 */
.slick-slider .slick-slide{outline:0; overflow: hidden;}
/* slick-slider dots */
.slick-slider .slick-arrow{position: absolute; bottom: 15%; left: 50%; z-index: 4; width: 40px; height: 40px; background: url("../img/marrow.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 60px;}
.slick-slider .slick-arrow.slick-prev{background-position: 0 -40px; margin-left: -100px;}
.slick-slider.sGallery .slick-arrow{top: 50%; margin-top: 250px;}
.jGallery_nav button{position: absolute; bottom: 15%; left: 50%; margin-left: -20px; z-index: 4; width: 40px; height: 40px; background: url("../img/jpp.png") no-repeat; font-size:0; border: 0; cursor: pointer;}
.jGallery_nav button.play{background-position: 0 -40px; display: none;}
.jGallery.slick-slider, .jGallery.slick-slider .slick-list, .jGallery.slick-slider .slick-track{height: 100%;}
.jGallery.slick-slider .slick-slide{position: relative; overflow: hidden; text-align: center; display: table;}
/*
.jGallery.slick-slider .slick-slide div.jgText{display: table-cell; vertical-align: middle; width: 100%;}
.jGallery.slick-slider .slick-slide img{position: absolute; display: inline-block; left: 50%; margin-left: -600px;}
.jgText img{opacity: 0;}
.jGallery.slick-slider .slick-slide.jg1 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg2 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider .slick-slide.jg3 img{top: 40%;}
.jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 36%; opacity: 1;}
.jGallery.slick-slider.ani .slick-slide.slick-active img{opacity: 1;}
*/

.mgallery1{position: relative;}
.mgallery1.slick-slider .slick-slide .jtext{display: table-cell; vertical-align: middle; width: 100%;}
.jtext .jtext_inner{opacity: 0;}        /* js 실행 전에 숨김처리 */
.mgallery1.slick-slider .slick-slide .jtext .jtext_inner{position: absolute; bottom: 30%; left: 15.8%; opacity: 0;}
.mgallery1.slick-slider .slick-slide .jtext p{font-family: 'Roboto', sans-serif; text-align: left; color: #fff; font-weight: 400; word-break: keep-all;}
.mgallery1.slick-slider .slick-slide .jtext p.jt1{font-size: 40px; line-height: 49px;}
.mgallery1.slick-slider .slick-slide .jtext p.jt2{font-size: 90px; line-height: 120px; font-weight: 700;}
.mgallery1.slick-slider .slick-slide .jtext p.jt3{font-size: 18px; line-height: 23px; font-weight: 300; margin-top: 13px;}
.mgallery1.slick-slider .slick-slide .jtext p.jt3 br{display: none;}
.mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 47%; opacity: 1;}

.mgallery1.slick-slider .slick-arrow{position: absolute; top: 50%; left: 0; z-index: 4; width: 105px; height: 80px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.mgallery1.slick-slider .slick-arrow.slick-next{background: url("../img/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; margin-top: -40px;}
.mgallery1.slick-slider .slick-arrow.slick-next:after{content: ''; position: absolute; bottom: 0; left: 20px; width: 60px; height: 1px; background: rgba(255,255,255,0.14);}
.mgallery1.slick-slider .slick-arrow.slick-prev{background: url("../img/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; margin-top: 40px;}
.mgallery1.slick-slider .slick-arrow.slick-next:hover{background-image: url("../img/marrow_r_off.png");}
.mgallery1.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../img/marrow_l_off.png");}

.mgallery1.slick-slider .slick-dots{position: absolute; bottom: 36%; left: 15.8%;}
.mgallery1.slick-slider .slick-dots li{position: relative; float: left; margin-left: 8px; height: 12px;}
.mgallery1.slick-slider .slick-dots li:first-child{margin-left: 0;}
.mgallery1.slick-slider .slick-dots li button{width: 12px; height: 12px; box-sizing: border-box; background-color: transparent; border-radius: 20px; border: 1px solid #fff; font-size:0; line-height:0; vertical-align: top;}
.mgallery1.slick-slider .slick-dots li.slick-active button{background: #fff;}

.jGallery_nav.mgallery_nav1 button{position: absolute; bottom: 36%; left: 15.8%; margin-left: 60px; z-index: 4; width: 12px; height: 12px; font-size:0; border: 0; cursor: pointer; background-size: 9px 10px !important;}
.jGallery_nav.mgallery_nav1 button.pause{background: url("../img/m_stop.png") no-repeat center;}
.jGallery_nav.mgallery_nav1 button.play{background: url("../img/m_play.png") no-repeat center; display: none;}


.mgallery2.slick-slider .slick-slide .jtext{display: table-cell; vertical-align: middle; width: 100%;}
.jtext .jtext_inner{opacity: 0;}        /* js 실행 전에 숨김처리 */
.mgallery2.slick-slider .slick-slide .jtext .jtext_inner{position: absolute; bottom: 39%; left: 15.8%; opacity: 0;}
.mgallery2.slick-slider .slick-slide .jtext p{font-family: 'Roboto', sans-serif; text-align: left; color: #fff; font-weight: 400; word-break: keep-all;}
.mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 24px; line-height: 35px;}
.mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 48px; line-height: 60px; font-weight: 700;}
.mgallery2.slick-slider .slick-slide .jtext a{position: relative; display: block; width: 200px; height: 46px; border: 1px solid #fff; padding: 0 30px; border-radius: 50px; margin-top: 30px; font-size: 18px; line-height: 43px; color: #fff; text-align: left;}
.mgallery2.slick-slider .slick-slide .jtext a:after{content: ''; position: absolute; right: 30px; top: 16px; width: 10px; height: 10px; background: url("../img/arrow_plus_white.png") no-repeat center; background-size: 10px;}
.mgallery2.slick-slider .slick-slide .jtext a:hover:after{content: ''; transform: rotate(-180deg);}
.jtext_img_cover{position: absolute; bottom: -100%; left: 40%; width: 500px;}
.jg2 .jtext_img_cover{bottom: -73%;}
.jtext_img_cover img{width: 100%;}

.mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 43%; opacity: 1; width: 84%;}

.mgallery2.slick-slider .slick-arrow{position: absolute; top: 50%; left: 0; z-index: 4; width: 105px; height: 80px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.mgallery2.slick-slider .slick-arrow.slick-next{background: url("../img/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; margin-top: -40px;}
.mgallery2.slick-slider .slick-arrow.slick-next:after{content: ''; position: absolute; bottom: 0; left: 20px; width: 60px; height: 1px; background: rgba(255,255,255,0.14);}
.mgallery2.slick-slider .slick-arrow.slick-prev{background: url("../img/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; margin-top: 40px;}
.mgallery2.slick-slider .slick-arrow.slick-next:hover{background-image: url("../img/marrow_r_off.png");}
.mgallery2.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../img/marrow_l_off.png");}


.mgallery2.slick-slider .slick-dots{position: absolute; bottom: 70px; left: 50%; margin-left: -220px;}
.mgallery2.slick-slider .slick-dots li{position: relative; float: left; margin-left: 40px; width: 80px; height: 80px; background: #000;}
.mgallery2.slick-slider .slick-dots li:first-child{margin-left: 0;}
.mgallery2.slick-slider .slick-dots li button{display: block; width: 100%; height: 100%; border: 0; box-sizing: border-box; background-color: transparent; font-size:0; line-height:0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.7;}
.mgallery2.slick-slider .slick-dots li:nth-child(1) button{background-image: url("../img/main/m_sec1_thum4.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(2) button{background-image: url("../img/main/m_sec1_thum1.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(3) button{background-image: url("../img/main/m_sec1_thum2.jpg");}
.mgallery2.slick-slider .slick-dots li:nth-child(4) button{background-image: url("../img/main/m_sec1_thum3.jpg");}
.mgallery2.slick-slider .slick-dots li.slick-active{}
.mgallery2.slick-slider .slick-dots li.slick-active button{opacity: 1;}

.jGallery_nav.mgallery_nav2 button{position: absolute; bottom: 36%; left: 15.8%; margin-left: 60px; z-index: 4; width: 9px; height: 10px; font-size:0; border: 0; cursor: pointer; background-size: 9px 10px !important;}
.jGallery_nav.mgallery_nav2 button.pause{background: url("../img/m_stop.png") no-repeat;}
.jGallery_nav.mgallery_nav2 button.play{background: url("../img/m_play.png") no-repeat; display: none;}



.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	transform-origin:center;
	-webkit-transition:transform 4s ease-out, opacity 1s ease 0.3s;
	transition:transform 4s ease-out, opacity 1s ease 0.3s;
}

.mgallery2.slick-slider .slick-slide div.jgBody{position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	transform-origin:center;
	-webkit-transition:transform 1s ease-out, opacity 1s ease 0.3s;
	transition:transform 1s ease-out, opacity 1s ease 0.3s;
}

.slick-slider.ani .slick-slide.slick-active div.jgBody{
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	transform-origin:center;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.slick-slider .slick-slide.slick-active img, .slick-slider .slick-slide.slick-active .jtext .jtext_inner{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.mgallery2.slick-slider .slick-slide.slick-active .jtext .jtext_inner{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.single_con.slick-slider img{width: 100%;}
.single_con.slick-slider .slick-arrow{position: absolute; top: 50%; z-index: 4; width: 105px; height: 80px; margin-top: -40px; font-size:0; border: 0; cursor: pointer; background-size: 24px !important; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-next{background: url("../img/marrow_r.png") rgba(86,86,86,0.4) no-repeat center; left: inherit; right: 0; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-prev{background: url("../img/marrow_l.png") rgba(86,86,86,0.4) no-repeat center; left: 0; margin-left: 0;}
.single_con.slick-slider .slick-arrow.slick-next:hover{background-image: url("../img/marrow_r_off.png");}
.single_con.slick-slider .slick-arrow.slick-prev:hover{background-image: url("../img/marrow_l_off.png");}
.single_con.slick-slider .slick-dots{position: absolute; left: 0; text-align: center; bottom:20px; width: 100%;}
.single_con.slick-slider .slick-dots li{display: inline-block; margin: 0 7px;}
.single_con.slick-slider .slick-dots li button{width: 14px; height: 14px; border-radius: 100%; background: none; cursor: pointer; border: 2px solid #fff; box-sizing: border-box; font-size:0;}
.single_con.slick-slider .slick-dots li.slick-active button{background: #fff; border: 0;}
.single_con.slick-slider .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{opacity: 1 !important;}

/*드래그*/
.slider_banner_wrap{padding-top: 140px;}
.tl_drag_slider_wrap { width:100%;}
.tl_drag_slider_wrap h2 {max-width:1200px; margin:0 auto; overflow:hidden; font-size:42px; color:#333; text-align:center; font-weight:bold; margin-bottom: 80px;}
.tl_drag_slider_wrap .point { color:#2253b8; display:inline-block}
.tl_drag_slider_wrap p{max-width:1200px; margin:0 auto; overflow:hidden; display:block; padding:20px 20px 50px 20px; color:#555; text-align:center; font-size:16px; line-height:1.6}
.tl_drag_slider_wrap {padding: 0 }
.tl_drag_slider_wrap .btn_area { margin-top: 40px;}
.tl_drag_slider_wrap .drag_slider { position: relative;}
.tl_drag_slider_wrap .drag_slider .swiper-slide {  opacity: 0.3; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out;}
.tl_drag_slider_wrap .drag_slider .swiper-slide .img_box { overflow: hidden;}
.tl_drag_slider_wrap .drag_slider .swiper-slide .img_box img { transition: transform 0.6s ease-in-out; -webkit-transition: transform 0.6s ease-in-out; }
.tl_drag_slider_wrap .drag_slider .swiper-slide:hover .img_box img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.tl_drag_slider_wrap .drag_slider .swiper-slide-active,
.tl_drag_slider_wrap .drag_slider .swiper-slide-next {opacity: 1;}
.tl_drag_slider_wrap .drag_slider .txt_box {padding-top: 30px;}
.tl_drag_slider_wrap .drag_slider .txt_box h3 {display: block;font-size: 22px; line-height: 1.6; letter-spacing: 2px; color: #333; text-align:center;}
.tl_drag_slider_wrap .drag_slider .txt_box p {color: #555; text-align: center; padding: 10px 20px;font-size: 16px; line-height: 1.6;word-break: keep-all; }
.tl_drag_slider_wrap .drag_slider .swiper-button-prev { top: auto;bottom: 0; left: -78px;transform: translateY(50%);-webkit-transform: translateY(50%); outline: none;color: #333 }
.tl_drag_slider_wrap .drag_slider .swiper-button-next { top: auto; bottom: 0;right: -78px;transform: translateY(50%);-webkit-transform: translateY(50%);outline: none; color: #333 }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { display:none}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { display:none}
.tl_drag_slider_wrap .drag_slider .swiper-scrollbar {margin-top: 60px; display: block; position: static; width: 100%; max-width: 1200px;height: 2px;background-color: #dcdcdc;}
.tl_drag_slider_wrap .drag_slider .swiper-scrollbar-drag { margin-top: -1px;height: 2px;background-color: #000}
/*드래그*/


.banner_wrap{width: 100%; max-width: 1200px; margin: 100px auto 50px;}
.banner_wrap ul:after{content: ''; display: block; clear: both;}
.banner_wrap ul li{float: left; width: calc(50% - 10px); margin-left: 20px; height: 250px;}
.banner_wrap ul li:nth-child(1){height: 520px; margin-left: 0;}
.banner_wrap ul li:nth-child(3){margin-top: 20px;}
.banner_wrap ul li:nth-child(1){background: url("../img/main/banner_bg1.png") no-repeat center; background-size: cover;}
.banner_wrap ul li:nth-child(2){background: url("../img/main/banner_bg2.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_en ul li:nth-child(2){background: url("../img/main/banner_bg4.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_ch ul li:nth-child(2){background: url("../img/main/banner_bg4.png") no-repeat center; background-size: cover;}
.banner_wrap ul li:nth-child(3){background: url("../img/main/banner_bg3.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_en ul li:nth-child(3){background: url("../img/main/banner_bg5.png") no-repeat center; background-size: cover;}
.banner_wrap.banner_ch ul li:nth-child(3){background: url("../img/main/banner_bg5.png") no-repeat center; background-size: cover;}
.banner_wrap ul li{padding: 50px;}
.banner_wrap ul li:first-child{padding: 50px 40px;}

.banner_wrap h4{font-family: 'Roboto', sans-serif; font-size: 36px; line-height: 46px; color: #fff; word-break: keep-all;}
.banner_wrap p{font-size: 16px; line-height: 20px; color: #fff; margin-top: 5px;  word-break: keep-all;}
.banner_wrap a{position: relative; display: block; width: 170px; height: 40px; border: 1px solid #fff; padding: 0 34px; border-radius: 50px; margin-top: 30px; font-size: 16px; line-height: 37px; color: #fff; text-align: left;}
.banner_wrap a:after{content: ''; position: absolute; right: 30px; top: 14px; width: 10px; height: 10px; background: url("../img/arrow_plus_white.png") no-repeat center; background-size: 10px;}
.banner_wrap a:hover:after{content: ''; transform: rotate(-180deg);}


@media (max-width:1200px){	
    /*
	.jGallery.slick-slider .slick-slide img{width: 90%; margin-left: -45%;}
    .jGallery.slick-slider .slick-slide.jg1 img{top: 30%; }
    .jGallery.slick-slider.ani .slick-slide.jg1.slick-active img{top: 26%;}
    .jGallery.slick-slider .slick-slide.jg2 img{top: 30%;}
    .jGallery.slick-slider.ani .slick-slide.jg2.slick-active img{top: 26%;}
    .jGallery.slick-slider .slick-slide.jg3 img{top: 30%;}
    .jGallery.slick-slider.ani .slick-slide.jg3.slick-active img{top: 26%;}
    */
    
    .mgallery1.slick-slider .slick-slide .jtext .jtext_inner{width: 100%; padding: 0 70px 0 20px; box-sizing: border-box; left: 0;}
    .mgallery1.slick-slider .slick-arrow{left: inherit; right: 0; width: 62px; height: 50px;}
    .mgallery1.slick-slider .slick-arrow.slick-next{margin-top: -25px;}
    .mgallery1.slick-slider .slick-arrow.slick-next:after{content: ''; left: 10px; width: 40px;}
    .mgallery1.slick-slider .slick-arrow.slick-prev{margin-top: 25px;}
    .mgallery1.slick-slider .slick-dots{bottom: 5%; left: 3%;}
    .jGallery_nav.mgallery_nav1 button{bottom: 5%; left: 3%;}
    
    
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 30px; line-height: 39px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 50px; line-height: 63px;}
    .mgallery2.slick-slider .slick-slide .jtext .jtext_inner{width: 100%; padding: 0 70px 0 20px; box-sizing: border-box; left: 0;}
    .mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{width: calc(100%);}
    .mgallery2.slick-slider .slick-arrow{left: inherit; right: 0; width: 62px; height: 50px;}
    .mgallery2.slick-slider .slick-arrow.slick-next{margin-top: -25px;}
    .mgallery2.slick-slider .slick-arrow.slick-next:after{content: ''; left: 10px; width: 40px;}
    .mgallery2.slick-slider .slick-arrow.slick-prev{margin-top: 25px;}
    
    .mgallery2.slick-slider .slick-dots{bottom: 5.3%; margin-left: -196px;}
    .mgallery2.slick-slider .slick-dots li{margin-left: 24px; width: 80px; height: 80px;}
    
    .jtext_img_cover{left: initial; right: 100px; width: 400px; margin-left: 0; bottom: -50%;}
    .jtext_img_cover img{width: 100%;}
    
    .banner_wrap{width: 94%; margin: 50px auto;}
    .banner_wrap ul li{height: auto; min-height: 250px;}
}

@media (max-width:960px){	
    .jtext_img_cover{width: 350px; right: 70px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 25px; line-height: 35px;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 40px; line-height: 50px;}
}

@media (max-width:767px){
	.slick-slider .slick-arrow{bottom: 5%; left: 50%; z-index: 4; width: 30px; height: 30px; background-size: 30px 60px;}
    .slick-slider .slick-arrow.slick-next{background-position: 0 0; margin-left: 40px;}
    .slick-slider .slick-arrow.slick-prev{background-position: 0 -30px; margin-left: -70px;}
    .slick-slider.sGallery .slick-arrow{top: 50%; margin-top: 250px;}
    .jGallery_nav button{bottom: 5%; margin-left: -15px; width: 30px; height: 30px; background-size: 30px 60px;}
    .jGallery_nav button.play{background-position: 0 -30px; display: none;}
    
    .mgallery1.slick-slider .slick-slide .jtext p.jt1{font-size: 22px; line-height: 30px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt2{font-size: 40px; line-height: 40px; margin-top: 10px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt3{font-size: 12px; line-height: 19px; margin-top: 10px;}
    .mgallery1.slick-slider .slick-slide .jtext p.jt3 br{display: block;}
    .mgallery1.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 38%;}
    
    .mgallery2.slick-slider .slick-slide .jtext .jtext_inner{bottom: 23%; padding: 0;}
    .mgallery2.slick-slider.ani .slick-slide.slick-active .jtext .jtext_inner{bottom: 20%;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt1{font-size: 20px; line-height: 25px; text-align: center;}
    .mgallery2.slick-slider .slick-slide .jtext p.jt2{font-size: 25px; line-height: 30px; margin-top: 5px; text-align: center;}
    .mgallery2.slick-slider .slick-slide .jtext a{width: 150px; height: 35px; padding: 0 25px; margin: 20px auto 0; font-size: 14px; line-height: 32px;}
    .mgallery2.slick-slider .slick-slide .jtext a:after{content: ''; right: 25px; top: 11px;}
    
    .mgallery2.slick-slider .slick-dots{bottom: 4%; margin-left: -115px;}
    .mgallery2.slick-slider .slick-dots li{margin-left: 10px; width: 50px; height: 50px;}
    .mgallery2.slick-slider .slick-arrow{display: none !important;}
    
    .jtext_img_cover{position: relative; display: block; right: inherit; bottom: inherit; margin-bottom: 20px; width: 250px; margin: 0 auto;}
    
    .single_con.slick-slider .slick-arrow{width: 62px; height: 50px; margin-top: -25px;}
    
    .slider_banner_wrap{padding-top: 80px;}
    .tl_drag_slider_wrap h2{font-size: 26px;}
    .tl_drag_slider_wrap p{padding: 10px 10px 20px 10px;}
    .tl_drag_slider_wrap .drag_slider .txt_box{padding-top: 20px;}
    .tl_drag_slider_wrap .drag_slider .txt_box h3{font-size: 18px;}
    .tl_drag_slider_wrap .drag_slider .txt_box p{font-size: 14px; padding: 5px 10px 0;}
    .tl_drag_slider_wrap .drag_slider .swiper-scrollbar{margin: 20px auto 0; width: 94%;}
    
    .banner_wrap ul li{width: 100%; margin-left: 0 !important; margin-top: 20px;}
    .banner_wrap ul li:first-child{margin-top: 0;}
    
    .banner_wrap h4{font-size: 30px; line-height: 40px;}
    .banner_wrap p{font-size: 15px;}
    .banner_wrap a{width: 170px; height: 36px; margin-top: 25px; font-size: 15px; line-height: 33px;}
    .banner_wrap a:after{content: ''; right: 30px; top: 12px;}
}


/* ************************************ 서브 ************************************ */
.test{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.first_top{padding-top: 50px;}

/* 인사말 */
.ceo_wrap{position: relative; width: 100%;}
.ceo_wrap .text_layout p{color: #000;}
.ceo_wrap .ceo_inner{width: 100%; max-width: 1300px; margin: 0 auto; padding-bottom: 50px;}
.ceo_wrap .ceo_inner .typo_layout{margin: 0 0 50px;}
.ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 30px 0 0;}
.ceo_wrap .img_layout img{max-width: 1300px; margin: 0 auto;}
.ceo_wrap .ceo_bg{position: relative; background: url("../img/sub/s01/ceo_bg.jpg") no-repeat center; background-size: cover;padding: 100px 0; color: #fff; text-align: center;}
.ceo_wrap .ceo_bg:after{content: ''; position: absolute; width: 2px; height: 80px; top: -40px; left: 50%; margin-left: -1px; background: #10b8ff; text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);}
.ceo_wrap .ceo_bg .ceo_bg_inner{width: 94%; max-width: 1300px; margin: 0 auto;}
.ceo_wrap .ceo_bg .ceo_bg_inner span{display: block; font-size: 19px;}
.ceo_wrap .ceo_bg .ceo_bg_inner b{display: block; font-size: 53px;}
.ceo_wrap .ceo_bg .ceo_bg_inner p{font-size: 17px; line-height: 27px; margin-bottom: 30px; letter-spacing: -1px;}
.ceo_wrap .ceo_bg .ceo_bg_inner strong{display: inline-block; font-size: 19px; border-top: 4px solid #fff; padding-top: 20px; margin-bottom: 30px;}
.ceo_wrap .ceo_bg .ceo_header{display: inline-block; padding: 40px; margin-bottom: 60px; border-bottom: 4px solid #fff; border-top: 4px solid #fff;}
.ceo_wrap .ceo_bg .ceo_header p{margin-bottom: 0;}
.ceo_wrap .ceo_bg .ceo_body{margin-bottom: 100px;}
.ceo_wrap .ceo_bg .ceo_bottom{margin-bottom: 70px;}
.ceo_wrap .ceo_bg .ceo_bottom b{margin-bottom: 20px;}
.ceo_wrap .ceo_bg .ceo_copy{}
.signature{height: 45px;}


/* 연혁 */
.history_wrap{position: relative; max-width: 1400px; margin: 50px auto 0; background: url("../img/line.jpg") repeat-y center; padding-bottom: 100px;}
.history_wrap:after{content: ''; position: absolute; width: 16px; height: 16px; background: #ccc; border-radius: 20px; bottom: 0; left: 50%; margin-left: -8px;}
.history_wrap h4{width: 450px; height: 378px; background: url("../img/sub/s01/history_01.png") no-repeat center #fff; background-size: cover; padding: 130px 0 0 70px; font-size: 46px; line-height: 60px; color: #fff; box-sizing: border-box; margin: 0 auto;}
.history_wrap h4 b{display: block; text-align: center;}
.history_wrap h4 span{}
.history_wrap ul:after{content:""; display:block; clear:both;}
.history_wrap > div{position: relative; margin: 0 auto; }
.history_wrap > div:after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 40px; top: 8px; left: 50%; margin-left: -8px; z-index: 3; background: #fff; border: 3px solid #0f50a4; box-sizing: border-box;}
.history_wrap > div.first_history:after{content: ''; top: 0;}
/*.history_wrap > div:before{content: ''; position: absolute; width: 32px; height: 32px; background: #fff; border: 1px solid #eee; border-radius: 40px; top: 0; left: 50%; margin-left: -16px; box-sizing: border-box; z-index: 2}*/
.history_wrap > div > ul{margin-top: 70px;}
.history_wrap > div.first_history > ul{margin-top: 100px;}
.history_wrap > div.first_history > ul > li{margin-top: -8px;}
.history_wrap > div > ul > li{float: left; width: 50%; box-sizing: border-box; min-height: 1px;}
.history_wrap > div > ul > li:nth-child(1){text-align: right; padding-right: 50px;}
.history_wrap > div > ul > li:nth-child(2){text-align: left; padding-left: 50px;}
.history_wrap > div.history_r > ul > li:nth-child(2){padding-left: 35px;}
.history_wrap > div.history_l > ul > li:nth-child(1){padding-right: 35px;}
.history_wrap .history_r li li{float: left;}
.history_wrap .history_l li li{float: right;}
.history_wrap li li:nth-child(1){position: absolute; font-size: 32px; font-weight: 700; line-height: 30px; letter-spacing: -2px; padding: 0 2px; right: -100px;}
/*.history_wrap li li:nth-child(1):after{content: ''; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 4px; background: #f7941c;}*/
.history_wrap .history_r li li:nth-child(1){margin-right: 15px; left: -100px; right: initial;}
.history_wrap .history_l li li:nth-child(1){margin-left: 15px;}
.history_wrap p{font-size: 17px; line-height: 30px; margin-bottom: 5px;}
.history_wrap p.in_child{margin-bottom: 0;}
.history_wrap p.h_2depth{font-size: 15px; color: #999; line-height: 25px; margin-bottom: 0;}
.history_wrap p.h_2depth.h_2depth_last{margin-bottom: 10px;}
.history_wrap p span{display: inline-block; width: 40px;}
.history_wrap .history_l p span{float: right; margin-left: 12px;}
.history_wrap .history_r p span{margin-right: 12px;}
.history_wrap .history_l p.h_2depth{margin-right: 52px;}
.history_wrap .history_r p.h_2depth{margin-left: 52px;}
.history_wrap .history_l p.noMonth{margin-right: 52px;}
.history_wrap .history_r p.noMonth{margin-left: 52px;}

.history_parallax{position: relative; width: 100%; height: 400px; margin-top: 60px; overflow: hidden;}
.history_parallax span{position: absolute; display: inline-block; left: 50%; top: 50%; margin-left: -179px; margin-top: -84px;}

/* 수상실적 */
.award_wrap{width: 100%; margin-top: 80px;}
.award_wrap ul{display: table; border-top: 1px solid #ccc; width: 100%; padding: 35px; box-sizing: border-box;}
.award_wrap ul:first-child{border-top: 3px solid #333;}
.award_wrap ul:last-child{border-bottom: 3px solid #333;}
.award_wrap ul li{display: table-cell; width: 80%; vertical-align: top;}
.award_wrap ul li:first-child{width: 20%; font-size: 45px; font-weight: 500; line-height: 60px; color: #12507b;}
.award_wrap ul li p{margin-bottom: 10px;}


/* 윤리경영 */
.ethical_wrap{}
.ethical_wrap .img_layout {margin: 0;}
.ethical_wrap h4{position: relative; display: block; font-size: 22px; font-weight: 500; color: #000; margin-bottom: 10px; padding-top: 10px;}
.ethical_wrap h4:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #129de2;}
.ethical_wrap .img_layout.colm2 li{position: relative; display: table; margin-top: 100px;}
.ethical_wrap li p{margin-top: 10px; color: #000; padding: 0 5px; font-size: 17px;}

/* 경영이념 */
.coreValue_wrap:after{content: ''; display: block; clear: both;}
.coreValue_wrap li{float: left; width: 25%; text-align: center;}
.coreValue_wrap li span{display: inline-block; width: 150px; height: 150px; background: no-repeat center; background-size: 80px; border: 1px solid #707070; border-radius: 100px;}
.coreValue_wrap li:nth-child(1) span{background-image: url("../img/sub/s01/management_01.png");}
.coreValue_wrap li:nth-child(2) span{background-image: url("../img/sub/s01/management_02.png");}
.coreValue_wrap li:nth-child(3) span{background-image: url("../img/sub/s01/management_03.png");}
.coreValue_wrap li:nth-child(4) span{background-image: url("../img/sub/s01/management_04.png");}
.coreValue_wrap li p{font-size: 20px; font-weight: 500; margin-top: 30px;}

.img_layout.overseas_img img{max-width: 400px;}
    

.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic {max-width:1240px; margin:100px auto 0; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}

/* 생산설비 */
.production_wrap h4{position: relative; display: block; font-size: 22px; font-weight: 500; color: #000; margin-bottom: 10px; padding-top: 10px;}
.production_wrap h4:after{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 2px; background: #129de2;}
.production_wrap p{font-size: 15px; color: #666; margin-top: 10px; line-height: 25px; min-height: 75px;}
.production_wrap li{margin-bottom: 30px;}

/* 신뢰성센터 */
.frame_wrap{position: relative;}
.frame_wrap:after{content: ''; position: absolute; width: 2px; height: 100px; top: -50px; left: 50%; margin-left: -1px; background: #10b8ff;}
.frame_wrap img{width: 100%;}
.frame_wrap p{position: absolute; color: #fff; width: 100%; text-align: center; top: 40%; font-size: 2.5vh; font-weight: 500;}

/* 글로벌연구개발센터 */
.grc_wrap{position: relative; width: 100%; max-width: 1300px; margin: 150px auto 0;}
.grc_wrap > img{width: 100%;}
.grc_wrap ul{position: absolute; width: 100%; top: -50px; z-index: 2;}
.grc_wrap ul:after{content: ''; display: block; clear: both;}
.grc_wrap ul li{position: relative; float: left; width: 23.5%; margin-left: 2%; background-color: rgba(0, 0, 0, 0.8);}
.grc_wrap ul li:nth-child(4n+1){margin-left: 0;}
.grc_wrap ul li img{width: 100%;}
.grc_wrap ul li p{position: absolute; width: 100%; text-align: center; bottom: 25px; color: #fff; font-size: 17px;}

/* 브로셔 */
.brochure_wrap{text-align: center; margin-bottom: 50px;}
.brochure_wrap ul:after{content: ''; display: block; clear: both;}
.brochure_wrap ul{display: inline-block;}
.brochure_wrap ul li{width: 400px; float: left; margin-left: 120px;}
.brochure_wrap ul li:first-child{margin-left: 0;}
.brochure_wrap ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.brochure_wrap ul li p{font-size: 21px; margin-bottom: 20px;}
.brochure_wrap ul li div:hover{/*transform: translateY(-5px) translateX(1px); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); background-color: #fff;*/}
.brochure_wrap ul li div{position: relative; overflow: hidden;}
.brochure_wrap ul li span{position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 102, 204, 0.9); opacity: 0;}
.brochure_wrap ul li span a{position: absolute; top: 50%; left: 50%; margin-left: -125px; margin-top: -35px; display: block; width: 250px; height: 70px; line-height: 68px; text-align: left; border: 1px solid rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7); box-sizing: border-box; padding: 0 20px;}
.brochure_wrap ul li span a:after{content: ''; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; background: url("../img/down_w.png") no-repeat center; background-size: 22px;}
.brochure_wrap ul li div:hover span{top: 0; opacity: 1;}
.brochure_wrap ul li div:hover span a{background: #000; color: #fff; border-color: #000;}


/* 인재상 */
.talent_wrap{padding-top: 70px;}
.talent_wrap .talent_bg{width: 100%; background: url("../img/sub/s04/talent_02.png") no-repeat center; background-size: contain; text-align: center;}
.talent_wrap .talent_text:after{content: ''; display: block; clear: both;}
.talent_wrap .talent_text{width: 100%; margin-top: 100px;}
.talent_wrap .talent_text li{float: left; width: 25%; text-align: center;}
.talent_wrap .talent_text li h4{font-size: 30px; color: #23313b; line-height: 40px;}
.talent_wrap .talent_text li span{display: block; font-size: 20px; color: #ccc; line-height: 30px;}
.talent_wrap .talent_text li p{font-size: 17px; line-height: 30px; margin-top: 20px;}

/* 평가/승진 */
.rank_wrap{margin-top: 40px;}
.rank_wrap ul:after{content: ''; display: block; clear: both;}
.rank_wrap li{float: left; width: 25%; text-align: center; padding-top: 120px; background-repeat: no-repeat; background-position: center 30px; background-size: 72px 68px;}
.rank_wrap li:nth-child(1){background-image: url("../img/sub/s04/evaluation_01.png");}
.rank_wrap li:nth-child(2){background-image: url("../img/sub/s04/evaluation_02.png");}
.rank_wrap li:nth-child(3){background-image: url("../img/sub/s04/evaluation_03.png");}
.rank_wrap li:nth-child(4){background-image: url("../img/sub/s04/evaluation_04.png");}
.rank_wrap p{font-size: 23px; line-height: 30px;}
.rank_wrap span{display: block; font-size: 15px; color: #666; line-height: 25px;}

.parallax_wrap{padding: 100px 0; margin: 70px 0 0; overflow: hidden;}
.parallax_wrap .layText{margin: 0;}
.parallax_wrap h3, .parallax_wrap p{color: rgba(255, 255, 255, 0.9) !important;}
.parallax_wrap.noContent{height: 100px; margin: 0; box-sizing: content-box;}


/* 복리후생 */
.benefits_wrap ul:after{content: ''; display: block; clear: both;}
.benefits_wrap li{position: relative; float: left; width: 24.25%; height: 350px; margin-left: 1%; margin-top: 15px; padding: 30px; box-sizing: border-box; border: 1px solid #707070;}
.benefits_wrap li:nth-child(4n+1){margin-left: 0;}
.benefits_wrap li h4{font-size: 27px; font-weight: 700; margin-bottom: 20px;}
.benefits_wrap li p{font-size: 15px; line-height: 25px; background: url(../img/bullet_04.png) no-repeat 5px 12px; background-size: 3px; padding-left: 15px; margin-bottom: 10px;}
.benefits_wrap li p.assistant{background: none;}
.benefits_wrap li p.noMargin{margin-bottom: 3px;}
.benefits_wrap li:after{content: ''; position: absolute; right: 20px; bottom: 20px; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: 80px;}
.benefits_wrap li.bf01:after{content: ''; background-image: url("../img/sub/s04/benefits_01.png");}
.benefits_wrap li.bf02:after{content: ''; background-image: url("../img/sub/s04/benefits_02.png");}
.benefits_wrap li.bf03:after{content: ''; background-image: url("../img/sub/s04/benefits_03.png");}
.benefits_wrap li.bf04:after{content: ''; background-image: url("../img/sub/s04/benefits_04.png");}
.benefits_wrap li.bf05:after{content: ''; background-image: url("../img/sub/s04/benefits_05.png");}
.benefits_wrap li.bf06:after{content: ''; background-image: url("../img/sub/s04/benefits_06.png");}
.benefits_wrap li.bf07:after{content: ''; background-image: url("../img/sub/s04/benefits_07.png");}
.benefits_wrap li.bf08:after{content: ''; background-image: url("../img/sub/s04/benefits_08.png");}
.benefits_wrap li.bf09:after{content: ''; background-image: url("../img/sub/s04/benefits_09.png");}
.benefits_wrap li.bf10:after{content: ''; background-image: url("../img/sub/s04/benefits_10.png");}
.benefits_wrap li.bf11:after{content: ''; background-image: url("../img/sub/s04/benefits_11.png");}
.benefits_wrap li.bf12:after{content: ''; background-image: url("../img/sub/s04/benefits_12.png");}
.benefits_wrap li.bf13:after{content: ''; background-image: url("../img/sub/s04/benefits_13.png");}
.benefits_wrap li.bf14:after{content: ''; background-image: url("../img/sub/s04/benefits_14.png");}
.benefits_wrap li.bf15:after{content: ''; background-image: url("../img/sub/s04/benefits_15.png");}
.benefits_wrap li.bf16:after{content: ''; background-image: url("../img/sub/s04/benefits_16.png");}

/* 채용절차 */
.recruit_wrap{margin-top: 60px;}
.recruit_wrap:after{content: ''; display: block; clear: both;}
.recruit_wrap li{float: none; width: 100%; padding-left: 180px; box-sizing: border-box;}
.recruit_wrap li:first-child{width: 100px; padding-left: 0; float: left;}
.recruit_wrap li span{font-size: 15px; color: #aaa;}
.recruit_wrap li h4{font-size: 23px; margin-bottom: 10px;}
.recruit_wrap li p{font-size: 17px; padding-left: 3px;}
.recruit_wrap li b{display: block; width: 100px; height: 100px; background-repeat: no-repeat; background-position: center; background-size: 80px;}
.recruit_wrap li.ret_01 b{background-image: url("../img/sub/s04/recruitment_03.png");}
.recruit_wrap li.ret_02 b{background-image: url("../img/sub/s04/recruitment_04.png");}
.recruit_wrap li.ret_03 b{background-image: url("../img/sub/s04/recruitment_05.png");}
.recruit_wrap li.ret_04 b{background-image: url("../img/sub/s04/recruitment_06.png");}


/*오시는 길*/
.map_wrap{width: 100%; height: 500px;}
.map_area{position: relative;}
.map_area .txt{position: absolute; bottom: -90px; left: 50%; transform: translateX(-50%); width: 1000px; z-index: 100;}
.map_area .txt .txt_wrap {background-color: #0198f0; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); padding: 45px 0;}
.map_area .txt .logo{position: absolute; top: 34px; left: 0; border-right: 1px solid rgba(255, 255, 255, 0.3); text-align: center; width: 300px; line-height: 90px; height: 90px; margin-left: 30px;}
.map_area .txt .contact{display: block; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: -1px; line-height: 1.6; padding: 0 0 0 405px;}
.map_area .txt .tx .tel{font-weight: 300;}
.map_area .txt .bt{position: absolute; top: 50%; right: 40px; margin-top: -35px; display: block; border-radius: 65px; border: 3px solid #fff; color: #fff; font-size: 20px; text-align: center; min-width: 220px; line-height: 60px; height: 65px;}


@media (max-width: 1300px){
    /* 인사말 */
    .ceo_wrap .ceo_inner{width: 96%;}
}
@media (max-width: 1200px){
    /*오시는 길*/
	.map_area .txt {width: 100%;}
    .map_area .txt .logo{width:250px;}
}

@media (max-width: 1024px){
    /* 인사말 */
    .ceo_wrap .ceo_inner .typo_layout{margin: 0 0 30px;}
    .ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 30px 0 0;}
    .ceo_wrap .ceo_bg .ceo_bg_inner b{font-size: 45px;}
    
    
    /* 브로셔 */
    .brochure_wrap ul li{width: 48%; margin-left: 4%;}
    .brochure_wrap ul li:first-child{margin-left: 0;}
    .brochure_wrap ul li div{overflow: inherit;}
    .brochure_wrap ul li span{position: relative; top: inherit; margin-top: 20px;}
    .brochure_wrap ul li span a{position: relative; width: 100%; left: inherit; margin-left: 0; margin-top: 0; background: #666; color: #fff; border-color: #000; border: 1px solid #666;}
    .brochure_wrap ul li span{top: 0; opacity: 1; background-color: transparent;}
    
    /* 신뢰성센터 */
    .frame_wrap p{font-size: 2.3vh;}
    
    /* 글로벌연구개발센터 */
    .grc_wrap ul li p{font-size: 1.5vw;}
    
    /* 경영이념 */
    .coreValue_wrap li{width: 50%; margin-top: 20px;}
    .coreValue_wrap li:nth-child(3){margin-top: 30px;}
    .coreValue_wrap li:nth-child(4){margin-top: 30px;}
    .coreValue_wrap li span{width: 120px; height: 120px; background-size: 60px;}
    .coreValue_wrap li p{margin-top: 5px; font-size: 17px;}
    
    /* 인재상 */
    .talent_wrap{padding-top: 1px;}
    .talent_wrap .talent_text{margin-top: 50px;}
    .talent_wrap .talent_text li{width: 50%; margin-top: 50px;}
    
    /* 복리후생 */
    .benefits_wrap li{width: 49%; height: 350px; margin-left: 2%; margin-top: 15px; padding: 30px;}
    .benefits_wrap li:nth-child(2n+1){margin-left: 0;}
    
    /*오시는 길*/
    .map_wrap{height: 300px;}
	.map_area .txt {position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: 30px; width: auto;}
	.map_area .txt .contact {font-size: 15px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px; margin: 0; padding: 30px 0;}
	.map_area .txt .bt {position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 36px; height: 40px;}
	.map_area .txt .logo {position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; height: auto;}
    .map_area .txt .logo img { eight: 50px}
    
    .contact_traffic {margin:40px auto 0; padding: 0;}
    #map{height: 300px;}
}

@media screen and (max-width: 767px) {
    .first_top{padding-top: 30px;}
    
    /* 인사말 */
    .ceo_wrap .ceo_inner .typo_layout{margin: 0 0 10px;}
    .ceo_wrap .ceo_inner.ceo_inner_bottom{padding: 20px 0 0;}
    .ceo_wrap .ceo_bg{padding: 80px 0; word-break: keep-all;}
    .ceo_wrap .ceo_bg:after{content: ''; height: 60px; top: -30px;}
    .ceo_wrap .ceo_bg .ceo_bg_inner span{font-size: 17px;}
    .ceo_wrap .ceo_bg .ceo_bg_inner b{font-size: 40px;}
    .ceo_wrap .ceo_bg .ceo_bg_inner p{font-size: 16px; line-height: 22px; text-align: left;}
    .ceo_wrap .ceo_bg .ceo_bg_inner .ceo_body p br.clear_br{display: none;}
    .ceo_wrap .ceo_bg .ceo_bg_inner strong{font-size: 17px; border-top: 3px solid #fff; padding-top: 15px; margin-bottom: 30px;}
    .ceo_wrap .ceo_bg .ceo_header{padding: 30px 20px; border-bottom: 3px solid #fff; border-top: 3px solid #fff;}
    .ceo_wrap .ceo_bg .ceo_body{margin-bottom: 70px;}
    .ceo_wrap .ceo_bg .ceo_bottom{margin-bottom: 50px;}
    .ceo_wrap .ceo_bg .ceo_bottom b{margin-bottom: 20px;}
    .signature{height: 40px;}
    
    /* 연혁 */
    .history_wrap h4{width: 320px; height: 268px; padding: 80px 0 0 40px; font-size: 42px; line-height: 50px;}
	.history_wrap > div > ul > li{float: inherit; width: 100%; text-align: center !important;  padding: 0 !important;}
	.history_wrap .history_year li li{margin-right: 0 !important; margin-left: 0 !important;}
	.history_wrap .history_year li li{float: inherit;}
	.history_wrap > div > ul{margin-top: 50px; padding-top: 50px;}
	.history_wrap > div > ul ul{background: #fff; padding: 10px 0;}
	.history_wrap .history_year li li:nth-child(1) b{position: relative; z-index: 2; margin-bottom: 20px; display: inline-block;}
    .history_wrap li li:nth-child(1){position: relative; right: initial !important; left: initial !important;}
	/*.history_wrap li li:nth-child(1):after{content: ''; position: absolute; z-index: 1; bottom: 0; left: 50%; margin-left: -35px; width: 70px; height: 5px; background: #f7941c;}*/
	.history_wrap .history_year p span{float: inherit; margin-left: 0 !important; margin-right: 12px !important;}
	.history_wrap .history_year p{margin-right: 0 !important; margin-left: 0 !important;}
    
    .history_parallax span{margin-left: -140px; margin-top: -66px;}
    .history_parallax span img{width: 280px;}
    
    /* 수상실적 */
    .award_wrap{margin-top: 50px;}
    .award_wrap ul{padding: 35px 10px;}
    .award_wrap ul li{width: 90%; padding-left: 15px; box-sizing: border-box;}
    .award_wrap ul li:first-child{width: 10%; font-size: 30px; line-height: 40px; padding-left: 0;}
    .award_wrap ul li p{margin-bottom: 10px;}
    
    /* 윤리경영 */
    .ethical_wrap{padding: 40px 0;}
    .ethical_wrap .img_layout li:nth-child(n){margin-top: 50px !important;}
    .ethical_wrap .img_layout li:nth-child(1){margin-top: 0 !important;}
    
    /* 브로셔 */
    .brochure_wrap ul li{width: 100%; margin-left: 0;}
    .brochure_wrap ul li:first-child{margin-bottom: 50px;}
    .brochure_wrap ul li span a{height: 60px; line-height: 58px;}
    .brochure_wrap ul li span a:after{content: ''; top:  15px;}
    
    /* 생산설비 */
    .production_wrap h4{font-size: 18px; padding-top: 8px;}
    .production_wrap p{font-size: 14px;}
    
    /* 신뢰성센터 */
    .frame_wrap p{top: 35%; font-size: 1.7vh;}
    .frame_wrap:after{content: ''; height: 60px; top: -30px;}
    
    /* 글로벌연구개발센터 */
    .grc_wrap{margin-top: 30px;}
    .grc_wrap ul{position: relative;}
    .grc_wrap ul{top: 0;}
    .grc_wrap ul li{width: 48%; margin-left: 4%; margin-top: 20px;}
    .grc_wrap ul li:nth-child(2n+1){margin-left: 0;}
    .grc_wrap ul li p{font-size: 1.7vw;}
    
    
    /* 인재상 */
    .talent_wrap .talent_text li{width: 100%; margin-top: 40px;}
    .talent_wrap .talent_text li br{display: none;}
    .talent_wrap .talent_text li h4{font-size: 25px; line-height: 30px;}
    .talent_wrap .talent_text li span{font-size: 18px; line-height: 23px;}
    .talent_wrap .talent_text li p{font-size: 15px; line-height: 25px; margin-top: 15px;}
    
    /* 평가/승진 */
    .rank_wrap li{width: 50%; padding-top: 90px; background-position: center 10px; background-size: 60px 57px;}
    .rank_wrap p{font-size: 19px; line-height: 25px;}
    .rank_wrap span{font-size: 13px; line-height: 20px;}
    .rank_wrap li:nth-child(3), .rank_wrap li:nth-child(4){margin-top: 30px;}
    
    /* 복리후생 */
    .benefits_wrap li{width: 100%; height: auto; margin-left: 0 !important; margin-top: 30px; padding: 20px;}
    .benefits_wrap li:first-child{margin-top: 0;}
    .benefits_wrap li:after{content: ''; width: 60px; height: 60px; background-size: 60px;}
    .benefits_wrap li h4{font-size: 19px; margin-bottom: 20px;}
    .benefits_wrap li p{font-size: 14px; line-height: 20px; background-position: 0 10px; padding-left: 10px; margin-bottom: 10px;}
    
    
    /* 채용절차 */
    .recruit_wrap{margin-top: 30px;}
    .recruit_wrap li{padding-left: 80px;}
    .recruit_wrap li:first-child{width: 60px; padding-left: 0;}
    .recruit_wrap li span{font-size: 12px; color: #aaa;}
    .recruit_wrap li h4{font-size: 19px; margin-bottom: 10px;}
    .recruit_wrap li p{font-size: 14px; padding-left: 3px;}
    .recruit_wrap li b{width: 60px; height: 70px; background-size: 60px; background-position: center 10px;}
    

}


@media screen and (max-width: 480px) {
    /* 인사말 */
    .ceo_wrap .ceo_bg .ceo_bg_inner b{font-size: 35px; line-height: 40px;}
    
    /* 신뢰성센터 */
    .frame_wrap:after{content: ''; height: 40px; top: -20px; width: 1px;}
}