@charset "utf-8";
#fix-nav {position:fixed;top:423px;right:0;z-index:6000}
#fix-nav li {position:relative;height:50px;}
#fix-nav li a {position:absolute;top:0;right:0;display:block;width:60px;height:100%;overflow:hidden;background-color:rgba(48,48,48,0.8);transition:all .3s ease;}
#fix-nav li a .txt {display:block;color:transparent;font-family:"open-sans";font-size:13px;transition:all .5s ease;opacity:0;height:50px;padding-top:25px;line-height:1;box-sizing:border-box;}
#fix-nav li a:before {position:absolute;top:0;left:50%;margin-left:-11px;content:"";display:block;width:22px;height:1px;background:rgba(255,255,255,0.25);}
#fix-nav li:first-child a:before {display:none;}
#fix-nav li a.mPS2id-highlight-first, #fix-nav li a:hover, #fix-nav li a:focus, #fix-nav li a:active {/*width:130px;*/width:140px;background-color:rgba(162,0,46,0.9);}
#fix-nav li a.mPS2id-highlight-first .txt, #fix-nav li a:hover .txt, #fix-nav li a:focus .txt, #fix-nav li a:active .txt {padding-left:0;/*padding-right:50px;*/padding-right:35px;color:#fff;opacity:1;}
#fix-nav li a.mPS2id-highlight-first:before, #fix-nav li a:hover:before, #fix-nav li a:focus:before, #fix-nav li a:active:before {top:10px;/*left:40px;*/left:54px;width:1px;height:10px;background:#c25b78;margin-left:0;}
#fix-nav li:first-child a.mPS2id-highlight-first:before, #fix-nav li:first-child a:hover:before, #fix-nav li:first-child a:focus:before, #fix-nav li:first-child a:active:before {display:block;}
/* 아이콘 */
#fix-nav li a:after {position:absolute;top:0;right:0;content:"";display:inline-block;vertical-align:middle;width:60px;height:50px;background-image:url(/kr/_Img/Main/main_spr.png);background-repeat:no-repeat;}
#fix-nav li:first-child a:after {background-position:right -292px;}
#fix-nav li:nth-child(2) a:after {background-position:right -342px;}
#fix-nav li:last-child a:after {background-position:right -392px;}


@media only screen and (max-width:999px){
	#fix-nav {display:none;}
}

.msec-in {max-width:1200px;margin:0 auto;text-align:left;}

/* 메인 비쥬얼 */
.msec-mvisual {height:auto;overflow:hidden;z-index:1;}
#mvisual-wr {position:relative;}
#mvisual-wr .visimg-wr {position:relative;}
#mvisual-wr .visimg-img {position:absolute;top:0;left:0;transition:left .3s ease, margin .3s ease}
#mvisual-wr .visimg-img img {width:100%;vertical-align:top;}
#mvisual-wr .visimg-bg {display:none;}
#mvisual-wr .ctrl-nums {position:absolute;bottom:57px;left:0;z-index:100;width:100%;text-align:center;display:block;}
#mvisual-wr .ctrl-nums button, #mvisual-wr .ctrl-nums .nums button {border:0;width:26px;height:26px;background:url(/kr/_Img/Main/main_spr.png) no-repeat;vertical-align:top;}
#mvisual-wr .ctrl-nums button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000px;}
#mvisual-wr .ctrl-nums button.btn-stop {background-position:-56px 0}
#mvisual-wr .ctrl-nums button.btn-play {background-position:-84px 0;display:none;}
#mvisual-wr .ctrl-nums .nums button {background-position:-28px 0}
#mvisual-wr .ctrl-nums .nums button.active {background-position:0 0}
#mvisual-wr .ctrl-nums .btn-prev, #mvisual-wr .ctrl-nums .btn-next {display:none;}
@media only screen and (max-width:999px){
	#mvisual-wr .ctrl-nums {bottom:10px}
}


#mvisual-wr {position:relative;}

