/*top bg*/
.top_bg{
	margin-top: 73px;
	position: relative;
	height: 250px;
	
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	text-align: center;
}
.top_bg_text{
	
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	line-height: 100px;
	padding-top: 45px;
}
.top_bg_line{
	border-top: 3px solid #ffffff;
	width: 88px;
	margin: 0 auto;
}

#main_product {
    position: relative;
    background-color: #ffffff;
    padding: 3.7% 0 0;
    overflow: hidden;
}

#main_product h1.h1 {
    position: relative;
    margin-bottom: 3.2%;
    text-transform: uppercase;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
	font-weight: bold;
}

.tab_type {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.tab_type ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../img/main/bg_tab_line.gif) 0 2px no-repeat;
    padding-left: 12px;
    margin-left: 9px;
	background-position: left;
}
.tab_type ul li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.tab_type ul li a {
    font-size: 14px;
    display: inline-block;
    color: #333333;
	font-weight: 600;
}

.tab_type ul li.on a, .tab_type ul li:hover a {
    color: #53c2db;
	text-decoration: none;
	border-bottom: 2px solid #53c2db;
}


.bannerType1 .viewport {
    position: relative;
}


.bannerType1{}
.bannerType1 .next,
.bannerType1 .prev{ position: absolute; top: 50%; margin-top: -100px; z-index: 3; }
.bannerType1 .prev {left:-5.5%;}
.bannerType1 .next {right:-5%;}

.bannerType1 .viewport{ position: relative;  }
.bannerType1 .viewport > #good1{min-height: 400px; overflow: hidden;  max-width: 1170px; margin: 0 auto; vertical-align: top; }

.bannerType1 .viewport > #good1 > .recentBox{
	display: inline-block; 
	*display: inline; 
	*zoom: 1;
	vertical-align: top; 
	word-wrap:break-word; 
	width: 32.3%; 
	margin: 0 0.5% 2%; 
	white-space:normal;  
	cursor:pointer;
	
}
.bannerType1 .viewport > #good1 >  .noDataBox{ width: 100% !important; position: absolute; left: 0 !important; top: 20% !important; text-align: center !important; padding: 20px; height: 100px; font-size: 18px;}
.bannerType1 .viewport > #good1 > .recentBox.btn_more{
	border: 1px solid #dcdedc;
	padding-right: 1px;
	/*margin-bottom: 120px;*/ 
}
.bannerType1 .viewport > #good1 > .recentBox.btn_more a{display: block; }
.bannerType1 .viewport > #good1 > .recentBox.btn_more  span{ position: relative;  left: 0;  top: 0; display: block; }
.btn_more img{max-width: 100%;}
.bannerType1 .viewport > #good1 > .recentBox .photo img{
  /*width: 100%;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
	*/
   }


.bannerType1 .viewport > #good1 > .recentBox.btn_more div.btn_more_txt2{
	background-color: #ffffff;
	color:#000;
	height: 96px;
	padding: 1% 4.1% 0;
	word-break:break-all;
	font-size: 15px;
}

.bannerType1 .viewport > #good1 > .recentBox .photo:hover img{
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    transform: scale(1.09)
  }



.bannerType1 .viewport > #good1 > .recentBox .inr {
    padding-bottom: 1px;
    background-color: #fff;
    border: 1px #dcdedc solid;
	padding-right: 1px;
}

.bannerType1 .viewport > #good1 > .recentBox .photo {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 66%;
}

.bannerType1 .viewport > #good1 > .recentBox .cont {
    height: 102px;
    background-color: #fff;
    padding: 5% 4.1% 0;
    overflow: hidden;
}

.bannerType1 .viewport > #good1 > .recentBox .cont .h1 {
    margin-bottom: 5%;
    font-size: 15px;
    line-height: 14px;
    font-weight: 700;
	margin-top: 0px;
}

.bannerType1 .viewport > #good1 > .recentBox .cont .h1 .kr {
    margin-top: 10px;
    display: block;
    font-size: 13px;
    color: #888;
    font-weight: normal;
}



.bannerType1 img {
    /*max-width: 100%;*/
    height: auto;
}

.cover_link{  
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 2;  
	background-color: rgba(0, 0, 0, 0.8);  
	background-image: url(../img/main/ico_link.png); 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
   
} 


