@charset "utf-8";

html, body {font-family:"notosans"; width:100%; height:100%;}
.mobile_side, #mobile_nav, #mask_mNav {display: none;}
body {width:100%; margin:0 auto;}

.logo {z-index:9999; position:absolute; top:30px; left:30px;}
.h-kmu {position:absolute; display:block; top:30px; right:30px; z-index:100; border-radius:20px; border:3px solid #cca74b; padding:3px 20px;}
.h-kmu:hover {background: rgba(0, 0, 0, 0.5)}
.h-kmu a {color:#cca74b; font-size:16px; font-weight:500; background:url('../img/common/arr_y.png') no-repeat right center; padding-right:20px;}

@media all and (max-width:1379px) {
	.logo,
	.h-kmu {display:none;}
}
@media all and (max-width:1023px) {
	.logo {display:block;}
}

/*헤더(.headerWrap)*/
.headerWrap {width:100%; position:relative;}
#header {z-index:100; width:100%; height:110px; position:fixed; overflow:hidden; }
#header .top_menu_wrap {width: 100%; height: 41px;}
#header .lnb {width: 100%; margin-top:0; position: relative; /*background:#261e09*/}
#header .lnb.on, #header .lnb.on2 {background:#261e09}
#header .lnbInner {width: 100%; height: 0px; background-color: rgba(0, 0, 0, 0.7); position: absolute; top:110px;  z-index: 30;}
#header .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:110px; border-top: 1px solid #c7c7c7; z-index: 30;}
#header .lnbWrap {width:1380px; height:110px; margin: 0 auto; position: relative; z-index: 30;}
#header .m_nav {width:100%;margin:0 10%; box-sizing:border-box;}
#header .m_nav > li {float: left; width:16%; height:110px; text-align:center; position: relative;}
#header .m_nav > li > a {font-size:22px; text-align:center; color:#cca74b; font-weight:400; display:inline-block; margin:35px 0 0; padding:0 60px 0 0; height:80px; box-sizing:border-box; letter-spacing: -0.08em;}
#header .m_nav > li:hover > a, .m_nav > li > a:focus,.m_nav > li > a.on {background:url('../img/layout/m_nav_on.png') repeat-x center 40px;}
#header .m_nav .lnb_box {position: absolute; top:110px; left:0; width: 100%;}
@media all and (max-width:1379px) {
	#header .lnbWrap {width:100%;}
	#header .m_nav {margin:0 2.5%;}
	#header .m_nav > li {width:19%;}
	#header .m_nav > li > a {margin:0 2%; margin-top:35px;}
	.h-kmu-m {position:absolute; display:block; top:20px; left:20px; z-index:100; border-radius:20px; border:3px solid #cca74b; padding:3px 20px;}
	.h-kmu-m:hover {background: rgba(0, 0, 0, 0.5)}
	.h-kmu-m a {color:#cca74b; font-size:16px; font-weight:500; background:url('../img/common/arr_y.png') no-repeat right center; padding-right:20px;}
}
@media all and (max-width:1023px) {
	.logo {z-index:900; top:10px; left:50%; margin-left:0; width:30px; position:fixed;}
	.logo img {width:100%;}
}

.lnb_box ul li {overflow:hidden;}
.box_nav {width: 100%;box-sizing:border-box; text-align:left; /*padding:20px 5% 0 15%;*/}
.box_nav li.long {width: 35%;}
.box_nav li a {display:block; font-size: 17px; font-weight: 300; color:#fff; padding:5px 20px 5px 25px;}
.box_nav ul li.first a {padding:17px 20px 5px 25px;}
.box_nav li a.on a[target="_blank"],
.box_nav li a[target="_blank"] {background: url(/S1001/ko/img/sub/ico_blank_w.png) no-repeat right center; }
.box_nav li a:hover {background:url('../img/common/arr_y.png') no-repeat right center;}
.box_nav ul li.first a:hover {background:url('../img/common/arr_y.png') no-repeat right 30px;}
.side_lnb {float: right; margin-top: -7px;}
.side_lnb ul {margin-left: 20px;}
.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: block; text-indent: -9999%;}
.side_lnb .search > a {width: 36px; height: 36px; background: url(../ko/img/main/find.png) no-repeat center center;}
.side_lnb .side_lnb_box {position: absolute; top:46px; left:0; width: 1200px;}

.side_lnb_box .searchFrm {width: 522px; margin: 30px auto 0;}
.side_lnb_box .searchFrm input {width: 466px; height: 54px; border: 2px solid #009d4e; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #009d4e url(../ko/img/main/find_01.png) no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url(../ko/img/main/close.png) no-repeat center center; text-indent: 110%; white-space: nowrap; overflow: hidden; position: absolute; top:50px; right:0; cursor: pointer;}

.lnb_box ul li .dep03 {overflow:hidden;}
.lnb_box ul li .dep03 li {text-align:left;}
.lnb_box ul li .dep03 li a {color:#fff; font-size:15px; font-weight:200; text-align: left; line-height:20px; display:block; padding:3px 3px 3px 40px; background: url('../img/common/ico_dot_w.gif') no-repeat 30px 12px;}
.lnb_box ul li .dep03 li a:hover {color:#cca74b}

@media all and (max-width:1023px) {
#header {height: 80px; z-index: 100; background: rgba(0,0,0,0.7);}
#header .top_menu, #header .lnb,#header .top_menu_wrap {display: none;}
#header .logo h1 {top:15px; left:20px;}
#header .mobile_side {display: block; float: right; margin: 30px 30px 0 0;}
#mask_mNav {width: 100%;height: 100%;position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); z-index: 110; position: fixed;}
.stop_scrolling {height: 100%; overflow: hidden !important; position: fixed;}
.mobile_side ul li {float: left;}
.mobile_side .side_lnb_box {width: 100%; background: #fff; position: absolute; top:80px; left:0; z-index: 50; padding: 0 0 30px; border-top: 1px solid #c7c7c7;}
.mobile_side .sideLnbInner {width: 100%; height: 150px; background: #fff; position: absolute; top:33px; border-top: 1px solid #c7c7c7; z-index: 30;}
.mobile_side .side_lnb_box .searchFrm {width: 70%; max-width: 559px; margin: 30px auto 0;}
.mobile_side .side_lnb_box .searchFrm input {width: 89%; max-width: 504px; height: 54px; border: 2px solid #009d4e; font-size: 16px; padding: 0 20px;}
.mobile_side .side_lnb_box .searchFrm .search_btn {width: 11%; max-width: 56px; height: 54px; background: #009d4e url(../ko/img/main/find_01.png) no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%;}
.mobile_side .side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.mobile_side .side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.mobile_side .side_lnb_box .words ul li {float: left; margin-left: 15px;}
.mobile_side .side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7;}
.mobile_side .side_lnb_box .words ul li:last-child a {border: 0;}
.mobile_side .side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url(../ko/img/main/close.png) no-repeat center center; position: absolute; top:0px; right:0; cursor: pointer; white-space: nowrap; overflow: hidden; text-indent: -999999%;}
.mobile_side .search > a {display: block; width: 24px; height: 24px; background: url(../ko/img/main/m_find.png) no-repeat center center; text-indent: -9999%; margin-right: 25px;}
.mobile_side .open {width: 25px; height: 19px; background: url('../img/layout/m_sitemap.png') no-repeat center center; text-indent: -9999%; cursor: pointer; margin-top:2px}
#mobile_nav, #mask_mNav {display: block;}

#mobile_nav {position: fixed; top:0; right:-360px; z-index: 5000; width: 360px;height: 200%; background: #fff; overflow-y: auto; box-sizing:border-box;background: #0e4194;}
#mobile_nav > div {min-height: 200%}
#mobile_nav .top_wrap {padding:0; height:80px; background: #0e4194;}
#mobile_nav .top_wrap ul {overflow: hidden;}
#mobile_nav .top_wrap ul li {float: left;}
/*
#mobile_nav .top_wrap ul li a {display: block; border: 1px solid #cbcbcb; margin-right: 10px; height: 38px; line-height: 38px;}
#mobile_nav .top_wrap ul li.last a {margin-right: 0;}
*/
#mobile_nav .top_wrap .top01 {margin-bottom: 10px;}
#mobile_nav .top_wrap .top01 ul li a { width: 101px;}
#mobile_nav .top_wrap .top01 .sj a {background: url(../ko/img/main/top_ico02.png) no-repeat 11px center; padding-left: 37px;}
#mobile_nav .top_wrap .top01 .tour a {background: url(../ko/img/main/top_ico03.png) no-repeat 11px center; padding-left: 37px;}
#mobile_nav .top_wrap .top01 ul li img {position:absolute; right:20px; top:20px; cursor: pointer;}
#mobile_nav .top_wrap .top02 li {width: 100%;}
#mobile_nav .top_wrap .top02 a {text-align: center; background: url(../ko/img/main/top_ico04.png) no-repeat 84px center; padding-left: 28px;}
#mobile_nav .mnav_wrap {background: #0e4194; height: 100%;}
#mobile_nav .mnav_wrap nav > ul > li > a {display: block; height: 50px; width:50%; text-align: center; line-height: 50px; color:#fff; font-size: 16px; border-bottom: 1px solid #1c54af;}
#mobile_nav .mnav_wrap nav > ul > li.on > a, #mobile_nav .mnav_wrap nav > ul > li > a:hover {background: #063279;}
#mobile_nav .mnav_wrap .m_depth02 {width:50%; height: 200%; background: #fff; position: absolute; top:80px; right:0;}
#mobile_nav .mnav_wrap .m_depth02 > li {overflow: hidden;}
#mobile_nav .mnav_wrap .m_depth02 > li > a {display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; border-bottom: 1px solid #e1e1e1;}
#mobile_nav .mnav_wrap .m_depth02 > li > a.on, #mobile_nav .mnav_wrap .m_depth02 > li > a:hover {background: #333333; color: #fff;}
/*#mobile_nav .mnav_wrap .m_depth03 {display: none;}*/
#mobile_nav .mnav_wrap .m_depth03 {background: #e9e9e9;}
#mobile_nav .mnav_wrap .m_depth03 a {display: block; padding: 10px; border-bottom: 1px dashed #cbcbcb; margin: 0 10px;}
}
@media all and (max-width:490px) {
.mobile_side .side_lnb_box .searchFrm {width: 70%;}
.mobile_side .side_lnb_box .searchFrm input {width: 81%;}
.mobile_side .side_lnb_box .searchFrm .search_btn {width: 19%;}
.mobile_side .side_lnb_box .words {width: 344px;}
.mobile_side .side_lnb_box .words p {font-size: 14px;}
.mobile_side .side_lnb_box .words ul li {margin-left: 3px;}
.mobile_side .side_lnb_box .words ul li a {font-size: 12px; padding-right: 5px;}
}
@media all and (max-width:320px) {
.mobile_side .side_lnb_box .searchFrm input {width: 78%; padding: 0 10px;}
.mobile_side .side_lnb_box .words {width: 283px;}
.mobile_side .side_lnb_box .words p {display: none;}
}

/*메인비주얼*/
#visual {width:100%; height:800px; max-width:1903px; margin:0 auto;}
#visual .container .wrap > div > div.bg {height:800px;}
#visual .holder {margin:0 auto; max-width:1380px; text-align: left; padding: 0 0 0 30px; }
#visual .nav {
position:absolute;
top:50%;
z-index:10;
vertical-align:top;
-webkit-transition:opacity 0.3s;
-o-transition:opacity 0.3s;
transition:opacity 0.3s
}
#visual .nav .icon em {font-size:0;}
#visual .nav:hover {opacity:0.4;}
#visual .nav.prev {right:20%; background:url('../img/main/visual_prev_btn.png') no-repeat; width:60px; height:60px; opacity:0.4;}
#visual .nav.next {right:20%; top:60%; background:url('../img/main/visual_next_btn.png') no-repeat; width:60px; height:60px; opacity:0.4;}
#visual .nav.prev:hover, #visual .nav.next:hover { opacity:1; }

/*페이징*/
#visual .pagings {position:absolute; z-index:3; width:100%; left:0; bottom:130px;}
#visual .pagings > div {max-width:1380px; margin:0 auto; padding-left:25px; box-sizing:border-box; }
#visual .pagings a {width:26px; height:31px; display:inline-block; }
#visual .pagings a.play {background: url('../img/main/visual_play.png') no-repeat;}
#visual .pagings a.stop {background: url('../img/main/visual_stop.png') no-repeat;}
#visual .pagings ul {display:inline-block;vertical-align:top}
#visual .pagings .item {width:56px; float:left; }
#visual .pagings .item a {width: 56px; height:26px; position:relative; display:block; height:40px; background: url('../img/main/visual_off.png') no-repeat;}
#visual .pagings .item.in a {background: url('../img/main/visual_on.png') no-repeat;}
/*
#visual .pagings .item span {position:absolute;top:50%;left:0;width:100%;margin-top:-1px;display:block;overflow:hidden;height:1px;line-height:1px;border:0;background-color:rgba(255, 255, 255, 0.5)}
#visual .pagings .item span:after,
#visual .pagings .item span:before {content:'';display:block}
#visual .pagings .item em {
-webkit-box-sizing:content-box;
box-sizing:content-box;
position:absolute;
display:inline-block;
padding:0;
word-break:keep-all;
white-space:nowrap;
border:0
}
*/

#visual> .container {position:relative;min-height:800px;height:100%;overflow:hidden}
#visual .subjects .item {position:absolute;z-index:1;left:0;right:0;top:60%;text-align:center;font-weight:300;color:#fff}
#visual .subjects .item {letter-spacing:-1px}
#visual .subjects a {color:#fff;font-weight:300}
#visual .descs .item {position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center}
#visual .subjects .tit {font-family:'나눔명조', 'NanumMyeongjo', 'Nanum Myeongjo', serif; color:#cca74b; font-size:60px; text-shadow: 1px 1px 10px rgba(0,0,0,0.9); margin:0 0 25px; line-height:1.4;}
#visual .subjects .tit p {display:block;}
#visual .subjects .txt {color:#cca74b; font-size:25px; text-shadow: 1px 1px 10px rgba(0,0,0,0.6); letter-spacing:0; }
#visual .subjects .item {
line-height:1.2;
visibility:hidden;
z-index:-1;
opacity:0;
-webkit-transform:translate(0, -45%);
-ms-transform:translate(0, -45%);
transform:translate(0, -45%);
-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
}
#visual .subjects .item.in {
visibility:visible;
z-index:4;
opacity:1;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s
}
#visual .descs .item {
visibility:hidden;
z-index:-1;
opacity:0;
-webkit-transform:translate(0, -45%);
-ms-transform:translate(0, -45%);
transform:translate(0, -45%);
}
#visual .descs .item.in {
visibility:visible;
z-index:5;
opacity:1;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s
}

#visual .wrap .bg {height:100%;overflow:hidden;background-size:cover}
#visual .wrap .bg {position:absolute;z-index:1;top:0;left:0;right:0;height:100%;overflow:hidden;background-size:cover}
#visual .wrap .item .bg {background-color:#000;overflow:hidden;background-size:cover}
#visual .wrap .item .bg,
#visual .wrap .item a {
display:block;
position:absolute;
top:0;
left:0;
right:0;
height:100%;
width:100%;
z-index:1;
opacity:0;
-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 2s linear 0.2s;
-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s, -webkit-transform 2s linear 0.2s
}
#visual .wrap .item.in .bg,
#visual .wrap .item.in a {
opacity:1;
-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 6s linear 0s;
-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s, -webkit-transform 6s linear 0s
}
#visual .wrap .item.in a:focus,
#visual .wrap .item a:focus {
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 3px #ef151e
}
#inner {
margin-top:800px
}
.page-innovation-rnd-introduce #visual {
position:relative;
z-index:0;
overflow:inherit
}
.page-innovation-rnd-introduce #visual:before {
content:'';
display:block;
position:absolute;
z-index:10;
bottom:0;
left:50%;
margin-left:-1px;
width:1px;
height:80px;
margin-bottom:-40px;
overflow:hidden;
background-color:#ef151e
}
.page-innovation-rnd-introduce #visual> .container {
position:relative;
height:600px;
overflow:hidden
}
.page-innovation-rnd-introduce #visual .wrap .bg {
position:absolute;
z-index:1;
top:0;
left:0;
right:0;
height:100%;
overflow:hidden;
background-size:cover
}
.page-innovation-rnd-introduce #visual .wrap .item .bg {
z-index:1;
opacity:0;
background-color:#000;
-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 2s linear 0.2s;
-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s;
transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s, -webkit-transform 2s linear 0.2s
}
.page-innovation-rnd-introduce #visual .wrap .item.in .bg {
z-index:1;
opacity:1;
-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 6s linear 0s;
-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s;
transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s, -webkit-transform 6s linear 0s
}
.page-innovation-rnd-introduce #visual .holder {
margin:0 auto;
width:80%
}
.page-innovation-rnd-introduce #visual .subjects .item {
position:absolute;
z-index:1;
left:0;
right:0;
top:50%;
text-align:center
}
.page-innovation-rnd-introduce #visual .subjects .item .holder {
padding-top:40px
}
.page-innovation-rnd-introduce #visual .subjects {
color:#fff;
font-size:18px
}
.page-innovation-rnd-introduce #visual .subjects .item {
line-height:1.2;
visibility:hidden;
z-index:-1;
opacity:0;
-webkit-transform:translate(0, -45%);
-ms-transform:translate(0, -45%);
transform:translate(0, -45%);
-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
}
.page-innovation-rnd-introduce #visual .subjects .item.in {
visibility:visible;
z-index:4;
opacity:1;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s
}
.page-innovation-rnd-introduce #visual .pagings {
bottom:50px
}
@media all and (max-width:1379px) {
	#visual,
	#visual .container .wrap > div > div.bg {height:700px;}
	#visual > .container {min-height:700px;}
	#visual .holder {width:100%;}
	#visual .container div .item .bg {background-position:center top; background-repeat: no-repeat;}
	#visual .subjects .item {top:55%;}
	#visual .nav.prev,
	#visual .nav.next {right:10%;}
	#visual .pagings {padding-left:3%; bottom:20%;}
	#visual .pagings > div {padding-left:0;}
}
@media all and (max-width:768px){
	#visual .subjects .tit {font-size:40px;}
	#visual .subjects .txt {font-size:18px;}
}
@media all and (max-width:640px) {
	#visual,
	#visual .container .wrap > div > div.bg {height:500px;}
	#visual > .container {min-height:500px;}
	#visual .holder p.tit {}
	#visual .holder p.tit img {width:340px;}
	#visual .holder p.txt {font-size:16px; font-weight:400;letter-spacing:0;}
	#visual .subjects .item {top:60%; left:0;}
	#visual .nav {top:48%;}
	#visual .nav.next {top:62%;}
	#visual .pagings {bottom:13%;}
}
@media all and (max-width:480px) {
	#visual .subjects .tit {font-size:30px;}
	#visual .nav.prev, #visual .nav.next {display:none;}
}

