/* COMMON */
.sec{width:100%;margin:0 auto;}
.sec h2.tit{margin-bottom:20px;text-align:center;font-size:21px;font-weight:700;letter-spacing:0.02em}

/* MAIN VISUAL */
#main_visual{overflow:hidden;}
.slider_mainVisual{position:relative;}
#main_visual .swiper-pagination-bullet{width:13px;height:13px;background-color:#8e8e8e;border:3px solid #8e8e8e;border-radius:0;opacity:1;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);box-sizing:border-box;}
#main_visual .swiper-pagination-bullet-active{background-color:transparent;border:3px solid #fff;}
.bg_wrap img{width:100%;}

.mainVisual{position:relative;width:100%;}
.mainVisual .cont{position:absolute;z-index:100;}
.mainVisual .cont img{width:100%;}
.mainVisual .cont_02{z-index:50}


.swiper-slide-active .mainVisual_01 .cont_01{animation-name:mv01_cont01;animation-duration:1.5s;}
@keyframes mv01_cont01{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}

.swiper-slide-active .mainVisual_01 .cont_02{animation-name:mv01_cont02;animation-duration:2s;}
@keyframes mv01_cont02{
	from{left:-1000px;opacity:0}
	to{left:0;opacity:1}
}

.swiper-slide-active .mainVisual_01 .cont_03{animation-name:mv01_cont03;animation-duration:2s;}
@keyframes mv01_cont03{
	from{top:-1000px;opacity:0}
	to{top:0;opacity:1}
}

.swiper-slide-active .mainVisual_01 .cont_04{animation-name:mv01_cont04;animation-duration:2s;}
@keyframes mv01_cont04{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}

.swiper-slide-active .mainVisual_02 .cont_01{animation-name:mv02_cont01;animation-duration:1.5s;}
@keyframes mv02_cont01{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}

.swiper-slide-active .mainVisual_02 .cont_02{animation-name:mv02_cont02;animation-duration:2s;}
@keyframes mv02_cont02{
	from{left:-1000px;opacity:0}
	to{left:0;opacity:1}
}

.swiper-slide-active .mainVisual_02 .cont_03{animation-name:mv02_cont03;animation-duration:2s;}
@keyframes mv02_cont03{
	from{top:-1000px;opacity:0}
	to{top:0;opacity:1}
}

.swiper-slide-active .mainVisual_02 .cont_04{animation-name:mv02_cont04;animation-duration:2s;}
@keyframes mv02_cont04{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}

.swiper-slide-active .mainVisual_03 .cont_01{animation-name:mv03_cont01;animation-duration:1.5s;}
@keyframes mv03_cont01{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}

.swiper-slide-active .mainVisual_03 .cont_02{animation-name:mv03_cont02;animation-duration:2s;}
@keyframes mv03_cont02{
	from{left:-1000px;opacity:0}
	to{left:0;opacity:1}
}

.swiper-slide-active .mainVisual_03 .cont_03{animation-name:mv03_cont03;animation-duration:2s;}
@keyframes mv03_cont03{
	from{top:-1000px;opacity:0}
	to{top:0;opacity:1}
}

.swiper-slide-active .mainVisual_03 .cont_04{animation-name:mv03_cont04;animation-duration:2s;}
@keyframes mv03_cont04{
	from{bottom:-1000px;opacity:0}
	to{bottom:0;opacity:1}
}







/* SEC 01 */
.container #sec_01{margin-bottom:40px;padding:40px 0;background-color:#f3f3f3;}
.container #sec_01 .quick_story{text-align:center;}
.container #sec_01 .quick_story:after{display:block;content:'';clear:both;}
.container #sec_01 .quick_story li{float:left;display:block;width:25%;}
.container #sec_01 .quick_story li .img_story{display:block;height:60px;margin-bottom:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;}
.container #sec_01 .quick_story li .img_story{}
.container #sec_01 .quick_story li .txt{display:block;font-size:13px;}
.container #sec_01 .quick_story li:nth-child(1) .img_story{background-image:url(/ko/m/img/main/icon_story_01.png);}
.container #sec_01 .quick_story li:nth-child(2) .img_story{background-image:url(/ko/m/img/main/icon_story_02.png);}
.container #sec_01 .quick_story li:nth-child(3) .img_story{background-image:url(/ko/m/img/main/icon_story_03.png);}
.container #sec_01 .quick_story li:nth-child(4) .img_story{background-image:url(/ko/m/img/main/icon_story_04.png);}