.portfolioStamp{ display:none; width: 100%; min-height: 300px; margin-bottom: 40px; background-color: #fff;  position: absolute; left: 0; top: 500px; z-index: 92;  }
.portfolioStamp .box_cont{ width: 1260px; margin: 0 auto; position: relative;}
.portfolioStamp .box_cont .inner{padding: 40px 20px;}
.portfolioStamp .box_cont .inner:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.portfolioStamp .box_cont .inner .bxslide_pro{ min-height: 260px; outline:1px #dcdcdc solid; }
.portfolioStamp .box_cont .inner .close{ position: absolute; right: 0; top: 24px; opacity: 0.5;}
.portfolioStamp .box_cont .inner .group .cont .lst > li{ margin-top: 12px; position: relative; padding-left: 114px; }
.portfolioStamp .box_cont .inner .group .cont .lst > li:first-child{margin-top: 0;}
.portfolioStamp .box_cont .inner .group .cont .lst > li > strong{ position: absolute; left: 0; top: 0;  }
.portfolioStamp .box_cont .inner .group .cont .lst > li > span{ display: block; }
.portfolioStamp .box_cont .inner .group .cont .lst > li.line{margin-top: 30px; border-top: 1px solid #d4d4d4; padding-top: 29px;}
.portfolioStamp .box_cont .inner .group .cont .lst > li.line strong{top: 29px;}


.portfolio_row .subject{
	font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000 !important;
}

.portfolio_row .content{
	margin-top: 20px;
}
.portfolio_row .content .title{
	font-size: 18px;
	color: #53c2db;
	font-weight: bold;
}

/*포트폴리오 end */


.modal_bx{
	width: 67%;
	margin: 0 auto;
}

label.agree_label {
  display: inline !important;
  font-size: 13px !important;
}

#_modal .close{
  position: absolute;
  top: 10px;
  right: 10px;
}
#_modal .modal-title{
  font-weight: 600;
  color: #000;
  font-size: 16px;
}
#_modal ._modal_top_text{
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  /* line-height: 50px; */
  margin: 20px 0px;
}

#cover, .cover, #coverBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 80;
    background-color: rgba(0, 0, 0, 0.7);
    /*background-image: url(trg.png);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
}


.input_title{
	
    font-weight: bold;
	height: 30px;
}

.input_title > span.txt{
	font-size: 17px;
    font-weight: bold;
	height: 30px;
}

.input_title > span.emp{
	font-size: 20px;
    font-weight: bold;
	color: #ff0000;
}
.btn_confirm {
    text-align: center;
    margin: 50px 0px;
}

.btn_confirm .btn_submit {
    padding: 10px 45px;
    border: 1px solid #000;
    background: #ffffff;
    color: #000;

    letter-spacing: -0.1em;
    cursor: pointer;
}

.btn_confirm .btn_submit:hover{
    border: 1px solid #53c2db;
    background: #53c2db;
    color: #ffffff;
}



////////////////

.btn_site {
    text-align: center;
    margin: 50px 0px;
}

.btn_site .site_go {
    padding: 10px 45px;
    border: 1px solid #000;
    background: #000;
    color: #ffffff;
	font-weight: bold;
	float: right;
    cursor: pointer;
}

.btn_site .site_go:hover{
    border: 1px solid #000000;
    background: #ffffff;
    color: #000000;
	text-decoration: none;
}


.s_middle {
	
    position: relative;
}

.company_bg {
    position: absolute;
    top: 80px;
    right: 0;
    z-index: -1;
}
.company_bg .bgpos {
    position: relative;
}

.company_bg p.bgp01 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 170px;
	opacity: 0.8;
    animation: animation01 2s ease 0.3s infinite alternate;
}


.company_bg p.bgp02,.company_bg p.bgp03 {position: absolute;top: 0px;right: 0px;width:600px;opacity: 0.1;}
.company_bg p.bgp02 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 100s linear 0.3s infinite alternate;
}
.company_bg p.bgp03 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 40s linear 0.3s infinite alternate;

}
.company_bg p.bgp04,.company_bg p.bgp05 {position: absolute;top: 944px;right: 866px;width: 300px;opacity: 0.2;}
.company_bg p.bgp04 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 100s linear 0.3s infinite alternate;
}
.company_bg p.bgp05 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 40s linear 0.3s infinite alternate;
}




.service_bg p.bgp01 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 170px;
	opacity: 0.8;
    animation: animation01 2s ease 0.3s infinite alternate;
}


.service_bg p.bgp02,.service_bg p.bgp03 {position: absolute;top: -27px;right: -135px;width:290px;opacity: 0.5;}
.service_bg p.bgp02 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 200s linear 0.3s infinite alternate;
}
.service_bg p.bgp03 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;


	animation: animationrotate 20s linear 0.3s infinite alternate;
	z-index: -1;
	
/*
	animation-name : animationrotate,animation01;
	animation: animation01 2s ease 0.3s infinite alternate;
	animation: animation01 10s linear 0.3s infinite alternate;
*/
}
.service_bg p.bgp04,.service_bg p.bgp05 {position: absolute;top: 918px;right: 970px;width: 300px;opacity: 0.8;}
.service_bg p.bgp04 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 100s linear 0.3s infinite alternate;
}
.service_bg p.bgp05 {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 4000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation: animationrotate 40s linear 0.3s infinite alternate;
}


@keyframes animation01{
	from {transform: rotate(0, 0);}
	to {transform: translate(50px, 100px);}

}
@keyframes animationrotate{    
	from { transform: rotate(0deg); } 
	to { transform: rotate(360deg) translate(40px, 90px);  }
}
@keyframes animationrotate02{    
	from { transform: rotate(360deg); } 
	to { transform: rotate(0deg);  }
}
.ani_img{
	border: none;
    max-width: 100%;
}