/*메인 콘텐츠*/
.contWrap {max-width:1380px; width:100%; overflow:hidden; margin:0 auto;}
@media all and (max-width:1379px) {
	.contWrap {box-sizing:border-box; padding:0 1%;}
}
#mainContWrap {overflow:hidden; max-width:1903px; margin:0 auto;}
.mainCont01 {position:relative; min-height:735px; background:#eaeaea url('../img/main/mainCont01-bg.png') no-repeat center;}
.mainCont01 > div {padding-top:100px;}
.mainCont01 h2 {position:absolute; top:30px; left:30px;}
.mainCont01 .history {overflow:hidden; width:100%; box-sizing:border-box; background:url('../img/main/mainCont01-history-bg.png') no-repeat center;}
.mainCont01 .history > li {float:left; width:25%; min-height:550px; text-align:center; position:relative;}
.mainCont01 .history > li > span {position:absolute; display:block; width:48px; height:55px; background:url('../img/main/mainCont01-history-num-bg.png') no-repeat; color:#fff; line-height:55px; font-weight:500; font-size:20px;  left:50%; margin-left:-24px;}
.mainCont01 .history > li.history01 > span,
.mainCont01 .history > li.history03 > span {top:235px;}
.mainCont01 .history > li.history02 > span,
.mainCont01 .history > li.history04 > span {top:261px; left:50%;}
.mainCont01 .history > li dl {margin-top:110px;}
.mainCont01 .history > li.history02 dl,
.mainCont01 .history > li.history04 dl {margin-top:340px;}
.mainCont01 .history > li dl dt {font-size:24px; font-weight:500; color:#0e4194; margin-bottom:15px;}
.mainCont01 .history > li dl dt > i {color:#131313; font-size:20px;}
.mainCont01 .history > li dl dd {overflow:hidden; box-sizing:border-box; padding-left:20%;}
.mainCont01 .history > li dl dd ul {text-align:left;}
.mainCont01 .history > li dl dd ul li {font-size:18px; background:url('../img/common/ico_line.jpg') no-repeat left center; padding-left:15px;}
.mainCont01 .history > li img {position:absolute; left:0; box-sizing:border-box; padding:5px; border-radius:5px; background:#fff; border:1px solid #ddd;}
.mainCont01 .history > li.history01 img,
.mainCont01 .history > li.history03 img {bottom:0;}
.mainCont01 .history > li.history02 img,
.mainCont01 .history > li.history04 img {top:0;}
@media all and (max-width:1379px) {
	.mainCont01 {background-position: center 90%;}
	.mainCont01 > div {padding-top:5%;}
	.mainCont01 h2 {position:relative; text-align: center; left:0; top:30px;}
	.mainCont01 h2 img {width:150px;}
	.mainCont01 .history {box-sizing:border-box; padding:0 1%;}
	.mainCont01 .history > li img {width:100%;}
	.mainCont01 .history > li dl {margin-top:40px;}
	.mainCont01 .history > li dl dt {font-size:18px;}
	.mainCont01 .history > li dl dt > i {font-size:18px; display:block;}
	.mainCont01 .history > li dl dd ul li {font-size: 16px;}
}
@media all and (max-width:880px) {
	.mainCont01 .history > li dl {margin-top:70px;}
	.mainCont01 .history > li.history01 img,
	.mainCont01 .history > li.history03 img {bottom:70px;}
	.mainCont01 .history > li.history02 img,
	.mainCont01 .history > li.history04 img {top:70px;}
	.mainCont01 .history > li dl dd {padding:0 5% 0 15%;}
}
@media all and (max-width:640px) {
	.mainCont01 h2 {margin-bottom:40px;}
	.mainCont01 h2 img {width:100px;}
	.mainCont01 .history {background: none;}
	.mainCont01 .history > li {width:48%; margin: 0 1%;box-sizing: border-box; min-height:350px; margin-bottom:30px;}
	.mainCont01 .history > li > span {z-index: 10;}
	.mainCont01 .history > li dl {margin-top:0;}
	.mainCont01 .history > li.history02 img,
	.mainCont01 .history > li.history04 img {top:0}
	.mainCont01 .history > li.history01 img,
	.mainCont01 .history > li.history03 img {bottom:0;}
	.mainCont01 .history > li > span {display:none;}
	.mainCont01 .history > li.history02 dl,
	.mainCont01 .history > li.history04 dl {position: absolute; bottom:0; width:100%;}
}

.mainCont02 {position:relative; width:100%; min-height:2100px; background:url('../img/main/mainCont02-bg.jpg') no-repeat center top !important; box-sizing:border-box;}
.mainCont02 > div {padding-top:185px;}
.mainCont02 h2 {position:absolute; top:30px; left:30px;}
.mainCont02 .embleWrap {overflow:hidden;}
.mainCont02 .emble01 {float:left; width:47.101%;  background:#fff; min-height:762px; box-sizing:border-box; padding:45px 140px 25px 110px;}
.mainCont02 .emble01 li {clear:both; overflow:hidden; margin-bottom:60px;}
.mainCont02 .emble01 li img {float:left;}
.mainCont02 .emble01 li div {float:right; margin-top:180px;}
.mainCont02 .emble01 li div > span {display:block; border-radius:36px; width:36px; height:36px; background:#000; margin-bottom:15px;}
.mainCont02 .emble01 li div > span.blueCircle {background:#0e4194;}
.mainCont02 .emble01 li div > span.yellowCircle {background:#cca74b;}
.mainCont02 .emble01 li div > p > span.blue {color:#0e4194 !important; font-weight:500;}
.mainCont02 .emble01 li div > p > span.yellow {color:#cca74b !important; font-weight:500;}

.mainCont02 .emble02 {float:right; width:50%; padding:90px 0 0 90px; box-sizing:border-box; color:#fff; }
.mainCont02 .emble02 .tit {}
.mainCont02 .emble02 .tit span {display:block;}
.mainCont02 .emble02 .txt {text-align:justify; font-size:17px; letter-spacing:-0.05em;}
.mainCont02 a.emble_down {display:inline-block; border:3px solid #fff; font-size:20px; padding:15px 85px 15px 20px; color:#fff; background:url('../img/common/btn_embld_down.gif') no-repeat right center; }

.mainCont02 .ebookWrap {overflow:hidden;float:left;width:47.101%;height:310px;margin-top:35px;text-align:center;background:url('../img/main/mainCont02-book-bg.jpg') no-repeat center top;background-size:100% 100%;}
.mainCont02 .ebookWrap > div {float:left;width:50%;padding: 25px 25px;box-sizing:border-box;position:relative;}
.mainCont02 .ebook .tit {padding-top:50px; margin-bottom:30px;}
.mainCont02 .ebook .tit span {display:block; font-size:24px; letter-spacing:-1px}
.mainCont02 a.ebook_down {display:inline-block; border:3px solid #131313; font-size:16px; padding:15px 85px 15px 20px; color:#131313; background:url('../img/common/btn_ebook_down.gif') no-repeat right center; }

.mainCont02 .movie {float:right; width:690px; height:495px; background:#000; margin-top:-150px; }
.mainCont02 .movie video {margin-top:55px;}
.mainCont02 .movie .noopen {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:100;}
.mainCont02 .movie .noopen div { position:absolute; top:20%; width:100%;text-align:center; color:#b49758;}
.mainCont02 .movie .noopen div p { margin-top:50px; font-size:30px; font-weight:600; }
@media all and (max-width: 1379px) {
	.mainCont02 .movie .noopen div {top:12%;}
	.mainCont02 .movie .noopen div p {margin-top:30px; font-size:22px;}
}

.mainCont02 .eventWrap {clear:both; padding-top:60px; }
.mainCont02 .eventWrap .event {border-top:1px solid #ddd; padding-top:50px;overflow: hidden;}
.mainCont02 .eventWrap .event .small {float:left; width:59.927%;}
.mainCont02 .eventWrap .event .small > div {float:left; width:32%; margin-right:2%; margin-bottom:20px; min-height:275px; background:#ddd;}
.mainCont02 .eventWrap .event .small > div.event03,
.mainCont02 .eventWrap .event .small > div.event06 {margin-right:0;}
.mainCont02 .eventWrap .event .big {float:right; width:38.768%;}
.mainCont02 .eventWrap .event .big > div {background:#ddd; min-height:570px;}
.mainCont02 .eventWrap .event .event01 {background:url('../img/main/mainCont02-event01-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event02 {background:url('../img/main/mainCont02-event02-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event03 {background:url('../img/main/mainCont02-event03-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event04 {background:url('../img/main/mainCont02-event04-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event05 {background:url('../img/main/mainCont02-event05-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event06 {background:url('../img/main/mainCont02-event06-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event07 {background:url('../img/main/mainCont02-event07-bg.jpg') no-repeat !important ; background-size: 100% 100%;}
.mainCont02 .eventWrap .event .event07 > div {width:80%; height:420px; margin:0 auto; text-align: center; background:rgba(14,65,148,0.85); box-sizing: border; padding:10% 5% 0 5%;}
.mainCont02 .eventWrap .event .event07 > div p.txt {font-size:18px; font-weight: 200;}
.mainCont02 .eventWrap .event .event07 > div p.txt span {display:block; font-size:22px;  font-weight: 500; color:#d2e6fa; margin-bottom:15px;}
.mainCont02 .eventWrap .event .event07 > div a {background: none; text-indent: 0; border:1px solid #fff; width:auto; height:auto; display:inline-block; padding:5px 20px; color:#fff;}
.mainCont02 .eventWrap .event > div > div {text-align:center; box-sizing:border-box; padding-top:10%; color:#fff;}
.mainCont02 .eventWrap .event > div > div p {font-size:36px; font-weight:500; margin-bottom:10%;}
.mainCont02 .eventWrap .event > div > div a {display:block; margin:0 auto; width:38px; height:38px; text-indent:-9999px; background:url('../img/common/btn_plus.png') no-repeat;}
@media all and (max-width:1379px) {
	.mainCont02 {background:url('../img/main/mainCont02-bg.gif') no-repeat !important;}
	.mainCont02 > div {padding-top:5%;}
	.mainCont02 h2 {position:relative; text-align: center; left:0; top:70px;}
	.mainCont02 h2 img {width:150px;}
	.mainCont02 .emble01 {width:100%; padding:45px 10% 45px; min-height:auto; margin-top:30px}
	.mainCont02 .emble01 li {float:left; width:50%; clear:none; margin-bottom:0}
	.mainCont02 .emble01 li div {float:left; margin-left:10%;}
	.mainCont02 .emble02 {width:100%; padding:5%; box-sizing:border-box;background:url('../img/main/mainCont02-emble02-bg-1379.jpg'); margin-top:20px;}
    .mainCont02 .ebookWrap {width:49.5%; float:left; margin-top:20px;}
    .mainCont02 .ebookWrap > div {overflow:hidden; float:none; width:100%; text-align:left; padding:50px 40px;}
	.mainCont02 .ebookWrap > div:last-of-type {padding-top:0;}
	.mainCont02 .ebook .tit {padding-top:0; margin-bottom:0; float:left; width:35%;}
	.mainCont02 .ebook .tit span {font-size:20px; letter-spacing:-1px}
	.mainCont02 a.ebook_down {float:right; margin-top:10px; font-size:14px; padding:10px 60px 10px 20px; background-size:40px;}
	.mainCont02 .movie {width:49.5%; float:right; min-height:310px; height:100%; margin-top:-90px; background:#fff;}
	.mainCont02 .movie video {margin-top:0; box-sizing: border-box;padding:1%;}
}
@media all and (max-width:880px) {
	.mainCont02 > div {margin-bottom:30px;}
	.mainCont02 .emble01 {padding:40px 8%;}
	.mainCont02 .ebookWrap {width:100%; height:100%;}
	.mainCont02 .movie {width:100%;}
	.mainCont02 .movie {margin-top:20px; background:#000;}
	.mainCont02 .movie video {padding:5% 0;}
	.mainCont02 .eventWrap .event .small {width:100%;}
	.mainCont02 .eventWrap .event .big {float:left; width:100%;}
	.mainCont02 .eventWrap .event .big > div {}
	.mainCont02 .eventWrap .event .event07 {width:100%; background-image:url('../img/main/mainCont02-event07-bg.jpg') !important; background-repeat:no-repeat !important; background-size: 100% 150% !important; background-position: center bottom !important;}
}
@media all and (max-width:640px) {
	.mainCont02 h2 {margin-bottom:40px;}
	.mainCont02 h2 img {width:100px;}
	.mainCont02 .emble01 li {text-align: center;}
	.mainCont02 .emble01 li div {margin:30px 0 0 0; text-align: center; float:none; text-align: center;}
	.mainCont02 .emble01 li div > span {margin:0 auto;}
	.mainCont02 .emble01 li img {width:100px; float:none;}
}
@media all and (max-width:480px) {
	.mainCont02 .emble02 .tit {margin-bottom:30px !important;}
	.mainCont02 .emble02 .tit span {font-size:2rem !important;}
	.mainCont02 .emble02 .txt {margin-bottom: 30px !important;}
	.mainCont02 .ebookWrap > div {padding:40px;}
	.mainCont02 .ebook .tit {float:none; width:100%; text-align:center;}
	.mainCont02 a.ebook_down {float:none; display:block;}
	.mainCont02 .eventWrap .event .small > div { width:48% !important; min-height:230px; margin-bottom:10px; margin:0 1% 10px !important;}
}

/*푸터*/
#footer {overflow:hidden; width:100%; max-width:1903px; margin:0 auto; background:#0c162b; color:#fff;}
#footer > div {position:relative; min-height:310px; padding-left:10%; box-sizing:border-box; padding-top:60px; background:url('../img/layout/logo_footer.gif') no-repeat 1% 60px;}
#footer > div > ul {}
#footer > div > ul > li {clear:both; margin-bottom:20px; overflow:hidden;line-height:25px; }
#footer > div > ul li span {float:left; display:block; font-weight:400; font-size:18px; background:url('../img/common/ico_v_line.gif') no-repeat right center; padding-right:20px; }
#footer > div > ul li ul {margin-left:27px; float:left;}
#footer > div > ul li ul li {line-height:25px;}
#footer > div p.copy {margin:35px 0; font-weight:200; color:#adb5c6; font-size:14px; letter-spacing:0.05em;}
#footer > div .footLink {position:absolute; right:1%; top:60px;}
#footer > div .footLink a {display:block; padding-right:20px; color:#fff; background:url('../img/common/arr_w.png') no-repeat right 5px;}
#footer > div .footLink a img {margin-right:10px;}
@media all and (max-width:1023px) {
	#footer > div {background-image:none; padding-left:5%; padding-top:80px;}
	#footer > div .footLink {top:20px;}
}