/*------contents-------------*/
@charset "utf-8";
/*filed -°ψΕλ*/
.filedwrap { width: 1200px; margin: 0 auto; margin-top: 80px; } 
.filedwrap h3 { padding: 99px 0 72px; font-size: 35px; font-weight: normal; text-align: center; } 
.ir, caption { font-size: 0; position: absolute; top: -999999px; visibility: hidden; } 
table { border-collapse: collapse; border-spacing: 0; } 

.footlist { background: no-repeat center top; background-size: cover; text-align: center; padding: 3rem 0; } 
.footlist p { padding: 107px 25% 59px; font-size: 28px; line-height: 42px; color: #fff; } 
.footlist h2 { padding-bottom: 1rem; font-size: 2.5rem; line-height: 3rem; font-weight: 100; letter-spacing: -1px; color: #fff; } 
.footlist h2 span { font-weight: 500; color: #fff; } 
.footlist h4 { font-size: 16px; color: #fff; font-weight: 200; line-height: 26px; } 
.footlist_list { display: flex; width: 50%; margin: 0 auto; padding-top: 1.5rem; } 
.footlist_list li { display: grid; color: #fff; line-height: 26px; font-size: 17px; font-weight: 200; letter-spacing: -.5px; padding: 0 24px; } 
.footlist_list li I { color: #fff; font-size: 32px; } 
.footlist .more { display: inline-block; padding: 17px 28px; margin-bottom: 79px; border: 1px solid #fff; font-size: 13px; color: #fff; } 
.footlist .more:hover { background-color: #517dc6; color: #fff; border: 1px solid #517dc6; } 
.footlist .con_list { width: 50%; clear: both; overflow: hidden; width: 1200px; margin: 0 auto; } 
.footlist .con_list li { width: 33.333%; float: left; } 
.footlist .con_list li dl { padding: 21px 0 0 81px; background: no-repeat left top; } 
.footlist .con_list li dl dt { padding-bottom: 20px; font-size: 19px; font-weight: 500; line-height: 25px; color: #fff; } 
.footlist .con_list li dl dd { padding: 0 0 0 13px; font-size: 16px; line-height: 26px; background: no-repeat left 11px; } 

#subnav { display: none; } 
.nav .menu:hover #subnav { display: block; z-index:10; } 
.gnb > ul > li > div { position: absolute; left:0; width:100%; display: none; background-color: #fff; height:200px; border-bottom: 0px solid #ccc; } 
.gnb > ul > li:hover > div { display: block; } 

#subnav > .inner { width: 1200px; margin: 0 auto; } 
#subnav > .inner .menu-item .imgArea { float: left; width: 485px; } 
#subnav > .inner .menu-item .imgArea img { width: 100%; } 
#subnav > .inner .menu-item ul { float: right; width: 700px; padding-top: 30px; margin-top: 0; } 
#subnav > .inner .menu-item ul > li { float: left; width: 25%; margin-bottom: 15px; text-align:left; } 
#subnav > .inner .menu-item ul > li a { font-size: 16px; font-weight: 500; color: #404040; letter-spacing: -.5px; } 

.busi_wrap img { width: 100%; text-align: center; } 

.sub_title { width: 100%; overflow: hidden; clear: both; background-size: cover; } /*background: no-repeat center top; background-attachment: fixed; */
.sub_title .title { width: 100%; height: 240px; overflow: hidden; padding: 6rem 0 6.5rem; margin: 0 auto; text-align: center; } 
.sub_title .title span { color: #6bb8ff; font-size: 12px; letter-spacing: 3px; } 
.sub_title .title h3 { color: #fff; font-size: 22px; font-weight: 200; letter-spacing: -.5px; line-height: 33px; } 
.sub_title .title h2 { font-size: 4rem; line-height: 4.7rem; font-weight: 700; color: #fff; padding: 20px 0; } 
.sub_title .title p { font-size: 17px; line-height: 25px; color: #fff; font-weight: 200; } 

.subpage_wrap {position: relative;}
.sub_title .sub_navi { display: block; width: 100%; height: 100%; font-size: 16px; color: #333; line-height: 55px; text-align: center;  } 
.sub_title .sub_navi a { background-color: #fff; display: block; width: 100%; height: 100%; font-size: 16px; line-height: 55px; text-align: center; letter-spacing:-.5px; border: 1px solid #ccc;} 
.sub_title .sub_navi ul { font-size:0; overflow: hidden; clear: both; margin: 0 auto;  width: 1260px; 
    position:absolute; top:26rem; left: 50%; transform: translateX(-50%);} 
.sub_title .sub_navi ul li { margin: 0 auto; display: inline-block; width: 155px; } 
.sub_title .sub_navi ul li span { padding-left: 24px; color: #fff; } 
.sub_title .sub_navi ul li.sub_na_home { width: 59px; padding: 18px 0 14px; background-color: #224682; } 
.sub_title .sub_navi ul li.sub_na_home a { display: block; width: 100%; text-align: center; } 
.sub_navi > ul > li:hover a { background-color:#001578; color:#fff; font-weight:400; border:0; } 
.sub_navi > ul > li.active a { background-color:#001578; color:#fff; font-weight:500; border:0; border-color:#001578;} 

/*company-ceo*/
.filedwrap.ceo .filed01 { width: 100%; padding: 481px 0 74px; background: no-repeat; background-position: center top; background-size: contain; } 
.filedwrap.ceo .filed01 .ceo_txt { width: 890px; padding: 51px 54px; margin: 0 auto; background-color: #fff; } 
.ceo_txt h4 { font-size: 26px; font-weight: 700; line-height: 31px; color: #292929; } 
.ceo_txt p { width: 92%; padding-top: 42px; font-size: 17px; line-height: 30px; color: #292929; } 
/*company - about*/
.filedwrap.about { padding-bottom: 105px; } 
.filedwrap.about .icon_list_wrap li { overflow: hidden; clear: both; margin-bottom: 79px; } 
.icon_list_wrap li dl { width: 371px; float: left; padding: 30px 0 0 207px; background: no-repeat left top; } 
.icon_list_wrap dl dt { padding-bottom: 20px; font-size: 22px; font-weight: bold; color: #517dc6; } 
.icon_list_wrap dl dd { padding-left: 13px; padding-bottom: 13px; background: no-repeat left 6px; } 
.filedwrap.about h3 { padding: 99px 0 57px; } 
.filedwrap.about .filed01 p { font-size: 17px; line-height: 30px; color: #292929; } 
.filedwrap.about .filed01 img { display: block; width: 100%; height: auto; padding: 61px 0 92px; } 
/*company-history*/
.history_wrap { overflow: hidden; clear: both; padding: 66px 0 106px; } 
.h_left, .h_right { width: 50%; float: left; } 
.h_right { float: right; } 
.year { width: 75%; padding-bottom: 92px; } 
.year dt { padding-bottom: 21px; margin-bottom: 29px; font-size: 28px; font-weight: bold; color: #517dc6; border-bottom: 1px solid #bfbfbf; } 
.year dd { position: relative; line-height: 30px; } 
.year dd span { position: absolute; top: 0; left: 0; display: inline-block; color: #777777; } 
.year dd b { display: inline-block; margin-left: 100px; } 
/*company-member*/
.memberList { clear: both; overflow: hidden; padding-bottom: 90px; } 
.memberList .m_li { float: left; width: 358px; margin: 0 60px 57px 0; } 
.memberList li:nth-child(3n) { margin-right: 0; } 
.memberList .m_li img { display: block; width: 100%; height: auto; border: 1px solid #b6b6b6; box-sizing: border-box; } 
.memberList .m_li dt { padding: 32px 0 14px; font-size: 18px; font-weight: bold; line-height: 35px; color: #292929; } 
.memberList .m_li dd { font-size: 22px; color: #666666; } 
/*business*/
.filedwrap.business .filed01 { padding-bottom: 170px; } 
.busi_wrap .busi_li { overflow: hidden; clear: both; } 
.busi_wrap .busi_li .busi_img { position: relative; display: block; width: 600px; height: 475px; overflow: hidden; } 
.busi_wrap .busi_li .busi_img img { position: absolute; top: 0; left: 50%; width: 600px; height: auto; margin-left: -300px; } 
.busi_wrap .busi_li dl { width: 540px; } 
.busi_wrap .busi_li.img_left .busi_img, .busi_wrap .busi_li.img_right dl { float: left; } 
.busi_wrap .busi_li.img_right .busi_img, .busi_wrap .busi_li.img_left dl { float: right; } 
.busi_wrap .busi_li.img_left dl { padding: 62px 0 0 60px; } 
.busi_wrap .busi_li.img_right dl { padding: 62px 60px 0 0; } 
.busi_wrap .busi_li dl dt { width: 70%; padding-bottom: 39px; font-size: 45px; font-weight: 700; line-height: 50px; color: #517dc6; } 
.busi_wrap .busi_li dl dd { width: 77%; font-size: 16px; line-height: 27px; color: #888888; word-break: keep-all; } 
/*product*/
.filedwrap.product { padding-bottom: 157px; } 
.product_list { clear: both; overflow: hidden; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; box-sizing: border-box; } 
.product_list .pro_li { float: left; width: 50%; border-top: 1px solid #b6b6b6; border-left: 0.9px solid #b6b6b6; box-sizing: border-box; } 
.product_list .pro_li .img_wrap { position: relative; display: block; height: 352px; overflow: hidden; border-bottom: 1px solid #b6b6b6; } 
.product_list .pro_li .img_wrap img { position: absolute; top: 0; left: 50%; margin-left: -300px; display: block; width: 600px; } 
.product_list .pro_li dl { padding: 19px 22px 35px; } 
.product_list .pro_li dt { padding-bottom: 14px; font-size: 19px; font-weight: 700; line-height: 25px; color: #888888; } 
.product_list .pro_li dd { font-size: 16px; line-height: 24px; color: #888888; } 

/*customer*/
.filedwrap.customer .filed01 { padding-bottom: 130px; } 

/*contact*/
.company_info { overflow: hidden; clear: both; display: table; margin: 0 auto 60px; } 
.company_info dl { float: left; width: 372px; padding: 146px 0 50px; margin-right: 39px; text-align: center; border: 1px solid #dddddd; background: no-repeat center 48px; } 
.company_info dl.phone { background: no-repeat center 45px; } 
.company_info dl.email { margin-right: 0; background: no-repeat center 48px; background: no-repeat center 50px; } 
.company_info dl dt { padding-bottom: 21px; font-size: 27px; font-weight: bold; color: #517dc6; } 
.company_info dl dd { padding: 0 10px; font-size: 16px; color: #292929; line-height: 25px; } 
.tablenmap { overflow: hidden; clear: both; margin-bottom: 96px; } 
.left_table, .right_map { float: left; width: 100%; } 
.left_table { margin-right: 2%; } 
.right_map .map { height: 468px; } 
.right_map p { padding: 13px 0 0; font-size: 16px; text-align: center; line-height: 27px; color: #292929; } 


@media screen and (max-width: 768px){
 .filedwrap { margin-top:40px; width: 100%; } 
 /*company-ceo*/
 .filedwrap.ceo .filed01 { padding: 220px 0 74px; } 
 .ceo_txt p { padding-top: 30px; } 

 /*company-about*/
 .icon_list_wrap { width: 480px; } 
 .icon_list_wrap li dl { width: 304px; padding: 30px 0 0 176px; background: no-repeat left 35px; } 
 .icon_list_wrap li dl.left { padding: 30px 0 70px 176px; } 

 /*company-history*/
 .history_wrap { padding: 0px 0 106px; } 
 .year dd b { margin-left: 90px; } 

 /*business*/
 .filedwrap.business .filed01 { padding-bottom: 20px; } 
 .busi_wrap .busi_li .busi_img { width: 100%; height: 340px; } 
 .busi_wrap .busi_li .busi_img img { position: static; width: 100%; height: auto; margin: 0; } 
 .busi_wrap .busi_li dl { width: 100%; } 
 .busi_wrap .busi_li.img_left dl, .busi_wrap .busi_li.img_right dl { padding: 20px 0 60px 0; } 
 .busi_wrap .busi_li dl dt, .busi_wrap .busi_li dl dd { width: 100%; } 

 /*product*/
 .product_list { border: 0; } 
 .product_list .pro_li { width: 100%; min-height: auto; border: 0; } 
 .product_list .pro_li .img_wrap { height: 300px; border: 1px solid #b6b6b6; } 
 .product_list .pro_li .img_wrap img { position: static; width: 120%; height: auto; margin-left: 0; } 
 .product_list .pro_li dl { padding: 19px 0 60px; } 

 /*contact*/
 .abroad_table.cantact .phone_num input { width: 24%; } 
 .company_info dl { height: 80px; margin-right: 0; margin-left: -1px; } 
 .company_info dl.adress { margin-left: 0; } 
 .right_map .map { height: 250px; } 

 .sub_navi > ul > li.active a { line-height: 40px; } 

 /*filed -°ψΕλ*/
 .filedwrap h3 { padding: 60px 0 40px; } 

 /*sub-title*/
 .sub_title .sub_navi { border-bottom: 0px; } 

 .sub_title .sub_navi a { font-size: 14px; line-height: 40px; } 

 .sub_title .sub_navi ul { background-color: #fff; display: grid; grid-template-columns: 1fr 1fr; position:relative; width:100%; top:0; border-bottom: 1px solid #ccc;}

 .sub_title .sub_navi ul li { width: auto; height: 40px; vertical-align: middle; margin: 0; } 

 .sub_title .sub_navi ul li.sub_na_home { width: 15%; } 
 .sub_title .sub_navi ul li.sub_na_home { width: 12%; } 

 .sub_title .title { width: 90%; padding:40px 0; height: auto;} 
 .sub_title .title span { font-size: 11px; letter-spacing: 1px; } 
 .sub_title .title h3 { font-size: 14px; line-height: 25px; } 
 .sub_title .title h2 { font-size: 3rem; line-height: 3.3rem; padding: 10px 0; } 
 .sub_title .title p { font-size: 13px; line-height: 18px; width: 90%; margin: 0 auto; } 

.sub_title .sub_navi .solo { display: grid; grid-template-columns: auto; } 

 /*company-ceo*/
 .filedwrap.ceo .filed01 { padding: 180px 0 74px; background-size: 500px auto; } 
 /*company-about*/
 .filedwrap.about .filed01 { width: 90%; } 
 .icon_list_wrap { width: 300px; margin: 0 auto; } 
 .icon_list_wrap li dl { width: 100%; padding: 207px 0 0; background: no-repeat center top; } 
 .icon_list_wrap li dl.left { padding: 207px 0 70px; } 
 /*company-history*/
 .h_right { height: 200px; } 
 /*company-member*/
 .memberList .m_li { width: 47.5%; margin: 0 4.5% 57px 0; } 
 .memberList li:nth-child(3n) { margin-right: 5%; } 
 .memberList .m_li_even { margin-right: 0 !important; } 
 /*business*/
 .busi_wrap .busi_li .busi_img { height: 220px; } 
 /*product*/
 .product_list .pro_li .img_wrap { height: 260px; } 
 .product_list .pro_li .img_wrap img { width: auto; height: 100%; margin-left: 0; } 
 /*contact*/
 .company_info { width: 252px; margin: 0 auto 30px; } 
 .company_info dl { width: 320px; height: auto; margin: 0 0 17px 0; } 

.busi_wrap {text-align: center;}

.footlist { padding: 1.5rem 0; } 
.footlist h2 { font-size: 1.8rem; line-height: 2.2rem; padding:0; } 
.footlist h4 { font-size: 14px; line-height: 21px; padding: 13px 0 5px; } 
.footlist_list { display: inline-block; padding:0; width: 100%; } 
.footlist_list li { font-size: 14px; line-height: 19px; padding: 13px 5rem 0; letter-spacing: 0;} 
.footlist_list li i { font-size: 17px; padding-bottom: 1px; } 

/* SUB */
}