.tech_top_menu{
	border-bottom: 1px solid #d7d7d7; 
	
	width: 100%;
}
.tab_type1 {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.tab_type1 ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../img/main/bg_tab_line.gif) 0 2px no-repeat;
    padding-left: 12px;
    margin-left: 9px;
    background-position: left;
}

.tab_type1 ul li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.tab_type1 ul li a {
    font-size: 16px;
    display: inline-block;
    color: #333333;
    
	padding-bottom: 10px;
}

.tab_type1 ul li.on a, .tab_type1 ul li:hover a {
    color: #53c2db;
    text-decoration: none;
    border-bottom: 2px solid #53c2db;
}

.tab_type1 ul li.on a, .tab_type1 ul li:hover a {
    color: #53c2db;
    text-decoration: none;
}

.technique_con{text-align: center; margin: 100px 0 300px 0;}


.history_w h2 {
    margin-bottom: 15px;
	margin-top: 60px;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
	font-weight: bold;

}
.history_new{
	margin: -1% 0 0 -1%;
    display: flex;
    flex-wrap: wrap;
}

.history_new > dl {
    float: left;
    width: 24%;
    margin: 1% 0 0 1%;
	white-space: nowrap;
	line-height: 22px;
    color: #696969;
    padding: 20px;
    position: relative;
}

.history_w dl dt {
    padding-top: 2px;
    color: #000;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 10px;
	
}

.history_new > dl > dd{
	font-size: 14px;
	letter-spacing: -1px;
}


.history_new > dl > dt > img{
	display: block;
    margin-bottom: 10px;

}
.m_page_txt{
	padding: 20px;
	font-size: 14px;
	/*letter-spacing: -1px;*/
}
.m_page_img{
	text-align: center;
	margin-top: 80px;
}

.bada_plat_con > h2{
	font-size: 24px;
	color: #436992;
	font-weight: bold;
}
.bada_plat_con ul li{
	font-size: 14px; 
	letter-spacing: -1px;
	padding: 5px;
	color: #696969;
}

.plat_contact{
	margin-top: 80px;
	background-color: #474747;
	height: 100px;
	padding: 13px;
}

.plat_contact > div{
	color: #ffffff;
	width: 500px;
	margin: 0 auto;
	line-height: 24px;
	
}

.plat_contact > div > div:first-child{
	margin-right: 20px;
	
}

.plat_contact > div > .detail{
	font-size: 14px;
	letter-spacing: -1px;
	
}

.wrap {position: absolute;left: 75px;bottom: -32px;width: 288px;height: 73px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 286px;height: 62px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;margin: 13px 0 0 68px;height: 68px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.info .img {position: absolute;top: 6px;left: 5px;width: 53px;height: 51px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}



.company_info{margin-top: 50px;}
.company_info > h1 {font-size: 18px; font-weight: bold; color: #53c2db;}
.company_info .company_detail{margin-top: 20px;}
.company_info .company_detail .company_subject > span{margin-right: 20px;}
.company_info .company_detail .company_content{margin-left:10px; margin-top: 10px;}
.company_info .company_detail .company_content > p {font-size: 14px;}


input[type="file"] {
    display: inline-block !important;
}
.hidden_file{
	margin-top: 8px;
}

.iq_top_title{
	margin-bottom: 80px;
}

.iq_top_title > h1{
	font-size: 26px;
	margin-top: 20px;
	
}
.iq_top_title > h1 > span{
	color: #53c2db;
}


/* SERVICE */

.navi_dp1_list> {
    zoom: 1;
    font-size: 14px;
}


.navi_dp1_list>.navi_dp1 {

    position: relative;
}

.navi_dp1_list>.navi_dp1>a {
    position: relative;
    display: block;
    padding: 0 20px;
    width: 118px;
    height: 48px;
    line-height: 48px;
    /* border-right: 1px solid #e5e5e5; */
    text-decoration: none;
	color: #333;
}



.navi_dp1_list>.navi_dp1>a {
    width: 296px;
    padding: 0px 12px;
    overflow-x: hidden;
}

.navi_dp1_list>.navi_dp1:first-child>a {
    border-left: 1px solid #e5e5e5;
}


.navi_dp2_list {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    z-index: 10;
}


.navi_dp1_list>.navi_dp1:first-child .navi_dp2_list {
    left: 0;
}


.navi_dp2_list>.navi_dp2>a {
    display: block;
    padding: 15px 20px;
    width: 305px;
    text-decoration: none;
	color: #333;
}


.navi_dp1_list>.navi_dp1>a:after {
    position: absolute;
    content: '';
    top: 50%;
    /* right: 20px; */
    right: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000000;
}

.navi_dp1_list>.navi_dp1.active>a:after {
    position: absolute;
    content: '';
    top: 50%;
    /* right: 20px; */
    right: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #000000;
    border-top: none;
}

.service_pc_tab{display: block;}
.navi_dp1_list{display: none;}
.service_mobile_tab{display: none;}

.m_margin50{margin-top: 50px;}
.m_margin120{margin-top: 120px;}
.m_margin100{margin-top: 100px;}
.m_margin_1_50{margin-top: 50px;}
.m_margin_2_50{margin-top: 50px;}
.m_margin80{margin-top: 80px;}