/* ********************************************* *
   company
* ********************************************* */
.company_banner{width: 100%; height: 260px; margin-bottom:130px ;}
.company_img01{background: url(/HANAENG/img/sub/comapny_01.jpg)no-repeat; background-position: center; background-size: cover;}
.company_img02{background: url(/HANAENG/img/sub/comapny_02.jpg)no-repeat; background-position: center; background-size: cover;}
.company_img03{background: url(/HANAENG/img/sub/comapny_03.jpg)no-repeat; background-position: center; background-size: cover;}
.company_img04{background: url(/HANAENG/img/sub/comapny_04.jpg)no-repeat; background-position: center; background-size: cover;}

/* ceo인사말 */
.ceo_greeting_wrap{width: 100%; overflow: hidden; padding-bottom: 150px;}
.ceo_greeting_wrap .ceo_greeting{width: 100%;}
.ceo_greeting_wrap ul li{ float: left; padding: 0 40px;}
.ceo_greeting_wrap ul li:nth-child(1){width: 30%;}
.ceo_greeting_wrap ul li:nth-child(2){width: 70%;}
.ceo_greeting_wrap ul li:nth-child(2) p{margin-bottom:30px; font-size: 18px; word-break: keep-all;}
.ceo_logo>img{opacity: 0.5;}
.bigsize{font-size: 30px; margin-bottom: 30px; display: block;}
.ceo_greeting_wrap ul li:nth-child(2)  .ceo_sign{font-size: 16px;}
.ceo_name{padding: 0 20px; font-size: 20px;}


/* history */
.company_history{padding-bottom: 150px;}
.company_history .history_container{width: 100%; font-family: 'NanumSquare', sans-serif!important;}
.company_history .history_container li{ float: left; padding:20px 0; position: relative;}
.company_history .history_container .history_date{width:40%; font-size: 26px; font-weight: 900; text-align: center;}
.company_history .history_container .history_contents{width: 60%;}

.company_history .history_container .history_date::after{position: absolute; content: ""; display: block;
top: -4px; right: -6px; width: 10px; height: 10px; border-radius: 5px; border: 2px solid #125ad3; z-index: 1; background-color: #fff;}
.company_history .history_container .last_his_contents::after{position: absolute; content: ""; display: block;
    bottom: 0; left: -6px; width: 10px; height: 10px; border-radius: 5px; border: 2px solid #125ad3; z-index: 1; background-color: #fff;}
.company_history .history_container .history_contents::before{position: absolute; content: ""; display: block;
left: 100px; top:0; width:64px; height: 64px; border-radius: 32px; background-color: #e7eefb; z-index: -1;}

.history_contents table{width: 100%;}
.history_contents table {width: 100%;}
.history_contents table tr td{padding-top: 6px; padding-bottom: 6px; word-break: keep-all;}
.history_contents table tr td:nth-child(1){width:25%; font-size: 18px; font-weight: 700; text-align: right; padding-right: 10px;}
.history_contents table tr td:nth-child(2){width:75%; font-size: 17px; color:#555; font-weight: 500;  padding-left: 10px;}

.history_date + .history_contents{border-left: 1px solid #ccc;}

/* certification */

.company_certification ul{width: 100%;}
.company_certification ul li{width: 33.3333%; padding: 0 4% 4% 4%; float: left;}
.company_certification ul li .certification_wrap{width: 100%; padding: 12%; background-color: #f5f5f5; }
.company_certification ul li .certification_wrap>img{width: 100%; height: 100%;}
.company_certification ul li p{ text-align: center; padding: 10px 20px;  word-break: keep-all; height: 50px;}

/* direction */
.comapny_direction {overflow: hidden; padding-bottom: 150px;}
.comapny_direction .direction_info{width: 100%; padding-bottom: 40px;}
.comapny_direction .direction_info .dir_title{padding:0 100px 40px;  }
.comapny_direction .direction_info .dir_title h2{font-size: 30px; color: #125ad3; font-family:'NanumSquare', sans-serif!important; font-weight: 900; }
.comapny_direction .direction_info .dir_title p{font-size: 18px; font-weight: bold; position: relative;padding-left:40px}
.comapny_direction .direction_info .dir_title p::before{position: absolute; display: block; content: "";
top: 13px; left: 0 ; width: 24px; height: 1px; background-color: #222;}
.comapny_direction .direction_info .dir_detail{width: 100%; padding: 0 100px;}
.dir_detail .inner{padding: 4% ; border: 1px solid #ccc;}
.comapny_direction .dir_detail table{width: 100%;  font-size: 18px; table-layout: fixed;}
.comapny_direction .dir_detail table tr td{padding: 5px 0; word-break: keep-all; word-wrap:break-word}
.comapny_direction .dir_detail table tr td:nth-child(1){font-weight: 700; width: 16%; }
.comapny_direction .dir_detail table tr td:nth-child(2){border-left: 1px solid #ccc; padding-left:25px }


.comapny_direction .direction_map{width: 100%; height: 370px;}


/* contact */
.customer_section{padding-bottom: 150px;}
.contact_box{display:block; max-width: 510px; min-width:320px; background-color: #fff; border: 1px solid #eee; padding-top: 30px;
     box-shadow:0 5px 10px rgba(0,0,0,0.05), 0 10px 10px rgba(0,0,0,0.05); margin: 0 auto;}
.contact_box .input_box .validation{display: none;}
.contact_box .input_box{display: inline-block; padding: .5em 2.4em 1em; clear: both;}
.contact_box .input_box label{font-size: 15px; display: block; color: #777; margin: 0 0 0.5em 0; }
.contact_box .input_box label span{color: #125ad3; font-size: 25px; }
.contact_box .input_box input{border: 1px solid #ccc; padding: 6px 10px; color:#222 }
.contact_box .textarea{width: 100%; position: relative; margin-top:25px; padding-top: 25px;}
.contact_box .textarea::before{position: absolute; content: ""; display: block; height: 1px; width:84%; background-color: #ccc; top: 0; left:50%; margin-left: -42%;}
.contact_box .textarea textarea{ padding: 6px 10px; border: 1px solid #eee; min-height: 100px;}
.contact_box .textarea textarea::placeholder{color: #888;}
.contact_box .textarea .input_con{width: 100%;}
.contact_box .textarea .input_con .input_content{width: 100%;}
.contact_box .btn_con{padding-bottom:60px}
.contact_box .btn_con .button03{border-radius: 0; width: 85%; font-family: 'Raleway',sans-serif; font-size: 18px;}