@charset "utf-8";

/*** 공통 ***/

/*팝업창*/

.pop_wrap {background:#fff;}

.pop_head {display:block;position:fixed;top:0px;width:100%;z-index:5000;_position:absolute;_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);_top:expression(document.documentElement.scrollTop);}

.pop_head {background:#c11720; height:64px;}

.pop_head span.close {height:40px;position:absolute;right:15px;top:10px;}

.pop_head .pop_title {font-size:18px;letter-spacing:-1px;font-weight:bold;color:#fff;display:inline-block;padding:15px 20px 15px 20px;}

.pop_head .pop_title .tit {padding-left:15px;}

.pop_foot {display:block;position:fixed;bottom:0px;width:100%;z-index:5000;background:#282828;_position:absolute; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

.pop_foot {height:15px;overflow:hidden;display:none;}

.pop_foot span{height:15px;overflow:hidden;display:block;}

.pop_cont {z-index:6000;padding:90px 15px 30px 20px;}

.pop_cont .cont_top h3 {font-size:11px !important;color:#aaa;font-weight:normal;}



#popups {z-index:10000;position:relative;display:block;}

#popups h3 {font-size:12px;background:#333;color:#fff;display:none;}

.popup_layers{position:absolute; border:1px solid #eaeaea;z-index:10000;background:#fff;}

.poplayer_foot {position:absolute;bottom:0px;width:100%;font-size:11px;background:#333;color:#fff;}

.poplayer_foot *  {color:#fff !important;}



/* 이미지사이즈 */

.rspn-img {max-width:100%;}



/*** 컨텐츠 style ***/

select {

  -webkit-appearance: none;  /* 네이티브 외형 감추기 */

  -moz-appearance: none;

  appearance: none;

  background: url(/kor/_Img/Common/select_arr.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */ 

}



/* IE 10, 11의 네이티브 화살표 숨기기 */

select::-ms-expand { 

  display: none;

}



/*=========== 컨텐츠 하단 ===========*/

.fcont-wrap {position:relative;width:100%;text-align:center;margin:0 auto;overflow:hidden;}

.fcont-wrap .fcont {width:50%;float:left;color:#fff;padding:5% 0;}

.fcont-wrap .fcont .tit {font-size:2.4em;letter-spacing:-1px;color:#f91200;display:block;margin-bottom:1.3%;line-height:1.3em;}

.fcont-wrap .fcont .txt {font-size:1.154em;opacity:0.8;}

.fcont-wrap .fcont .fbtn {display:block;width:84px;height:84px;border-radius:50%;background:#fff url(/kor/_Img/Common/fcont_ico.png) no-repeat;transition:background 0.5s ease;margin:5% auto 0;}

.fcont-wrap .fcont .fbtn:hover {background-color:#f91200;}

.fcont-wrap.full .fcont {width:100%;}

.fcont-wrap.full .fcont .tit {margin-bottom:2%}

.fcont-wrap .fcont .fbtn {margin-top:4%;}

/* 배경 */

.fcont.recruit {background:url(/kor/_Img/Common/fcont_recruit_bg.jpg) no-repeat 50% 0;background-size:cover;}

.fcont.news {background:url(/kor/_Img/Common/fcont_news_bg.jpg) no-repeat 37% 0;background-size:cover;}

.fcont.port {background:url(/kor/_Img/Common/fcont_port_bg.jpg) no-repeat 50% 0;background-size:cover;}

.fcont.estimate {background:url(/kor/_Img/Common/fcont_estimate_bg.jpg) no-repeat 50% 0;background-size:cover;}

.fcont.overview {background:url(/kor/_Img/Common/fcont_overview_bg.jpg) no-repeat 50% 0;background-size:cover;}

.fcont.map {background:url(/kor/_Img/Common/fcont_map_bg.jpg) no-repeat 50% 0;background-size:cover;}

.fcont.tech {background:url(/kor/_Img/Common/fcont_tech_bg.jpg) no-repeat 50% 0;background-size:cover;}

/* 아이콘 */

.fcont.news .fbtn {background-position:0 0;}

.fcont.news .fbtn:hover {background-position:0 -93px}

.fcont.recruit .fbtn {background-position:-306px 0;}

.fcont.recruit .fbtn:hover {background-position:-306px -93px}

.fcont.port .fbtn {background-position:-916px 0}

.fcont.port .fbtn:hover {background-position:-916px -93px}

.fcont.estimate .fbtn {background-position:-611px 0;}

.fcont.estimate .fbtn:hover {background-position:-611px -93px;}

.fcont.overview .fbtn {background-position:-611px -187px;}

.fcont.overview .fbtn:hover {background-position:-916px -187px;}

.fcont.map .fbtn {background-position:-611px -281px;}

.fcont.map .fbtn:hover {background-position:-916px -281px;}

.fcont.tech .fbtn {background-position:1px -281px;}

.fcont.tech .fbtn:hover {background-position:-306px -281px;}



@media all and (min-width:1441px){

.fcont-wrap .fcont {padding:4% 0;}

.fcont-wrap.full .fcont .tit {margin-bottom:1%;}

.fcont-wrap .fcont .fbtn {margin:3% auto 0;}

}



@media all and (max-width:999px){

.fcont-wrap .fcont {width:100%;float:none;}

}

@media all and (max-width:600px){

.fcont-wrap .fcont {padding:8% 0;}

.fcont-wrap .fcont .tit {font-size:1.3em;margin-bottom:0.6%;}

.fcont-wrap .fcont .txt {font-size:1em;opacity:0.7;}

.fcont-wrap .fcont .fbtn {margin-top:4%;}/*width:40px;height:40px;background-position:-22px -22px;*/

}

@media all and (max-width:480px){

.fcont-wrap .fcont .fbtn {width:42px;height:42px;background-size:auto 325px;}

/* 아이콘 */

.fcont.news .fbtn {background-position:-7px -7px;}

.fcont.news .fbtn:hover {background-position:-7px -70px}

.fcont.recruit .fbtn {background-position:-210px -7px;}

.fcont.recruit .fbtn:hover {background-position:-210px -70px}

.fcont.port .fbtn {background-position:-613px -7px}

.fcont.port .fbtn:hover {background-position:-613px -70px}

.fcont.estimate .fbtn {background-position:-412px -7px}

.fcont.estimate .fbtn:hover {background-position:-412px -70px}

.fcont.overview .fbtn {background-position:-412px -131px;}

.fcont.overview .fbtn:hover {background-position:-613px -131px;}

.fcont.map .fbtn {background-position:-412px -192px;}

.fcont.map .fbtn:hover {background-position:-612px -192px;}

.fcont.tech .fbtn {background-position:-7px -192px;}

.fcont.tech .fbtn:hover {background-position:-209px -192px;}



}

@media all and (max-width:320px){

.fcont-wrap .fcont span {display:block;}

.fcont-wrap .fcont .tit {font-size:1.2em;}

}



/* 컨텐츠 */

.pg-sec-tit {font-size:3.846em;font-weight:800;display:block;text-align:center;letter-spacing:-1px;line-height:130%;}

@media all and (max-width:680px){

	.pg-sec-tit {font-size:40px;}

}

@media all and (max-width:360px){

	.pg-sec-tit {font-size:30px;margin-bottom:30px;}

}

.c-tit02 {color:#e21904;font-weight:600;font-size:1.231em;padding:1% 0;}

.c-tit03 {color:#333;font-weight:600;padding:1% 0;}

/*

@keyframes ov-scale-s {70% {transform:scale3d(1.05, 1.05, 1.05);}}

*/



/*=========== 포트폴리오 ===========*/

/* 포트폴리오 상단 BEST */

.pf-tsec {position:relative;height:450px;}

.pf-tsec .pimg-wr {position:absolute;width:2000px;margin-left:-1000px;height:450px;left:50%;top:0;text-align:center;transition:all 0.3s ease;overflow:hidden}

.pf-tsec .pimg-wr img {transition:all 0.5s ease,transform 2s ease;}

.pf-tsec .pcont-wr {position:absolute;bottom:55px;color:#FFF;font-size:1.923em;}

.pf-tsec .pcont-wr .ptit {font-family:industry;display:block;font-size:1.2em;line-height:1.1em;font-weight:bold;max-height:3.3em;overflow:hidden;}

.pf-tsec .pcont-wr .ptit span {display:block;line-height:1.1em;overflow:hidden;width:100%;}

.pf-tsec .pcont-wr .ptit span.blank {display:none;}

.pf-tsec .pcont-wr .ptxt {display:block;line-height:1.3em;font-weight:450;letter-spacing:-0.01em;overflow:hidden;text-overflow:ellipsis;/*position:absolute;bottom:50px;left:15px;*/}

.pf-tsec .pcont-wr .pbtn {display:block;width:60px;height:60px;position:absolute;left:0;top:-80px;z-index:100;background:rgba(0,0,0,0.2) url(../_Img/Content/btn_bg.png) no-repeat center top;transition:background 0.5s ease;overflow:hidden}

.pf-tsec .pcont-wr .pbtn span {white-space:nowrap;display:block;width:100%;height:100%;padding-left:100px;}

.pf-tsec .pcont-wr .over .pbtn, .pf-tsec .pcont-wr .over .pbtn:hover {background-position:center -60px;background-color:#e21904}

.pf-tsec:hover .pbtn {background:rgba(255,255,255,1) url(../_Img/Content/btn_bg.png) center -60px;}

.pf-tsec.is-close {border:1px solid red;opacity:0.1}

.pf-tsec.is-open {left:0;}



/* #pf-tsec1 {transition:left 1.2s ease,opacity 2s ease;}

#pf-tsec2 {transition:left 1.3s ease,opacity 2s ease;}

#pf-tsec3 {transition:left 1.0s ease,opacity 2s ease;} */



#pf-tsec1.is-close {left:100%;}

#pf-tsec2.is-close {left:-100%;}

#pf-tsec3.is-close {left:100%;}



@media all and (min-width:781px) and  (max-width:999px){

	.pf-tsec .pcont-wr  {bottom:30px}

}

@media all and (min-width:481px) and  (max-width:780px){

	.pf-tsec {min-height:300px}

	.pf-tsec .pcont-wr  {font-size:1.538em;bottom:30px}

}

@media all and (max-width:480px){

	.pf-tsec {min-height:200px}

	.pf-tsec .pcont-wr  {font-size:1.231em;bottom:20px}

	.pf-tsec .pcont-wr .pbtn {top:-45px;width:30px;height:30px;background-size:auto 54px;}

	.pf-tsec .pcont-wr .over .pbtn, .pf-tsec:hover .pcont-wr .pbtn {background-position:center -60px;background-size:auto 44px;}

}





.privacy-wrap {font-size:1.077em;line-height:1.571em;padding:3% 0;}

.privacy-wrap .c-tit02 {font-size:1.286em;}

.privacy-wrap .c-tit03 {font-size:1.143em}

.privacy-wrap .privacy-list {border:1px solid #ddd;background:#f6f6f6;padding:2% 3%;}

.privacy-wrap .privacy-list ol {overflow:hidden;}

.privacy-wrap .privacy-list li {float:left;width:50%;padding:0.5% 0}









/*/////////////////////////////////////////////////*/

#m-marketing {background:url(../_Img/Main/mmarketing_bg.jpg) no-repeat center top;color:#FFF;font-size:1.154em;line-height:1.5em;word-break:keep-all}

#m-marketing .mcont-sec1 {height:50%;width:100%;position:absolute;top:0;left:0;}

#m-marketing .mcont-sec2 {height:50%;width:100%;position:absolute;bottom:0;left:0;background:rgba(24,25,28,0.80);}

#m-marketing .msec-tit {font-family:proxima-nova;font-size:1.133em;display:block;line-height:1.3em;}



#m-marketing .ptxt1 {font-weight:bold;font-size:1.933em;display:block;line-height:1.5em;margin-bottom:0.6em;margin-top:0.8em}

.mcont-sec1 .pimg img {width:100%;}



#m-marketing .ptxt1 span {display:block;}

#m-marketing .ptxt2 span {display:block;}	



.mcont-sec2 .pcont-wr dl {width:380px;height:190px;position:relative;float:left;margin-left:30px;overflow:hidden;}

.mcont-sec2 .pcont-wr dl:first-child {margin-left:0;}





.mcont-sec2 .pcont-wr dl dt {display:block;width:100%;height:100%;text-align:center;font-size:1.200em;font-weight:bold;}

.mcont-sec2 .pcont-wr dl dd {display:block;width:100%;height:100%;left:0;top:100%;position:absolute;transition:top .3s ease;vertical-align:middle;text-align:center;}

.mcont-sec2 .pcont-wr dt .pimg {display:block;width:90px;height:90px;position:absolute;left:50%;margin-left:-45px;top:15%;background:url(../_Img/Main/mmarketing_icons.png) no-repeat center }

.mcont-sec2 .pcont-wr dt .txt {display:block;padding:10%;position:absolute;left:0;top:50%;width:80%;}

.mcont-sec2 .pcont-wr dt .pimg.im01 {background-position:2px 0;}

.mcont-sec2 .pcont-wr dt .pimg.im02 {background-position:-88px 0;}

.mcont-sec2 .pcont-wr dt .pimg.im03 {background-position:-178px 0;}

.mcont-sec2 .pcont-wr dt .pimg.im04 {background-position:-268px 0;}





.mcont-sec2 .pcont-wr .bg1 {background:#da1804;}

.mcont-sec2 .pcont-wr .bg2 {background:rgba(255,255,255,0.06);}

.mcont-sec2 .pcont-wr dl:hover dt {display:none;}

.mcont-sec2 .pcont-wr dl:hover dd {top:0;}

.mcont-sec2 .pcont-wr dd span {display:inline-block;width:80%;text-align:center}

.mcont-sec2 .pcont-wr .dl1 dd p {padding:2em 0;}

.mcont-sec2 .pcont-wr .dl2 dd p {padding:3em 0;}

.mcont-sec2 .pcont-wr .dl3 dd p {padding:3em 0;}

.mcont-sec2 .pcont-wr .dl4 dd p {padding:2.5em 0;}



@media all and (min-width:1400px){

	#m-marketing {min-height:930px;}

	#m-marketing .mcont-sec1 {}



	.mcont-sec1 .div-cont {width:100%;margin-left:auto;margin-right:auto;}

	.mcont-sec1 .mcont-secwr {padding-top:130px;}

	.mcont-sec1 .ptxt-wr {width:510px;float:left;}

	.mcont-sec1 .pimg {width:775px;float:right;}

	

	.mcont-sec2 .div-cont {width:100%;margin-left:auto;margin-right:auto;}

	.mcont-sec2 .mcont-secwr {padding-top:130px;}

	.mcont-sec2 .ptxt-wr {width:510px;float:left;}



	.mcont-sec2 .pcont-wr {width:800px;float:right;position:relative;padding-top:1.5em;}

	

	.mcont-sec2 .ptxt2 {color:rgba(255,255,255,0.5);}







	

}



@media all and (min-width:1000px) and (max-width:1399px){

	#m-marketing {min-height:1180px;background-size:auto 100%;}

	#m-marketing .ptxt2 span {display:inline;color:rgba(255,255,255,0.5);}	



	#m-marketing .mcont-sec1 {height:620px;}

	#m-marketing .mcont-sec2 {height:560px;}



	.mcont-sec1 .mcont-secwr {padding-top:65px;}

	.mcont-sec1 .ptxt-wr {width:510px;margin-left:30px;}

	

	.mcont-sec2 .mcont-secwr {padding-top:65px;}

	.mcont-sec2 .ptxt-wr {width:510px;margin-left:30px;}



	.mcont-sec1 .pimg {margin-top:30px;width:775px;margin-left:auto;margin-right:auto; }



	.mcont-sec2 .pcont-wr{width:800px;float:right;margin-top:40px;margin-right:70px; } 

	.mcont-sec2 .pcont-wr dl {margin:10px}

}



@media all and (min-width:601px) {

	

	.mcont-sec1 .ptxt-wr {width:510px;margin-left:30px;}

	.mcont-sec2 .ptxt-wr {width:510px;margin-left:30px;}

	.mcont-sec2 .pcont-wr{} 

}





@media all and (min-width:621px) and (max-width:999px){



	#m-marketing {min-height:1080px;background-size:auto 100%;}

	#m-marketing .ptxt2 span {display:inline;color:rgba(255,255,255,0.5);}	

		

	#m-marketing .mcont-sec1 {height:560px;}

	#m-marketing .mcont-sec2 {height:520px;}



	.mcont-sec1 .mcont-secwr {padding-top:65px; }

	.mcont-sec1 .pimg {margin-top:30px;width:580px;margin-left:auto;margin-right:auto; }

	

	.mcont-sec2 .mcont-secwr {padding-top:65px;}



	.mcont-sec2 .pcont-wr{width:520px;float:right;margin-top:45px;margin-right:40px;}

	.mcont-sec2 .pcont-wr dl {width:130px;height:130px;margin:0px !important;}

	.mcont-sec2 .pcont-wr dt .pimg {top:5%;}

	.mcont-sec2 .pcont-wr dt .txt {top:50%;font-size:0.9em;line-height:1.0em;}

	.mcont-sec2 .pcont-wr dd {font-size:0.83em; line-height:1.5em;}

	.mcont-sec2 .pcont-wr .dl1 dd p {padding:0.8em 0;}

	.mcont-sec2 .pcont-wr .dl2 dd p {padding:1.75em 0;}

	.mcont-sec2 .pcont-wr .dl3 dd p {padding:2.5em 0;}

	.mcont-sec2 .pcont-wr .dl4 dd p {padding:1.75em 0;}



}



@media all and (min-width:481px) and (max-width:620px){

	#m-marketing {min-height:1100px;font-size:1em;background-size:auto 100%;}

	#m-marketing .ptxt2 span {display:inline;color:rgba(255,255,255,0.5);}	



	#m-marketing .mcont-sec1 {height:520px;}

	#m-marketing .mcont-sec2 {height:580px;}

	

	.mcont-sec1 .mcont-secwr {padding-top:45px;}

	.mcont-sec1 .pimg {margin-top:50px;}

	.mcont-sec1 .ptxt-wr {margin-left:20px;}



	.mcont-sec2 .mcont-secwr {padding-top:45px;}

	#m-marketing .ptxt2 span {display:inline;}	



	

	.mcont-sec2 .ptxt-wr {margin-left:20px;}

	.mcont-sec2 .pcont-wr{width:300px;height:300px;margin:30px auto 0 auto;}

	.mcont-sec2 .pcont-wr dl {width:140px;height:140px;margin:5px !important;}

	.mcont-sec2 .pcont-wr dt .pimg {top:5%;}

	.mcont-sec2 .pcont-wr dt .txt {top:50%;}

	.mcont-sec2 .pcont-wr dd {font-size:1em}

	.mcont-sec2 .pcont-wr .dl1,.mcont-sec2 .pcont-wr .dl4 {background:#da1804;}

	.mcont-sec2 .pcont-wr .dl2,.mcont-sec2 .pcont-wr .dl3 {background:rgba(255,255,255,0.06);}

	.mcont-sec2 .pcont-wr .dl1 dd p {padding:1em 0;}

	.mcont-sec2 .pcont-wr .dl2 dd p {padding:1.75em 0;}

	.mcont-sec2 .pcont-wr .dl3 dd p {padding:2.5em 0;}

	.mcont-sec2 .pcont-wr .dl4 dd p {padding:1.75em 0;}



}

@media all and (max-width:480px){

	#m-marketing {min-height:1034px;font-size:1em;background-size:auto 100%;}

	#m-marketing .ptxt1 {font-size:1.4em;}

	#m-marketing .ptxt2 {color:rgba(255,255,255,0.6);}

	#m-marketing .ptxt2 span {display:inline;color:rgba(255,255,255,0.5);}	



	.mcont-sec1 .mcont-secwr {padding-top:85px;}

	.mcont-sec2 .mcont-secwr {padding-top:25px;}

	

	

	.mcont-sec1 .ptxt-wr {padding-left:15px;padding-right:15px;}

	.mcont-sec1 .pimg {margin-top:50px;}

	

	.mcont-sec2 .ptxt-wr {padding-left:15px;padding-right:15px;}

	.mcont-sec2 .pcont-wr{width:260px;height:260px;margin:30px auto 0 auto;}

	.mcont-sec2 .pcont-wr dl {width:120px;height:120px;margin:5px !important;}

	.mcont-sec2 .pcont-wr dt .pimg {top:2%;}

	.mcont-sec2 .pcont-wr dt .txt {top:55%;font-size:0.9em;line-height:1.0em;}

	.mcont-sec2 .pcont-wr dd {font-size:0.93em; line-height:1.4em;}

	.mcont-sec2 .pcont-wr .dl1,.mcont-sec2 .pcont-wr .dl4 {background:#da1804;}

	.mcont-sec2 .pcont-wr .dl2,.mcont-sec2 .pcont-wr .dl3 {background:rgba(255,255,255,0.06);}

	.mcont-sec2 .pcont-wr .dl1 dd p {padding:1em 0;}

	.mcont-sec2 .pcont-wr .dl2 dd p {padding:1.75em 0;}

	.mcont-sec2 .pcont-wr .dl3 dd p {padding:2.5em 0;}

	.mcont-sec2 .pcont-wr .dl4 dd p {padding:1.75em 0;}



	



}

/*/////////////////////////////////////////////////*/



#m-ceostory {position:relative;width:100%;}

.mceostory-cont {position:absolute;width:100%;height:100%;overflow:hidden;transition:left .3s ease;opacity:0;}

.mceostory-cont .this-cwrap{height:100%;width:100%;position:relative;}

.mceostory-cont .msec-incont-wr {width:100%;margin-left:auto;margin-right:auto;height:100%;position:relative;max-width:1400px;font-size:1.231em;}



.mceostory-btns {top:100px;margin-left:auto;margin-right:auto;position:relative;z-index:300;max-width:1400px;}

.mceostory-btns a, .mceostory-btns .split {position:absolute;width:56px;height:56px;display:block;background:url(../_Img/Main/mceostory_btns.png) no-repeat left top; }

.mceostory-btns .bt-ceo {left:0;background-position:0 0;}

.mceostory-btns .bt-story {left:110px;background-position:-109px 0;}

.mceostory-btns .bt-ceo.is-over {background-position:0 -60px;}

.mceostory-btns .bt-story.is-over {background-position:-109px -60px;}

.mceostory-btns .split {left:56px;background-position:-60px 0;}



.mceostory-cont .msec-tit {position:absolute;left:0;top:195px;display:block;height:250px;width:180px;overflow:hidden;background:url(../_Img/Main/mceostory_tit.png) no-repeat left top; }



@media all and (min-width:1400px){

	#m-ceostory {min-height:930px;}

	.mceostory-cont .msec-incont-wr {}

	.mceostory-btns {}

}

@media all and (min-width:1040px) and (max-width:1399px){

	#m-ceostory {min-height:930px;}

	.mceostory-btns {max-width:1000px;}

}

@media all and (min-width:800px) and (max-width:1039px) {

	#m-ceostory {min-height:930px;}

}

@media all and  (max-width:1399px){

	.mceostory-btns {margin-left:15px;margin-right:15px;}

}



@media all and (max-width:760px){

	.mceostory-btns {top:15px;left:0px;}

	

	

	.mceostory-btns a, .mceostory-btns .split {position:absolute;width:28px;height:28px;background-size:82px auto}

	.mceostory-btns .bt-ceo {left:0;background-position:0 0;}

	.mceostory-btns .bt-story {left:54px;background-position:-54px 0;}

	.mceostory-btns .bt-ceo.is-over {background-position:0 -30px;}

	.mceostory-btns .bt-story.is-over {background-position:-54px -30px;}

	.mceostory-btns .split {left:30px;background-position:-30px 0;}

	

	.mceostory-cont .msec-incont-wr {font-size:1.077em}

	.mceostory-cont .msec-tit {top:50px;left:10px;width:60px;height:125px;background-size:120px auto;}

}





#mceo {background:#f1f0ed url(../_Img/Main/mceo_bg.jpg) no-repeat center top;}





#mceo .slogan {z-index:100;font-size:2em;line-height:1.5em;color:#444;font-weight:450;height:3em;display:block;position:absolute;width:100%;box-sizing:border-box;top:90px}

#mceo .slogan span {display:block}

#mceo .ceo-img {width:1000px;z-index:10;position:absolute;left:50%;margin-left:-500px;bottom:0;}

#mceo .sign-img  {position:absolute;bottom:6.25%;right:100px;z-index:1;}

#mceo .prz-img {position:absolute;lefT:-20px;bottom:0;}

#mceo .sign-img  img, #mceo .prz-img img {width:100%;}

#mceo .news-box {position:absolute;z-index:5;top:215px;z-index:200;right:20px;width:280px;text-align:left;}



.mceonews-list-wr li a {display:block;position:relative;margin:0em;height:16em;}

.mceonews-list-wr li .pimg {position:relative;display:block;overflow:hidden;}

.mceonews-list-wr li a .pimg:after {display:block;content:"";position:absolute;top:0;left:0;opacity:0;background:url(../_Img/Main/mceo_news_img_bg.png) no-repeat 0 0;width:100%;height:100%;z-index:10;transition:opacity .5s, background .3s ease;background-size:cover;}

.mceonews-list-wr li a:hover .pimg:after {opacity:1;}

.mceonews-list-wr li .pimg .ov-mask {display:block;width:100%;height:100%;background:url(../_Img/Main/mceo_news_imgov.png) no-repeat 50% 65%;position:absolute;left:0;top:0;opacity:0;transition:opacity .5s, background .3s ease;z-index:100}

.mceonews-list-wr li a:hover .pimg .ov-mask {display:block;opacity:1;background-position:50% 50%;}

.mceonews-list-wr li .pimg img {width:100%;height:100%;transition:all 0.5s ease, transform 2s ease}

.mceonews-list-wr li:hover .pimg img {transform:scale3d(1.05, 1.05, 1.05)}

.mceonews-list-wr li .pcont-wr {background:rgba(255,255,255,0.8);display:block;padding:2em;}

.mceonews-list-wr li:hover .ptit {text-decoration:underline;}

.mceonews-list-wr li .ptit, .mceonews-list-wr  li .ptxt {display:block;}

.mceonews-list-wr li .ptit {font-size:1.250em;line-height:1.3em}

.mceonews-list-wr li .ptxt {font-size:0.813em;margin-top:1em;}



@media all and (min-width:861px) and (max-width:999px){

	#m-ceostory {min-height:890px;}

	.mceostory-btns .bt-ceo {left:30px;background-position:0 0; } 

	#mceo .msec-tit {left:30px;border:0px solid red;}

	#mceo .slogan {top:70px;}

	#mceo .ceo-img  {width:800px;margin-left:-350px;left:50%;}

	#mceo .prz-img  {width:320px;left:0px}

	#mceo .sign-img {right:30px;width:120px;}

	#mceo .news-box {width:210px;}

	.mceonews-list-wr  li  .pcont-wr {padding:0.8em 1em;}

	.mceonews-list-wr  li .ptit {font-size:1.154em;font-weight:normal;}

	

}





@media all and (min-width:1000px) and (max-width:1120px){

	.mceostory-btns .bt-ceo {left:30px;}

	#mceo .msec-tit {left:30px;}

	#mceo .ceo-img {margin-left:-57%}

	#mceo .sign-img {right:40px;width:150px;}

}

@media all and (max-width:999px){

	#mceo .ceo-img img {width:85%;}

	#mceo .news-box {z-index:200;}

}

@media all and (min-width:761px) and (max-width:860px){

	#m-ceostory {min-height:780px;}

	.mceostory-btns .bt-ceo {left:25px;}

	#mceo .msec-tit {left:25px;}

	#mceo .slogan {top:90px;line-height:1.4em;}

	#mceo .ceo-img {width:640px;margin-left:-265px;}

	#mceo .prz-img  {width:400px;left:-30px}

	#mceo .sign-img {right:40px;bottom:140px;width:110px;}

	#mceo .news-box {width:180px;display:block;margin-right:20px;}

	.mceonews-list-wr  li  .pcont-wr {padding:1.0em 1.0em;}

	.mceonews-list-wr  li .ptit {font-size:1em;}

	.mceonews-list-wr  li .ptxt {display:none;}

}



@media all and (min-width:481px) and (max-width:760px){

	#m-ceostory {min-height:560px;}

	#mceo .slogan {font-size:1.538em;top:50px;}

	#mceo .ceo-img {bottom:0px;width:500px;left:50%;margin-left:-400px;}

	#mceo .ceo-img img {width:90%;}

	#mceo .sign-img  {right:195px;width:80px;bottom:240px;}

	#mceo .prz-img  {left:auto;right:-5px;bottom:0px;width:240px;}

	#mceo .news-box {width:140px;top:140px;z-index:200;}



	.mceonews-list-wr  li  .pcont-wr {padding:0.5em 0.8em;}

	.mceonews-list-wr  li .ptit {font-size:1em;font-weight:normal;}

	.mceonews-list-wr  li .ptxt {display:none;}



}

@media all and (max-width:480px){

	#m-ceostory {height:430px !important;}

	.mceostory-btns .bt-ceo {left:10px;top:23px;}

	#mceo .msec-tit {left:20px; margin-top:25px;}

	#mceo .slogan {font-size:1.385em; line-height:1.4em;top:35px;}

	#mceo .ceo-img {bottom:0px;}

	#mceo .ceo-img  {width:395px;left:50%;margin-left:-305px;}

	#mceo .sign-img  {right:35px;bottom:158px;width:65px;} /*display:none;*/

	#mceo .prz-img  {left:auto;right:-10px;bottom:0px;width:240px;}

	#mceo .news-box {width:140px;top:110px;}

	.mceonews-list-wr h5 img {width:70px;}

	.mceonews-list-wr  li  .pcont-wr {padding:0.8em 0.8em;}

	.mceonews-list-wr  li .ptit {font-size:0.9em;font-weight:normal;}

	.mceonews-list-wr  li .ptxt {display:none;}

}

@media all and (max-width:400px){

	.mceostory-cont .msec-tit {display:none;}

}