@charset "utf-8";

.fw200{font-weight: 300;}
.fw600{font-weight: 600;}
.c008bd4{color:#1dab9a;}

#m_container{margin-top: 90px;}
.m_visual{height:955px;width:100%;z-index:1; position:relative;}
.m_visual ul.m_visual_box{overflow:visible;height:955px;}
.m_visual ul li{display: block; width:100%; height: 955px;}
.m_visual ul li a{display: block; width:1100px; height: 100%; margin:0 auto;}
.m_visual .m_visual_01{background: url(/images/m_visual_01.jpg) no-repeat center center;}
.m_visual .m_visual_02{background: url(/images/m_visual_02.jpg) no-repeat center center;}
.m_visual .m_visual_03{background: url(/images/m_visual_03.jpg) no-repeat center center;}
.m_visual .m_visual_04{background: url(/images/m_visual_04.jpg) no-repeat center center;}
.m_visual .bx-viewport{z-index:1;}
.m_visual .bx-controls{margin:0 auto; width:300px;}
.m_visual .bx-pager div{float:left; background:#000;}
.m_visual .bx-pager a{display:block;width:15px;height:15px;background:green;border-radius:8px;text-indent:-9999em}
.m_visual .bx-pager a:hover,.m_visual .bx-pager a.active{background:blue;}
.m_visual .bx-controls-direction a{position:absolute;}
.m_visual .bx-controls-direction a.bx-prev {width:80px; height:80px; background:url(/images/btn_prev.png) 0 0 no-repeat; position:absolute; z-index:999; top:43%; left:30px; text-indent:-999em;}
.m_visual .bx-controls-direction a.bx-next {width:80px; height:80px; background:url(/images/btn_next.png) 0 0 no-repeat; z-index:999; top:43%; right:30px; text-indent:-999em;}

.m_visual_txt{ width:1100px; margin: 0 auto; color:#fff; padding-top: 150px;}
.m_visual_txt .m_visual_en{font-family :'Titillium Web',sans-serif; font-size: 60px; font-weight: 700; line-height: 1.1em; text-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.m_visual_txt .m_visual_ko{font-size: 18px; font-weight: 200; letter-spacing: -1px; margin-top: 20px; text-shadow:0px 0px 10px rgba(0,0,0,0.3);}


/*	CONT COMMON*/
.m_contents{width:100%;}
.m_tit{text-align: center; margin-bottom: 32px;}
.m_tit h2{font-family :'Titillium Web',sans-serif; font-size: 48px; color:#000; font-weight: 200; line-height: 1.0em;}
.m_tit .m_tit_bar{width:30px; height: 1px; background-color:#ddd; margin: 24px auto;}
.m_tit .m_tit_txt{font-size: 14px; font-weight: 300;}



/*BUSINESS AREA*/
.m_biz{width:100%;  padding:60px 0;}

.m_biz .m_biz_box{width:1200px; margin: 0 auto;}
.m_biz .m_biz_box:after{display: block; clear:both; content: '';}
.m_biz .m_biz_box ul li{display: block; float:left;width:400px; height: 188px; -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.07);-moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.07);box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.07);}
.m_biz .m_biz_box ul li a{display: block; width:100%; height: 100%; background-color: #fff;  background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.m_biz_box_01 a{background-image:url(/images/m_ico_01_off.png);}
.m_biz_box_02 a{background-image:url(/images/m_ico_02_off.png);}
.m_biz_box_03 a{background-image:url(/images/m_ico_03_off.png);}
.m_biz_box_04 a{background-image:url(/images/m_ico_04_off.png);}
.m_biz_box_05 a{background-image:url(/images/m_ico_05_off.png);}
.m_biz_box_06 a{background-image:url(/images/m_ico_06_off.png);}
.m_biz_box_tit{padding-left: 30px; font-weight: 600; font-size: 20px;}
.m_biz_box_txt{font-size: 14px; color:#333; font-weight: 300;padding-left: 30px;padding-top: 10px;}
.m_biz_more{width:41px; height: 41px; background-image:url(/images/m_biz_more_off.png); position: absolute; bottom:40px; left:30px;}
/*.m_biz .m_biz_box ul li a:hover{background-color: #04aced; color:#fff;}
.m_biz .m_biz_box ul li a:hover .m_biz_box_txt{color:#fff; font-weight: 400;}*/

@media screen and (min-width:1024px){
	.m_biz .m_biz_box ul li a{background-size: }
}


/*PORTFOLIO*/
.m_portfolio{width:100%; background-image:url(/images/m_portfolio_bg.jpg); background-repeat: no-repeat;background-size: cover;}
.m_portfolio_cont{width:1200px; margin: 0 auto;}
.m_portfolio_cont:after{display: block; clear:both; content: '';}
.m_portfolio_img{width:50%; float:left;} 
.m_portfolio_txt{padding-bottom: 30px;}
.m_portfolio_txt .m_tit h2{ color:#fff; padding-top: 60px;}
.m_portfolio_txt .m_tit .m_tit_bar{margin: 24px auto;}
.m_portfolio_l{color:#fff; font-size: 24px; font-weight: 200; text-align: center;}
.m_portfolio_s{color:#fff; font-size: 16px; text-align: center;}
.btn_more{color:#fff; font-size: 14px; font-weight: 600; display: block; border: 2px solid #fff; width:150px; height: 40px; line-height: 40px; margin: 30px auto; text-align: center; margin-top: 30px;}
.btn_more:after{content:""; display: block; clear: both;}


/*CONTACT US*/
.m_contact_us{width:100%; padding-top:100px; background-image:url(/images/m_contact_bg.gif); background-repeat: repeat-x; background-position: center 400px ;}
.m_contact_btn{width:1200px; margin: 0 auto;}
.m_contact_btn:after{display: block; clear:both; content: '';}
.m_contact_btn li{width:400px; height:250px; float:left; display: block;}
.m_contact_btn li a{width:100%; height: 100%; display: block; position: relative;}
.m_contact_btn li a p{color:#fff; padding-left:30px;}
.m_contact_btn li a .m_contact_tit{font-family :'Titillium Web',sans-serif; font-size: 24px; font-weight: 600; padding-top: 40px;}
.m_contact_btn li a .m_contact_txt{font-size: 16px;}
.m_contact_box_01{background-image:url(/images/m_contact_01.jpg);}
.m_contact_box_02{background-image:url(/images/m_contact_02.jpg);}
.m_contact_box_03{background-image:url(/images/m_contact_03.jpg);}
.m_contact_more{width:41px; height: 41px; background-image: url(/images/m_contact_more.png); position: absolute; bottom:40px; left:30px;}


/*Where We Go*/
.m_where{width:100%; background-color: #fff;}
.m_where_cont{width:1200px; margin: 0 auto;}
.m_where_cont:after{display: block; clear:both; content: '';}
.m_where_map{width:60%; float:right;} 
.m_where_map img{width:100%;}
.m_where_txt{width:40%; float:left;}
.m_where_txt .m_tit h2{text-align: left; color:#000; padding-top: 110px;}
.m_where_txt .m_tit .m_tit_txt{text-align: left; font-size: 16px;}
.m_where_txt .m_tit .m_tit_bar{margin: 24px 0;}



/*서브페이지*/
/*회사소개*/
.sub_cont_box{letter-spacing: -1px; overflow: hidden;}
.cont_box_l{font-size: 28px; margin: 40px 0;}
.sub_cont_float{width:100%;}
.sub_cont_float:after{display: block; clear:both; content: '';}
.sub_cont_left{float:left;}
.sub_cont_right{float:right;}
.sub_cont_common_txt{line-height: 2.0em; color:#333; font-weight: 300; font-size: 16px;}
.sub_cont_s_tit{color:#333; font-weight: 600; font-size: 24px; letter-spacing: 3px; margin-top: 40px; margin-bottom: 10px;}
.sub_greetings{margin-bottom: 20px;}
.sub_greetings .sub_cont_left{width:40%; height: 370px; background-image:url(/images/greetings.jpg); background-position: center -20px;}
.sub_greetings .sub_cont_right{width:58%;}
.company_profile{width:100%;}
.company_profile:after{display: block; clear:both; content: '';}
.company_profile ul li{display: block; float:left; width:19.5%;  text-align: center; padding:40px 0; height:105px; background: #f9f9f9; margin-right: 0.5%; }
.company_profile_tit{color:#666; font-weight: 200; margin-bottom: 20px; font-size: 14px;}
.company_profile_tit span{border-bottom: 2px solid #ddd;}
.company_profile_txt{font-weight: 200; font-size: 24px;}
.company_profile_map{font-size: 16px;}


/*회사연혁*/
.history_tit{font-size: 26px; border:2px solid #ddd; padding:6px 20px; letter-spacing: 5px; font-weight: bold; width:170px; margin: 0 auto; text-align: center; margin-bottom: 50px;}
.history_wrap{position: relative; margin-top: 40px; width:100%;}
/*.history_box{position: relative;}*/
.history_box div{width:48%; padding-bottom: 45px;}
.history_box:after{display: block; clear:both; content: '';}
.history_right{float:right; text-align: left;}
.history_left{float:left; text-align: right; }
.history_blt{position: absolute; background: url(/images/history_blt.png); width:21px; height: 21px;margin-top: 4px;}
.history_right .history_blt{left:49.2%;}
.history_left .history_blt{left:49.2%;}
.history_year{font-weight: 600; font-size: 18px;}
.history_txt{color:#444; font-weight: 300; border:1px solid #e5e5e5; display: inline-block;padding:15px 13px; background:#fff; width:80%; font-size: 14px; margin-top: 15px;}
.history_right div, .history_left div{width:80%;border:1px solid #e5e5e5; border-width:1px 1px 0 1px; padding:50px 13px; margin-top: 20px; }
.history_right div{float:left; display: none;}
.history_left div{float:right; display: none;}
.history_line{width:1px; height: 92%; background: #D5D7DA; position: absolute; left: 50%; top:20px; z-index: -1;}
.history_img_01{background-image: url(/images/history_img_01.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}
.history_img_02{background-image: url(/images/history_img_02.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}
.history_img_03{background-image: url(/images/history_img_03.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}
.history_img_04{background-image: url(/images/history_img_04.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}
.history_img_05{background-image: url(/images/history_img_05.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}
.history_img_06{background-image: url(/images/history_img_06.jpg); background-position: center center; background-repeat:no-repeat; background-size: cover;}


/*기업이념*/
.line_wrap{padding: 0px 10px; float: left; overflow: hidden; width: 30%;}
.line_01 .line_title{background: url(/images/line_title_bg01.png) no-repeat center center; background-size: 100%; color: #89c547;}
.line_02 .line_title{background: url(/images/line_title_bg02.png) no-repeat center center; background-size: 100%; color: #4ab286;}
.line_03 .line_title{background: url(/images/line_title_bg03.png) no-repeat center center; background-size: 100%; color: #199485;}

.line_wrap .line_title{font-size: 30px; text-align: center; padding: 170px 0;}
.line_wrap .line_txt{color: #666; font-size: 18px; text-align: center; padding: 60px 15px; border: 1px solid #e1e1e1;}

/*조직도*/

.organization_wrap{}

.organization_wrap:after{display: block; clear:both; content: '';}
.ceo{text-align: center; font-size: 32px; font-weight: bold; margin: 0 auto; border-bottom: 1px solid #ddd; padding: 40px 0; width:68%; margin-bottom: 40px;}
.ceo span{border:2px solid #666; border-width:2px 0 2px 0;}
.division_01{width:32%; float:left; border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; position: relative;}
.division_2nd{margin: 0 1.7%; }
.division_1st .division_01_tit{background-image: url(/images/division_1st.jpg); background-position:  center center;}
.division_2nd .division_01_tit{background-image: url(/images/division_2nd.jpg); background-position:  center center;}
.division_3rd .division_01_tit{background-image: url(/images/division_3rd.jpg); background-position:  center center;}
.division_01_tit{height: 100px;color:#fff; font-size: 24px; text-indent:20px; line-height: 100px;}
.division_02{border-top: 1px solid #eee;}
.division_02_tit{font-size: 18px; font-weight: 400; color:#0086cf; margin: 20px;}
.division_work{margin: 20px 0 30px 30px;}
.division_work li{line-height: 2.0em; padding-left: 10px; display: block; background: url(/images/li_blt.gif) no-repeat 2px center;}
.division_line{position: absolute; width:1px; height: 40px; background: #ddd; left: 50%; top:-40px;}


/*파트너쉽*/
.partnership{text-align: center;}

/*오시는길*/
.cmmn_table{width:100%; border-spacing: 0; border-top: 2px solid #7ac058;margin-top: 20px;}
.cmmn_table th{padding:20px; width:20%; border-bottom:1px solid #D5D7DA;}
.cmmn_table td{padding:20px; width:80%; border-bottom:1px solid #D5D7DA; font-weight: 300;}


/*사업분야*/
.biz_cont{width:1100px; margin: 0 auto;}
.biz_img{width:100%;}
.biz_img:after{display: block; clear:both; content: '';}
.biz_img .biz_img_left{float: left; display: none;}
.biz_img .biz_img_right{/*float;right;*/}
.biz_txt{ width:90%; padding:40px 5%; margin: 30px 0; background: #f9f9f9;}
.biz_txt p{font-weight: 200; font-size: 18px; line-height: 2.0em; text-align: justify; letter-spacing: 0px;}


/*인사채용*/
.pc_pad{width:100%;}
.mb{display: none;}


/*제품소개*/
.top_product ul li{height: auto !important;}
.product_list{padding-bottom: 100px; border-bottom: 1px solid #eee; text-align: center;margin-top: 30px;}
.product_list ul:after{display: block; content: ""; clear: both;}
.product_list ul li{float: left; padding: 10px; height: 490px; padding-bottom: 20px !important; width: 33.3%;text-align: center; box-sizing: border-box;}
.product_list ul li p img{width: 100%;}
.product_list ul li> span{font-size: 18px; color: #404040; font-weight: 300;}
.bottom_txt{padding: 30px 0; font-size: 18px; width: 660px; padding: 80px 0; line-height: 1.4em; display: inline-block; *display: inline; *zoom:1; color: #404040; font-weight: 300;}

.product_list ul li h5{padding: 20px 0; font-size: 30px; font-weight: 500; line-height: 35px;}

.bottom_product ul li{width: 25%;}


.sub_tit_txt{ width: 500px; margin: 0 auto; text-align: center; }


@media screen and (max-width:1023px){
	#m_container{margin-top: 61px;}
	.dis_none{display: none;}
	.m_visual{height:95vw;}
	.m_visual ul.m_visual_box{overflow:visible; height:500px;}
	.m_visual ul li{display: block; width:100%; height:95vw; background-size: 200% !important;}
	.m_visual .bx-controls-direction a.bx-prev {width:40px; height: 40px;background-size: cover; left:10px;}
	.m_visual .bx-controls-direction a.bx-next {width:40px; height: 40px;background-size: cover; right:10px;}
	.m_visual_txt{width:80%; text-align: center;padding-top: 180px;}
	.m_visual_txt .m_visual_en{font-size:40px;}
	.m_visual_txt .m_visual_ko{font-size:16px;}
	.m_biz{padding: 56px 0;}
	.m_biz .m_biz_box{width:90%;}
	.m_biz .m_biz_box ul li{width:33%; height: 0; padding-bottom: 24%; box-sizing:border-box; margin-bottom: 0px;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow: none;}
	.m_biz .m_biz_box ul li a{height: 0; padding-bottom: 73%; background-position: center 25%; background-size: 150%;}
	.m_biz_box_tit{padding-top: 0; padding-left: 0; font-weight: 600; font-size: 18px; text-align: center; position: absolute; top:70%; margin-left:auto; margin-right:auto; left:0; right: 0; color: #fff; font-weight: 500; width: 50%; background: rgba(0,0,0,0.3);}
	.m_tit h2{font-size: 32px;}
	.m_biz_box_txt{display: none;}
	.m_biz_more{display: none;}
	.m_biz_box_02, .m_biz_box_05{margin-right: 0; margin-left: 0; /*border-left:0px !important; border-right:0px !important;*/}
	.m_biz_box_01{border-width:1px 1px 0px 1px !important;}
	.m_biz_box_04{border-width:1px 1px 1px 1px !important;}
	.m_biz_box_05, .m_biz_box_06{border-width:1px 1px 1px 0px !important;}
	/*.m_biz .m_biz_box ul li a:hover{background-color: #04aced; color:#fff;}*/

	/*포트폴리오*/
	.m_portfolio{ background-image: none;}
	.m_portfolio_cont{width:100%}
	.m_portfolio_cont:after{display: block; clear:both; content: '';}
	.m_portfolio_img{width:100%;  clear: both; text-align: center;} 
	.m_portfolio_img img{width:50%;}
	.m_portfolio_txt{width:100%;  clear: both;text-align: center;}
	.m_portfolio_txt .m_tit h2{text-align: center; color:#333; padding-top: 0px;font-size: 32px;}
	.m_portfolio_txt .m_tit .m_tit_bar{margin: 24px auto;}
	.m_portfolio_s{color:#333; font-size: 16px; text-align: center; font-weight: 300; width:90%; margin: 0 auto;}
	.btn_more{ margin: 16px auto; color:#333; border-bottom: 2px solid #333; border-width:0 0 2px 0; width:60px; height: 30px; line-height: 30px;}


	/*contact us*/
	.m_contact_us{ padding-top: 56px;}
	.m_contact_btn{width:100%;}
	.m_contact_btn li{width:33.3333%; padding-bottom: 25%; height: 0;background-position: center center; background-size: cover;}
	.m_contact_btn li a p{padding-left:10%;}
	.m_contact_btn li a{}
	.m_contact_more{display: none;}
	.m_contact_btn li a .m_contact_tit{padding-top: 10%;font-size: 16px;}
	.m_contact_btn li a .m_contact_txt{font-size: 14px;}


	/*Where We Go*/
	.m_where_cont{width:100%;}
	.m_where_map, .m_where_txt{width:100%; clear: both;} 
	.m_where_map img{width:100%;}
	.m_where_txt .m_tit h2{text-align: center; color:#000; padding-top: 56px;}
	.m_where_txt .m_tit .m_tit_txt{text-align: center; width:90%; margin: 0 auto;}
	.m_where_txt .m_tit .m_tit_bar{margin: 24px auto;}

	/*인사말*/
	.cont_box_l{font-size: 24px;}
	.sub_cont_left, .sub_cont_right{width:100%  !important;}
	.sub_cont_left{clear:left !important; margin-bottom: 20px;}
	.sub_cont_right{clear:right !important;}
	.company_profile{margin: 30px auto;}
	.company_profile ul li{width:50%; margin: 0 0 0 0; border:3px solid #fff; padding:30px 0; box-sizing:border-box; height: 150px;}
	.company_profile_txt{font-size: 18px;}
	.company_profile_map_wrap{width:100% !important; padding:20px 0 50px !important;}

	/*연혁*/
	.history_wrap{width:100%;}
	.history_box div{width:100%;}
	.history_box div div{padding:60px 0;}
	.history_right{clear:both; }
	.history_left{clear:both; text-align: left; }
	.history_blt{position: absolute; background: url(/images/history_blt.png); width:21px; height: 21px;margin-top: 4px;}
	.history_right .history_blt{clear:both; left:20px}
	.history_left .history_blt{clear:both; left:20px}
	.history_year{font-weight: 600; font-size: 18px; text-indent: 60px;}
	.history_txt{color:#444; font-weight: 300; border:1px solid #e5e5e5; display: inline-block;padding:15px 13px; background:#fff; width:100%; font-size: 14px; box-sizing:border-box;}
	.history_right div, .history_left div{width:100%; box-sizing:border-box;}
	.history_left div{float:left;}
	.history_line{left:30px;}

	/*기업이념*/
	.line_wrap .line_title{font-size: 20px; text-align: center; padding: 130px 0;}


	/*조직도*/
	.ceo{width:68%;}
	.division_2nd{margin: 0 1.4%; }

	/*파트너쉽*/
	.partnership{width:100%;}
	.partnership img{width:100%;}

	/*사업분야*/
	.biz_cont{width:100%;}
	.biz_img_right img{width:100%;}

	.product_list ul li{height: 520px;}

}


/*MOBILE VERSION*/
@media screen and (max-width:768px){
	.m_biz_box_tit{font-size: 14px; letter-spacing: -2px; line-height: 2em;}
	.organization_wrap{position: relative;}
	.ceo{width:100%; text-align: center; border: none; padding: 0 0 0 0;}
	.division_01_tit{background-size: cover; height: 80px; line-height: 80px;}
	.division_01{width:100%; clear: both; margin-bottom: 20px;}
	.division_2nd{margin: 0 0 20px 0 ; }
	.division_line{display: none;}
	.division_m_line{display: none;}
	.pc_pad{display: none;}
	.mb{display: block; width:100%;}
	
	/*기업이념*/
	.line_wrap{padding: 0px; float: none;  overflow: hidden; width: 300px; margin: 0 auto;}
	.line_wrap .line_title{padding: 150px 0; font-size: 25px;}

	/*제품소개*/
	.sub_tit_txt{width: 100%;}
	.sub_contents_tit h3 {font-size: 40px;}
	.product_list ul li{width: 50%; padding: 5px;}
	.product_list ul li h5{font-size: 20px !important; line-height:1.3em }
	.bottom_txt{width: 100%;}
}

@media screen and (max-width:320px){
	.division_m_line{height: 63.6%;}
}