/*------contents-----------------------------------------------------------------------------------------------*/
/*°øÅë title*/
.sub_title_wrap{padding-top: 30px; border-bottom: 3px solid #101284; background: no-repeat center 70px;}
.sub_title{position: relative; width: 1200px; margin: 0 auto; }
.sub_title .page_navi{position: absolute; top: 90px; left: 0; height: 20px; padding: 3px 0 0 30px; background: no-repeat left top; z-index:8;}
.sub_title .page_navi span{ font-size: 14px; color: #333;}
.sub_title .page_navi .arrow{font-size: 12px; padding: 0 7px; color: #333;}
.sub_title .title{clear: both; overflow: hidden; width: 190px; margin: 0 auto;}
.sub_title .title h2{position: relative; float: right; width: 190px; height: 50px; font-size: 40px; font-weight: 700; color: #fff;}
.sub_title .title h2 span{position: absolute; top: 5px; left: 0; color: #fff;}
.sub_title .title p{float: right; width: 300px; font-size: 20px; color: #fff; line-height: 30px; display:none;}
.filed_wrap{padding: 81px 0 90px; background-color: #f3f2f0;}
.filed_width{width: 1200px; margin: 0 auto; padding: 60px 0 80px; background-color: #fff;}
/*company-ȸ»ç¼Ò°³*/
.intro_list{clear: both; overflow: hidden; padding-top: 70px;}
.intro_list .in_li{float: left; width: 33.33%; padding: 93px 0 71px; background: no-repeat center top;}
.intro_list .in_li dt{font-size: 16px; font-weight: 700; line-height: 24px; color: #00bfb4; text-align: center;}
.intro_list .in_li dd{font-size: 14px; line-height: 24px; text-align: center;}
/*company-ceo*/
.filedarea01{padding: 0 37px 13px;}
.filedarea01 h3{padding-bottom: 10px; font-size: 32px; line-height: 34px;text-align:center;font-weight: 600; }
.filedarea01 p.filed_txt{font-size: 16px; line-height: 24px; }
.filed_img{position: relative; height: auto; /*overflow: hidden; overflow-x:auto;*/}
 /*.filed01 .filed_img1{height: 540px;}
.filed01 .filed_img2{height: 358px;} */ 
.filed01 .filed_img img{/* position: relative; left: 50%; margin-left: -600px; display: block; width: 1200px; height: auto;*/ }
.filedarea02{padding: 40px 37px 0;}
.filedarea02 .ceo_talk dt{font-size: 20px; font-weight: 700; line-height: 24px;}
.filedarea02 .ceo_talk dd{padding: 31px 0 29px; font-size: 16px; line-height: 24px;}
.address_txt {text-align:center;}
.address_txt span {font-weight: 600; color:#101284; }
/* Ä«Å»·Î±×´Ù¿î·Îµå ¹öÆ° */
.business-btn {display:block; background:#101284; color:#fff !important; width:160px; margin-left:38px; margin-top:20px;margin-bottom:5px;  border:1px solid #666; padding:10px 0; text-align:center; font-size:14px; }
.business-btn:hover {background:#666; color:#FFF !important;}
.filedarea01 p {text-align: left;}
/*company-history*/
.filedarea02 .history_list_wrap{width: 363px; margin: 0 auto;}
.filedarea02 .history_list_wrap dl{clear: both; overflow: hidden; padding-bottom: 20px;}
.filedarea02 .history_list_wrap dl dt{float: left; display: block; width: 50px; font-size: 20px; font-weight: 700; color: #00bfb4;}
.filedarea02 .history_list_wrap dl dd{float: right; display: block; width: 304px; padding-left: 9px;}
.filedarea02 .history_list_wrap .history_list{padding-left: 9px; border-left: 2px solid #00bfb4;}
.filedarea02 .history_list_wrap .history_list li{font-size: 14px; line-height: 24px;}
.filedarea02 .history_list_wrap .history_list li span{padding-right: 9px; font-weight: 700;}
/*business*/
.biz_list {clear: both; overflow: hidden; padding-top: 43px;}
.biz_list li{float: left; width: 550px; margin-right: 26px; padding-bottom: 50px;}
.biz_list li.bizli02, .biz_list li.bizli04{margin-right: 0;}
.biz_img{height: 318px; border: 1px solid #ddd; background: no-repeat center top; background-size: cover;}
.biz_list dt{padding-top: 20px; font-size: 20px; font-weight: 700; line-height: 24px;}
.biz_list dd{font-size: 16px; line-height: 24px;}
/*product*/
.pro_list {clear: both; overflow: hidden; padding-top: 43px;}
.pro_list li{float: left; width: 338px; margin-right: 56px; padding-bottom: 50px;}
.pro_list li.pro03, .pro_list li.pro06{margin-right: 0;}
.pro_img{height: 318px; border: 1px solid #ddd; background: no-repeat center top; background-size: cover;}
.pro_list dt{padding: 20px 0 32px; font-size: 20px; font-weight: 700; line-height: 24px;}
.pro_list dd{font-size: 16px; line-height: 24px;}
/*table °øÅë*/
.filedarea01.board{padding: 0 0 43px;}
.board_wrap{overflow: hidden; clear: both;}
.board_table, .board_table.board_table_view{clear: both; width: 100%;  table-layout: fixed;}
.board_table.board_table_view, .board_table.cantact{border-top: 0;}
.board_table th{padding: 15px; text-align: center; border-bottom: 1px solid #dadada; background-color: #00bfb4; font-size: 14px; vertical-align: middle; font-weight: bold; color: #fff;}
.board_table .right_border{border-right: 1px solid #dadada;}
.board_table .title {text-align: left;}
.board_table .title a:hover{color: #00bfb4;}
.board_table td{padding: 15px; text-align: center; border-bottom: 1px solid #dadada; font-size: 14px; vertical-align: middle;}
.board_table td.text_l{text-align: left; line-height: 25px;}
.board_table td.text_l input, .board_table td.text_l textarea{border: 1px solid #ddd;}
/*customer--------*/
/*search*/
.board_wrap .info_wrap{width: 352px; float: right; padding-bottom: 18px;}
.board_wrap .info_select{float: left; position: relative;}
.info_wrap .info_slabel{display: block; position: absolute; top: 0; right: 0; width: 68px; height: 38px; padding: 0 15px; line-height: 38px; border: 1px solid #dddddd; background: no-repeat 85% center;}
.info_wrap .info_s {opacity: 0; display: block; width: 100px; height: 40px;}
.info_wrap .search input {float: left; display: block; width: 172px; height: 36px; margin: 0 3px; line-height: 36px; border: 1px solid #dddddd;}
.info_wrap .search a {float: left; display: block; width: 60px; height: 40px; line-height: 40px; text-align: center; background: #323232; font-size: 14px; color: #fff;}
/*table_mobile_type*/
.mType_board {display: none;}
.mType_board .mType_btitle li {padding: 15px; border-bottom: 1px solid #dddddd; background-color: #00bfb4; font-size: 14px; text-align: center; color: #fff;}
.mType_board .mType_blist li {padding: 15px; border-bottom: 1px solid #dddddd;}
.mType_board .mType_blist li a {display: inline-block; width: 98%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/*paging*/
.w_paging {text-align: center; margin: 19px 0 100px;}
.w_paging ul {display: inline;}
.w_paging ul li {display: inline-block; margin-bottom: 5px;}
.w_paging ul li.ico a {background: #fff; border: 1px solid #dddddd; font-weight: bold; color: #9d9d9d; font-size: 14px;}
.w_paging ul li a:hover{color: #00bfb4;}
.w_paging ul li a {display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border: 1px solid #dddddd;}
.w_paging ul li a.on {display: inline-block; border: 1px solid #00bfb4; background-color: #00bfb4; color: #fff;}
/*customer-view*/
.board_wrap.border_top{border-top: 2px solid #00bfb4;}
.goToList{text-align: right; margin-top: 34px;}
.goToList{margin-bottom: 105px;}
.goToList a{display: inline-block; padding: 12px 36px; font-size: 17px; background: #323232; color: #fff;}
/*contact*/
.filed_wrap.contact_bc{background-color: #f3f2f0;}
.filed01.contact{clear: both; overflow: hidden; width: 1200px; margin: 0 auto; padding: 61px 35px; background-color: #fff;}
.contact_left, .contact_right{float: left; width: 48%; padding: 0;}
.contact_left{padding-right: 1.8%; border-right: 1px solid #ddd;}
.contact_right{padding-left: 2%;}
.contact_left .board_table th{text-align: left;}
.phone_num input{display: inline-block; width: 80px;}
.contact_left .board_table textarea{display: inline-block; width: 90%; height: 360px;}
.contact_left .board_wrap{margin-top: 43px;}
.contact_left .board_wrap.border_top{border-top: 1px solid #ddd;}
.submit_wrap{text-align: center; padding-top: 40px;}
.submit_wrap input{padding: 12px 46px; border: 1px solid #323232;}
.submit_wrap .submit{margin-right: 18px; background-color: #323232; color: #fff;}
.submit_wrap input:hover{cursor: pointer;}
.filedarea02 h3{padding-bottom: 30px; font-size: 32px; line-height: 34px;}
.filedarea03 p.filed_txt{font-size: 16px; line-height: 24px;}
.contact_right .map{height: 420px; margin-top: 43px;}
.traffic{padding-top: 19px;}
.traffic li{padding:  0 0 40px 70px; background: no-repeat 7px top; font-size: 16px; line-height: 24px;}
@media screen and (max-width: 1280px){
    /*°øÅë*/
    .sub_title{width: 95%;}
    .filed_width{width: 95%;}
    /*business*/
    .biz_list li{width: 48%; margin-right: 4%;}
    /*product*/
    .pro_list li, .pro_list li.pro03{width: 48%; margin-right: 4%;}
    .pro_list li.pro06,.pro_list li.pro04, .pro_list li.pro02{margin-right: 0;}
    /*contact*/
    .filed01.contact{width: 95%; padding: 61px 2.5%;}
}
@media screen and (max-width:1200px) {
    .sub_title_wrap {margin-top: -70px;}
}
@media screen and (max-width: 1023px){
    /*company-ȸ»ç¼Ò°³*/
    .intro_list .in_li{width: 50%;}
    /*board*/
    .board_table.pctype, .info_wrap{display: none;}
    .mType_board {display: block;}
    .board_top .info_arti{padding-bottom: 10px;}
    /*contact*/
    .contact_left, .contact_right{float: none; width: 100%; padding: 0;}
    .contact_left{padding-right: 0%; border-right: 0;}
    .contact_right{padding-left: 0%; padding-top: 60px;}
}
@media screen and (max-width: 768px){
    /*°øÅë title*/
    .sub_title{padding: 50px 0 0px;}
    .sub_title .title{width: 300px; margin: 0 auto;}
    .sub_title .title h2{width: 100%; padding-bottom: 20px; text-align: center;}
    .sub_title .title h2 span{position: static; font-size:25px;}
    .sub_title .title p{width: 100%; text-align: center;}
    .sub_title .page_navi{top: 125px;}
.sub_title .page_navi span{ font-size: 12px; color: #333;}
.sub_title .page_navi .arrow{font-size: 11px; padding: 0 5px; color: #333;}
    /*company-ȸ»ç¼Ò°³*/
    .intro_list .in_li{width: 100%;}
    /*business*/
    .biz_list li{float: none; width: 100%; margin-right: 0;}
    /*product*/
    .pro_list li, .pro_list li.pro03{width: 100%; margin-right: 0;}
    .pro_list li.pro06,.pro_list li.pro04, .pro_list li.pro02{margin-right: 0;}
.filed01 .filed_img img{position: /* absolute */ relative; left: 50%; margin-left: -170px; display: block; width: 100%; height: auto;}
.filedarea01 h3{padding-bottom: 0px; font-size: 20px; line-height: 24px;text-align:center;}
.filedarea01{padding: 0 37px 23px;}
.filed_wrap{padding: 30px 0 20px; background-color: #f3f2f0;}
.filed_width{margin: 0 auto; padding: 30px 0 50px; background-color: #fff;}


/* Ä«Å»·Î±×´Ù¿î·Îµå ¹öÆ° */
.business-btn {display:block; background:#263f7d; color:#fff !important; width:160px; margin-left:10px; margin-top:10px;margin-bottom:5px;  border:1px solid #666; padding:8px 0; text-align:center; font-size:13px; }
.business-btn:hover {background:#666; color:#FFF !important;}
.filedarea01 p {text-align: left;}
}
@media screen and (max-width: 480px){
    
    /*company-history*/
    .filedarea02 .history_list_wrap{width: 100%;}
    .filedarea02 .history_list_wrap dl dt{width: 100%; padding-bottom: 10px;}
    .filedarea02 .history_list_wrap dl dd{width: 100%; padding-left: 0;}
    /*contact*/
    .submit_wrap input {float: left; width: 50%; border: none;}
    .submit_wrap .submit {margin: 0;}
}