.product {width:100%;background:url(/kr/_Img/Main/mpro_bg.jpg) no-repeat center 0;overflow:hidden;}
.product .msec-in {display:table;width:100%;height:350px;}
.product .tit, .product .pro-list {display:table-cell;vertical-align:middle;}
.product .tit {width:25%;font-family:"Industry";font-size:40px;font-weight:400;color:#fff;line-height:.8}
.product .tit:before {content:"";display:block;width:20px;height:22px;background:url(/kr/_Img/Main/main_spr.png) no-repeat -112px 0;margin-bottom:4px;margin-left:2px;}
.product .tit .stit {font-weight:600;display:block;}
.product .pro-list {width:75%;overflow:hidden;}
.product .pro-list li {position:relative;float:left;width:33.33%;text-align:center;font-size:15px;}
.product .pro-list li:before {position:absolute;top:50%;left:0;margin-top:-14px;content:"";display:block;width:9px;height:9px;background:rgba(255,255,255,0.3);border-radius:50%;}
.product .pro-list li:first-child:before {display:none;}
.product .pro-list li a {position:relative;display:block;color:#fff;line-height:18px}
.product .pro-list li a:before {content:"";display:block;width:138px;height:138px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);margin:0 auto 15px;box-sizing:border-box;transition:all .3s ease;}
.product .pro-list li a:after {position:absolute;top:50px;left:50%;margin-left:-27px;content:"";display:block;width:54px;height:38px;background:url(/kr/_Img/Main/main_spr.png) no-repeat}
.product .pro-list li:first-child a:after {background-position:0 -28px}
.product .pro-list li:nth-child(2) a:after {background-position:-56px -28px}
.product .pro-list li:last-child a:after {background-position:-112px -28px}
.product .pro-list li a:hover, .product .pro-list li a:focus, .product .pro-list li a:active {text-decoration:underline;}
.product .pro-list li a:hover:before, .product .pro-list li a:focus:before, .product .pro-list li a:active:before {background:#fff;}
.product .pro-list li:first-child a:hover:after, .product .pro-list li:first-child a:focus:after, .product .pro-list li:first-child a:active:after {background-position:0 -68px}
.product .pro-list li:nth-child(2) a:hover:after, .product .pro-list li:nth-child(2) a:focus:after, .product .pro-list li:nth-child(2) a:active:after {background-position:-56px -68px}
.product .pro-list li:last-child a:hover:after, .product .pro-list li:last-child a:focus:after, .product .pro-list li:last-child a:active:after {background-position:-112px -68px}
@media only screen and (max-width:999px){
	.product {height:auto;}
	.product .msec-in {display:block;padding:30px 0;text-align:center;height:auto;}
	.product .tit {text-align:center;margin-bottom:20px;font-size:30px;display:inline-block;vertical-align:top;width:auto;}
	.product .tit .stit {display:inline-block;}
	.product .pro-list {width:100%;display:block;}
	.product .pro-list li a:before {width:110px;height:110px;}
	.product .pro-list li a:after {top:37px;}
}
@media only screen and (max-width:699px){
	.product .tit:before {display:none;}
	.product .tit {font-size:25px}
	.product .pro-list li:before {margin-top:-25px}
	.product .pro-list li a {font-size:14px}
	.product .pro-list li a:before {width:76px;height:76px;}
	.product .pro-list li a:after {top:19px;}
}

.story {display:table;width:100%;height:100%;overflow:hidden;}
.story .story-list {display:table-cell;vertical-align:middle;width:25%;text-align:center;height:450px;overflow:hidden}
.story .story-list a {position:relative;display:block;width:100%;height:100%;}
.story .story-list .tit {position:absolute;top:50%;width:100%;font-family:"open-sans";color:#fff;font-weight:400;font-size:15px;margin-top:-18px;line-height:1;}
.story .story-list .tit:before {display:none;}
.story .story-list .tit .e-tit {display:inline-block;vertical-align:top;width:200px;border-radius:18px;border:2px solid rgba(255,255,255,0.3);background:rgba(0,0,0,0.4);padding:9px 0;box-sizing:border-box;}
.story .story-list:first-child {background:url(/kr/_Img/Main/story_img01.jpg) no-repeat 50% 50%;background-size:cover;}
.story .story-list:nth-child(2) {background:url(/kr/_Img/Main/story_img02.jpg) no-repeat 50% 50%;background-size:cover;}
.story .story-list:nth-child(3) {background:url(/kr/_Img/Main/story_img03.jpg) no-repeat 50% 50%;background-size:cover;}
.story .story-list:last-child {background:url(/kr/_Img/Main/story_img04.jpg) no-repeat 50% 50%;background-size:cover;}
.story .story-list .story-in {display:block;position:absolute;top:5%;left:-90%;width:90%;height:90%;background:rgba(192,12,63,0.9);text-align:left;transition:all .4s ease;overflow:hidden;box-sizing:border-box;}
.story .story-list a:hover .story-in {left:0;}
.story .story-list .story-in .in-wr {position:relative;padding-left:30px;padding-top:34%;}
.story .story-list .story-in .in-wr:before {position:absolute;top:50%;left:30px;margin-top:-5px;content:"";display:block;width:3px;height:150px;background:#fff;}
.story .story-list .story-in .in-wr * {color:#fff;}
.story .story-list .story-in .in-wr .in-tit {font-size:20px;font-weight:400;margin-left:30px}
.story .story-list .story-in .in-wr .txt {font-size:14px;font-weight:300;line-height:22px;margin-top:15px;padding-bottom:15px;margin-left:30px}
.story .story-list .story-in .in-wr .btn-more {font-family:"Industry";font-size:12px;font-weight:600;margin-left:30px;border-bottom:1px solid #fff;}
@media only screen and (max-width:1399px){
	.story .story-list {height:430px;}
	.story .story-list:hover .story-in {width:95%;}
}
@media only screen and (max-width:1299px){
	.story .story-list .story-in .in-wr {padding-left:15px;padding-right:15px;}
	.story .story-list .story-in .in-wr:before {left:13px;}
	.story .story-list .story-in .in-wr .in-tit, .story .story-list .story-in .in-wr .txt, .story .story-list .story-in .in-wr .btn-more {margin-left:15px;}
	.story .story-list .story-in .in-wr .txt br {display:none;}
}
@media only screen and (max-width:999px){
	.story .story-list {height:300px;}
	.story .story-list .story-in {display:none;top:0;width:100%;}
	.story .story-list:hover .story-in {display:none;}
	.story .story-list .story-in .in-wr {text-align:center;}
	.story .story-list .story-in .in-wr:before {display:none;}
	.story .story-list .story-in .in-wr .in-tit, .story .story-list .story-in .in-wr .txt, .story .story-list .story-in .in-wr .btn-more {margin-left:0}
	.story .story-list .tit {left:0}
	.story .story-list .tit .e-tit {width:80%;}
}
@media only screen and (max-width:899px){
	.story {display:block;}
	.story .story-list {display:block;float:left;width:50%;height:200px;}
}
@media only screen and (max-width:699px){
	.story .story-list .story-in .in-wr .in-tit {font-size:17px}
}
@media only screen and (max-width:499px){
	.story .story-list {height:125px;}
	.story .story-list .tit {font-size:14px}
	.story .story-list .tit .e-tit {width:95%}
	.story .story-list .story-in {display:none;}
}



.network {height:100%;background:#efefef}
.network .msec-in {position:relative;}
.network .msec-in .net-map {margin-left:-119px;width:1438px;}
.network .msec-in .net-map img {width:100%;}
.network .msec-in .net-cont {position:absolute;bottom:19%;right:0;z-index:100}
.network .msec-in .net-cont .tit {font-size:40px;font-family:"Industry";color:#222;line-height:1;margin-bottom:50px;}
.network .msec-in .net-cont .txt {font-size:15px;line-height:30px;color:#333;margin-bottom:14px;}
.network .msec-in .net-cont .btn-more {font-family:"Industry";font-size:12px;color:#222;font-weight:600;border-bottom:1px solid #222;}
@media only screen and (max-width:1299px){
	.network .msec-in .net-map {width:100%;margin:0}
	.network .msec-in .net-cont {bottom:10%;}
}
@media only screen and (max-width:1199px){
	.network {background-size:cover;}
	.network .msec-in .net-cont {bottom:5%;}
	.network .msec-in .net-cont .tit {margin-bottom:20px}
}
@media only screen and (max-width:999px){
	.network .msec-in .net-cont {position:relative;bottom:auto;right:auto;margin:-100px 15px 30px;text-align:center;}
	.network .msec-in .net-cont .tit {margin-bottom:10px;font-size:30px}
	.network .msec-in .net-cont .txt {font-size:14px;line-height:1.4}
	.network .msec-in .net-cont .txt br {display:none;}
}
@media only screen and (max-width:768px){
	.network .msec-in .net-map.img-zoom .btn-zoom {bottom:auto;top:0;}
}
@media only screen and (max-width:699px){
	.network .msec-in .net-cont {margin-bottom:20px}
	.network .msec-in .net-cont .tit {font-size:25px;}
	.network .msec-in .net-cont {margin-top:-10%}
}

.quick {height:290px;background:url(/kr/_Img/Main/mquick_bg.jpg) no-repeat 50% 0;}
.quick .msec-in {display:table;width:100%;height:100%;}
.quick .tit, .quick .quick-list {display:table-cell;vertical-align:middle;}
.quick .tit {position:relative;width:28%;color:#fff;font-family:"Industry";font-size:40px;font-weight:600;line-height:1;text-align:center;padding-top:20px;}
.quick .tit:after {position:absolute;top:33px;left:50%;margin-left:-123px;content:"";display:block;width:246px;height:230px;background:url(/kr/_Img/Main/main_spr.png) no-repeat 0 -292px;z-index:10}
.quick .tit .e-tit {position:relative;z-index:100;display:block;}
.quick .tit .stit {font-weight:400;display:block;}
.quick .quick-list {width:72%;}
.quick .quick-list li {float:left;width:25%;text-align:center;}
.quick .quick-list li a {display:block;}
.quick .quick-list li a:before {content:"";display:block;width:88px;height:90px;background:url(/kr/_Img/Main/main_spr.png) no-repeat;margin:0 auto;}
.quick .quick-list li a span {display:block;color:#fff;transition:all .15s ease;}
.quick .quick-list li a .e-tit {font-size:38px;font-family:"Industry";font-weight:600;margin-bottom:5px;}
.quick .quick-list li a .k-txt {display:none;}
.quick .quick-list li:first-child a:before {background-position:0 -108px}
.quick .quick-list li:nth-child(2) a:before {background-position:-90px -108px}
.quick .quick-list li:nth-child(3) a:before {background-position:-180px -108px}
.quick .quick-list li:last-child a:before {background-position:-270px -108px}
.quick .quick-list li:first-child a:hover:before {background-position:0 -201px}
.quick .quick-list li:nth-child(2) a:hover:before {background-position:-90px -202px}
.quick .quick-list li:nth-child(3) a:hover:before {background-position:-180px -202px}
.quick .quick-list li:last-child a:hover:before {background-position:-270px -202px}
.quick .quick-list li a:hover span {text-shadow:0 0 20px rgba(255,255,255,0.9);}
@media only screen and (max-width:1199px){
	.quick .tit {width:22%;}
	.quick .quick-list {width:78%;}
}
@media only screen and (max-width:999px){
	.quick {height:auto;background-size:auto 260px}
	.quick .msec-in, .quick .tit, .quick .quick-list {display:block;}
	.quick .tit, .quick .quick-list {width:100%;}
	.quick .msec-in {padding:30px 0;box-sizing:border-box;}
	.quick .tit {font-size:30px}
	.quick .tit:after {display:none;}
	.quick .tit .stit {display:inline-block;vertical-align:top;}
	.quick .quick-list {overflow:hidden;}
	.quick .quick-list li a .e-tit {font-size:25px}
}
@media only screen and (max-width:599px){
	.quick .tit {font-size:25px;margin-bottom:5px;}
	.quick .quick-list li a {font-size:14px}
	.quick .quick-list li a .e-tit {font-size:18px;margin-top:-5px;margin-bottom:0}
	.quick .quick-list li a:before {width:61px;height:63px;background-size:250px auto;}
	.quick .quick-list li:first-child a:before {background-position:0 -75px}
	.quick .quick-list li:nth-child(2) a:before {background-position:-63px -75px}
	.quick .quick-list li:nth-child(3) a:before {background-position:-126px -75px}
	.quick .quick-list li:last-child a:before {background-position:-189px -75px}
	.quick .quick-list li:first-child a:hover:before {background-position:0 -140px}
	.quick .quick-list li:nth-child(2) a:hover:before {background-position:-63px -141px}
	.quick .quick-list li:nth-child(3) a:hover:before {background-position:-126px -141px}
	.quick .quick-list li:last-child a:hover:before {background-position:-189px -141px}
}
@media only screen and (max-width:499px){
	.quick .msec-in {padding:20px 0}
	.quick .quick-list li a .e-tit {font-size:16px}
}



@media only screen and (max-width:480px){
	.m-div-wrap #contents {padding:0}
}