/* SEC 02 */
.container #sec_02{margin-bottom:40px;}
.slider_ourTechnology{overflow:hidden;position:relative;width:100%;}
.tc_txt_wrap{display:table;width:100%;height:250px;padding:20px 10px 70px;background-color:#ecebeb;box-sizing:border-box}
.tc_txt{display:table-cell;width:100%;vertical-align:middle;text-align:center;}
.tc_txt .tit{display:block;position:relative;margin-bottom:13px;font-size:19px;color:#124d80;font-weight:700;letter-spacing:0.03em;line-height:1.3;}
.tc_txt .tit:after{display:block;content:'';width:20px;height:1px;margin:13px auto 0;background-color:#d2d1d1;}
.tc_txt .tit .sub_tit{display:block;font-size:16px;font-weight:400;}
.tc_txt .txt{display:block;margin-bottom:20px;font-size:13px;color:#444;line-height:1.5;font-weight:400;}
.tc_txt .txt strong{font-weight:700;}
.tc_txt .btn_tc_link{display:inline-block;width:100px;height:30px;line-height:30px;background: url(/ko/m/img/main/btn_tc_link_arrow.png) calc( 100% - 15px ) 50% no-repeat;border:1px solid #cecece;text-align:center;color:#1f1f1f;border-radius:55px;color:#444;text-indent:-6px;transition:0.3s all ease;font-size:12px;}

.container #sec_02 .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px;}
.container #sec_02 .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;background-color:#c0c0c0;border-radius:0;opacity:1;}
.container #sec_02 .swiper-pagination-bullet-active{background-color:#124d80;}


/* SEC 03 */
.container #sec_03{padding:40px 0;background:url(/ko/m/img/main/sec_03_bg.jpg) 50% 50% no-repeat;background-size:cover;}
.container #sec_03 .quick_product{width:100%;max-width:450px;margin:0 auto;font-size:0;text-align:center;}
.container #sec_03 .quick_product li{display:inline-block;width:33.333333%;margin-bottom:30px;}
.container #sec_03 .quick_product li .img_product{display:block;width:100%;height:90px;margin-bottom:20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;transition:0.3s all ease;}
.container #sec_03 .quick_product li .txt{display:block;font-size:13px;color:#fff}

.container #sec_03 .quick_product li:nth-child(4), .container #sec_03 .quick_product li:nth-child(5){margin-bottom:0;} 

.container #sec_03 .quick_product li:nth-child(1) .img_product{background-image:url(/ko/m/img/main/icon_product_01.png);}
.container #sec_03 .quick_product li:nth-child(2) .img_product{background-image:url(/ko/m/img/main/icon_product_02.png);}
.container #sec_03 .quick_product li:nth-child(3) .img_product{background-image:url(/ko/m/img/main/icon_product_03.png);}
.container #sec_03 .quick_product li:nth-child(4) .img_product{background-image:url(/ko/m/img/main/icon_product_04.png);}
.container #sec_03 .quick_product li:nth-child(5) .img_product{background-image:url(/ko/m/img/main/icon_product_05.png);}

/* SEC 04 */
.container #sec_04{padding:45px 15px;background-color:#f3f3f3;box-sizing:border-box}
.container #sec_04 .iframe_wrap{margin-bottom:30px;}
.container #sec_04 .iframe_wrap .iframe_inner{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:56.25%;} 
.container #sec_04 .iframe_wrap iframe, .container #sec_04 .iframe_wrap object, .container #sec_04 .iframe_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

.container #sec_04 .news_wrap{text-align:center;}
.container #sec_04 .news_wrap .news{padding:25px 15px 15px;background-color:#fff;border-top:3px solid #124d80;box-sizing:border-box}
.container #sec_04 .news_wrap .news_product{margin-bottom:30px;}
.container #sec_04 .news_wrap .news_product .swiper-slide a{display:block;}
.container #sec_04 .news_wrap .news_product .txt{display:block;}

.container #sec_04 .news_wrap .news .tit{display:block;margin-bottom:13px;font-size:14px;font-weight:700;}
.container #sec_04 .news_wrap .news .tit:after{display:block;content:'';width:20px;height:1px;margin:13px auto 0;background-color:#eee;}
.container #sec_04 .news_wrap .news_product .slider_product{overflow:hidden;position:relative;padding-bottom:35px;}
.container #sec_04 .news_wrap .news_product .slider_product .txt{margin-bottom:10px;font-size:13px;}
.container #sec_04 .swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;}
.container #sec_04 .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;background-color:#c0c0c0;border-radius:0;opacity:1;}
.container #sec_04 .swiper-pagination-bullet-active{background-color:#124d80;}

.container #sec_04 .news_wrap .news_notice{}
.container #sec_04 .news_wrap .news_notice ul li{padding:8px 0;text-align:left;}
.container #sec_04 .news_wrap .news_notice ul li:after{display:block;content:'';clear:both;}
.container #sec_04 .news_wrap .news_notice ul li:first-child{padding-top:0;}
.container #sec_04 .news_wrap .news_notice ul li:last-child{padding-bottom:0;}
.container #sec_04 .news_wrap .news_notice .subject{float:left;display:block;overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:calc( 100% - 75px );font-size:12px;}
.container #sec_04 .news_wrap .news_notice .subject:hover{text-decoration:underline;color:#124d80;}
.container #sec_04 .news_wrap .news_notice .subject_new{position:relative;padding-right:15px;box-sizing:border-box}
.container #sec_04 .news_wrap .news_notice .subject_new:after{position:absolute;right:0;display:inline-block;content:'N';width:12px;height:12px;background-color:#cb0013;color:#fff;font-size:9px;text-align:center;line-height:12px;border-radius:12px}
.container #sec_04 .news_wrap .news_notice .day{float:right;display:block;padding:2px 0;font-size:12px;color:#999;line-height:1;text-align:right;}
.container #sec_04 .news_wrap .news_notice .btn_notice_more{display:block;position:absolute;right:30px;top:35px;width:21px;height:21px;background:url(../img/main/btn_notice_more.png) 50% 50% no-repeat;text-indent:-9999px;}

/* SEC 05 */
.container #sec_05{}
.container #sec_05 .csr_wrap{padding:40px 5%;background:url(/ko/m/img/main/csr_bg.jpg) 0 100% no-repeat;background-size:cover;text-align:center;color:#fff;line-height:1.3;}
.container #sec_05 .csr_wrap .tit{margin-bottom:20px;font-size:21px;}
.container #sec_05 .csr_wrap .tit strong{font-size:28px;}
.container #sec_05 .csr_wrap .sub_tit{margin-bottom:30px;font-size:12px;}
.container #sec_05 .csr_box .box{width:100%;border-spacing:20px;font-size:0;}
.container #sec_05 .csr_box .box:first-child{margin-bottom:5%;}
.container #sec_05 .csr_box .box li{display:inline-block;width:47.5%;height:210px;padding:7% 2%;border:2px solid #fff;box-sizing:border-box;vertical-align:top;}
.container #sec_05 .csr_box .box li:first-child{margin-right:5%;}
.container #sec_05 .csr_box .box li .icon{display:inline-block;height:50px;margin-bottom:15px;}
.container #sec_05 .csr_box .box li .icon img{height:100%;}
.container #sec_05 .csr_box .box li .tit, .container #sec_05 .csr_box .box li .txt{display:block;line-height:1.7;}
.container #sec_05 .csr_box .box li .tit{margin-bottom:10px;font-size:13px;}
.container #sec_05 .csr_box .box li .txt{font-size:11px;}


/* 유관기관 */
.container #sec_06{padding:0 20px;box-sizing:border-box}
.cooperation{overflow:hidden;position:relative;width:100%;padding:20px 0;box-sizing:border-box}
.cooperation .swiper-wrapper{text-align:center;}
.cooperation li{width:14.28571428571429%;height:64px;line-height:64px;text-align:center;}
.cooperation li img{vertical-align:middle;} 
.cooperation_navigation{position:absolute;top:50%;left:0;width:100%;height:100%;z-index:10;transform:translateY(-50%);}
.cooperation_navigation > a{display:block;position:absolute;top:50%;width:50px;height:100%;background-repeat:no-repeat;background-position:left top;transform:translateY(-50%) ;}
.cooperation_navigation .cooperation-next{left:auto;right:0;background:#fff url('/ko/m/img/main/cooperation_navigation_next.png') 50% 50% no-repeat;}
.cooperation_navigation .cooperation-prev{left:0;background:#fff url('/ko/m/img/main/cooperation_navigation_prev.png') 50% 50% no-repeat;}

.iframe_wrap{position:relative;}
.youtube_thumb{overflow: hidden;position:relative;}
.youtube_thumb, .youtube_thumb object, .youtube_thumb embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.iframe_wrap #player{padding-bottom:56.25%;}

td.public_relations_contents iframe {width:100%;}