@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Content.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-07
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------
															* 공통 *
-------------------------------------------------------------------------------------------*/
#Main_Container {width:100%; padding:110px 0 210px 0}

#Container { width:100%; padding:190px 0 160px 0; }

#Contents {width:940px; height:100%; margin:0 auto;  padding-bottom:60px; line-height:30px; }

.section_header {height:179px; text-align:center; background:url("/web/Images/Common/bg_section_header.png") 10px 0 no-repeat}
.section_header h2 {padding:60px 0 20px 0 ; font-size:50px; color:#333333; text-align:center; letter-spacing:-3px}
.section_header .top_menu:after {display:block; content:""; clear:both}
.section_header .top_menu a:first-child {padding-left:0; background:none}
.section_header .top_menu a {display:inline-block; padding:0px 14px 0px 19px ; font-size:13px; color:#555555; background:url("../../Images/Common/topmenu_arrow.gif") left center no-repeat}
.section_body { letter-spacing:-1.5px }

/*------------------------------------------------------------------------------------------
															* MAIN *
-------------------------------------------------------------------------------------------*/

#main_Contents {width:1200px; margin:0 auto; }
.visual_wrap {position:relative;  width:1200px; height:490px;}
.visual {width:1200px;  height:490px; z-index:0}

.visual_wrap .bx-pager {display:none}
.visual_wrap .bx-controls-direction a {position:absolute; top:50%; margin-top:-30px;  width:55px; height:70px; text-indent:-99999px}
.visual_wrap .bx-controls-direction .bx-prev {left:-18px; background:url("/web/Images/Common/btn_visual_prve.jpg") 0 0 no-repeat}
.visual_wrap .bx-controls-direction .bx-next {right:-18px; background:url("/web/Images/Common/btn_visual_next.jpg") 0 0 no-repeat}


.main_section {margin-top:-70px;  padding:0 130px; z-index:50}
.main_section:after {display:block; content:""; clear:both}
.main_left, .main_right {float:left;}
.main_left {position:relative; width:300px;  overflow:hidden;  }
.main_left  .main_box {position:relative;  width:300px; height:430px; background:url("/web/Images/Main/bg_main_box4.jpg") 0 0 no-repeat; }
.main_left  .main_box  ul {padding-top:262px}
.main_left  .main_box  ul li {cursor:pointer}
.main_left  .main_box .plus {position:absolute; bottom:0; right:0}
.main_left  .main_btn {width:100%; padding-top:452px}
.main_left  .main_btn a {display:block; float:left; width:149px; height:68px; line-height:68px; font-size:15px; color:#555555; text-align:center; border:1px solid #dddddd}
.main_left  .main_btn a:first-child {width:150px; border-right:0px }

.main_box h2 a {color:#fff}

.main_business {display:none; position:absolute; top:0; width:300px; height:430px; overflow:hidden; z-index:10;  }
.business_box {width:300px; padding-bottom:83px; background:#009f4c }
.business_box h3 {padding:30px 0 0 20px; font-size:19px; color:#fff}
.business_box h3 a {color:#fff}
.business_box p {padding:15px 0 0 20px; font-size:13px; color:#fff}


.main_business li {float:left; width:300px;}

.business_btn {display:inline-block;  position:absolute; bottom:0px; left:0px;}
.business_btn a {display:inline-block;}
.business_btn a.next {margin-left:-3px}

.main_business .close {display:inline-block; position:absolute; bottom:0px; right:0px;}

.main_right {width:620px;  }
.main_box {float:left; position:relative; width:300px; height:250px; background:url("/web/Images/Main/bg_main_box1.jpg") 0 0 no-repeat; z-index:2}
.main_box h2 {padding:30px 0 0 20px; color:#fff; font-size:19px;}
.main_box ul {padding:20px 0 0 20px;}
.main_box ul li {padding:7px 0 2px 20px; font-size:13px; color:#fff; letter-spacing:0px; background:url("/web/Images/Main/bot_main_list.png") 0 5px no-repeat}
.main_box .more {position:absolute; bottom:30px; left:20px;}



.main_right .main_box.main_bg2 { background:url("/web/Images/Main/bg_main_box2.jpg") 0 0 no-repeat;}
.main_right .main_box.main_bg3 { background:url("/web/Images/Main/bg_main_box3.jpg") 0 0 no-repeat;}
.main_right .main_box.main_bg4 { background:none; border:1px solid #d7d7d7 }


.main_right .main_box.main_bg4>ul {padding:0}
.main_right .main_box.main_bg4>ul li {width:100%; height:82px; padding:0; font-size:17px; text-align:center; line-height:82px; border-top:1px solid #d7d7d7;  background:url("/web/Kor/Images/Main/main_arrow.gif") 234px center no-repeat}
.main_right .main_box.main_bg4>ul li:first-child {border:none}
.main_right .main_box.main_bg4>ul li a {display:block; }

.main_right .main_box.main_bg4>ul li p {background:url("/web/Images/Main/bg_main_btn1.gif") 33px center no-repeat}
.main_right .main_box.main_bg4>ul li p.bg2 {background:url("/web/Images/Main/bg_main_btn2.gif") 33px center no-repeat}
.main_right .main_box.main_bg4>ul li p.bg3 {background:url("/web/Images/Main/bg_main_btn3.gif") 33px center no-repeat}
/*------------------------------------------------------------------------------------------
															* 회사소개 *
-------------------------------------------------------------------------------------------*/
/*CEO 인사말*/
.greetiong_content {background:url("/web/Images/Company/bg_greetiong.jpg") 10px 0 no-repeat; }
.greetiong_content p.tit {font-size:32px; padding:30px 0 10px 0; color:#555}
.greetiong_content p {padding:20px 0 10px 0;font-size:17px; text-align:left; color:#757575; }

.greetiong_txt2 {padding:30px 0 0 330px}

/*경영방침*/
.content_section:after {display:block; content:""; clear:both}
.content_section:first-child {padding:0}
.content_section h3 { float:left; width:185px; height:53px;  padding:20px 0 0 35px; font-size:28px; font-weight: 800; color:#0066b3;  background:url("/web/Images/Company/h3_bg.gif") 0 0 no-repeat;}
.content_section div.operation_right , .operation_content .content_section div.operation_txt {float:left; width:755px}
.content_section div.operation_txt {padding:20px 0 0 144px; font-size:17px; }
.content_section div.operation_txt ul {padding-top:40px;}
.content_section div.operation_txt ul li {float:left; width:295px; height:230px; }
.content_section div.operation_txt ul li p.num { padding-bottom:20px;  font-size:32px; color:#555555}

/*특허방침*/

.patent_content ul:after {display:block; content:""; clear:both}
.patent_content ul li {position:relative; float:left;  width:220px; height:605px; margin-left:15px; vertical-align:top}
.patent_content ul li:first-child {margin-left:0}
.patent_content ul li img {padding-bottom:25px;}
.patent_content ul li p {font-size:22px; padding-bottom:25px; color:#555555}
.patent_content ul li div {position:absolute; bottom:0px; left:0; width:220px;border-top:1px solid #d7d7d7; padding-top:25px;}
.patent_content ul li div p {font-size:17px; padding:0; color:#757575}
.patent_content ul li div p span {display:inline-block; width:100px;}

/*품질방침*/
.quality_content {background:url("/web/Images/Company/bg_quality.jpg") 79px 390px no-repeat;}
.quality_right {padding-top:15px}
.quality_right ,.quality_txt  {float:left; width:755px; padding-left:144px;}


/*연혁*/
.history_content{letter-spacing: -0.05rem;}
.history_content .history_con{display: flex; justify-content: right;}
.history_content .history_con.hisl{justify-content: left; padding-left: 2px;}
.history_content .ht{display: flex; width: 50%; border-left: 1px solid #eee; box-sizing: border-box;}
.history_content .history_con.hisl .ht{flex-direction: row-reverse; text-align: right; border-right: 1px solid #eee; border-left: none; box-sizing: border-box;}
.history_content .ht span{position: relative; font-size: 20px; font-weight: 700; padding-left: 30px; color: #000;}
.history_content .hisr .ht span::after{content: ""; position: absolute; top: 12px; left: -4px; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #0063d4;} 
.history_content .hisl .ht span::after{content: ""; position: absolute; top: 12px; right: -4px; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #0063d4;}
.history_content .hisl span{padding-left: 0; padding-right: 30px;}
.history_content .ht .htt p{font-size: 16px; font-weight: 500; padding-bottom: 10px; color: #666;}
.history_content .ht .htr{margin-right: 20px;}
.history_content .ht .htl{margin-left: 20px;}

/* 법인소개 */
.Corporation_content table, .Corporation_content th, .Corporation_content td {font-size: 14px; border: 1px solid #ededed; padding: 1rem 0.75rem; letter-spacing: -0.05rem;}
.Corporation_content table { border-collapse: collapse; width: 100%; }
.Corporation_content thead th{font-size: 17px; line-height: 24px; font-weight: 500; color: #fff; background-color: #009f4c;}
.Corporation_content tbody th{font-size: 15px; font-weight: 600; color: #333; background-color: #fafafa;}

/* 주요협력사 */
.Organization_content table, .Organization_content th, .Organization_content td {font-size: 14px; border: 1px solid #ededed; padding: 1rem 0.75rem; letter-spacing: -0.05rem;}
.Organization_content table { border-collapse: collapse; width: 100%; }
.Organization_content thead th{font-size: 17px; line-height: 24px; font-weight: 500; color: #fff; background-color: #009f4c;}
.Organization_content tbody th{font-size: 15px; font-weight: 600; color: #333; background-color: #fafafa;}
.Organization_content tbody td{text-align: center;}
.Organization_content tbody td img{max-width: 140px;}

.history_right {margin:187px 0 0 340px; text-align:left}
.pd_t132 {padding-top:132px}
.pd_t212 {padding-top:212px}

/*------------------------------------------------------------------------------------------
															* 사업영역 *
-------------------------------------------------------------------------------------------*/
.R_header {height:179px; text-align:center; background:url("/web/Images/Common/bg_RnD_header.png") 10px 0 no-repeat}

/*산업분야*/
.business_content dl.top {padding:0 0 0 50px; background:}
.business_content dl.top dt {font-size:25px; color:#555555 }
.business_content dl.top dd {padding-top:30px; padding-left:0}

.business_list {padding: 0 0 0 40px}
.business_list>li {padding:44px 0; border-bottom:1px solid #dbdbdb}

.business_list>li p {display:inline-block; width:220px; padding-left:10px; font-size:32px; color:#555}
.business_list>li span {display:inline-block;  }
.business_list>li ul {display:inline-block;}
.business_list>li ul li {padding-left:20px; ;background:url("/web/Images/Business/dot_business_list.gif") 0 11px no-repeat }
.business_list>li .link{position: relative;}
.business_list>li .link::after{    
	content: '';
	display: block;
	position: absolute;
	right: -20px; top: 3px;
    width: 14px;
    height: 14px;
    margin-left: 18px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url('/web/Images/Common/ico_link.png');
}
.business_list>li .link:hover{color: #0066b3;}
.business_content .content_section dl dd img{border: 1px solid #eee;}
/*설비*/
.content_section h3.both {clear:both; width:100%; height:55px;}
.content_section h3.both:after {display:block; content:""; clear:both}
.business_content .business_bg {padding: 70px 0 40px  70px; background:url("/web/Images/Business/business_bar.jpg") 40px bottom no-repeat}
.business_content .equipment_list:after {display:block; content:""; clear:both}
.business_content .equipment_list li {padding-left:27px ;background:url("/web/Images/Business/dot_business_list.gif") 0 9px no-repeat}

.business_content dl {padding:50px 0 0 50px;}
.business_content dl dt {float:left; font-size:32px;  color:#555555}
.business_content dl dd {padding-left:210px;}
.business_content dl dd ul:after {display:block; content:""; clear:both}
.business_content dl dd ul li {float:left; padding-right:10px; height:294px;}
.business_content dl dd ul li.last {padding-right:0;}
.business_content dl dd ul li p {padding:25px 0 0 16px; font-size:17px;  background:url("/web/Images/Business/bg_business_tit.jpg") 0 27px  no-repeat}


/*------------------------------------------------------------------------------------------
															* 연구개발*
-------------------------------------------------------------------------------------------*/
.business_header {height:179px; text-align:center; background:url("/web/Images/Common/bg_business_header.png") 10px 0 no-repeat}

/*보유장비*/
.development_content  ul {padding:90px 0 0 40px;}
.development_content  ul:after {display:block; content:""; clear:both}
.development_content  ul li {float:left; padding-right:6px; height:294px;}
.development_content  ul li.last {padding-right:0px;}
.development_content  ul li img{border: 1px solid #eee;}
.development_content  ul li p {padding:25px 0 0 16px; font-size:17px;  background:url("/web/Images/Business/bg_business_tit.jpg") 0 27px  no-repeat}


/*제품개발*/
.research_section .research_top  {padding:100px 0 0 40px; background:url("/web/Kor/Images/RnD/bg_research_top.jpg") 413px 100px no-repeat}
.research_left ,.research_right {display:inline-block; }
.research_left {margin-right:124px;}

.research_box {padding:40px 0 34px 40px; width:373px;}
.research_box p {font-size: 25px; font-family:"Arial";}
.research_box>h3 {width:100%; padding:0 0 35px 0; font-size:32px; color:#555; line-height:30px; background:none}
.research_box ol {padding:60px 0;}
.research_box ol>li {padding-left:30px; background:url("/web/Images/Business/dot_business_list.gif") 0 10px no-repeat}
.research_box ol>li ul>li {display:inline-block; margin-left:-10px; padding-left:10px; padding-right:50px; background:url("/web/Images/Business/bg_business_tit.jpg") 0 5px no-repeat}

.research_box.box1 {background:url("/web/Images/RnD/bg_research_box1.jpg") 0 0 no-repeat}
.research_box.box2 {background:url("/web/Images/RnD/bg_research_box2.jpg") 0 0 no-repeat}
.research_box.box3 { background:url("/web/Images/RnD/bg_research_box3.jpg") 0 0 no-repeat}
.research_box.box4 {background:url("/web/Images/RnD/bg_research_box4.jpg") 0 0 no-repeat}
.research_box.box5 {padding-top:70px; background:url("/web/Images/RnD/bg_research_box5.jpg") 0 30px no-repeat}

.research_right {margin-top:157px; vertical-align:top}

.research_bottom {padding-left:40px}
.research_bottom ul {width:210px; display:inline-block; margin-left:15px; vertical-align:top}
.research_bottom ul.first {margin-left:0}
.research_bottom ul li {padding-top:43px; background:url("/web/Images/RnD/research_arrow.jpg") center 0 no-repeat}
.research_bottom ul li img {padding-bottom:20px;}
.research_bottom ul li p {padding: 0 0 20px 16px; background:url("/web/Images/Business/bg_business_tit.jpg") 0 4px no-repeat }
/*------------------------------------------------------------------------------------------
															* 고객지원*
-------------------------------------------------------------------------------------------*/

.customer_header {height:179px; text-align:center; background:url("/web/Images/Common/bg_customer_header.png") 10px 0 no-repeat}

/*문의하기*/
.question_content {background:url("/web/Images/Board/bg_question.gif") 0 199px no-repeat}

.question_box {height:220px;}
.question_box .txt {float:left; width:320px; padding-top:20px}
.question_box .txt span {display:block;padding-bottom:20px;  font-size:32px; color:#555555; line-height:40px;}
.question_box ul {float:left;}
.question_box ul:after {display:block; content:""; clear:both;}
.question_box ul li {float:left; width:300px; height:220px; margin-right:20px;}
.question_box ul li.tel {background:#009f9d url("/web/Images/Customer/bg_tel.png") 20px 40px no-repeat}
.question_box ul li.emil {margin-right:0; background:#0066b3 url("/web/Images/Customer/bg_emil.png") 20px 40px no-repeat; }
.question_box ul li p { padding:50px 0 0 20px; font-size:25px; color:#ffffff; font-family:"Dotum", "Dotumche", "돋움", "돋움체", "Arial"; }
.question_box ul li p.Dotum {padding-top:80px; font-size:28px; }
.question_box ul li p a {color:#fff}

.question_list {margin-top:50px; padding-left:320px; background:url("/web/Images/Board/bg_question_list.gif") 320px 0  no-repeat}
.question_list ul li {padding:30px 0 ; border-bottom:1px solid #dbdbdb}
.question_list ul li span {display:inline-block; vertical-align:middle}
.question_list ul li span.tit {width:190px; padding-left:30px; font-size:25px; color:#555555 }
.question_list ul li span.tit.line {vertical-align:top; padding-top:15px;}

/*오시는길*/

.map_top {padding-bottom:80px}
.map {padding:100px 0 50px 0;}
.map a {display:block; }

.map_list {background:url("/web/Kor/Images/Customer/customer_bar.gif") 0 0 no-repeat}
ul.map_list>li {padding:45px 0; border-bottom:1px solid #dbdbdb}
ul.map_list>li p {display:inline-block; width:220px; font-size:32px; color:#555; vertical-align:top; line-height:45px}
ul.map_list>li div {display:inline-block;}
ul.map_list>li div ol li {padding:7px 0 0 18px ; background:url("/web/Images/Customer/bot_map_list.gif") 0 14px no-repeat}

ul.map_list>li div dl dt { padding:10px 0 25px 60px; font-size:25px; color:#555;}
ul.map_list>li div dl dt.car {background:url("/web/Images/Customer/ico_car.gif") 0 10px no-repeat}
ul.map_list>li div dl dt.bus {background:url("/web/Images/Customer/ico_bus.gif") 0 5px  no-repeat}
ul.map_list>li div dl dd {padding:7px 0 0 18px ; background:url("/web/Images/Customer/bot_map_list.gif") 0 14px no-repeat}

.map_bottom ul.map_list>li p.img {width:356px; padding-top:17px}
.map_bottom ul.map_list>li div {width:500px}
.map_bottom ul.map_list>li div dl dt {padding-left:0}
.map_bottom ul.map_list>li div dl dd {padding-left:65px; letter-spacing:0}
.map_bottom ul.map_list>li div dl dd span {display:inline-block; margin-left:-47px;}

/*------------------------------------------------------------------------------------------
															* 관리자 *
-------------------------------------------------------------------------------------------*/

.admin_header {height:179px; text-align:center; background:url("/web/Images/Common/bg_Admin_header.png") 10px 0 no-repeat}

.box_login_wrap {width:100%; padding:80px 30px; border:1px solid #ddd;  text-align:center; background-color:#f7f7f7;}
.box_login_wrap legend {display:block; margin-bottom:40px; font-family:"NanumGothicBold"; font-size:25px; color:#333; text-transform:uppercase;}
.box_login_wrap .box_login {position:relative; display:inline-block; *display:inline; *zoom:1;}
.box_login_wrap .loginInput {display:inline-block; *display:inline; *zoom:1; padding-right:147px;}
.box_login_wrap .loginInput li:first-child {margin-bottom:3px;}
.box_login_wrap .loginInput li label {display:inline-block; *display:inline; *zoom:1; width:70px; height:30px; font-size:17px; line-height:30px; color:#555555; text-align:justify;}
.box_login_wrap .loginInput li label:after {content:""; display:inline-block; width:100%;}
.box_login_wrap .loginInput li input {margin-left:40px;}
.box_login_wrap  button {position:absolute; top:0px; right:0px; overflow:visible; outline:none; border:0px; width:139px; height:83px; font-family:"NanumGothic"; font-size:15px; color:#fff; text-align:center; cursor:pointer; background-color:#009f4c;}
.box_login_wrap  button span {position:relative;}


/*------------------------------------------------------------------------------------------
															* ect *
-------------------------------------------------------------------------------------------*/

/*사이트 맵*/
.sitemap_content .sitemap_box {display:inline-block; margin-left:15px; width:220px; border-top:6px solid #7d808b ; vertical-align:top}
.sitemap_content .sitemap_box:first-child {margin-left:0}
.sitemap_content .sitemap_box p {padding:40px 0 ; font-size:32px; color:#555}
.sitemap_content .sitemap_box ul {border-top:1px solid #dbdbdb}
.sitemap_content .sitemap_box li {padding:30px 0 20px 0 ;border-bottom:1px solid #dbdbdb; font-size:19px; }
.sitemap_content .sitemap_box li a.qu {font-weight:bold; color:#009f4c}

/*------------------------------------------------------------------------------------------
															* 영문 *
-------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------
															* main *
-------------------------------------------------------------------------------------------*/

.main_right .main_box.main_bg4.main_box_eng>ul li  {line-height:30px; padding:10px 0 ; height:83px}
.main_right .main_box.main_bg4.main_box_eng>ul li p { text-align:left; padding:0 0 0 100px; min-height:60px}
.main_right .main_box.main_bg4.main_box_eng>ul li p.bg3 {line-height:60px;}


.Contents_eng {letter-spacing:0}
.Contents_eng  .section_body {letter-spacing:-0.5px}

.content_section div.history_txt ul li.eng_last {height:260px}

/*------------------------------------------------------------------------------------------
															* 회사소개 *
-------------------------------------------------------------------------------------------*/
/*특허방침*/
.patent_content.patent_eng ul li {height:700px}


/*연혁*/
.history_content.eng_history_content {padding-top:54px; background:url("/web/Images/Company/bg_history_eng.gif") 319px 0px no-repeat}
.pd_t42 {padding-top:42px;}
.pd_t70 {padding-top:70px;}
.pd_t152 {padding-top:152px;}
.pd_t125{padding-top:125px;}
/*------------------------------------------------------------------------------------------
															* 연구개발*
-------------------------------------------------------------------------------------------*/
/*제품개발*/
.research_box ol>li ul>li.bg_none {background:none; margin-left:-22px}


/*------------------------------------------------------------------------------------------
															* 고객지원*
-------------------------------------------------------------------------------------------*/

/*문의하기*/
.eng_question_list.question_list ul li span.tit {width:219px}

.eng_question_list.question_list ul li span.tit.line {padding-top:0}


/*오시는 길*/
.map_bottom ul.map_list.eng_map_list>li div {width:520px}
.map_bottom ul.map_list.eng_map_list>li div dl dd {padding-left:91px;}
.map_bottom ul.map_list.eng_map_list>li div dl dd span {margin-left:-73px;}