@font-face {
	font-family: 'Myriad';
	font-style: normal;
	font-weight: 100;
	src: url(../font/MyriadPro-Regular.eot) format('eot'), url(../font/MyriadPro-Regular.woff) format('woff'), url(../font/MyriadPro-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto';
	font-style: normal;
	font-weight: 100;
	src: url(../font/NotoSansCJKkr-Regular.eot) format('eot'), url(../font/NotoSansCJKkr-Regular.woff) format('woff'), url(../font/NotoSansCJKkr-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'nanumgothic';
	font-style: normal;
	font-weight: 100;
	src: url(../font/NanumGothic.eot) format('eot'), url(../font/NanumGothic.woff) format('woff'), url(../font/NanumGothic.otf) format('opentype');
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{/*font-family:nanumgothic,Helvetica,'돋움',Dotum,AppleGothic,sans-serif;*/font-size:12px}

img,fieldset{border:0}
input,select,option,textarea:focus {outline: none;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none}


*{margin:0 auto; padding:0;font-family:Myriad,MalgunGothic,nanumgothic,Helvetica,'돋움',Dotum;text-decoration:none;list-style:none;}

body{text-align:center;}
#wrap{width:100%;color:#4b4848;text-align:center;position:relative;overflow-X:hidden;}



.header{height:0px;background-color:#fff;position:relative;z-index:1;}

#top a{
    position:fixed; bottom:0%; right:10px; z-index:5;text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 2px, rgba(0, 0, 0, 0.3) 0 0 10px;"
}
#top a img{width: 40px;}

 .menu{position:absolute;z-index:1000;width:100%;height:120px;background-color:rgba(255,255,255,7);border-bottom:1px solid #e7e7e7;font-size:14px; font-family:Myriad;}
 .menu:after{display:block; content:""; clear:both; }
 .inner{position:relative;top:0px;z-index:2;width:1020px;height:66px;font-size:15px; font-family:Myriad;padding:20px 0;text-align:left;}

.topbanner{width:100%;height:110px;background: url(../img/banner_top_bg.jpg) center 100% no-repeat;}
.topbanner>a{margin-top: 64px;margin-left: 48px;display: inline-block;}

 .nav_logo{/*width: 100%;height: auto;*/display:inline-block;
   margin-right: 20px;}
.inner>.main_menu{vertical-align:bottom;font-size: 11pt;margin:0 18px 5px 18px;letter-spacing:0.7px;
	}
.inner>.main_down{vertical-align:bottom;margin:0 25px 3px 0;display:inline-block;position:relative;}
.inner>.main_menu_on{vertical-align:bottom;font-size: 11pt;margin:0 18px 5px 18px;letter-spacing:0.7px;font-weight:100;color:#c6252c;}
.inner>a{color:#4b4848;display:inline-block;}
.inner>a:last-child{cursor: default;padding-left: 5%;}

.menu_over01,.menu_over02,.menu_over03,.menu_over04,.menu_over05,.menu_over06{opacity:0;}
.inner>.main_menu:hover{color:#c6252c;font-weight:100;transition-duration:50ms;transition-delay:0ms;}
.menu_line{vertical-align:bottom;  transform:rotate(30deg);-webkit-transform:rotate(30deg);display:inline-block;font-size:13pt;
	animation-name:menu_line;color:#fff;-webkit-animation-name:menu_line;color:#fff;
	}


.animate-area00	{
	background: url(../img/re/main_bg02.png) 50% 0% no-repeat fixed;
	margin: 0;
	height: 1200px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:-10;
	}
.non-parallax{display: none;}

@media (max-width:1100px){
	.non-parallax{display:none;}
	.parallax{display:none;}
	.wrap_bg{background:url(../img/re/main_bg.png) no-repeat center 0%;
	}
}


.animate-area01	{
	width: 100%;
	height: 750px;
	background:url(../img/re/main_visual_032.png) no-repeat center 80%;
   position: absolute;
    left: 0;
    top: 0;
    z-index:-1;
	}

.animate-area02	{
	width: 114%;
	height: 1100px;
	background:url(../img/main_visual_bg1.png) no-repeat center 60%;
   position: absolute;
    left: -120px;
    top: -70px;
    z-index:-2;
  margin-top:15px;
	animation: animatedBackground02 3.5s linear infinite;
	animation-direction:normal;
	opacity:0.1;
	transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	}

	.animate-area03	{
	width: 114%;
	height: 1100px;
	background:url(../img/main_visual_bg2.png) center 60%;
   position: absolute;
    left: -120px;
    z-index:-2;
  margin-top:15px;
	animation: animatedBackground03 3s linear infinite;
	animation-direction:normal;
	opacity:0;
	transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;
	}

	.animate-area04	{
	width: 114%;
	height: 1200px;
	background:url(../img/main_visual_bg3.png) center 65%;
   position: absolute;
    left: -120px;
    top: -70px;
    z-index:-2;
	animation: animatedBackground04 4.5s linear infinite;
	animation-direction:normal;
	opacity:0.9;
	transform:scale(0.9,0.9) rotate(-24deg);
	-webkit-transform:scale(0.9,0.9) rotate(-24deg);
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	}

	.animate-area05	{
	width: 114%;
	height: 1000px;
	background:url(../img/main_visual_bg4.png) center 70%;
   position: absolute;
    left: 250px;
    top: -20px;
    z-index:-2;
	animation: animatedBackground05 4.5s linear infinite;
	animation-direction:normal;
	opacity:0.6;
	transform:scale(0.9,0.9) rotate(-24deg);
	-webkit-transform:scale(0.9,0.9) rotate(-24deg);
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	}

	.animate-area06	{
	width: 117%;
	height: 1250px;
	background:url(../img/main_visual_bg5.png)center 60%;
  position: absolute;
  left: -120px;
  top:-65px;
  z-index:-4;
	animation: animatedBackground06 4.5s linear infinite;
	animation-direction:normal;
	opacity:0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;

	}

@keyframes BG_white {
	90% {opacity:0;}
	92% {opacity:1;}
	100% {opacity:1;animation-play-state: paused;}
}

@keyframes animatedBackground02 {
	0% {opacity:0.1;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	25% {opacity:1;}
	50% {opacity:0.1;}
	75% {opacity:1;}
	100% {opacity:0.1;animation-iteration-count:infinite;}
}

@keyframes animatedBackground03{
	0% {opacity:0.1;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	50% {opacity:0.4;}
	100% {opacity:0.1;animation-iteration-count:infinite;}
}

@keyframes animatedBackground04{
	0% {opacity:1;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	25% {opacity:0.2;}
	50%  {opacity:1;}
	75% {opacity:0.2;}
	100%  {opacity:0.9;animation-iteration-count:infinite;}
}


@keyframes animatedBackground05{
	0% {opacity:0.6;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	25% {opacity:0.1;}
	50%  {opacity:0.6;}
	75% {opacity:0.1;}
	100%  {opacity:0.6;animation-iteration-count:infinite;}
}



@keyframes animatedBackground06{
	0% {opacity:0.1;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	25% {opacity:0.9;animation-iteration-count:infinite;}
	50% {opacity:0.1;}
	75% {opacity:0.9;animation-iteration-count:infinite;}
	100% {opacity:0.1;animation-iteration-count:infinite;}
}



#contents{margin-top:630px;}
.workmargin{margin-top:483px !important;}
#contents>a{    display: inline-block;
    height: 102px;
    width: 500px;}
#contents_history{margin-top:80px;}

section {
    /* min-height: 1000px; */
    position: relative;
    width: 100% !important;
    min-width: 1000px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mainBanner{
	padding:8% 0 8%;/*topbanner없을때*/
	padding:11% 0 5%;
	/*background-color:#fbfbfb;
	position:fixed;
	height:auto;
	width:100%;
	z-index:-1;*/
	}

.main_service_BG{background-image:url(../img/re/main_service_bg.png);}
.main_service{height:auto; width:1055px; padding:3.6% 0 0;}


.main_partner_BG{background-image:url(../img/re/main_partner_bg.png);padding:20px 0;}
.main_partner{height:auto; width:1000px; padding:3.6% 0 2.2%;}

.service{height:395px;background-color:#c6252c;padding:0px 0 90px;
	width:100%;position:fixed; top:108px; z-index:-1;}
.client_bg{background:url(../img/banner_client.png) no-repeat center;}
.work_bg{background:url(../img/banner_work.png) no-repeat center;}
.service_bg{background:url(../img/banner_service.png) no-repeat center;}
.contectus_bg{background:url(../img/banner_contectus.png) no-repeat center;}

.JCCclient_subtltle{text-align: left;margin-left: 15px;}
.client_text{font-size: 1.19rem;    margin: 15px 0 35px;}


.service_tltle,.partner_tltle{ padding-bottom:3%;}
.service_text{font-size:17px;margin-top:20px;letter-spacing: -1px;}
.service_text,.work_text,.partner_text{font-size:1.1rem;margin-top:20px;}
.bold{font-weight: bold;}
.color_white{color:#fff !important;}
.service_btn{vertical-align: middle; display: inline-block; border: 0;}
.service_btn>img{ border: 0;}
.partner_icon{vertical-align: middle; padding:0 0.7% 3.5%;}

/*main-work-menu start*/

.JCCclient_bg{
	background: url(../img/re/main_bg04.png) 80% -180% no-repeat ;
	width: 100%;
	height: 1250px;
	margin: 0;
	position: absolute;
	top: -150px;
	left: 0;
	z-index:-1;
}

.JCCclient{ width:1100px;    height: auto;    padding: 0% 0 0;}

.JCCwork_bg{
	background: url(../img/re/main_bg03.png) 70% 25% no-repeat fixed;
	background-position-x: 60% !important;
  margin: 0;
  height: 2400px;
  position: absolute;
  top: 0;
  left: 0;
	z-index: -1;
  width: 100%;
}
.JCCwork{width:1100px;height:auto;font-size:15px;}
.JCCwork_tltle{	padding: 15% 0;}

.main_work_menu{display:inline-block;width:160px;text-align:left;margin-top: 90px;margin-left:10px;}

.work_thumb,img:after{display:inline-block; content:""; clear:both; }
.work_thumb{
		height:auto;
	  margin: 7px 5px;
    border: solid 1px #c8c8c8;position:relative;
	}

/*.jccwork_img_wrap>img{width:300px;border:1px solid #c2c2c2;}
.thumb_info_wrap{}
.thumb_info{
	  position: absolute;
    bottom: 0;
    left: 0px;
    color: #fff;
    font-size: 10pt;
    width: 302px;
    height:auto;
    padding-top: 150px;
    opacity:0;
}
.thumb_info:hover{
	opacity:0;
  animation:thumb_img 0.1s linear;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
    }
@keyframes thumb_img {
	from {}
	to {opacity:1;animation-play-state: paused; }
}
.thumb_info>ul{background-color: rgba(0,0,0,0.8);margin-bottom: -5px;
    display: inline-block;width: 100%;height:50px}
.thumb_info>ul>li{display:inline-block;float:left;width:30%;padding:4.5px 0;}
.thumb_info>ul>li:first-child{padding-top: 4px;}
.thumb_info>ul>li:last-child{text-align:left;width:70%}
.thumb_info>ul>li>span{vertical-align:middle;}


.main_work_menu>dl{
	margin:0px auto;
}
.main_work_menu>dl>dt{
	font-size:16pt;
	font-weight:bold;
	padding:15px 0;
	color:#c6252c;
    cursor: pointer;
}
.main_work_menu_icon_btn{
	  background-color: #c6252c;
    color: #fff;
    font-family: nanumgothic;
    font-size: 6pt;
    font-weight: 100;
    padding: 4px 6px 4px 8px;
    border-radius: 50%;
    position: relative;
    top:2px;
    float:right;
    display: inline-block;
	}


.main_work_menu>dl>dd{
	  margin: 0;
    font-weight:500;
    height: auto;
    color: #525252;
    cursor: pointer;
}
.main_work_menu>dl>dd>div{font-size:11pt;}
.main_work_menu>dl>dd>div:hover{
	color:#80000d;
}

.main_work_menu>dl>dd>a{
	margin:0;
	text-indent:1em;
	padding:20px;
}
삭제*/

/*main-work-menu end*/


.JCCmap_map{width:510;height:300px;box-shadow: 7px 7px 1px rgba(0,0,0,0.3)}
.JCCmap{width:100%;height:auto;color:#fff;background:url(../img/main_map_bg.png) center; padding:5% 0;}
.JCCmap_title{padding-bottom:4%;}
.JCCmap>ul{width:1050px;margin: 0 auto; display: inline-block;}
.JCCmap>ul>li{display:inline-block;float:left;width:44%;}
.JCCmap>ul>li:last-child{width:53%;}
.JCCmap_info{padding-left:30px;
    text-align: left;}


.JCCmap_eng{font-size: 1rem;padding-bottom:3%; line-height: 1.5;letter-spacing:0.8px;}
.JCCmap_kor{font-size: 1rem;  line-height: 1.7;}


/*service*/
.service_contents{height:auto;background:url(../img/sub02_002.png) center #fff;padding:80px 0 0px 0;}
.service_height{height:458px;}
.service_mainBanner{
		height:460px;
		background:url(../img/re/sub01_BG.png) center;
		margin-top: 80px;
    position: fixed;
    width: 100%;
    z-index: -1;
	}
.JCCis_banner{font-size:13pt;font-weight:500;background:url(../img/re/sub01_01_BG.png) center 100%;padding-top:36px;}

.service_history{height:400px;background-image:url(../img/service_bg.gif);}
/*.service_history>p{height:983px;background:url(../img/sub01_02.png) center;box-sizing: border-box;}*/
.service_history_title{height:400px;background:url(../img/re/service_history_BG.png) no-repeat center;}
.service_history_title02{background: #fff; position: relative; z-index: -1;}
/*service_history_slideMenu start*/
.slide_wrap{height:480px;background:url(../img/slider_bg.png) no-repeat center;}
.slider { width: 950px;}
.slider img{width:280px; height:195px;}
.slider_title{
	border-top: 1px solid #d6d6d6;
	height:112px;
  color: #c6252c;
  font-size: 28px;
  font-weight: 800;
  text-align: left;
  padding: 18px;
  line-height: 0.9;
  font-family: Myriad;
}
.slider_info{
	color: #212121;
  font-size: 13.5pt;
  font-weight: 100;
      line-height: 1.5;
	}
.slick-slide { margin: 0px 17px;}
.slick-slide img { width: 100%;}
.slick-prev:before,
.slick-next:before { color: black;}
/*service_history_slideMenu end*/

.service_organi{height:890px;background:url(../img/re/sub01_03.png) no-repeat center 0% #fff0f0;}
.service_work_menu{position:relative;height:auto;}
.service_work_menu00{position:relative;margin: 0 0px;}
.service_work_menu01{position: relative;display:inline-block;padding:0 0px 50px 0;margin: 0 15px;}
.service_work_menu02{position: relative;display:inline-block;padding:0 0px 50px 0px;margin: 0 15px;}
.service_work_menu03{position: relative;display:inline-block;padding:0 0 50px 0px;margin: 0 15px;}

.service_work_menu00-2{position:relative;}
.service_work_menu04{display:inline-block;position:relative;padding:0px 0px 50px 0;margin: 0 15px;}
.service_work_menu05{display:inline-block;position:relative;padding:0px 0 50px 0;margin: 0 15px;}
.service_work_menu06{display:inline-block;position:relative;padding:0px 0 50px 0;margin: 0 15px;}
.service_work_menu07{display:inline-block;position:relative;padding:0px 0 50px 0;margin: 0 15px;}

.service_menu_text{
	font-size:1.2rem;
	color:#c3292f;
  letter-spacing: -1.5px;
  font-weight: 800;
  margin-top:15px;
  font-family: nanumgothic,Helvetica,'돋움',Dotum;
}


.plus_btn_wrapX{
	border: 1px solid #c6252c;
    font-size: 20px;
    color: #c6252c;
    margin-top: 20px;
		display: inline-block;
    content: "";
    clear: both;
    }

.plus_btn_wrap{
	border: 1px solid #fff;
  color: #fff !important;
  margin-top: 20px;
	padding: 0 5px;
	display: inline-block;
  content: "";
  clear: both;
  }

.plus_btn{
	font-size: 2.4em;
  padding: 3px 8px 0px;
	-webkit-padding-before:0px;
	-webkit-padding-end:8px;
	-webkit-padding-after:0px;
	-webkit-padding-start:8px;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	color: #c6252c;
	cursor:pointer;
}
.plus_btn_wrap:hover>span,
.plus_btn_wrap:focus>span,
.plus_btn_wrap:active>span,
.plus_btn_wrap.active>span{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transition-duration:0.1s;
	-webkit-transition-duration:0.1s;
	transition-timing-function:ease-out;
	-webkit-transition-timing-function:ease-out;

}

.plus_btn_wrap:hover>span:after {
    @include transform:rotate(0deg);
	-webkit- @include transform:rotate(0deg);
}



#tab_0{background:url(../img/service_content01_bg.png) no-repeat center;}
#tab_1{background:url(../img/service_content02_bg.png) no-repeat center;}
#tab_2{background:url(../img/service_content03_bg.png) no-repeat center;}
#tab_3{    height: 568px;background:url(../img/service_content04_bg.png) no-repeat center;}
#tab_4{background:url(../img/service_content05_bg.png) no-repeat center;}

.service_content04{
	background: url(../img/service_content04_2.png) no-repeat center;
	position: relative;
	height: 45px;
	padding-top: 20px;
	top: -230px;
	text-align: right;
	width: 840px;
	margin: 0 auto;

}

#tab>div0{position: absolute;top: 120px;}



.service_work_menu>dl{
	margin:0px auto;
}
.service_work_menu>dl>dt{
	font-size:16pt;
	font-weight:bold;
	padding:15px 0;
	color:#c6252c;
}
.service_work_menu_icon_btn{
	  background-color: #c6252c;
    color: #fff;
    font-family: nanumgothic;
    font-size: 6pt;
    font-weight: 100;
    padding: 4px 6px 4px 8px;
    border-radius: 50%;
    position: relative;
    top:6px;
    float:right;
    display: inline-block;
	}


.service_work_menu>dl>dd{
	  margin: 0;
    font-weight: 600;
    height: auto;
    color: #cccccc;
    cursor: pointer;
}
.service_work_menu>dl>dd>div:hover{
	color:#80000d;

}

.service_work_menu>dl>dd>a{
	margin:0;
	text-indent:1em;
	padding:20px;
}
.service_more_btn_wrap{width: 100%; margin: 20px 0;display: inline-block;}
.more_btn_wrap{width: 100%; margin: 7% 0;display: inline-block;}

.main_client_contents_more{padding-top: 10%;}

.contect_tel{ /* float: left; */  width: 69%; text-align: left; display: inline-block;}
.map_more_btn{color:#fff;font-size:1.2rem; letter-spacing:3px; display: inline-block;}

.more_btn{color:#fff; border: 1px solid #fff; padding: 15px 70px; font-size:1.3rem; letter-spacing:3px; display: inline-block;}
.more_btn_red {color:#c6252c !important; border:1px solid #c6252c; padding:15px 70px; font-size:1.3rem;letter-spacing:3px;display: inline-block;}


/*WORK*/
.work_contents_bg{background: #fff;}
.work_contents{width:1100px;height:auto;color:#a8a8a8; padding-top:2%; display: block;}
/*.work_contents:before{ content:""; padding-top:4%; display: block;}*/


.work_menu{font-size:14pt;font-weight:800;width:1020px;display:inline-block;margin-left:0px;}

.work_menu>ul{width:100%;display:inline-block;float:left;}

.work_menu>ul>li{
	  /*float: left;*/
    margin:0  0.8% 20px 0;
    vertical-align: bottom;
    display: inline-block;
    cursor:pointer;
}
.work_menu>ul>li:last-child{margin-right:0;}
.work_menu>ul>li>a{
	  color: #a8a8a8;
    cursor:pointer;
    padding:0 5px 5px 5px;
    border-bottom:3px solid #e6e6e6;
    font-weight: bold;
    font-family: nanumgothic;
		letter-spacing: -1px;
}
.work_menu>ul>li:hover>a,
.work_menu>ul>li:focus>a,
.work_menu>ul>li:active>a,
.work_menu>ul>li.active>a{color:#c6252c;border-bottom:3px solid #c6252c;}




.work_menu>ul>li:last-child{/*margin-top:65px;*/}
.work_icon_btn{
	  background-color: #c6252c;
    color: #fff;
    font-family: nanumgothic;
    font-size: 6pt;
    font-weight: 100;
    padding:4px 6px 5px 6px;
    margin-left:10px;
    border-radius: 50%;
    position: relative;
    top:-3px;
    display: inline-block;
	}
.work_submenu1,.work_submenu2,.work_submenu3,.work_submenu4,.work_submenu5{
		width: 1020px;
    text-align: left;
    margin-left: 0px;
    letter-spacing: 1px;
    line-height: 1.5;
    letter-spacing:0.5px;
    display: inline-block;
    margin-bottom:20px;
    padding-left:15px;
    font-size:11pt;
    position: relative;
  }
.work_submenu1>ul>li,
.work_submenu2>ul>li,
.work_submenu3>ul>li,
.work_submenu4>ul>li,
.work_submenu5>ul>li{
	  float: left;
    /*padding-top: 10px;
    margin-right: 100px;
    vertical-align: bottom;*/
    display: inline-block;
    position: relative;
    z-index: 1;
    /*margin-top:70px;
    margin-bottom:40px;*/
}
.work_submenu1>ul>li>a,
.work_submenu2>ul>li>a,
.work_submenu3>ul>li>a,
.work_submenu4>ul>li>a,
.work_submenu5>ul>li>a{
		font-weight:500;
		color: #c6252c;
    cursor:pointer;
    font-size:10pt;
    height:24px;
		padding:5px 14px 0px 14px;
    font-size:11pt;
    font-family:nanumgothic;
    line-height: 30px;
    margin-left:9.5px
}

.work_submenu1>ul>li:focus>a,.work_submenu1>ul>li:active>a,.work_submenu1>ul>li.active>a,
.work_submenu2>ul>li:focus>a,.work_submenu2>ul>li:active>a,.work_submenu2>ul>li.active>a,
.work_submenu3>ul>li:focus>a,.work_submenu3>ul>li:active>a,.work_submenu3>ul>li.active>a,
.work_submenu4>ul>li:focus>a,.work_submenu4>ul>li:active>a,.work_submenu4>ul>li.active>a,
.work_submenu5>ul>li:focus>a,.work_submenu5>ul>li:active>a,.work_submenu5>ul>li.active>a{
		color:#c6252c;
		padding:4px 16px;
    border:1px solid #c6252c;
    background-color:#fff;
  	border-radius:5px;
    font-weight:800;
    font-family:nanumgothic;
  }

.work-movie{
    display: inline-block;
    width: 1020px;
}

.squaer,.squaer2,.squaer3,.squaer4,.squaer5{width:62px;height:24px;border:1px solid black;    position: absolute;
    top:2px;left:25px;z-index:0;
    transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    transition-delay:0.35s;
		-webkit-transition-delay:0.35s;
    border:1px solid #f3898e;
  	border-radius:5px;
}
.centerline{margin: 0 15px;}

/*20170113수정stat*/
.work_off{display: inline-block;width:1020px}

.work_off>ul>li{
    display: inline-block;
    width: 255px;
    float: left;
}


.work_off>.work-movie>li{
    display: inline-block;
    width: 100%;
    float: left;
}


/*.work_off>ul>li>img{float:left; margin:10px;}*/
.work_thumb_info_wrap{float:left; margin:3px;position:relative;border:1px solid #cccccc;}
.work_thumb_info_wrap>.img_wrap>img{width:235px;}
.movie_thumb{width:330px;height:228px;background-color:#e6e6e6;overflow:hidden;}
.off_thumb{width:330px;height:228px;background-color:#e6e6e6;border:0px solid #e6e6e6}
.work_thumb_info{
	  position: absolute;
    top: 0;
    left: 0px;
    background-color: rgba(198,37,44,1);
    color: #fff;
    font-size: 12pt;
    width: 100%;
    height: 100%;
    /* padding-top: 305px; */
    opacity: 0;
}


.main_work_thumb_info_wrap02{
	float:left;
	margin:0.6%;
	position:relative;
	width:530px;
	height:191px;
	overflow: hidden;
	color:#fff;
	padding-top: 100px;
	font-size: 1rem;
	}

.main_work_thumb_info_wrap03{
		float:left;
		margin:0.6%;
		position:relative;
		width:349px;
		height:191px;
		overflow: hidden;
		color:#fff;
		padding-top: 100px;
		font-size: 1rem;
		}
.main_work_thumb_info_wrap03 h2,.main_work_thumb_info_wrap02 h2{font-weight:100;}
.paddingTop0{
	padding-top:0px !important;
	height:291px;
}

.bg01{background:url(../img/re/main_work_re01.png) no-repeat center;}
.bg02{background:url(../img/re/main_work_re02.png) no-repeat center;}
.bg03{background:url(../img/re/main_work_re03.png) no-repeat center;}
.bg05{background:url(../img/re/main_work_re05.png) no-repeat center;}
.bg06{background:url(../img/re/main_work_re06.png) no-repeat center;}
.bg07{background:url(../img/re/main_work_re07.png) no-repeat center;}
.bg08{background:url(../img/re/main_work_re08.png) no-repeat center;}
.bg09{background:url(../img/re/main_work_re09.jpg) no-repeat center;}
.bg10{background:url(../img/re/main_work_re10.jpg) no-repeat center;}


.main_md_thumb_info,.main_btl_thumb_info{
	  position: absolute;
    top: 0;
    left: 0px;
    background-color: rgba(198,37,44,0.5);
    background-size:100%;
    color: #fff;
    font-size: 1rem;
    width: 100%;
    height: 241px;
    padding-top: 50px;
    opacity: 0;
	}
.main_md_thumb_info{animation: md 10s linear infinite;animation-direction:normal;}
@keyframes md{
	2% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	7% {opacity:1;animation-iteration-count:infinite;}
	12% {opacity:0;animation-iteration-count:infinite;}
}
.main_btl_thumb_info{animation: btl 10s linear infinite;animation-direction:normal;}
@keyframes btl{
	16% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	21% {opacity:1;animation-iteration-count:infinite;}
	26% {opacity:0;animation-iteration-count:infinite;}
}
/*.main_md_thumb_info:hover,.main_btl_thumb_info:hover{
	opacity:1;
  /*animation:work_img 0.1s linear;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}*/



.main_on_thumb_info,
.main_off_thumb_info,
.main_movie_thumb_info,
.main_brand_thumb_info,
.main_pop_thumb_info{
	  position: absolute;
    top: 0;
    left: 0px;
    background-color: rgba(198,37,44,0.6);
    background-size:100%;
    color: #fff;
    font-size: 1rem;
    width: 100%;
    height: 241px;
    padding-top: 50px;
    opacity: 0;

}


.main_off_thumb_info{animation: off 10s linear infinite;animation-direction:normal;}
@keyframes off{
	30% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	35% {opacity:1;animation-iteration-count:infinite;}
	40% {opacity:0;animation-iteration-count:infinite;}
}
.main_pop_thumb_info{animation: pop 10s linear infinite;animation-direction:normal;}
@keyframes pop{
	44% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	49% {opacity:1;animation-iteration-count:infinite;}
	54% {opacity:0;animation-iteration-count:infinite;}
}
.main_brand_thumb_info{animation: brand 10s linear infinite;animation-direction:normal;}
@keyframes brand{
	58% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	63% {opacity:1;animation-iteration-count:infinite;}
	68% {opacity:0;animation-iteration-count:infinite;}
}
.main_movie_thumb_info{animation: movie 10s linear infinite;animation-direction:normal;}
@keyframes movie{
	72% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	77% {opacity:1;animation-iteration-count:infinite;}
	82% {opacity:0;animation-iteration-count:infinite;}
}
.main_on_thumb_info{animation: on 10s linear infinite;animation-direction:normal;}
@keyframes on{
	86% {opacity:0;animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;}
	91% {opacity:1;animation-iteration-count:infinite;}
	96% {opacity:0;animation-iteration-count:infinite;}
}

/*.main_on_thumb_info:hover,
.main_off_thumb_info:hover,
.main_movie_thumb_info:hover,
.main_brand_thumb_info:hover,
.main_pop_thumb_info:hover{
	opacity:1;
  animation:work_img 0.1s linear;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}*/



#work_tab_0{display:table;width:100%;position: relative;top: 30%;}
.work_thumb_info>div{display:none; width:100%; padding:10% 0;position: relative; top: 15%;}
#work_tab_2{display:table;width:100%;position: relative; top: 15%;}
/*20170113수정end*/
.work_sub_tap{
    display: inline-block;
    padding-top: 4px;
    margin-left: 20px;
}

.work_thumb_info_wrap img{width:100%;}

.work_thumb_info>div>hr{
	  width: 50px;
    border: 1px solid;
    display: inline-block;
    /* padding-top: 1px; */
    margin-bottom: 35px;}
.work_thumb_info>div>b{opacity:0.9;}

/*20170113 수정 stat*/
.work_popup,.work_popup3{
	position:fixed !important;
	max-height: 850px;
	overflow-x: hidden !important;
	height: 100%;
}
#popUpDiv1-1,#pro_popUpDiv1-1,#popUpDiv2-1{overflow: auto !important;}
.move-wrap{/*display: table-cell;*/vertical-align: middle;}
.movieTop100{top:100px !important;}
.work_pop_title{
		background: rgba(198,38,44,0.75);
    padding:2% 2% 1.5%;
    font-size: 2em;
    color: #fff;
	}
.work_pop_title>ul{font-family:'Noto';}

@media (max-width:1100px){
	.work_popup,.work_popup3{width:80%; height: auto !important; max-height: 1300px; left:10% !important; top:15% !important;}
	}
}
.popUp_common{padding:25px 15px;}

.popUp_common>li{width:485px;display:inline-block;float:left;text-align:center;}
.move-wrap>img{width:100%;}
.popUp_common>li>img{width:485px;height:auto;/*height:630px;*/border: 1px solid #e4e4e4;}
.popUp_common>li>div{padding: 60% 0;font-size:11pt;}
/*20170113 수정 end*/

#close,#close2,#close3{
	position:absolute;
	z-index: 9003;
	vertical-align:top;
	margin-top:50px;
	}
.button.b-close, .button.bClose {
    position: absolute;
    z-index: 9003;
    left: 888px;
    top: 0px;
    cursor: pointer;
}

.btn_LEADMORE{
    border: 1px solid #c6252c;
    padding: 15px;
    margin: 20px auto;
    width: 440px;
    font-size: 13pt;
    color: #c6252c;
    border-radius: 10pt;
    display: inline-block;
}

/*product*/
.product_simple{margin-top:0px;width:1020px;display:inline-block;}
.product_simple>ul{}
.product_simple>ul>li{
	margin-bottom: 35px;
	color: #6f6f6f;
	font-size: 13pt;
	font-family: Noto;
	font-weight: 100;
	line-height: 1.3;
}
.product_simple>ul>li>img{margin:10px 0;}
.product_simple>ul>li>h3{font-family:Noto;font-weight:100;font-size: 1.8rem;margin-bottom: 20px; color: #292929;}
.product_simple>ul>li>h3>span:first-child{color:#d4502a;}
.product_simple>ul>li>h3>span{font-family:Noto;font-weight:800;}
.product_simple>ul>li>p{color: #292929;margin:20px 0 30px;    letter-spacing: -0.5px;font-family:Noto;font-weight:100;font-size:1.8rem;display:block;}
.product_simple>ul>li>p>span{color: #fff; vertical-align: middle;
    padding:9px 5px 0;-webkit-padding-before:0;-webkit-padding-after:0;
		 background-color: #9f1d1e; font-family: Noto; font-weight: 800;}
.product_simple>ul>li>p>span:nth-child(3){color:#9f1d1e; background-color:#fff;font-family: Noto; font-weight: 800;}
.product_simple>ul>li>ul>li{color:#c6252c;display:inline-block;float:left;width:140px;text-align:left;}
.product_simple>ul>li>ul>li:nth-child(1){padding-right:20px;}
.product_simple>ul>li>ul>li:nth-child(2){width: 90px;
    border-left: 1px solid #c2c2c2;
    padding: 25px 5px 20px 5px;
    text-align: center;
    font-weight: 800;}
.product_simple>ul>li>ul>li:last-child{/*width:45%;*/width:100%;text-align:center;}
.product_simple>ul>li>ul>li:last-child>p{border:1px solid #c6252c;width:45%;float:left;text-align:center;border-radius: 11px;
    padding: 7px;}
.product_simple>ul>li>ul>li:last-child>p>.icon{margin-right:10px;vertical-align:-3px;}
.product_simple>ul>li>ul>li:last-child>p>.icon:last-child{vertical-align:middle;}
.product_simple>ul>li>ul>li:last-child>p:last-child{/*margin-top:15px;*/margin-left:10px;}

/*client*/
span,img:after{display:inline-block; content:""; clear:both; }
.client_title{    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding:55px 30px;
    margin-bottom: 30px;}

.client_logos{padding:80px 0; background: #fff;}


/*contect*/
 .contect_title_height{height:400px}
.contect_map_wrap{background-color:#fff;width: 100%;text-align: center;}
.contect_map{background-image:url(../img/service_bg.gif);padding-bottom:80px;width:1045px;height:600px;}
.contect_height{
	width:100%;
	height: auto;
	display: inline-block;
	padding:70px 0 50px 0;
	color:#fff;
	background:url(../img/main_map_bg.png) center;
}
.contect_height>ul{width:1050px;margin: 0 auto;}
.contect_height>ul li{display:inline-block;float:left;width:500px;color:#fff !important;}
.contect_tel02{font-size: 1.3em;}
.contect_tel02_main{font-size: 1.9em;
    margin-left: 20px;
    vertical-align: middle;}

/*foot*/
.foot{width:100%;height:auto;padding:34px 0;border-top: 1px solid #e7e7e7;background-color: #f5f5f5 }
.foot-bg{width:1020px;height:81px;}
.foot-bg>ul>li{display:inline-block;text-align:left;}
.foot-bg>ul>li:last-child{
	width:600px;
		padding: 0 40px;
    border-left: 1px solid #d6d6d6;
    letter-spacing: 0.4px;
    font-size: 10pt;
    font-weight: 500;
    line-height: 1.5;}
.foot_logo{padding:0 20px 20px 20px;}
.foot_text{width:100%;font-size:11px;color:#818383;font-weight:500;font-family:Myriad;}