@charset "euc-kr";

body, table, th, td, button, select, input, textarea {
	font-family: 'Noto Sans KR', Malgun Gothic, "µ¸¿ò", Dotum, Arial, sans-serif;
	font-size:14px;
	color:#666;
	-webkit-text-size-adjust:none;
}

img {max-width:100%;}

/* Skip Navi */
#skip_navi {position:relative; overflow:hidden; width:100%; margin:0 auto; z-index:100;}
#skip_navi dt {clear:both; position:absolute; top:auto; left:-10000px; overflow:hidden; width:1px; height:1px}
#skip_navi a {display:block; height:0; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#3e8fee;}
#skip_navi a:hover, #skip_navi a:active, #skip_navi a:focus {height:auto; padding:7px 0; font-weight:bold; font-size:1em; line-height:1em; color:#fff; z-index:10000;}

/* Header */
#header {position:absolute; top:0; left:0; width:100%; height:100px; border-bottom:1px solid #ddd; background:#fff; z-index:10;}
#header .header_inner {position:relative; max-width:1380px; margin:auto;}
#header .logo {position:absolute; top:30px; left:10px;}
#header .logo img {display:block;}

#header .header_top {position:relative; max-width:1380px; height:20px; margin:auto;}
#header .header_top ul {position:absolute; top:6px; right:20px; z-index:10;}
#header .header_top ul li {float:left; margin-left:6px;}
#header .header_top ul li a {display:inline-block; padding:0 14px; height:24px; line-height:22px; font-size:14px; color:#fff; background:#004099; text-align:center; border-radius:12px;}

#header .btn_lang {position:absolute; top:36px; right:-90px; display:inline-block; padding:0 18px; height:26px; line-height:24px; font-size:16px; color:#fff; background:#004099; text-align:center; border-radius:14px; z-index:10;}

.google_trans_wrap {position:absolute; top:38px; right:10px;}
.google_trans_wrap .goog-te-gadget-simple {border:1px solid #c4c4c4;}

#header .top_menu_wrap {height:100px;}
#header #gnb {position:relative; max-width:1380px; margin:auto;}
#header #gnb ul {padding:35px 0 0 230px;}
#header #gnb li {float:left; width:calc(100% / 7);}
#header #gnb li a {display:block; font-family:'OneStoreMobileGothicTitleFont'; font-size:20px; color:#333; font-weight:normal; height:30px; line-height:30px; letter-spacing:-0.5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header #gnb li a:hover {color:#005ebd;}

#header .btn_all_menu {position:absolute; top:35px; right:20px; display:block; width:34px; height:30px; background:url(/img/icon_menu_pc.png) no-repeat 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; z-index:10;}

#header .btn_scm {display:block; position:absolute; top:0; right:10px; padding:0 16px; height:32px; line-height:28px; font-size:16px; color:#fff; background:#004099; text-align:center; border-radius:0 0 15px 15px;}

#header .lang {position:absolute; top:35px; right:10px;}
#header .lang li {float:left; padding-left:12px;}
#header .lang li a {display:block; font-size:13px; color:#333; height:30px; line-height:30px;}

.gnb-menu-area {position:absolute; top:100px; left:0; width:100%; max-height:0px; border-top:1px solid #cecece; border-bottom:0px solid #d9d9d9; background-color:#f5f5f5; overflow:hidden; z-index:11; transition:max-height .6s ease-in-out, border-bottom .6s ease-in-out;}
.gnb-menu-area.active {max-height:1000px; border-bottom:1px solid #d9d9d9; transition:max-height .6s ease-in-out, border-bottom .6s ease-in-out;}
.gnb-menu-area .inner-wrap {display:flex; max-width:1380px; padding:0 0 0 230px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box{position:relative; width:calc(100% / 7); padding:10px 0; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.gnb-menu-area .menu-box::before {position:absolute; left:50%; top:0; width:0; height:3px; background-color:#3163a7; content: ''; transition: all 0.2s;}
.gnb-menu-area .menu-box:first-child {border-left:1px solid #e8e8e8;}
.gnb-menu-area .menu-box:hover{background-color:#fff;}
.gnb-menu-area .menu-box ul li a{display:block; padding:5px 5px 5px 15px; font-family:"OneStoreMobileGothicBody"; font-size:14px; color:#555; line-height:20px; letter-spacing:-0.5px;}
.gnb-menu-area .menu-box ul li a:hover{color:#009dd1;}

.dimmed{display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0.6; z-index:99;}
.layer-popup {overflow:hidden; overflow-y:auto; display:none; position:fixed; left:50%; top:120px; z-index:100; width:700px; margin:0 0 0 -350px; padding:0; border:0; background-color:#fff; -webkit-overflow-scrolling: touch;}
.layer-popup .inner-layer {display:block; position:relative; padding:0;}
.layer-popup .layer-header {position:relative; width:100%; padding:20px 30px; text-align: center; background-color:#2c2c2c; box-sizing:border-box;}
.layer-popup .layer-header .tit {line-height:1.1; color:#fff; font-size:22px; font-weight: 700; letter-spacing:-0.5px;}
.layer-popup .layer-header .btn-layer-close {overflow:hidden; display:block; position:absolute; top:22px; right:30px; width:22px; height:22px; margin:0; padding:0; border:0; font-size:0; line-height:0; background:url(/img//btn-layer-close.png) no-repeat center; cursor:pointer;}
.layer-popup .layer-header .btn-layer-close:hover {animation:scale 0.5s; -webkit-animation:scale 0.5s; }
.layer-popup .layer-cont {width:100%; padding:30px; color:#555; max-height:500px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
.layer-popup .layer-cont .tit {padding:0 0 10px 0; font-size:20px; font-weight:500; letter-spacing:-0.5px; color:#222; text-align:center;}
.layer-popup .layer-cont .tit-text {padding:0 0 10px 0; font-size:17px; font-weight:500; letter-spacing:-0.5px; color:#222; border-bottom:1px solid #555;}
.layer-popup .layer-cont p {margin:0; padding:0;}
.layer-popup .layer-cont .txt-info {padding:0 0 40px 0;}
.layer-popup .layer-cont .blue-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .btn-layer-close {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#fff; border:none; background-color:#024da1;}
.layer-popup .layer-cont .bd-btn {display:inline-block; margin-top:70px; padding:0 20px; height:45px; color:#333; border:1px solid #333; background-color:#fff;}

.layer-popup.pc-all-menu{width:1100px; margin:0 0 0 -550px;}
.layer-popup.pc-all-menu .layer-cont{padding:30px 0; max-height:750px;}
.layer-popup.pc-all-menu .layer-cont .tit{padding-bottom:20px;}

.layer-popup.confirm-layer{width:1100px; margin:0 0 0 -550px;}
.layer-popup.confirm-layer .layer-cont{max-height:650px;}

.all-menu-wrap .box-wrap:after{clear:both; content:''; display:block;}
.all-menu-wrap .box-wrap .box{float:left; width:16.66666666666667%; height:340px; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.all-menu-wrap .box-wrap .box:last-child {border-right:0;}
.all-menu-wrap .box-wrap .box ul li a{display:block; padding:5px 25px; font-size:15px; color:#555; line-height:20px; letter-spacing:-0.5px;}
.all-menu-wrap .box-wrap .box ul li a:hover{color:#e53917;}

.type-mobile {display:none;}
.mobile-menu{display:none;}

/* Footer */
#footer {background-color:#363a40;}
#footer .footer_inner {position:relative; max-width:1380px; margin:auto; padding:50px 10px; box-sizing:border-box;}
#footer .copy_logo {padding-bottom:25px; border-bottom:1px solid #999;}
#footer .copy_logo img {display:block;}
#footer .copyright {padding-top:30px; color:#c4c7cc; font-size:15px;}
#footer .copyright p {padding:2px 0; line-height:1.3;}
#footer .copyright p span {display:inline-block; margin-right:20px;}
#footer .copyright p span.address {min-width:300px; margin-right:0;}
#footer .copyright p:last-child {padding-top:35px;}

.footer_menu {padding:18px 0; border-bottom:1px solid #444; overflow:hidden;}
.footer_menu ul {max-width:1200px; margin:0 auto;}
.footer_menu ul li {float:left; padding:0 10px; border-right:1px solid #555;}
.footer_menu ul li:last-child {border-right:0;}
.footer_menu ul li a {color:#fff;}

.family-site-box{position:absolute; top:145px; right:10px; width:180px; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn{display:block; height:42px; line-height:42px; text-indent:20px; font-size:15px; background-color:#363a40; border:1px solid #858687; color:#c4c7cc; border-radius:5px;}
.family-site-box .family-site-open-btn i{position:absolute; right:15px; top:50%; margin-top:-10px; font-size: 20px;}
.family-site-list{position:absolute; bottom:43px; left:0px; width:100%; padding:10px 0; background-color:#363a40; border:1px solid #858687; z-index:11; display:none; box-sizing:border-box; border-radius:5px;}
.family-site-list a{display:block; padding:5px 20px; color:#c4c7cc; font-size:15px;}
.family-site-list a:hover{color:#fff;}

.white_content {display:flex; align-items:center; justify-content:center; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.6); opacity:0; -webkit-transition:opacity 400ms ease-in; -moz-transition:opacity 400ms ease-in; transition:opacity 400ms ease-in; pointer-events:none; z-index:998; overflow:hidden;}
.white_content:target {opacity:1; pointer-events:auto;}
.white_content > div {position:absolute; top:25%; width:50%; height:35%; padding:16px; border:3px solid #000; background:#fff;}
.content_title {padding:5px 0 20px;}
.open_h {font-size:21px; color:#222;}
.content_title a {position:absolute; top:19px; right:20px;}
.content_title a i {font-size:25px; color:#000;}
.content_inner {padding:20px 15px; background:#eee; border:1px solid #555; height:80%; box-sizing:border-box; overflow-y:scroll; line-height:150%;}

@media (max-width:768px){
  .open_h {font-size:18px;}
  .white_content > div {width:80%;}
  .content_title a i {font-size:22px;}
  .content_inner {font-size:14px;}
}
@media (max-height:500px){
  .content_inner {height:60%;}
}
@media (max-height:400px){
  .content_inner {height:50%;}
}


/*animation*/
@keyframes scroll_down {
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}
.scroll_down {animation-name:scroll_down; animation-duration:1s; animation-fill-mode:both; animation-iteration-count:infinite;}

/* Main */
.main_visual_wrap {padding-top:101px;}

.main_slide .slide_item {position:relative; max-height:860px; overflow:hidden;}
.main_slide .slide_item .txt {position:absolute; top:30%; width:100%; text-align:center; color:#fff; z-index:1;}
.main_slide .slide_item .txt_btit {font-family:"OneStoreMobileGothicTitleFont"; font-size:56px; font-weight:normal; line-height:1.3; margin-bottom:30px; text-shadow:3px 3px 4px rgba(0,0,0,.5);}
.main_slide .slide_item .txt_stit {font-family:"OneStoreMobileGothicBody"; font-size:32px; font-weight:normal; line-height:1.4; text-shadow:2px 2px 3px rgba(0,0,0,.5);}

.main_slide .slide_item .video_bg {position:relative; padding-bottom:56.25%; height:0; background:#000;}
.main_slide .slide_item .video_bg video {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}


.main_business_wrap {padding:100px 0;}
.main_business_in {max-width:1380px; margin:auto; padding:0 15px; box-sizing:border-box;}
.main_business_top {position:relative; padding-top:8px; margin-bottom:40px; letter-spacing:-0.05em;}
.main_business_top h3 {display:inline-block; font-family:'OneStoreMobileGothicTitleFont'; font-weight:normal; font-size:48px; color:#000;}
.main_business_top p {display:inline-block; font-family:"OneStoreMobileGothicBody"; font-weight:normal; font-size:18px; color:#474747; margin-left:15px;}
.main_business_top .busi_btn_top {position:absolute; top:0; right:0;}
.main_business_top .busi_btn_top li {float:left; margin-left:10px;}
.main_business_top .busi_btn_top a {display:inline-block; width:58px; line-height:58px; border:1px solid #000; border-radius:50%; font-size:16px; color:#000; text-align:center; transition:border 0.3s , color 0.3s , background 0.3s;}
.main_business_top .busi_btn_top a:hover {border:1px solid #000; background:#000; color:#fff;}
.main_business_item ul {display:flex; align-items:center;}
.main_business_item .bus_img {width:55%; max-width:740px;}
.main_business_item .bus_img img {border-radius:20px;}
.main_business_item .bus_txt {width:45%; padding-left:90px; box-sizing:border-box;}
.main_business_item .bus_txt h4 {font-family:'OneStoreMobileGothicTitleFont'; font-weight:normal; font-size:44px; color:#0045a6; margin-bottom:30px; letter-spacing:-0.05em;}
.main_business_item .bus_txt p {font-family:"OneStoreMobileGothicBody"; font-weight:normal; font-size:20px; color:#474747; line-height:1.4; margin-bottom:30px; letter-spacing:-0.05em;}
.main_business_item .bus_txt a {display:inline-block; font-family:"S-CoreDream-3Light"; font-weight:normal; font-size:14px; color:#256aca; padding:0 28px 0 34px; line-height:54px; background:#eaf3fc; border-radius:28px; transition:color 0.3s , background 0.3s;}
.main_business_item .bus_txt a i {vertical-align:middle; font-size:16px; margin-top:-2px; margin-left:4px;}
.main_business_item .bus_txt a:hover {color:#fff; background:#0059b3;}


.main_product_wrap {padding:100px 0 85px; background:#f0f2f6;}
.main_product_in {max-width:1380px; margin:auto;}
.main_product_top {margin-bottom:30px; text-align:center; letter-spacing:-0.05em;}
.main_product_top h3 {font-family:'OneStoreMobileGothicTitleFont'; font-weight:normal; font-size:48px; color:#000; margin-bottom:30px;}
.main_product_top p {font-family:"OneStoreMobileGothicBody"; font-weight:normal; font-size:20px; color:#474747;}
.main_product_list ul {display:flex; flex-wrap:wrap; justify-content:center;}
.main_product_list li {width:33.333333%; padding:15px; text-align:center; box-sizing:border-box;}
.main_product_list li a {display:block;}
.main_product_list li p {margin-top:30px; font-family:"OneStoreMobileGothicBody"; font-weight:bold; font-size:28px; color:#222;}

.main_board_wrap {padding:90px 0 0;}
.main_board_in {display:flex; flex-wrap:wrap; max-width:1380px; margin:auto;}
.main_board_box {position:relative; width:calc(50% - 30px); background:#fff; padding:34px 34px 26px; margin:15px; box-sizing:border-box; border-radius:30px; border:1px solid #dcdfe6;}
.main_board_box .board_more {position:absolute; top:34px; right:34px;}
.main_board_top {height:26px; line-height:26px;}
.main_board_top h4 {font-family:'OneStoreMobileGothicTitleFont'; font-weight:normal; font-size:28px; color:#0d0e0f; letter-spacing:-0.05em;}
.main_board_list {padding-top:24px; min-height:156px;}
.main_board_list li {line-height:26px; margin-bottom:4px;}
.main_board_list li a {display:inline-block; vertical-align:middle; font-size:17px; font-weight:400; letter-spacing:-0.05em; color:#1a1a1a; max-width:calc(100% - 90px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_board_list li img {display:inline-block; vertical-align:middle; margin-left:4px;}
.main_board_list li span {float:right; display:inline-block; vertical-align:middle; font-size:15px; font-weight:300; letter-spacing:-0.05em; color:#737373;}

.main_video_list {padding-top:20px;}
.main_video_list ul {display:flex; justify-content:space-between;}
.main_video_list li {width:calc(50% - 15px);}

.main_banner_wrap {padding:0 0 90px;}
.main_banner_in {display:flex; flex-wrap:wrap; max-width:1380px; margin:auto;}
.main_banner_box {position:relative; width:calc(25% - 30px); margin:15px; border-radius:20px; overflow:hidden; background-color:#f0f2f6; background-repeat:no-repeat; background-position:bottom 10px right 10px;}
.main_banner_box a {display:block; height:190px; padding:34px 34px 0; box-sizing:border-box;}
.main_banner_box h4 {font-family:'OneStoreMobileGothicTitleFont'; font-weight:normal; font-size:28px; color:#222; letter-spacing:-0.05em; margin-bottom:12px;}
.main_banner_box p {font-size:14px; color:#707070; letter-spacing:-0.05em; line-height:1.4;}
.main_banner_box img {position:absolute; bottom:34px; left:34px;}
.main_banner_box.icon_01 {background-image:url(/img/banner_img1.png);}
.main_banner_box.icon_02 {background-image:url(/img/banner_img2.png);}
.main_banner_box.icon_03 {background-image:url(/img/banner_img3.png);}
.main_banner_box.icon_04 {background-image:url(/img/banner_img4.png);}


/* Sub */
#sub_visual {position:relative; height:260px; margin-top:100px;}
#sub_visual .txt {position:absolute; top:85px; width:100%; text-align:center; color:#fff;}
#sub_visual .txt_stit {font-family:"OneStoreMobileGothicBody"; font-size:22px; font-weight:normal; line-height:1.3; text-shadow:2px 2px 2px rgba(0,0,0,.4);}
#sub_visual .txt_btit {font-family:"OneStoreMobileGothicTitleFont"; font-size:38px; font-weight:normal; line-height:1.4; margin-bottom:10px; text-shadow:3px 3px 4px rgba(0,0,0,.4);}

.sub_img1 {background:url('/img/sub_img1.jpg') no-repeat top center;}
.sub_img2 {background:url('/img/sub_img2.jpg') no-repeat top center;}
.sub_img3 {background:url('/img/sub_img3.jpg') no-repeat top center;}
.sub_img4 {background:url('/img/sub_img4.jpg') no-repeat top center;}
.sub_img5 {background:url('/img/sub_img5.jpg') no-repeat top center;}
.sub_img6 {background:url('/img/sub_img6.jpg') no-repeat top center;}
.sub_img7 {background:url('/img/sub_img7.jpg') no-repeat top center;}
.sub_img8 {background:url('/img/sub_img8.jpg') no-repeat top center;}

.sub_navi_wrap {position:relative; height:60px; background:#015ba9; z-index:3;}
.sub_navi_wrap > nav {max-width:1360px; margin:auto; font-family:"OneStoreMobileGothicBody";}
.sub_navi_wrap > nav:after{content:""; display:block; clear:both;}
.sub_navi_wrap > nav > div {display:block; float:left; border-left:1px solid rgba(255, 255, 255, 0.3); position:relative; cursor:pointer; box-sizing:border-box; z-index:9;}
.sub_navi_wrap > nav > div:last-child {border-right:1px solid rgba(255, 255, 255, 0.3);}
.sub_navi_wrap > nav > div >a.home {display:block; width:60px; height:60px; line-height:58px; font-size:21px; color:#fff; text-align:center; overflow:hidden;}
.sub_navi_wrap > nav > div >a.home i {vertical-align:middle;}
.sub_navi_wrap > nav > div >.depth_title {display:block; height:60px; font-size:17px; font-weight:400; letter-spacing:-0.5px; color:#fff; width:258px; text-indent:18px; line-height:60px; background:url('/img/icon_snb.png') no-repeat right 15px center; background-size:13px; box-sizing:border-box; padding-right:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap > nav > div > ul {display:none; width:100%; overflow:hidden; position:absolute; left:-1px; top:60px; background:#fff; border:solid #d9d9d9; border-width:0 1px 1px 1px; z-index:6;}
.sub_navi_wrap > nav > div > ul > li {height:50px; line-height:50px; font-size:16px; font-weight:400; letter-spacing:-0.5px; text-indent:18px;}
.sub_navi_wrap > nav > div > ul > li > a {display:block; color:#333; transition:all 0.2s ease-out; padding-right:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap > nav > div > ul > li > a:hover {background:#eee;}

.sub_content_wrap {position:relative; max-width:1360px; min-height:600px; padding:50px 10px 70px; margin:auto;}

#sub_title {position:relative; padding:0 0 20px; margin:0 0 40px; font-family:"OneStoreMobileGothicTitleFont"; font-size:36px; line-height:50px; font-weight:normal; color:#000; letter-spacing:-0.5px; text-align:center;}
#sub_title:after{position:absolute; bottom:0; left:50%; width:62px; height:1px; background:#9b9b9b; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:""}

.sub_tab {margin-bottom:40px;}
.sub_tab ul:after {clear:both; display:block; content:"";}
.sub_tab li {float:left; min-width:200px;}
.sub_tab ul.num2 li {width:50%; min-width:0;}
.sub_tab ul.num3 li {width:33.33333333333333%; min-width:0;}
.sub_tab ul.num4 li {width:25%; min-width:0;}
.sub_tab ul.num5 li {width:20%; min-width:0;}
.sub_tab ul.num6 li {width:16.66666666666667%; min-width:0;}
.sub_tab li a {display:block; height:54px; line-height:54px; font-size:24px; font-weight:400; color:#555; text-align:center; border:1px solid #d6d6d6; background-color:#f6f6f6; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_tab li a.on,
.sub_tab li a:hover {color:#fff; font-weight:500; background-color:#444; border:1px solid #222;}

.sub_product_tab {margin-bottom:40px;}
.sub_product_tab ul:after {clear:both; display:block; content:"";}
.sub_product_tab li {float:left; min-width:200px;}
.sub_product_tab ul.num2 li {width:50%; min-width:0;}
.sub_product_tab ul.num3 li {width:33.33333333333333%; min-width:0;}
.sub_product_tab ul.num4 li {width:25%; min-width:0;}
.sub_product_tab ul.num5 li {width:20%; min-width:0;}
.sub_product_tab ul.num6 li {width:16.66666666666667%; min-width:0;}
.sub_product_tab li a {display:block; height:44px; line-height:44px; font-size:16px; font-weight:400; color:#555; text-align:center; border:1px solid #d6d6d6; background-color:#f6f6f6; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_product_tab li a.on,
.sub_product_tab li a:hover {color:#fff; font-weight:500; background-color:#444; border:1px solid #222;}

.con_tit {font-size:22px; color:#222; font-weight:500; padding:10px 0; line-height:1.3;}

.con_table {width:100%; border-top:1px solid #333; border-left:1px solid #ddd; margin-bottom:20px;}
.con_table th {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#f9f9f9; color:#222; font-size:16px; font-weight:500; line-height:1.5;}
.con_table td {padding:15px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#555; font-size:16px; font-weight:300; line-height:1.5;}
.con_table td.sub {color:#333; font-weight:400;}
.con_table .total td {color:#333; font-weight:400; background-color:#f9f9f9;}

.greeting_wrap {display:flex;}
.greeting_wrap h4 {font-family:"OneStoreMobileGothicBody"; font-size:42px; color:#219bd9; font-weight:normal; line-height:1.3; margin-bottom:10px; padding-top:30px;}
.greeting_wrap h5 {font-family:"OneStoreMobileGothicTitleFont"; font-size:34px; color:#084aa6; font-weight:normal; line-height:1.3; margin-bottom:40px;}
.greeting_img {width:460px; text-align:center;}
.greeting_txt {width:calc(100% - 460px); font-size:18px; color:#555; font-weight:400; line-height:1.5;}
.greeting_txt p {margin-bottom:20px;}
.greeting_txt .ceo_sign {text-align:right; font-size:24px; color:#111; font-weight:500; padding-top:10px;}

.history_wrap {padding-bottom:22px;}
.history_wrap > ul > li {position:relative; padding-bottom:50px;}
.history_wrap > ul > li:before {position:absolute; top:22px; width:2px; height:100%; background:#e6e6e6; content:'';}
.history_wrap > ul > li:nth-child(odd) {margin-left:50%; padding-left:40px;}
.history_wrap > ul > li:nth-child(odd):before {left:-1px;}
.history_wrap > ul > li:nth-child(even) {margin-right:50%; padding-right:40px; text-align:right;}
.history_wrap > ul > li:nth-child(even):before {right:-1px;}
.history_wrap > ul > li h4 {position:relative; margin-bottom:14px; font-size:36px; font-weight:500; color:#177ee5;}
.history_wrap > ul > li h4:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; background:#00b6f2; border-radius:100%; content:''; z-index:1;}
.history_wrap > ul > li:nth-child(odd) h4:before {left:-46px;}
.history_wrap > ul > li:nth-child(even) h4:before {right:-46px;}
.history_wrap > ul > li dl {overflow:hidden; font-size:16px;}
.history_wrap > ul > li dl dd {line-height:1.5; padding:3px 0;}

.history_wrap2 {padding-bottom:22px;}
.history_wrap2 > ul > li {position:relative; padding-bottom:50px;}
.history_wrap2 > ul > li:before {position:absolute; top:22px; width:2px; height:100%; background:#e6e6e6; content:'';}
.history_wrap2 > ul > li:nth-child(odd) {margin-left:50%; padding-left:40px;}
.history_wrap2 > ul > li:nth-child(odd):before {left:-1px;}
.history_wrap2 > ul > li:nth-child(even) {margin-right:50%; padding-right:40px; text-align:right;}
.history_wrap2 > ul > li:nth-child(even):before {right:-1px;}
.history_wrap2 > ul > li h4 {position:relative; margin-bottom:14px; font-size:36px; font-weight:500; color:#177ee5;}
.history_wrap2 > ul > li h4:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; background:#00b6f2; border-radius:100%; content:''; z-index:1;}
.history_wrap2 > ul > li:nth-child(odd) h4:before {left:-46px;}
.history_wrap2 > ul > li:nth-child(even) h4:before {right:-46px;}
.history_wrap2 > ul > li dl {overflow:hidden; font-size:16px; padding:6px 0; line-height:1.4;}
.history_wrap2 > ul > li dt {width:86px; color:#333; font-weight:500;}
.history_wrap2 > ul > li:nth-child(odd) dt {float:left;}
.history_wrap2 > ul > li:nth-child(odd) dd {padding-left:86px;}
.history_wrap2 > ul > li:nth-child(even) dt {float:right;}
.history_wrap2 > ul > li:nth-child(even) dd {padding-right:86px;}

.overview_wrap {overflow:hidden; padding-top:30px; margin-bottom:50px; background:url('/company/img/overview_img.jpg') no-repeat bottom left;}
.overview_wrap h4 {float:left; width:514px; font-size:34px; font-weight:500; color:#e53917; padding-top:20px; text-align:center;}
.overview_box {margin-left:514px; padding:0 26px 20px; border:1px solid #ccc; background:#fff;}
.overview_box dl {overflow:hidden; font-size:16px; padding:6px 0; line-height:1.4;}
.overview_box dt {float:left; width:80px; color:#333; font-weight:500; text-align:right;}
.overview_box dd {padding-left:90px;}
.overview_box h5 {font-family:"OneStoreMobileGothicTitleFont"; font-size:22px; color:#219bd9; font-weight:normal; line-height:1.3; margin:30px 0 12px;}
.overview_box p {font-size:18px; margin-bottom:12px;}


.youtube_wrap {position:relative; padding-bottom:56.25%; height:0;}
.youtube_wrap iframe {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

.overview_text {font-size:18px; font-weight:400; line-height:1.5;}
.overview_text h4 {margin-bottom:20px; font-family:"OneStoreMobileGothicTitleFont"; font-size:32px; color:#084aa6; font-weight:normal; line-height:1.3;}
.overview_text p {margin-bottom:15px;}

.vision_wrap {padding-top:30px;}
.vision_wrap h4 {margin-bottom:40px; font-size:34px; font-weight:600; color:#222;}
.vision_wrap p {font-size:18px; line-height:1.5; font-weight:400; color:#555;}
.vision_wrap .vision_box {overflow:hidden; padding:0; margin-bottom:60px;}
.vision_wrap .vision_img {float:left;}
.vision_wrap .vision_txt {padding:60px 0 0 520px;}
.vision_wrap .tit_cen {text-align:center; font-size:38px; padding:20px 0;}
.vision_wrap .img_cen {text-align:center; margin-bottom:40px;}

.good_list {overflow:hidden; padding-top:20px;}
.good_list li {float:left; width:33.33333333333333%; padding:15px; box-sizing:border-box;}
.good_box {height:300px; padding:170px 10px 0; text-align:center; box-sizing:border-box; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.2);}
.good_box.img_01 {background:url('/company/img/good_img1.jpg') no-repeat 50% 30px;}
.good_box.img_02 {background:url('/company/img/good_img2.jpg') no-repeat 50% 30px;}
.good_box.img_03 {background:url('/company/img/good_img3.jpg') no-repeat 50% 30px;}
.good_box h4 {margin-bottom:10px; font-family:"OneStoreMobileGothicTitleFont"; font-size:34px; font-weight:normal; color:#333; line-height:1.3;}
.good_box h4 span {color:#1452cc;}
.good_box p {font-size:22px; font-weight:500; color:#555; line-height:1.5;}

.ci_wrap h4 {margin-bottom:10px; font-family:"OneStoreMobileGothicTitleFont"; font-size:30px; color:#222; font-weight:normal; line-height:1.3;}
.ci_info {display:flex; flex-wrap:wrap; margin-bottom:50px;}
.ci_info_txt {width:calc(100% - 370px); padding:20px 0 0 50px; box-sizing:border-box;}
.ci_info_txt p {font-size:18px; margin-bottom:14px; line-height:1.3;}
.ci_info_btn {display:flex; flex-wrap:wrap; padding-top:20px;}
.ci_info_btn a {display:block; padding:10px 20px; background:#005aab; color:#fff; font-size:16px; margin-right:10px;}
.ci_cont {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
.ci_cont_box {width:calc(50% - 10px);}
.ci_cont_img {padding:20px; border:1px solid #d6d6d6;}
.ci_sm_txt {line-height:1.3;}

.map_wrap {overflow:hidden;}
.map_img {float:left; width:50%; text-align:center;}

.factory_wrap {display:flex; flex-wrap:wrap;}
.factory_box {position:relative; width:calc(25% - 20px); padding:19px 19px 64px; border:1px solid #ddd; margin:0 10px 40px; box-sizing:border-box; border-radius:12px;}
.factory_img {margin-bottom:20px;}
.factory_img img {border-radius:6px;}
.factory_info h4 {font-family:"OneStoreMobileGothicTitleFont"; font-size:24px; color:#084aa6; font-weight:normal; margin-bottom:20px;}
.factory_info h4 small {font-size:18px;}
.factory_info p {font-size:16px; line-height:1.3; margin-bottom:5px;}
.factory_info p.c_blue {color:#0077cc;}

.map_view {position:absolute; bottom:19px; left:19px;}
.map_view a {display:inline-block; height:30px; line-height:27px; font-size:16px; padding:0 20px; color:#fff; font-weight:500; background:#015ba9; border:2px solid #015ba9; border-radius:5px;}

.factory_box2 {padding:20px; border:1px solid #ddd; margin:40px auto 0; overflow:hidden;}
.factory_box2 .factory_img {float:left;}
.factory_box2 .factory_info {float:left; padding:20px 0 0 30px;}
.factory_box2 .factory_info h4 {margin-bottom:20px;}
.factory_box2 .factory_info dl {margin-top:10px;}
.factory_box2 .factory_info dl dd {padding-left:114px;}

.map2_wrap h4 {font-size:24px; font-weight:600; color:#222; margin-bottom:15px;}
.map2_wrap p {font-size:18px; font-weight:400; line-height:1.3; margin-bottom:25px;}

.map_info {display:flex; flex-wrap:wrap; padding:10px 30px; margin:20px 0 40px; background:#f0f3f5; border-radius:15px;}
.map_info dl {display:flex; height:60px; align-items:center; padding:0 50px 0 76px; margin:10px 0;}
.map_info dl.icon_1 {background:url('/company/img/sub08_1.png') no-repeat;}
.map_info dl.icon_2 {background:url('/company/img/sub08_2.png') no-repeat;}
.map_info dl.icon_3 {background:url('/company/img/sub08_3.png') no-repeat;}
.map_info dl.icon_4 {background:url('/company/img/sub08_4.png') no-repeat;}
.map_info dt {font-family:'OneStoreMobileGothicTitleFont'; font-size:18px; color:#003366; font-weight:500; margin-right:10px;}
.map_info dd {font-family:'OneStoreMobileGothicBody'; font-size:18px; color:#333; font-weight:400;}

.sub_business_list li {padding-bottom:40px;}
.sub_business_item {position:relative; height:320px; overflow:hidden;}
.sub_business_item .sub_busi_txt {position:relative; float:left; width:440px; height:320px; padding:40px 40px 0; color:#fff; background:#0a2966; box-sizing:border-box;}
.sub_business_item .sub_busi_txt h4 {margin-bottom:25px; font-size:36px; font-weight:500; color:#ffee33;}
.sub_business_item .sub_busi_txt h5 {margin-bottom:15px; font-size:24px; font-weight:500; color:#fff;}
.sub_business_item .sub_busi_txt p {font-size:16px; font-weight:500; color:rgba(255,255,255,.8);}
.sub_business_item .sub_busi_more {position:absolute; display:block; bottom:40px; width:calc(100% - 80px); height:50px; line-height:46px; border:2px solid #fff; font-size:20px; font-weight:500; color:#fff; text-align:center; box-sizing:border-box;}
.sub_business_item .sub_busi_img {position:absolute; top:0; right:0; width:calc(100% - 440px); height:320px; overflow:hidden;}
.sub_business_item .sub_busi_img img {}

.sub_business_list li:nth-child(even) .sub_business_item .sub_busi_txt {float:right;}
.sub_business_list li:nth-child(even) .sub_business_item .sub_busi_img {left:0; right:auto;}

.sub_business_list .sub_busi_img.bg1 {background:url('/business/img/sub01_img1.jpg') no-repeat center center;}
.sub_business_list .sub_busi_img.bg2 {background:url('/business/img/sub01_img2.jpg') no-repeat center center;}
.sub_business_list .sub_busi_img.bg3 {background:url('/business/img/sub01_img3.jpg') no-repeat center center;}
.sub_business_list .sub_busi_img.bg4 {background:url('/business/img/sub01_img4.jpg') no-repeat center center;}

.business1_wrap {overflow:hidden; padding-top:30px; font-family:'OneStoreMobileGothicBody';}
.business1_img {float:left;}
.business1_txt {padding-left:480px; padding-top:50px;}
.business1_txt h4 {margin-bottom:20px; font-size:42px; font-weight:bold; color:#219bd9;}
.business1_txt h5 {margin-bottom:30px; font-family:'OneStoreMobileGothicTitleFont'; font-size:26px; font-weight:normal; color:#084aa6;}
.business1_txt p {margin-bottom:15px; font-size:18px; font-weight:normal; line-height:1.5;}
.business1_txt p.t_tit {margin-bottom:20px; font-size:20px; font-weight:bold; color:#333;}

.business2_wrap {overflow:hidden; padding-top:60px; font-family:'OneStoreMobileGothicBody';}
.business2_txt {float:left; width:calc(100% - 560px); padding-top:20px;}
.business2_txt h4 {margin-bottom:20px; font-size:42px; font-weight:bold; color:#219bd9;}
.business2_txt p {margin-bottom:10px; font-size:18px; font-weight:400; line-height:1.5;}
.business2_txt p.t_tit {margin-bottom:5px; padding-top:10px; font-size:20px; font-weight:bold; color:#333;}
.business2_img {float:right; padding-top:20px;}

.business3_wrap {padding-top:20px;}


.business_top_wrap {margin-bottom:60px;}
.business_con_wrap {margin-bottom:60px;}
.business_con_txt {}
.business_con_txt h4 {margin:0 0 40px; font-family:'OneStoreMobileGothicBody'; font-size:52px; color:#219bd9; font-weight:normal; line-height:1.2;}
.business_con_txt h5 {margin:20px 0; font-family:'OneStoreMobileGothicTitleFont'; font-size:28px; color:#084aa6; font-weight:normal; line-height:1.4;}
.business_con_txt p {margin:20px 0 40px; font-family:'OneStoreMobileGothicBody'; font-size:18px; color:#666; font-weight:normal; line-height:1.6;}
.business_con_txt.s_txt p {margin:0 0 20px; font-size:15px; line-height:1.4;}
.business_con_txt.s_txt p b {font-size:18px; color:#084aa6;}
.business_con_txt.s_txt p b small {color:#219bd9; font-weight:normal;}
.business_con_img {width:45%;}

.business_pro_wrap h4 {margin-bottom:20px; font-family:"OneStoreMobileGothicTitleFont"; font-size:32px; color:#222; font-weight:normal; line-height:1.3;}
.business_pro_wrap ul {display:flex; margin:0 -6px 10px;}
.business_pro_wrap ul li {padding:0 6px 10px;}

.business_pro_wrap.pro2_wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.business_pro_wrap.pro2_wrap > div {width:calc(50% - 6px); margin-bottom:20px;}

.business_equip_wrap {display:flex; flex-wrap:wrap; margin-bottom:40px;}
.business_equip_wrap h5 {margin:20px 0; font-family:'OneStoreMobileGothicTitleFont'; font-size:28px; color:#084aa6; font-weight:normal; line-height:1.4;}
.business_equip_txt {width:50%; padding-right:40px; box-sizing:border-box;}
.business_equip_txt p {margin:0 0 20px; font-family:'OneStoreMobileGothicBody'; font-weight:normal; font-size:15px; line-height:1.4;}
.business_equip_txt p b {font-size:18px; color:#084aa6;}
.business_equip_txt p b small {color:#219bd9; font-weight:normal;}

.business_customer {width:50%;}

.process_wrap {overflow:hidden; padding-top:60px;}
.process_title {margin-bottom:40px; font-size:34px; font-weight:700; color:#222; text-align:center;}
.process_box {float:left; width:calc(50% - 20px); margin:0 10px 20px;}
.process_box p {padding:15px 0; text-align:center; font-size:22px; font-weight:600; color:#fff; background:#222;}
.process_video {position:relative; padding-bottom:56.25%; height:0;}
.process_video video {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

.customer_list {overflow:hidden; margin:0 -5px;}
.customer_list li {float:left; width:33.333333%; padding:0 5px 10px; box-sizing:border-box;}
.customer_list li div {padding:5px 15px; border:1px solid #ddd; text-align:center; border-radius:10px;}

.certi_wrap ul {display:flex; flex-wrap:wrap; padding-top:20px;}
.certi_wrap li {width:calc(20% - 20px); padding:0 10px;}
.certi_item {max-width:252px; margin:0 auto 40px;}
.certi_item div {padding:5px; border:1px solid #ccc;}
.certi_item p {padding-top:10px; font-size:20px; font-weight:500; color:#333; line-height:1.3; text-align:center;}
.certi_item p small {font-size:16px; font-weight:400; color:#555;}

.certi_con_tit {margin:20px 0; font-family:'OneStoreMobileGothicTitleFont'; font-size:28px; color:#084aa6; font-weight:normal; line-height:1.4; text-align:center;}
.certi_con_img {margin:20px 0 60px; text-align:center;}


.certificate ul {display:flex; flex-flow:row wrap; margin-bottom:30px;}
.certificate ul li {width:18%; margin:1%; box-sizing:border-box;}
.certificate ul li p {padding-top:10px; font-size:20px; font-weight:500; color:#333; line-height:1.3; text-align:center;}
.certi_thumb {display:block; position:relative; width:100%; height:0; padding-top:140%; overflow:hidden; cursor:pointer; border:1px solid #d9d9d9; box-sizing:border-box;}
.certi_thumb img {position:absolute; top:0; left:0; width:100%; height:100%;}
.certi_box {display:none; position:fixed; top:50%; left:50%; width:90%; max-width:500px; height:auto; max-height:90%; background:#000; border:1px solid #000; z-index:100; overflow-x:hidden; overflow-y:auto; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.certi_box img {width:100%;}
.btn_close_certi {display:block; position:absolute; top:0; right:0; width:30px; height:30px; line-height:35px; background:#000; border:0; text-align:center; cursor:pointer;}
.btn_close_certi i {font-size:20px; color:#fff;}
.certi_tit {margin:0 1%; font-family:"OneStoreMobileGothicTitleFont"; font-size:32px; color:#222; font-weight:normal; line-height:1.3;}


.painting_top_img {margin-bottom:20px;}

.painting_process_list {padding-top:20px;}
.painting_process_list h3 {margin-bottom:20px; font-size:28px; font-weight:500; color:#222;}
.painting_process_list ul {overflow:hidden;}
.painting_process_list li {float:left; max-width:260px; margin-bottom:30px; padding-left:35px; background:url('/business/img/sub04_img2_arrow.jpg') no-repeat left center;}
.painting_process_list li:first-child {padding-left:0; background:none;}
.painting_process_box {padding:9px 9px 0; border:1px solid #d9d9d9; background:#f2f2f2; border-radius:10px;}
.painting_process_box h4 {padding:10px 0; font-size:22px; font-weight:500; color:#222; line-height:1.3; text-align:center;}

.painting_test_list {padding-top:20px;}
.painting_test_list h3 {margin-bottom:20px; font-size:28px; font-weight:500; color:#222;}
.painting_test_list ul {overflow:hidden;}
.painting_test_list li {float:left; width:33.33333333333333%; margin-bottom:20px; box-sizing:border-box;}
.painting_test_box {max-width:340px; padding:19px 19px 0; border:1px solid #ddd; background:#fff;}
.painting_test_box h4 {padding:10px 0; font-size:22px; font-weight:500; color:#222; line-height:1.3; text-align:center;}

.produce_list {overflow:hidden; padding:0 40px;}
.produce_list li {float:left; width:50%; box-sizing:border-box;}
.produce_box {max-width:460px; padding:25px; border:1px solid #ddd; margin:0 auto 30px;}
.produce_box .produce_img {margin-bottom:20px;}
.produce_box .produce_info h4 {font-size:24px; font-weight:500; color:#111; margin-bottom:15px;}
.produce_box .produce_info p {font-size:16px; line-height:1.5; margin-top:5px;}

.produce_list2 .produce_box {max-width:100%; overflow:hidden;}
.produce_list2 .produce_box .produce_img {float:left; margin-bottom:0;}
.produce_list2 .produce_box .produce_info {padding:10px 0 0 490px; margin-bottom:0;}

.axle_img {padding-top:50px; text-align:center;}
.axle_img h4 {padding-top:30px; font-size:20px; font-weight:500; color:#222; line-height:1.3;}

.axle_module {padding-top:20px;}
.axle_module h4 {margin-bottom:30px; font-size:28px; font-weight:500; color:#222; line-height:1.3; text-align:center;}
.axle_module ul {overflow:hidden;}
.axle_module ul li {float:left; width:20%; padding:0 5px; box-sizing:border-box;}
.axle_module ul li div {border:1px solid #ddd; text-align:center;}
.axle_module ul li div h5 {padding:10px 0; font-size:20px; font-weight:500; line-height:1.3; color:#fff; background:#0070bf;}

.quality_test_img h4 {margin-bottom:20px; font-size:22px; font-weight:500; color:#222; line-height:1.3; text-align:center;}
.quality_test_img ul {overflow:hidden; max-width:1080px; margin:auto;}
.quality_test_img ul li {float:left; box-sizing:border-box; margin-bottom:20px;}
.quality_test_img ul li div {padding:9px; border:1px solid #ddd; margin:auto;}
.quality_test_img ul li.w3 {width:33.33333333333333%;}
.quality_test_img ul li.w4 {width:25%;}
.quality_test_img ul li.w3 div {max-width:320px;}
.quality_test_img ul li.w4 div {max-width:235px;}

.quality_test_list ul {overflow:hidden; max-width:1064px; padding:10px 0; border:1px solid #ddd; margin:auto;}
.quality_test_list ul li {float:left; width:25%; padding:5px 20px; box-sizing:border-box;}
.quality_test_list ul li div {font-size:16px; font-weight:500; color:#222; line-height:1.3;}

.quality_test_process {padding-top:50px;}
.quality_test_process h4 {margin-bottom:30px; font-size:28px; font-weight:500; color:#222; line-height:1.3; text-align:center;}
.quality_test_process ul {overflow:hidden; padding:0 30px;}
.quality_test_process ul li {float:left; max-width:182px; margin-bottom:30px; padding-left:35px; background:url('/business/img/sub04_img2_arrow.jpg') no-repeat left center;}
.quality_test_process ul li:first-child {background:none;}
.quality_test_process ul li div {border:1px solid #ddd; text-align:center;}
.quality_test_process ul li div h5 {padding:10px 0; font-size:20px; font-weight:500; line-height:1.3; color:#fff; background:#0070bf;}

.quality_management ul {overflow:hidden; padding-bottom:20px;}
.quality_management ul li {float:left; width:20%; margin-bottom:10px;}
.quality_management ul li div {width:calc(100% - 10px); padding:15px 0; margin:auto; font-size:20px; line-height:1.3; color:#fff; background:#0070bf; text-align:center;}

.quality_active {margin-bottom:20px;}
.quality_active h3 {margin-bottom:10px; font-size:18px; font-weight:500; color:#222; line-height:1.3;}
.quality_active h3 span {color:#0066cc;}
.quality_active ul {position:relative; overflow:hidden; padding:29px; border:1px solid #ddd; border-radius:10px; margin-bottom:20px;}
.quality_active ul li {float:left; width:50%; padding:45px; box-sizing:border-box;}
.quality_active ul li div {padding:28px; height:140px; border:2px solid #1b4785; border-radius:20px;}
.quality_active ul li div h4 {width:50%; padding:10px 0; margin-bottom:20px; font-size:20px; font-weight:500; color:#fff; background:#0070bf; text-align:center; border-radius:10px;}
.quality_active ul li:nth-child(3) {float:right;}
.quality_active ul li div.bg_01 {background:url('/produce/img/sub04_img6.jpg') no-repeat 90% 80%;}
.quality_active ul li div.bg_02 {background:url('/produce/img/sub04_img7.jpg') no-repeat 90% 80%;}
.quality_active ul li div.bg_03 {background:url('/produce/img/sub04_img8.jpg') no-repeat 90% 80%;}
.quality_active ul li div.bg_04 {background:url('/produce/img/sub04_img9.jpg') no-repeat 90% 80%;}
.quality_active ul .pdca_cycle {position:absolute; top:50%; left:50%; margin:-80px 0 0 -80px;}
.quality_active p {padding-left:10px; font-size:18px; font-weight:500; color:#333; line-height:1.3;}
.quality_active p small {font-size:16px; color:#555;}
.quality_active p span {color:#0066cc;}

.quality_e0 {overflow:hidden; padding:29px; border:1px solid #ddd; border-radius:10px; margin-bottom:20px;}
.quality_e0 li {float:left; width:50%; padding:35px; box-sizing:border-box;}
.quality_e0 li div {padding:28px; border:2px solid #1b4785; border-radius:10px; text-align:center;}
.quality_e0 li div h4 {padding:10px 0; margin-bottom:20px; font-size:20px; font-weight:500; color:#fff; background:#0070bf; text-align:center; border-radius:5px;}

.quality_cert {padding:49px 29px; border:1px solid #ddd; border-radius:10px; margin-bottom:20px; text-align:center;}
.quality_cert ul {overflow:hidden; padding:0 25px;}
.quality_cert ul li {float:left; width:50%; padding:15px 45px; box-sizing:border-box;}
.quality_cert ul li img {border:2px solid #ccc;}

.sub_product_wrap .txt_box {border:1px solid #ddd; padding:30px; font-size:18px; line-height:1.5; text-align:center;}
.sub_product_wrap .txt_box strong {color:#f20c0c; font-weight:500;}
.sub_product_wrap .txt_box b {color:#333; font-weight:500;}

.sub_product_list {padding-top:20px;}
.sub_product_list li {padding:10px 0; margin-bottom:20px; border:1px solid #ddd; overflow:hidden;}
.sub_product_list .pro_img {float:left;}
.sub_product_list .pro_txt {padding:30px 30px 0 550px;}
.sub_product_list .pro_txt h4 {margin-bottom:20px; font-size:22px; font-weight:500; color:#222; line-height:1.3;}
.sub_product_list .pro_txt p {font-size:16px; line-height:1.5;}
.sub_product_list .pro_txt p b {color:#333; font-weight:500;}

.product_img {text-align:center;}
.product_info {font-size:18px; line-height:1.5; margin-top:20px; text-align:center;}
.product_info h4 {font-size:26px; font-weight:500; color:#222; margin-bottom:10px;}
.product_info h5 {font-size:22px; font-weight:500; color:#222; margin-bottom:4px;}

.talent_top {text-align:center; padding-top:10px; margin-bottom:40px; font-size:22px; font-weight:500; line-height:1.5; color:#222;}

.talent_list {overflow:hidden;}
.talent_list li {float:left; width:20%; padding:5px; box-sizing:border-box;}
.talent_list li:nth-child(even) {padding-top:100px;}
.talent_box {height:250px; padding:190px 10px 0; border:2px solid #1b4785; font-size:22px; font-weight:500; color:#222; line-height:1.3; text-align:center; box-sizing:border-box; border-radius:20px;}
.talent_box.img_01 {background:url('/recruit/img/talent_img01.png') no-repeat 50% 30px #f2f8ff;}
.talent_box.img_02 {background:url('/recruit/img/talent_img02.png') no-repeat 50% 30px;}
.talent_box.img_03 {background:url('/recruit/img/talent_img03.png') no-repeat 50% 30px #f2f8ff;}
.talent_box.img_04 {background:url('/recruit/img/talent_img04.png') no-repeat 50% 30px;}
.talent_box.img_05 {background:url('/recruit/img/talent_img05.png') no-repeat 50% 30px #f2f8ff;}

.talent2_wrap {padding-top:20px;}
.talent2_top h4 {font-family:"OneStoreMobileGothicTitleFont"; font-size:32px; font-weight:normal; color:#084aa6; line-height:1.2; margin-bottom:20px; text-align:center;}
.talent2_top p {font-size:18px; line-height:1.5; margin-bottom:40px; text-align:center;}
.talent2_img {text-align:center;}
.talent2_list {overflow:hidden; padding-top:40px;}
.talent2_box {float:left; width:calc(33.33333333333333% - 30px); min-height:300px; padding:30px 25px 0; margin:0 15px 20px; box-sizing:border-box; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.2);}
.talent2_box h4 {font-family:"OneStoreMobileGothicTitleFont"; font-size:28px; font-weight:normal; color:#333; margin-bottom:25px; text-align:center;}
.talent2_box h5 {font-size:18px; font-weight:500; color:#333; margin-bottom:10px;}
.talent2_box p {font-size:15px; line-height:1.5; margin-bottom:20px;}
.talent2_text {margin-bottom:40px;}
.talent2_text h4 {font-size:24px; font-weight:600; color:#333; margin-bottom:15px;}
.talent2_text h5 {font-size:18px; font-weight:500; color:#333; margin-bottom:5px;}
.talent2_text p {font-size:15px; line-height:1.5; padding-left:10px; margin-bottom:15px;}
.talent2_text img {margin-bottom:20px;}

.welfare_top {text-align:center; padding-top:10px; margin-bottom:30px;}
.welfare_top h4 {font-size:28px; font-weight:500; color:#222; margin-bottom:10px;}
.welfare_top p {font-size:18px; line-height:1.5;}

.welfare_list {overflow:hidden;}
.welfare_list li {float:left; width:33.33333333333333%; padding:10px; box-sizing:border-box;}
.welfare_box {height:260px; padding:140px 20px 0; border:1px solid #ddd; text-align:center; box-sizing:border-box;}
.welfare_box.img_01 {background:url('/recruit/img/welfare_img01.png') no-repeat 50% 30px;}
.welfare_box.img_02 {background:url('/recruit/img/welfare_img02.png') no-repeat 50% 30px;}
.welfare_box.img_03 {background:url('/recruit/img/welfare_img03.png') no-repeat 50% 30px;}
.welfare_box.img_04 {background:url('/recruit/img/welfare_img04.png') no-repeat 50% 30px;}
.welfare_box.img_05 {background:url('/recruit/img/welfare_img05.png') no-repeat 50% 30px;}
.welfare_box.img_06 {background:url('/recruit/img/welfare_img06.png') no-repeat 50% 30px;}
.welfare_box h4 {margin-bottom:10px; font-size:22px; font-weight:500; color:#222; line-height:1.3;}
.welfare_box p {font-size:16px; line-height:1.5;}

.welfare2_top {text-align:center; padding-top:10px; margin-bottom:30px; font-size:18px; line-height:1.5;}
.welfare2_list {overflow:hidden;}
.welfare2_list li {float:left; width:25%; padding:15px; box-sizing:border-box;}
.welfare2_box {height:250px; padding:140px 10px 0; text-align:center; box-sizing:border-box; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,.2);}
.welfare2_box.img_01 {background:url('/recruit/img/welfare_img01.png') no-repeat 50% 30px;}
.welfare2_box.img_02 {background:url('/recruit/img/welfare_img02.png') no-repeat 50% 30px;}
.welfare2_box.img_03 {background:url('/recruit/img/welfare_img03.png') no-repeat 50% 30px;}
.welfare2_box.img_04 {background:url('/recruit/img/welfare_img04.png') no-repeat 50% 30px;}
.welfare2_box.img_05 {background:url('/recruit/img/welfare_img05.png') no-repeat 50% 30px;}
.welfare2_box.img_06 {background:url('/recruit/img/welfare_img06.png') no-repeat 50% 30px;}
.welfare2_box.img_07 {background:url('/recruit/img/welfare_img07.png') no-repeat 50% 30px;}
.welfare2_box.img_08 {background:url('/recruit/img/welfare_img08.png') no-repeat 50% 30px;}
.welfare2_box.img_09 {background:url('/recruit/img/welfare_img09.png') no-repeat 50% 30px;}
.welfare2_box.img_10 {background:url('/recruit/img/welfare_img10.png') no-repeat 50% 30px;}
.welfare2_box h4 {margin-bottom:10px; font-size:20px; font-weight:500; color:#333; line-height:1.3;}
.welfare2_box p {font-size:14px; line-height:1.5;}

.research_tit {margin-bottom:20px; font-family:"OneStoreMobileGothicTitleFont"; font-size:32px; color:#222; font-weight:normal; line-height:1.3; text-align:center;}

.research_top {display:flex; margin:0 -10px 40px;}
.research_top li {width:calc(100% / 3 - 20px); padding:30px; margin:0 10px 20px; text-align:center; border:1px solid #d6d6d6; border-radius:20px;}
.research_top li img {margin-bottom:10px;}
.research_top li h4 {font-size:22px; color:#222; font-weight:600; line-height:1.3; margin-bottom:20px;}
.research_top li p {font-size:16px; color:#555; font-weight:400; line-height:1.4; margin-bottom:10px;}

.research_info {display:flex; padding:0 10px 40px;}
.research_info dt {display:flex; width:220px; margin-right:20px; justify-content:center; align-items:center; text-align:center; font-size:22px; font-weight:500; color:#fff; background:#01479d; border-radius:20px;}
.research_info dd {display:flex; width:calc(100% - 240px); padding:20px; align-items:center; border:1px solid #d6d6d6; border-radius:20px;}
.research_info ul {padding-left:30px; list-style:disc;}
.research_info li {margin:5px 0; font-size:16px; color:#444; font-weight:400; line-height:1.4;}

.rma_wrap {padding-top:20px;}
.rma_wrap h4 {font-size:30px; font-weight:600; color:#333; margin-bottom:20px;}
.rma_wrap ul {margin-top:20px; padding:20px 20px 10px; border:1px solid #ccc;}
.rma_wrap li {font-size:16px; line-height:1.5; color:#333; margin-bottom:10px;}
.rma_img {text-align:center;}

.spc_wrap {padding-top:20px; max-width:1064px; margin:auto;}
.spc_wrap h3 {font-size:32px; font-weight:500; color:#222; line-height:1.3; text-align:center;}

.spc_process {padding:20px; border:1px solid #ddd; margin-bottom:20px; text-align:center;}
.spc_process img {margin-bottom:20px;}
.spc_process dl {max-width:560px; margin:auto; overflow:hidden; font-size:18px; line-height:1.3; margin-bottom:8px; text-align:left;}
.spc_process dl dt {float:left; font-weight:500; color:#222;}
.spc_process dl dt strong {color:#0066cc;}
.spc_process dl dd {padding-left:110px; font-size:16px;}

.spc_list {overflow:hidden; margin:0 -5px 20px;}
.spc_list li {float:left; width:25%; padding:0 5px; margin-bottom:15px; box-sizing:border-box;}
.spc_list li div {max-width:236px; padding:10px; border:1px solid #ddd; margin:auto;}
.spc_list li div h5 {padding:10px 0; font-size:18px; font-weight:500; color:#fff; background:#0070bf; text-align:center;}
.spc_list li div p {min-height:40px; padding-top:5px; line-height:20px;}

.spc_photo {overflow:hidden; margin:0 -6px 20px;}
.spc_photo li {float:left; width:33.33333333333333%; box-sizing:border-box; margin-bottom:15px;}
.spc_photo li div {max-width:320px; padding:12px; border:1px solid #ddd; margin:auto;}

.contact_top {padding-top:140px; margin-bottom:40px; font-size:18px; font-weight:400; color:#333; text-align:center; line-height:1.5; background:url('/customer/img/contact_img.png') no-repeat 50% 10px;}

.board_list_table {margin-top:5px;}
.board_list_bottom .btn_m a {padding:6px 10px;}
.board_list_search select {height:30px;}

.esg_csr_top {height:600px; padding-top:90px; margin:60px 0; box-sizing:border-box; background:url('/esg/img/esg_top_img.jpg') no-repeat center; background-size:cover;}
.esg_csr_top h4 {font-size:36px; font-weight:600; color:#fff; margin-bottom:50px; text-align:center; text-shadow:0 0 5px rgba(0,0,0,.5);}
.esg_csr_top p {font-size:22px; font-weight:400; color:#fff; line-height:1.5; text-align:center; text-shadow:0 0 5px rgba(0,0,0,.5);}
.esg_csr_bot p {font-size:20px; font-weight:500; color:#444; line-height:1.5; text-align:center; margin-bottom:40px;}
.esg_csr_cont {margin-top:60px;}
.esg_csr_cont h5 {font-size:44px; font-weight:600; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.5);}
.esg_csr_cont li {padding-left:20px; font-size:17px; line-height:1.4; margin-bottom:12px;}
.esg_csr_cont li:last-child {margin-bottom:0;}
.esg_csr_cont li span {float:left; margin-left:-20px;}
.esg_csr_box {display:flex; margin-bottom:60px; background:#f5f5f5;}
.esg_csr_img {display:flex; width:460px; height:360px; justify-content:center; align-items:center;}
.esg_csr_img.bg_1 {background:url('/esg/img/esg_con_img1.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_2 {background:url('/esg/img/esg_con_img2.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_3 {background:url('/esg/img/esg_con_img3.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_4 {background:url('/esg/img/esg_con_img4.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_5 {background:url('/esg/img/esg_con_img5.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_6 {background:url('/esg/img/esg_con_img6.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_7 {background:url('/esg/img/esg_con_img7.jpg') no-repeat center; background-size:cover;}
.esg_csr_img.bg_8 {background:url('/esg/img/esg_con_img8.jpg') no-repeat center; background-size:cover;}
.esg_csr_txt {display:flex; width:calc(100% - 460px); padding:0 30px 0 40px; box-sizing:border-box; align-items:center;}


.esg_cont {padding-top:20px; line-height:23px; overflow:hidden;}
.esg_cont h3 {padding:10px 0; font-size:24px; font-weight:500; color:#222; line-height:28px; letter-spacing:-0.5px;}
.esg_cont h3:first-child {padding-top:0;}
.esg_cont h4 {font-size:16px; font-weight:500; color:#222;}
.esg_cont .img_box {padding:20px 0; text-align:center;}
.esg_cont .txt_box {padding:5px 0; font-size:15px;}
.esg_cont .txt_box02 {padding:25px; background:#f5f5f5; text-align:center;}
.esg_cont .txt_box02 strong {font-size:16px; font-weight:500; color:#222;}
.esg_cont .ceo {padding-top:15px; font-size:18px;}
.esg_cont .txt_cnt {text-align:center;}
.esg_cont .txt_rgt {text-align:right;}
.esg_list {overflow:hidden;}
.esg_list li {float:left; margin:1% 2% 1% 0; border:1px solid #ddd; box-sizing:border-box;}
.esg_list.li02 li {width:49%;}
.esg_list.li02 li:nth-child(2n) {margin-right:0;}
.esg_list.li03 li {width:32%;}
.esg_list.li03 li:nth-child(3n) {margin-right:0;}
.esg_box {padding:20px; overflow:hidden;}
.esg_box img {display:block; width:100%; padding-bottom:10px;}
.esg_box p {padding-top:10px; line-height:21px; letter-spacing:-0.3px;}
.esg_box dl {min-height:195px; margin-left:5px;}
.esg_box dl dt {padding:5px; font-size:16px; color:#222;}
.esg_em01 {padding:10px 0; font-size:22px; font-weight:500; color:#fc8814; line-height:28px !important;}
.esg_em02 {padding:10px 0; font-size:22px; font-weight:500; color:#5d960c; line-height:28px !important;}
.esg_tit_b {margin-left:10px; padding:10px 0 10px 6px; display:list-item; list-style-type:'\2022 '; font-size:20px; font-weight:500; color:#00479e;}
.esg_tit_s {padding:10px 0; font-size:20px; color:#555; font-weight:500;}
.esg_process {margin:10px 0; padding:20px; border:1px solid #ddd; overflow:hidden;}
.esg_process li {float:left; padding:0 4% 0 0; background:url('/esg/img/ico_arrow_r.png') no-repeat right 12px center; background-size:20px;}
.esg_process.li04 li {width:22%;}
.esg_process.li05 li {width:16.8%;}
.esg_process li:last-child {padding:0; background:none;}
.esg_process dl {padding:18px; background:#f5f5f5; line-height:21px;}
.esg_process dl dt {padding-bottom:8px; font-size:18px; font-weight:500; color:#222;}
.esg_rank {margin:10px 0; padding:20px; border:1px solid #ddd; overflow:hidden;}
.esg_rank li {float:left; width:23.5%; padding:0 2% 0 0;}
.esg_rank li:last-child {padding:0;}
.esg_rank dl {padding:15px 5px 20px; background:#f5f5f5; text-align:center;}
.esg_rank dt {padding-bottom:10px; font-size:15px; font-weight:500; color:#222;}
.esg_rank dd {font-size:24px; font-weight:500; color:#00479e;}
.esg_social_list {margin:10px 0; border:1px solid #ddd; overflow:hidden;}
.esg_social_list li {clear:both; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.esg_social_list li:last-child {border-bottom:0;}
.ico_esg_s {float:left; width:60px; padding:20px 0 20px 20px;}
.tab_menu {margin-bottom:5px; display:flex; justify-content:center; overflow:hidden;}
.tab_menu li {float:left; padding:7px 0 12px; border-top:2px solid #ddd; background:#f5f5f5; cursor:pointer; text-align:center;}
.tab_menu.m02 li {width:50%;}
.tab_menu.m03 li {width:33.33%;}
.tab_menu.m04 li {width:25%;}
.tab_menu.m05 li {width:20%;}
.tab_menu li.on {border-top:2px solid #00479e; color:#00479e;}
.tab_cont {display:none;}
.tab_cont.on {display:inherit;}
.esg_rba_list {margin:5px 0;}
.esg_rba_list > li {margin-left:15px; padding:5px 0; font-size:15px; color:#222;}
.esg_rba_list > li::before {content:'- '; margin-left:-10px;}
.esg_rba_list > li p {padding:2px 0; color:#888;}
.esg_ol_list {margin:10px 0; border-top:1px solid #333; counter-reset:item-num;}
.esg_ol_list li {padding:10px 0 10px 30px; font-size:16px; color:#222; border-bottom:1px solid #ddd;}
.esg_ol_list li::before {content:counter(item-num); counter-increment:item-num; margin-left:-20px; padding-right:10px; font-size:18px; font-weight:700px; color:#00479e;}
.form_wrap {clear:both; width:100%;}
.form_wrap h4 {padding:10px 0;}
.form_txt_s {display:inline-block; padding-left:10px; color:#999;}
.form_txt_s span {font-size:18px; color:#ff002a;}
.form_tit {min-width:100px; padding:0 5px; color:#222;}
.form_tit span {font-size:18px; color:#ff002a;}
.inp_txt {width:calc(100% - 15px); height:35px !important; padding:0 5px; border:1px solid #ddd !important; font-size:15px;}
.inp_txa {width:calc(100% - 12px); height:150px !important; padding:5px; border:1px solid #ddd; font-size:15px;}
.form_agree {padding:5px; font-size:15px;}
.form_agree a {display:inline-block; margin:5px 0; padding:5px 10px; background:#f5f5f5; border:1px solid #999; font-size:15px; color:#666; vertical-align:middle;}
.btn_file {display:block; margin:3px 0 0 1px; padding:5px 10px; background:#666; font-size:15px; color:#fff; vertical-align:middle;}
.btn_form {display:block; width:110px; height:45px; line-height:42px; margin:20px auto; background:#00479e; font-size:16px; color:#fff; text-align:center; vertical-align:middle;}

.agree_cont {font-size:16px; line-height:26px; letter-spacing:-0.5px;}
.agree_cont h3 {padding:20px 0; font-size:20px; font-weight:500; color:#222; line-height:28px;}
.agree_box dl dt {font-weight:500; color:#222;}
.agree_box ol {margin-left:30px; list-style:decimal;}
.agree_box span {color:#999;}
ul.agree_list {margin-left:15px; list-style:disc;}
ol.agree_list {margin-left:15px; list-style:decimal;}
.agree_list li {padding:3px 0;}
.agree_list dl dt {padding:3px 0; font-size:16px; font-weight:500; color:#222; line-height:24px;}

.board_list_gallery li .photo_img {position:relative; width:100%; height:0; padding-bottom:75%;}
.board_list_gallery li .photo_img img {position:absolute; top:0; left:0; width:100%; height:100%;}


/* ¹ÝÀÀÇü Style */
@media screen and (max-width:1440px){ 
  #header .btn_all_menu {right:10px;}
  #header .header_top ul {right:10px;}  

  #header .btn_lang {top:6px; right:34px; padding:0 16px; height:24px; line-height:22px; font-size:14px;}
  
}

@media screen and (max-width:1200px){  
  .layer-popup.pc-all-menu{width:1000px; margin:0 0 0 -500px;}

  .painting_test_list li {padding:0 5px;}

  .certi_wrap ul {margin:0 -10px;}
  .certi_wrap li {width:calc(25% - 20px); padding:0 10px;}

}

@media screen and (max-width:1024px){
  #header {height:80px;}
  #header .logo {top:30px; left:5px;}

  #header #gnb {display:none;}
  #header .btn_all_menu {display:none;}
  #header .btn_scm {display:none;}
  #header .lang {display:none;}
  #header .top_menu_wrap {display:none;}
  #header .header_top {display:none;}

  #header .btn_lang {top:18px; right:56px; padding:0 14px; height:23px; line-height:21px; font-size:13px;}

  .google_trans_wrap {top:3px; right:10px;}

  .type-mobile{display:block; position:absolute; top:40px; right:10px; width:30px; height:27px; background:url(/img/icon_menu_m.png) no-repeat; background-size:30px; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}
		.mobile-menu{display:block;}

  .dimmed {display:none; width:100%; height:100%; background-color: #000; position:fixed; left:0; top:0; z-index:10; opacity:0.5;}
		.dimmed.show {display:block;}

		.mobile-menu{position:fixed; top:0; right:-3000px; width:300px; height:100%;z-index:15; background-color:#fff;}
		.mobile-menu .user-menu{position:relative; background-color:#f5f5f5; height:32px; padding:14px 20px;}
  .mobile-menu .user-menu .btn-menu {display:inline-block; height:26px; line-height:26px; background-color:#004099; padding:0 16px; margin:4px 0 0 2px; letter-spacing:-0.5px; font-size:14px; color:#fff; font-weight:500; border-radius:16px;}
  .mobile-menu .user-menu .btn-close {display:block; position:absolute; top:17px; right:15px; width:26px; height:26px; background:url(/img/icon_menu_close.png) no-repeat; background-size:100% 100%; font-size: 0; line-height: 0; cursor: pointer; color: transparent; border: 0; outline: none;}

  .translated-ltr .mobile-menu {top:40px;}
  .translated-rtl .mobile-menu {top:40px;}

		.mobile-menu .menu-area {background-color:#fff; padding-bottom:0; position:absolute; top:60px; bottom:0; left:0; right:0; letter-spacing:-0.5px;}
		.mobile-menu .menu-area .depth1{display:block; background:#fff url(/img/icon_menu_off.png) no-repeat right 20px center; background-size:16px; font-family:"OneStoreMobileGothicBody"; font-size:19px; font-weight:bold; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1.on{background:#fff url(/img/icon_menu_on.png) no-repeat right 20px center; background-size:16px; }
		.mobile-menu .menu-area .depth2-wrap {display:none; background:#f5f5f5; padding:10px 0;}
		.mobile-menu .menu-area .depth2-wrap > li > a{display:block; background:#f5f5f5; font-family:"OneStoreMobileGothicBody"; font-size:15px; color:#555; padding:8px 30px; }
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url(/img/icon_menu2_off.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2.on{background:#f5f5f5 url(icon_menu2_on.png) no-repeat right 20px center; background-size:14px auto;}
		.mobile-menu .menu-area .depth3-wrap{display:none; padding:5px 20px; background-color:#fff;}
		.mobile-menu .menu-area .depth3-wrap a{position:relative; font-size:13px; color:#333; line-height:30px; padding-left:10px;}
		.mobile-menu .menu-area .depth3-wrap a:before{content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#333;}

		.mobile-menu .menu-area .layer-scroll {overflow:hidden; overflow-y:auto; height:100%; padding:0;}
		.mobile-menu .menu-area .mCSB_scrollTools {width:6px; margin:0; padding:0; line-height:0; opacity:1;}
		.mobile-menu .menu-area .mCSB_inside > .mCSB_container{margin-right:0;}

  #footer .footer_inner {padding:30px 10px;}
  #footer .copy_logo {padding-bottom:15px;}
  #footer .copyright {padding-top:20px; padding-bottom:20px; font-size:13px;}
  #footer .copyright p {}
  #footer .copyright p:last-child {padding-top:15px;}

  .family-site-box{position:relative; top:0; right:0; max-width: 160px; width: 46%;}
  .family-site-box .family-site-open-btn{height:35px; line-height:35px; font-size:13px; text-indent:12px;}
  .family-site-box .family-site-open-btn i{right:12px; margin-top:-8px; font-size:16px;}
  .family-site-list{bottom:36px; padding:7px 0;}
  .family-site-list a{padding:5px 12px; font-size:13px;}

  .main_visual_wrap {padding-top:81px;}

  .main_slide .slide_item .txt {top:33%;}
  .main_slide .slide_item .txt_btit {font-size:48px; margin-bottom:20px;}
  .main_slide .slide_item .txt_stit {font-size:28px;}

  .main_business_wrap {padding:70px 0;}
  .main_business_in {padding:0 10px;}
  .main_business_top {margin-bottom:30px; padding-top:6px;}
  .main_business_top h3 {font-size:32px;}
  .main_business_top p {font-size:15px; margin-left:10px;}
  .main_business_top .busi_btn_top li {margin-left:8px;}
  .main_business_top .busi_btn_top a {width:38px; line-height:38px; font-size:15px;}
  .main_business_item .bus_img img {border-radius:15px;}
  .main_business_item .bus_txt {padding-left:60px;}
  .main_business_item .bus_txt h4 {font-size:28px; margin-bottom:20px;}
  .main_business_item .bus_txt p {font-size:17px; margin-bottom:20px;}
  .main_business_item .bus_txt a {font-size:13px; padding:0 20px 0 26px; line-height:40px;}
  .main_business_item .bus_txt a i {font-size:15px; margin-top:-3px; margin-left:3px;}

  .main_product_wrap {padding:70px 0 60px;}
  .main_product_top {margin-bottom:20px;}
  .main_product_top h3 {font-size:32px; margin-bottom:20px;}
  .main_product_top p {font-size:16px;}
  .main_product_list li {padding:10px;}
  .main_product_list li p {margin-top:20px; font-size:18px;}

  .main_board_wrap {padding:60px 0 0;}
  .main_board_box {width:calc(50% - 20px); padding:25px 25px 14px; margin:10px; border-radius:20px;}
  .main_board_box .board_more {top:25px; right:25px; height:24px;}
  .main_board_top h4 {font-size:22px;}
  .main_board_list {padding-top:12px; min-height:136px;}
  .main_board_list li {line-height:22px; margin-bottom:2px;}
  .main_board_list li a {font-size:14px; max-width:calc(100% - 80px);}
  .main_board_list li img {height:15px;}
  .main_board_list li span {font-size:12px;}

  .main_video_list {padding-top:18px;}
  .main_video_list li {width:calc(50% - 10px);}

  .main_banner_wrap {padding:0 0 60px;}
  .main_banner_box {width:calc(25% - 20px); margin:10px; border-radius:15px; background-size:auto 90px; background-position:bottom 10px right 5px;}
  .main_banner_box a {height:130px; padding:25px 25px 0;}
  .main_banner_box h4 {font-size:22px; margin-bottom:10px;}
  .main_banner_box p {font-size:13px;}
  .main_banner_box img {height:28px; bottom:25px; left:25px;}

  #sub_visual {height:160px; margin-top:81px; background-position:50% 50%; background-size:cover;}
  #sub_visual .txt {width:100%; top:50px;}
  #sub_visual .txt_btit {font-size:26px; margin-bottom:6px;}
  #sub_visual .txt_stit {font-size:15px;}

  .sub_navi_wrap {height:50px;}
  .sub_navi_wrap > nav > div > a.home {width:50px; height:50px; line-height:46px; font-size:17px;}
  .sub_navi_wrap > nav > div > .depth_title {height:50px; font-size:15px; width:220px; text-indent:10px; line-height:50px; background:url('/img/icon_snb.png') no-repeat right 10px center; background-size:12px;}
  .sub_navi_wrap > nav > div > ul {top:50px;}
  .sub_navi_wrap > nav > div > ul > li {height:45px; line-height:45px; font-size:14px; text-indent:10px;}

  .sub_content_wrap {min-height:500px; padding:30px 10px 40px;}

  #sub_title {padding:0 0 10px; margin:0 0 30px; font-size:24px; line-height:30px;}

  .sub_tab {margin-bottom:20px;}
  .sub_tab li {width:50%; min-width:0;}
  .sub_tab ul.num3 li {width:50%;}
  .sub_tab ul.num4 li {width:50%;}
  .sub_tab ul.num5 li {width:50%;}
  .sub_tab ul.num6 li {width:50%;}
  .sub_tab li a {height:34px; line-height:34px; font-size:16px;}

  .sub_product_tab {margin-bottom:20px;}
  .sub_product_tab li {width:50%; min-width:0;}
  .sub_product_tab ul.num3 li {width:50%;}
  .sub_product_tab ul.num4 li {width:50%;}
  .sub_product_tab ul.num5 li {width:50%;}
  .sub_product_tab ul.num6 li {width:50%;}
  .sub_product_tab li a {height:34px; line-height:34px; font-size:14px;}

  .con_tit {font-size:18px; padding:5px 0;}

  .con_table {margin-bottom:10px;}
  .con_table th {padding:5px; font-size:14px;}
  .con_table td {padding:5px; font-size:14px;}
  .con_table td img {width:100%;}

  .greeting_wrap h4 {font-size:32px; margin-bottom:5px; padding-top:15px;}
  .greeting_wrap h5 {font-size:24px; margin-bottom:20px;}
  .greeting_img {width:300px;}
  .greeting_img img {width:80%;}
  .greeting_txt {width:calc(100% - 300px);font-size:16px;}
  .greeting_txt p {margin-bottom:10px;}
  .greeting_txt .ceo_sign {font-size:18px;}
  .greeting_txt .ceo_sign img {height:25px;}

  .history_wrap {padding-bottom:20px;}
  .history_wrap > ul > li {position:relative; padding-bottom:20px;}
  .history_wrap > ul > li:before {position:absolute; top:16px; width:2px; height:100%; background:#e6e6e6; content:'';}
  .history_wrap > ul > li:nth-child(odd) {margin-left:10px; padding-left:20px;}
  .history_wrap > ul > li:nth-child(odd):before {left:-1px;}
  .history_wrap > ul > li:nth-child(even) {margin-right:0; padding-right:0; text-align:left; margin-left:10px; padding-left:20px;}
  .history_wrap > ul > li:nth-child(even):before {right:auto; left:-1px;}
  .history_wrap > ul > li h4 {position:relative; margin-bottom:10px; font-size:22px; font-weight:500; color:#177ee5;}
  .history_wrap > ul > li h4:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; background:#00b6f2; border-radius:100%; content:''; z-index:1;}
  .history_wrap > ul > li:nth-child(odd) h4:before {left:-26px;}
  .history_wrap > ul > li:nth-child(even) h4:before {right:auto;left:-26px;}
  .history_wrap > ul > li dl {overflow:hidden; font-size:15px;}
  .history_wrap > ul > li dl dd {line-height:1.5; padding:1px 0;}

  .history_wrap2 {padding-bottom:20px;}
  .history_wrap2 > ul > li {position:relative; padding-bottom:20px;}
  .history_wrap2 > ul > li:before {position:absolute; top:16px; width:2px; height:100%; background:#e6e6e6; content:'';}
  .history_wrap2 > ul > li:nth-child(odd) {margin-left:10px; padding-left:20px;}
  .history_wrap2 > ul > li:nth-child(odd):before {left:-1px;}
  .history_wrap2 > ul > li:nth-child(even) {margin-right:0; padding-right:0; text-align:left; margin-left:10px; padding-left:20px;}
  .history_wrap2 > ul > li:nth-child(even):before {right:auto; left:-1px;}
  .history_wrap2 > ul > li h4 {position:relative; margin-bottom:10px; font-size:22px; font-weight:500; color:#177ee5;}
  .history_wrap2 > ul > li h4:before {position:absolute; top:50%; width:12px; height:12px; margin-top:-6px; background:#00b6f2; border-radius:100%; content:''; z-index:1;}
  .history_wrap2 > ul > li:nth-child(odd) h4:before {left:-26px;}
  .history_wrap2 > ul > li:nth-child(even) h4:before {right:auto;left:-26px;}
  .history_wrap2 > ul > li dl {overflow:hidden; font-size:15px; padding:6px 0;}
  .history_wrap2 > ul > li dt {width:78px; color:#333; font-weight:500;}
  .history_wrap2 > ul > li:nth-child(odd) dt {float:left;}
  .history_wrap2 > ul > li:nth-child(odd) dd {padding-left:78px;}
  .history_wrap2 > ul > li:nth-child(even) dt {float:left;}
  .history_wrap2 > ul > li:nth-child(even) dd {padding-right:0; padding-left:78px;}

  .overview_wrap {padding-top:20px; background-size:360px;}
  .overview_wrap h4 {width:360px; font-size:28px; padding-top:20px;}
  .overview_box {margin-left:360px; padding:0 15px 15px;}
  .overview_box dl {font-size:15px; padding:5px 0;}
  .overview_box h5 {font-size:18px; margin:20px 0 10px;}
  .overview_box p {font-size:15px; margin-bottom:10px;}

  .overview_text {font-size:14px; line-height:1.4;}
  .overview_text h4 {margin-bottom:15px; font-size:20px;}
  .overview_text p {margin-bottom:10px;}

  .vision_wrap {padding-top:10px;}
  .vision_wrap h4 {margin-bottom:20px; font-size:20px;}
  .vision_wrap p {font-size:16px;}
  .vision_wrap .vision_box {margin-bottom:30px;}
  .vision_wrap .vision_img {width:300px;}
  .vision_wrap .vision_txt {padding:30px 0 0 330px;}
  .vision_wrap .tit_cen {font-size:22px; padding:10px 0;}
  .vision_wrap .img_cen {margin-bottom:20px;}

  .good_list {padding-top:10px;}
  .good_list li {padding:10px;}
  .good_box {height:250px; padding:150px 10px 0; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.2);}
  .good_box.img_01 {background:url('/company/img/good_img1.jpg') no-repeat 50% 20px;}
  .good_box.img_02 {background:url('/company/img/good_img2.jpg') no-repeat 50% 20px;}
  .good_box.img_03 {background:url('/company/img/good_img3.jpg') no-repeat 50% 20px;}
  .good_box h4 {font-size:24px;}
  .good_box p {font-size:18px;}

  .ci_wrap h4 {font-size:22px;}
  .ci_info {margin-bottom:30px;}
  .ci_info_txt {width:calc(100% - 370px); padding:10px 0 0 30px;}
  .ci_info_txt p {font-size:15px; margin-bottom:12px;}
  .ci_info_txt p br {display:none;}
  .ci_info_btn {padding-top:10px;}
  .ci_info_btn a {padding:10px 20px; font-size:14px; margin-right:8px;}
  .ci_cont {margin-bottom:30px;}
  .ci_cont_img {padding:15px;}

  .map_img {float:none; width:100%;}

  .factory_wrap {flex-wrap:wrap;}
  .factory_box {width:calc(50% - 10px); padding:14px 14px 50px; margin:0 5px 20px; border-radius:8px;}
  .factory_img {margin-bottom:15px;}
  .factory_img img {width:100%; border-radius:4px;}
  .factory_info h4 {font-size:18px; margin-bottom:15px;}
  .factory_info h4 small {font-size:14px;}
  .factory_info p {font-size:14px; line-height:1.2; margin-bottom:4px;}

  .map_view {bottom:14px; left:14px;}
  .map_view a {height:26px; line-height:24px; font-size:14px; padding:0 12px; border-radius:4px;}


  .factory_box2 {padding:10px; margin:20px auto 0;}
  .factory_box2 .factory_img {float:none;}
  .factory_box2 .factory_img img {width:100%;}
  .factory_box2 .factory_info {float:none; padding:10px 0 0 0;}  
  .factory_box2 .factory_info h4 {margin-bottom:10px;}
  .factory_box2 .factory_info dl {margin-top:5px;}
  .factory_box2 .factory_info dl dd {padding-left:100px;}

  .map2_wrap h4 {font-size:18px; font-weight:500; margin-bottom:10px;}
  .map2_wrap p {font-size:14px; margin-bottom:10px;}

  .map_info {padding:10px 20px; margin:15px 0 30px; border-radius:10px;}
  .map_info dl {height:40px; padding:0 40px 0 54px; margin:10px 0;}
  .map_info dl.icon_1 {width:100%;}
  .map_info dl.icon_1,
  .map_info dl.icon_2,
  .map_info dl.icon_3,
  .map_info dl.icon_4 {background-size:40px;}
  .map_info dt {font-size:16px; margin-right:10px;}
  .map_info dd {font-size:16px;}

  .sub_business_list li {padding-bottom:20px;}
  .sub_business_item {height:240px;}
  .sub_business_item .sub_busi_txt {width:50%; height:240px; padding:20px 20px 0;}
  .sub_business_item .sub_busi_txt h4 {margin-bottom:15px; font-size:24px;}
  .sub_business_item .sub_busi_txt h5 {margin-bottom:10px; font-size:18px;}
  .sub_business_item .sub_busi_txt p {font-size:14px;}
  .sub_business_item .sub_busi_more {bottom:20px; width:calc(100% - 40px); height:46px; line-height:42px; font-size:18px;}
  .sub_business_item .sub_busi_img {width:50%; height:240px;}

  .sub_business_list .sub_busi_img.bg1 {background-size:cover;}
  .sub_business_list .sub_busi_img.bg2 {background-size:cover;}
  .sub_business_list .sub_busi_img.bg3 {background-size:cover;}
  .sub_business_list .sub_busi_img.bg4 {background-size:cover;}

  .business1_wrap {padding-top:10px;}
  .business1_img {width:340px;}
  .business1_txt {padding-left:380px; padding-top:30px;}
  .business1_txt h4 {margin-bottom:10px; font-size:28px;}
  .business1_txt h5 {margin-bottom:20px; font-size:18px;}
  .business1_txt p {margin-bottom:10px; font-size:14px; line-height:1.4;}
  .business1_txt p.t_tit {margin-bottom:10px; font-size:16px;}

  .business2_wrap {padding-top:30px;}
  .business2_txt {width:calc(100% - 440px); padding-top:20px;}
  .business2_txt h4 {margin-bottom:10px; font-size:28px;}
  .business2_txt p {margin-bottom:6px; font-size:14px; line-height:1.4;}
  .business2_txt p.t_tit {margin-bottom:4px; padding-top:6px; font-size:16px;}
  .business2_img {width:400px; padding-top:20px;}

  .business3_wrap {padding-top:10px;}


  .business_top_wrap {margin-bottom:40px;}
  .business_con_wrap {margin-bottom:40px;}
  .business_con_txt {}
  .business_con_txt h4 {margin:0 0 20px; font-size:38px;}
  .business_con_txt h5 {margin:10px 0; font-size:20px;}
  .business_con_txt p {margin:10px 0 20px; font-size:16px; line-height:1.5;}
  .business_con_txt.s_txt p {margin:0 0 10px; font-size:14px;}
  .business_con_txt.s_txt p b {font-size:16px;}
  .business_con_img {width:50%;}

  .business_pro_wrap h4 {margin-bottom:10px; font-size:24px;}
  .business_pro_wrap ul {margin:0 -5px 10px;}
  .business_pro_wrap ul li {padding:0 5px 10px;}
  
  .business_pro_wrap.pro2_wrap > div {width:calc(50% - 5px); margin-bottom:10px;}

  .business_equip_wrap {margin-bottom:30px;}
  .business_equip_wrap h5 {margin:10px 0; font-size:20px;}
  .business_equip_txt {padding-right:20px;}
  .business_equip_txt p {margin:0 0 10px; font-size:14px;}
  .business_equip_txt p b {font-size:16px;}


  .process_wrap {padding-top:30px;}
  .process_title {margin-bottom:20px; font-size:24px;}
  .process_box {width:calc(50% - 10px); margin:0 5px 10px;}
  .process_box p {padding:10px 0; font-size:16px; font-weight:500;}

  .customer_list li div {padding:5px; border-radius:5px;}

  .certi_wrap ul {padding-top:10px; margin:0 -5px;}
  .certi_wrap li {width:calc(25% - 10px); padding:0 5px;}
  .certi_item {margin:0 auto 20px;}
  .certi_item p {padding-top:5px; font-size:16px;}
  .certi_item p small {font-size:14px;}

  .certi_con_tit {margin:10px 0; font-size:20px;}
  .certi_con_img {margin:10px 0 40px;}


  .certificate ul {margin-bottom:20px;}
  .certificate ul li p {padding-top:5px; font-size:16px;}
  .certi_tit {margin:0 1%; font-size:22px;}

  .painting_top_img {margin-bottom:10px;}

  .painting_process_list {padding-top:10px;}
  .painting_process_list h3 {margin-bottom:10px; font-size:20px;}
  .painting_process_list li {width:calc(33.33333333333333% - 35px); margin-bottom:15px;}
  .painting_process_box h4 {padding:7px 0; font-size:16px;}

  .painting_test_list {padding-top:10px;}
  .painting_test_list h3 {margin-bottom:10px; font-size:20px;}
  .painting_test_list li {margin-bottom:15px;}
  .painting_test_box {padding:14px 14px 0;}
  .painting_test_box h4 {padding:7px 0; font-size:16px;}

  .produce_list li {float:none; width:100%; padding:0;}
  .produce_box {padding:10px; margin:0 auto 15px;}
  .produce_box .produce_img {margin-bottom:10px;}
  .produce_box .produce_info h4 {font-size:20px; margin-bottom:10px;}
  .produce_box .produce_info p {font-size:14px;}

  .axle_img {padding-top:30px;}
  .axle_img h4 {padding-top:20px; font-size:16px;}

  .axle_module {padding-top:10px;}
  .axle_module h4 {margin-bottom:10px; font-size:20px;}
  .axle_module ul {margin:0 -5px;}
  .axle_module ul li {width:50%; padding:0 5px 10px;}  
  .axle_module ul li div h5 {padding:7px 0; font-size:16px;}

  .quality_test_img h4 {margin-bottom:15px; font-size:18px;}
  .quality_test_img ul {margin:0 -5px;}
  .quality_test_img ul li {margin-bottom:15px; padding:0 5px;}
  .quality_test_img ul li div {padding:5px;}
  .quality_test_img ul li div img {width:100%;}
  
  .quality_management ul {padding-bottom:10px;}
  .quality_management ul li {width:50%; margin-bottom:5px;}
  .quality_management ul li div {width:calc(100% - 5px); padding:10px 0; font-size:16px;}

  .quality_test_list ul {padding:5px 0;}
  .quality_test_list ul li {width:50%; padding:5px 10px;}
  .quality_test_list ul li div {font-size:14px;}

  .quality_test_process {padding-top:30px;}
  .quality_test_process h4 {margin-bottom:10px; font-size:20px;}
  .quality_test_process ul {padding:0;}
  .quality_test_process ul li {width:calc(33.33333333333333% - 35px); margin-bottom:15px;}
  .quality_test_process ul li div h5 {padding:7px 0; font-size:16px;}

  .quality_active {margin-bottom:10px;}
  .quality_active h3 {margin-bottom:7px; font-size:16px;}
  .quality_active ul {padding:9px; border-radius:5px; margin-bottom:10px;}
  .quality_active ul li div {padding:18px; border-radius:10px;}
  .quality_active ul li div h4 {width:50%; padding:8px 0; margin-bottom:10px; font-size:18px; border-radius:5px;}
  .quality_active p {padding-left:5px; font-size:16px;}
  .quality_active p small {font-size:14px;}
  
  .quality_e0 {padding:9px; border-radius:5px; margin-bottom:10px;}
  .quality_e0 li {padding:25px;}
  .quality_e0 li div {padding:18px;}
  .quality_e0 li div h4 {padding:8px 0; margin-bottom:10px; font-size:18px;}
  
  .quality_cert {padding:29px 19px; border-radius:5px; margin-bottom:10px;}
  .quality_cert ul {padding:0 5px;}
  .quality_cert ul li {padding:10px 20px;}

  .sub_product_wrap .txt_box {padding:10px; font-size:14px;}
  .sub_product_wrap .txt_box br {display:none;}

  .sub_product_list {padding-top:10px;}
  .sub_product_list li {padding:0; margin-bottom:10px;}
  .sub_product_list .pro_img {width:50%;}
  .sub_product_list .pro_txt {padding:20px 10px 0 50%;}
  .sub_product_list .pro_txt h4 {margin-bottom:5px; font-size:16px;}
  .sub_product_list .pro_txt p {font-size:14px;}

  .product_info {font-size:14px; line-height:1.4; margin-top:10px;}
  .product_info h4 {font-size:18px; margin-bottom:5px;}
  .product_info h5 {font-size:16px; margin-bottom:2px;}

  .talent_top {padding-top:0; margin-bottom:10px; font-size:16px;}

  .talent_list li {width:50%;}
  .talent_list li:nth-child(even) {padding-top:5px;}
  .talent_box {height:220px; padding:170px 10px 0; font-size:20px;}
  .talent_box.img_01 {background:url('/recruit/img/talent_img01.png') no-repeat 50% 15px #fff;}
  .talent_box.img_02 {background:url('/recruit/img/talent_img02.png') no-repeat 50% 15px;}
  .talent_box.img_03 {background:url('/recruit/img/talent_img03.png') no-repeat 50% 15px #fff;}
  .talent_box.img_04 {background:url('/recruit/img/talent_img04.png') no-repeat 50% 15px;}
  .talent_box.img_05 {background:url('/recruit/img/talent_img05.png') no-repeat 50% 15px #fff;}

  .talent2_wrap {padding-top:10px;}
  .talent2_top h4 {font-size:20px; margin-bottom:10px;}
  .talent2_top p {font-size:14px; margin-bottom:20px;}
  .talent2_list {padding-top:20px;}
  .talent2_box {width:calc(33.33333333333333% - 20px); min-height:210px; padding:20px 15px 0; margin:0 10px 10px; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.2);}
  .talent2_box h4 {font-size:18px; margin-bottom:15px;}
  .talent2_box h5 {font-size:14px; margin-bottom:5px;}
  .talent2_box p {font-size:13px; margin-bottom:10px;}
  .talent2_text {margin-bottom:20px;}
  .talent2_text h4 {font-size:18px; margin-bottom:10px;}
  .talent2_text h5 {font-size:14px; margin-bottom:5px;}
  .talent2_text p {font-size:13px; padding-left:5px; margin-bottom:10px;}
  .talent2_text img {margin-bottom:10px;}

  .welfare_top {padding-top:0; margin-bottom:10px;}
  .welfare_top h4 {font-size:20px; margin-bottom:5px;}
  .welfare_top p {font-size:14px;}

  .welfare_list li {width:50%; padding:5px;}
  .welfare_box {height:230px; padding:120px 10px 0;}
  .welfare_box.img_01 {background:url('/recruit/img/welfare_img01.png') no-repeat 50% 15px;}
  .welfare_box.img_02 {background:url('/recruit/img/welfare_img02.png') no-repeat 50% 15px;}
  .welfare_box.img_03 {background:url('/recruit/img/welfare_img03.png') no-repeat 50% 15px;}
  .welfare_box.img_04 {background:url('/recruit/img/welfare_img04.png') no-repeat 50% 15px;}
  .welfare_box.img_05 {background:url('/recruit/img/welfare_img05.png') no-repeat 50% 15px;}
  .welfare_box.img_06 {background:url('/recruit/img/welfare_img06.png') no-repeat 50% 15px;}
  .welfare_box h4 {margin-bottom:5px; font-size:18px;}
  .welfare_box p {font-size:14px;}

  .welfare2_top {padding-top:0; margin-bottom:10px; font-size:14px;}
  .welfare2_list li {width:33.33333333333333%; padding:10px;}
  .welfare2_box {height:210px; padding:120px 10px 0; border-radius:10px; box-shadow:0 0 6px rgba(0,0,0,.2);}
  .welfare2_box.img_01 {background:url('/recruit/img/welfare_img01.png') no-repeat 50% 15px;}
  .welfare2_box.img_02 {background:url('/recruit/img/welfare_img02.png') no-repeat 50% 15px;}
  .welfare2_box.img_03 {background:url('/recruit/img/welfare_img03.png') no-repeat 50% 15px;}
  .welfare2_box.img_04 {background:url('/recruit/img/welfare_img04.png') no-repeat 50% 15px;}
  .welfare2_box.img_05 {background:url('/recruit/img/welfare_img05.png') no-repeat 50% 15px;}
  .welfare2_box.img_06 {background:url('/recruit/img/welfare_img06.png') no-repeat 50% 15px;}
  .welfare2_box.img_07 {background:url('/recruit/img/welfare_img07.png') no-repeat 50% 15px;}
  .welfare2_box.img_08 {background:url('/recruit/img/welfare_img08.png') no-repeat 50% 15px;}
  .welfare2_box.img_09 {background:url('/recruit/img/welfare_img09.png') no-repeat 50% 15px;}
  .welfare2_box.img_10 {background:url('/recruit/img/welfare_img10.png') no-repeat 50% 15px;}
  .welfare2_box h4 {margin-bottom:5px; font-size:18px;}
  .welfare2_box p {font-size:13px;}

  .research_tit {margin-bottom:10px; font-size:24px;}

  .research_top {margin:0 -10px 20px;}
  .research_top li {padding:20px; border-radius:10px;}
  .research_top li img {margin-bottom:10px; max-width:100px;}
  .research_top li h4 {font-size:20px; margin-bottom:15px;}
  .research_top li p {font-size:14px;}

  .research_info {padding:0 5px 30px;}
  .research_info dt {width:170px; margin-right:10px; font-size:18px; border-radius:15px;}
  .research_info dd {width:calc(100% - 180px); padding:10px; border-radius:15px;}
  .research_info ul {padding-left:25px;}
  .research_info li {margin:3px 0; font-size:14px;}

  .rma_wrap {padding-top:10px;}
  .rma_wrap h4 {font-size:20px; margin-bottom:10px;}
  .rma_wrap ul {margin-top:10px; padding:10px 10px 5px;}
  .rma_wrap li {font-size:14px; margin-bottom:5px;}

  .spc_wrap {padding-top:20px; max-width:1064px; margin:auto;}
  .spc_wrap h3 {font-size:22px;}

  .spc_process {padding:10px;}
  .spc_process img {margin-bottom:10px;}
  .spc_process dl {max-width:100%; font-size:16px; margin-bottom:6px;}
  .spc_process dl dd {padding-left:90px; font-size:14px;}

  .spc_list li {width:50%; margin-bottom:10px;}
  .spc_list li div {max-width:100%; padding:5px;}
  .spc_list li div h5 {font-size:16px;}
  .spc_list li div p {min-height:40px; padding-top:5px; line-height:20px;}
  .spc_list li div img {width:100%;}

  .spc_photo {margin:0 -5px 20px;}
  .spc_photo li {padding:0 5px; margin-bottom:10px;}
  .spc_photo li div {max-width:100%; padding:5px;}

  .contact_top {padding-top:0; margin-bottom:10px; font-size:14px; background:none;}

  .esg_csr_top {height:400px; padding-top:60px; margin:30px 0;}
  .esg_csr_top h4 {font-size:20px; margin-bottom:30px;}
  .esg_csr_top p {font-size:15px;}
  .esg_csr_bot p {font-size:15px; margin-bottom:30px;}
  .esg_csr_cont {margin-top:30px;}
  .esg_csr_cont h5 {font-size:26px;}
  .esg_csr_cont li {padding-left:18px; font-size:14px; margin-bottom:8px;}
  .esg_csr_cont li span {margin-left:-18px;}

  .esg_csr_box {margin-bottom:30px;}
  .esg_csr_img {width:300px; height:300px;}
  .esg_csr_txt {width:calc(100% - 300px); padding:0 20px;}

  .esg_box {padding:15px;}

}

@media screen and (max-width:768px){
  .footer_menu {padding:15px 0; display:flex; justify-content:center;}
  .footer_menu ul li a {font-size:14px; color:#fff;}

  .main_slide .slide_item .txt {top:35%;}
  .main_slide .slide_item .txt_btit {font-size:28px; margin-bottom:10px;}
  .main_slide .slide_item .txt_stit {font-size:16px;}


  .main_business_wrap {padding:35px 0;}
  .main_business_top {margin-bottom:20px;}
  .main_business_top h3 {display:block; font-size:26px; margin-bottom:14px;}
  .main_business_top p {display:block; font-size:14px; margin-left:0;}
  .main_business_top .busi_btn_top li {margin-left:5px;}
  .main_business_top .busi_btn_top a {width:32px; line-height:32px; font-size:14px;}
  .main_business_item ul {flex-wrap:wrap;}
  .main_business_item .bus_img {width:100%;}
  .main_business_item .bus_img img {border-radius:10px;}
  .main_business_item .bus_txt {width:100%; padding:20px 0 0 15px;}
  .main_business_item .bus_txt h4 {font-size:24px; margin-bottom:15px;}
  .main_business_item .bus_txt p {font-size:16px; margin-bottom:15px;}
  .main_business_item .bus_txt a {font-size:12px; padding:0 16px 0 22px; line-height:36px;}
  .main_business_item .bus_txt a i {font-size:14px; margin-top:-2px; margin-left:2px;}

  .main_product_wrap {padding:35px 0 25px;}
  .main_product_top {margin-bottom:12px;}
  .main_product_top h3 {font-size:26px; margin-bottom:10px;}
  .main_product_top p {font-size:14px;}
  .main_product_list li {width:100%;}
  .main_product_list li p {margin-top:12px; font-size:18px;}

  .main_board_wrap {padding:30px 10px 0;}
  .main_board_box {width:100%; padding:20px 20px 11px; margin:5px 0; border-radius:15px;}
  .main_board_box .board_more {top:20px; right:20px; height:22px;}
  .main_board_top h4 {font-size:20px;}
  .main_board_list {padding-top:8px; min-height:126px;}
  .main_board_list li {line-height:20px; margin-bottom:2px;}
  .main_board_list li a {font-size:13px;}
  .main_board_list li img {height:13px;}
  .main_board_list li span {font-size:12px;}

  .main_video_list {padding-top:12px; padding-bottom:10px;}
  .main_video_list li {width:calc(50% - 5px);}

  .main_banner_wrap {padding:0 10px 30px;}
  .main_banner_box {width:100%; margin:5px 0; border-radius:10px; background-position:bottom 5px right 5px;}
  .main_banner_box a {height:110px; padding:20px 20px 0;}
  .main_banner_box h4 {font-size:20px; margin-bottom:8px;}
  .main_banner_box img {height:26px; bottom:20px; left:20px;}

  .sub_navi_wrap > nav > div.depth1, .sub_navi_wrap > nav > div.depth2 {width:calc(50% - 26px);}
  .sub_navi_wrap > nav > div:last-child {border-right:0;}
  .sub_navi_wrap > nav > div > .depth_title {height:50px; font-size:14px; width:100%; text-indent:10px; line-height:50px; background:url('/img/icon_snb.png') no-repeat right 10px center; background-size:12px;}

  .greeting_wrap {flex-wrap:wrap;}
  .greeting_wrap h4 {font-size:22px; margin-bottom:5px; padding-top:25px; text-align:center;}
  .greeting_wrap h5 {font-size:20px; margin-bottom:20px; text-align:center;}
  .greeting_img {display:none; width:100%; order:-1;}
  .greeting_img img {max-width:200px;}
  .greeting_txt {width:100%; font-size:14px;}
  .greeting_txt .ceo_sign {font-size:16px;}

  .overview_wrap {padding-top:0; background-size:320px; background-position:100% 20px;}
  .overview_wrap h4 {float:none; width:100%; font-size:22px; padding-top:10px;}
  .overview_box {margin-left:0; padding:0 10px 10px; margin-top:240px;}
  .overview_box h5 {font-size:17px; margin:18px 0 8px;}
  .overview_box p {font-size:14px; margin-bottom:7px; line-height:1.3;}

  .overview_text h4 {font-size:18px;}

  .vision_wrap {padding-top:0;}
  .vision_wrap h4 {margin-bottom:10px; font-size:18px; text-align:center;}
  .vision_wrap p {font-size:14px;}
  .vision_wrap .vision_box {margin-bottom:30px;}
  .vision_wrap .vision_img {float:none; width:100%; text-align:center;}
  .vision_wrap .vision_txt {padding:20px 0 0 0;}
  .vision_wrap .tit_cen {font-size:20px;}

  .good_list li {width:100%; padding:5px 5px 10px;}
  .good_box {box-shadow:0 0 4px rgba(0,0,0,.2);}

  .ci_wrap h4 {font-size:20px;}
  .ci_info {margin-bottom:20px;}
  .ci_info_txt {width:100%; padding:10px 0 0;}
  .ci_info_txt p {font-size:15px; margin-bottom:12px;}
  .ci_info_txt p br {display:none;}
  .ci_info_btn {padding-top:5px; justify-content:center;}
  .ci_info_btn a {margin:0 4px;}
  .ci_cont {margin-bottom:0;}
  .ci_cont_box {width:100%; margin-bottom:20px;}
  .ci_cont_img {padding:15px;}

  .map_info {padding:6px 12px; margin:10px 0 20px; border-radius:5px;}
  .map_info dl {height:40px; padding:0 0 0 54px; margin:6px 0;}
  .map_info dl.icon_1,
  .map_info dl.icon_2,
  .map_info dl.icon_3,
  .map_info dl.icon_4 {width:100%; background-position:left center;}
  .map_info dt {font-size:14px; margin-right:0; width:38px;}
  .map_info dd {font-size:13px; width:calc(100% - 38px); line-height:1.4;}
  
  .factory_box {width:100%; margin:0 0 20px}

  .sub_business_list li {padding-bottom:15px;}
  .sub_business_item {height:auto;}
  .sub_business_item .sub_busi_txt {float:none; width:100%; height:auto; padding:10px; margin-top:200px;}
  .sub_business_item .sub_busi_txt h4 {margin-bottom:10px; font-size:22px;}
  .sub_business_item .sub_busi_txt h5 {margin-bottom:6px; font-size:16px;}
  .sub_business_item .sub_busi_txt p {font-size:14px; margin-bottom:10px;}
  .sub_business_item .sub_busi_more {position:relative; bottom:auto; width:100%; height:36px; line-height:32px; font-size:16px;}
  .sub_business_item .sub_busi_img {width:100%; height:200px;}

  .sub_business_list li:nth-child(even) .sub_business_item .sub_busi_txt {float:none;}
  .sub_business_list li:nth-child(even) .sub_business_item .sub_busi_img {left:0; right:auto;}

  .business1_wrap {padding-top:10px;}
  .business1_img {float:none; width:100%; text-align:center;}
  .business1_txt {float:none; padding-left:0; padding-top:20px;}
  .business1_txt h4 {margin-bottom:10px; font-size:24px; text-align:center;}
  .business1_txt h5 {margin-bottom:20px; font-size:18px; text-align:center;}
  .business1_txt p {margin-bottom:10px; font-size:14px; line-height:1.4;}
  .business1_txt p.t_tit {margin-bottom:10px; font-size:15px;}

  .business2_wrap {padding-top:10px;}
  .business2_txt {float:none; width:100%; padding-top:10px;}
  .business2_txt h4 {font-size:24px; text-align:center;}
  .business2_txt p {margin-bottom:6px; font-size:13px; line-height:1.4;}
  .business2_txt p.t_tit {margin-bottom:4px; padding-top:6px; font-size:15px;}
  .business2_img {float:none; width:100%; padding-top:10px; text-align:center;}
  
  .business3_wrap {padding-top:5px;}


  .business_top_wrap {margin-bottom:20px;}
  .business_con_wrap {margin-bottom:20px;}
  .business_con_txt {}
  .business_con_txt h4 {margin:0 0 15px; font-size:28px; text-align:center;}
  .business_con_txt h5 {margin:10px 0; font-size:18px;}
  .business_con_txt h5 br {display:none;}
  .business_con_txt p {margin:5px 0 15px; font-size:14px;}
  .business_con_txt.s_txt p {margin:0 0 15px; font-size:13px;}
  .business_con_txt.s_txt p b {font-size:15px;}
  .business_con_img {width:100%; text-align:center;}

  .business_pro_wrap h4 {font-size:22px; text-align:center;}
  .business_pro_wrap ul {flex-wrap:wrap; margin:0 -5px;}
  .business_pro_wrap ul li {width:50%; box-sizing:border-box;}

  .business_pro_wrap.pro2_wrap > div {width:100%;}

  .business_equip_wrap {margin-bottom:20px;}
  .business_equip_wrap h5 {margin:10px 0; font-size:20px;}
  .business_equip_txt {width:100%; padding-right:0;}
  .business_equip_txt p {margin:0 0 10px; font-size:13px;}
  .business_equip_txt p b {font-size:15px;}

  .business_customer {width:100%;}


  .process_title {margin-bottom:15px; font-size:20px;}
  .process_box {width:100%; margin:0 0 10px;}

  .certi_wrap li {width:calc(33.333333% - 10px);}

  .certi_con_tit {margin:5px 0; font-size:18px;}
  .certi_con_img {margin:5px 0 30px;}

  .certificate ul {margin-bottom:15px;}
  .certificate ul li {width:31%; margin:2% 1%;}
  .certificate ul li p {padding-top:5px; font-size:13px; letter-spacing:-0.05em;}
  .certi_tit {margin:0; font-size:20px; text-align:center;}

  .painting_process_list h3 {font-size:18px;}
  .painting_process_list li {width:calc(50% - 35px); margin-bottom:10px;}
  .painting_process_box h4 {padding:5px 0; font-size:14px;}

  .painting_test_list h3 {font-size:18px;}
  .painting_test_list li {width:50%; margin-bottom:10px;}
  .painting_test_box {padding:9px 9px 0;}
  .painting_test_box h4 {padding:5px 0; font-size:14px;}

  .table_responsive {width:100%; overflow-y:hidden;}

  .axle_img {padding-top:15px;}
  .axle_img h4 {padding-top:10px; font-size:14px;}

  .quality_test_img h4 {margin-bottom:10px; font-size:15px;}
  .quality_test_img ul li {margin-bottom:10px;}
  .quality_test_img ul li:nth-child(5) {clear:both;}
  .quality_test_img ul li.w3 {width:50%;}
  .quality_test_img ul li.w4 {width:50%;}
  .quality_test_img ul li.w3 div {max-width:100%;}
  .quality_test_img ul li.w4 div {max-width:100%;}

  .quality_test_process ul li {width:calc(50% - 35px);}

  .quality_active h3 {margin-bottom:5px;}
  .quality_active ul {padding:0; margin-bottom:5px; border:none; border-radius:0;}
  .quality_active ul li {float:none; width:100%; padding:5px 0;}
  .quality_active ul li div {padding:8px; height:120px;}
  .quality_active ul li div h4 {font-size:16px;}
  .quality_active ul li:nth-child(3) {float:none;}
  .quality_active ul .pdca_cycle {display:none;}
  .quality_active p {padding-left:5px; font-size:15px;}
  .quality_active p small {font-size:13px;}

  .quality_e0 {padding:0; margin-bottom:5px; border:none; border-radius:0;}
  .quality_e0 li {float:none; width:100%; padding:5px 0;}
  .quality_e0 li div {padding:8px;}
  .quality_e0 li div h4 {font-size:16px;}
  
  .quality_cert {padding:0; margin-bottom:5px; border:none; border-radius:0;}
  .quality_cert ul {padding:0; margin:0 -5px;}
  .quality_cert ul li {padding:0 5px;}
  .quality_cert ul li img {border:1px solid #ccc; box-sizing:border-box;}

  .sub_product_list .pro_img {float:none; width:100%; text-align:center;}
  .sub_product_list .pro_txt {padding:0 10px 10px 10px;}

  .talent2_top p br {display:none;}
  .talent2_box {width:calc(100% - 10px); min-height:auto; margin:0 5px 15px; box-shadow:0 0 4px rgba(0,0,0,.2);}

  .produce_list2 .produce_box .produce_img {float:none; margin-bottom:15px;}
  .produce_list2 .produce_box .produce_img img {width:100%;}
  .produce_list2 .produce_box .produce_info {padding:0; margin-bottom:5px;}

  .welfare2_list li {width:50%; padding:6px;}
  .welfare2_box {box-shadow:0 0 4px rgba(0,0,0,.2);}

  .research_tit {font-size:22px;}

  .research_top {flex-wrap:wrap; margin:0 0 10px;}
  .research_top li {width:100%; padding:15px; margin:0 0 15px;}

  .research_info {padding:0 0 15px; flex-wrap:wrap;}
  .research_info dt {width:100%; margin:0 0 5px; font-size:16px; padding:10px 0; border-radius:10px;}
  .research_info dt br {display:none;}
  .research_info dd {width:100%; padding:5px; border-radius:10px;}
  .research_info li {font-size:13px;}

  .spc_process dl dd br {display:none;}

  .spc_list li div h5 {font-size:15px; padding:8px 0;}

  .spc_photo li {width:100%;}
  .spc_photo li div img {width:100%;}

  .esg_cont h3 {font-size:22px;}
  .esg_cont h4 {font-size:14px;}
  .esg_cont .img_box {padding:10px 0;}
  .esg_cont .txt_box {font-size:14px;}
  .esg_cont .txt_box strong {font-size:15px;}
  .esg_cont .txt_box02 {padding:18px;}
  .esg_cont .txt_box02 strong {font-size:15px;}
  .esg_cont .ceo {font-size:15px;}
  .esg_list li {float:none; margin:10px 0; border:1px solid #ddd; box-sizing:border-box;}
  .esg_list.li02 li {width:100%;}
  .esg_list.li03 li {width:100%;}
  .esg_box img {padding-bottom:10px;}
  .esg_box dl {min-height:auto;}
  .esg_box dl dt {padding:7px 0 2px; font-size:15px;}
  .esg_box dl dd {font-size:13px;}
  .esg_em01, .esg_em02 {font-size:18px; line-height:24px !important;}
  .esg_tit_b {font-size:16px;}
  .esg_tit_s {font-size:17px;}
  .esg_process {margin:5px 0; padding:20px;}
  .esg_process li {float:none; padding:0 0 30px 0; background:url('/esg/img/ico_arrow_b.png') no-repeat center bottom 5px; background-size:15px;}
  .esg_process.li04 li {width:100%;}
  .esg_process.li05 li {width:100%;}
  .esg_process li:last-child {padding:0;}
  .esg_process dl {padding:15px 20px; min-height:auto !important;}
  .esg_process dl dt {padding-bottom:3px; font-size:15px;}
  .esg_rank li {float:left; width:49%; padding:1% 2% 1% 0;}
  .esg_rank li:nth-child(2n) {padding:1% 0 1% 0;}
  .esg_rank dl {padding:15px 5px 20px;}
  .form_agree {padding:5px; font-size:14px;}
  .form_agree a {font-size:14px;}

  .agree_cont {font-size:14px; line-height:23px;}
  .agree_list dl dt {font-size:15px;}
  .btn_form {font-size:15px;}
  
  .board_list_gallery li {width:50%;}

  .esg_csr_top {padding-top:40px;}
  .esg_csr_top p {padding:0 10px;}
  .esg_csr_top p br {display:none;}
  .esg_csr_box {flex-wrap:wrap;}
  .esg_csr_img {width:100%; height:260px;}
  .esg_csr_txt {width:100%; padding:20px 10px;}
}


@media screen and (max-width:375px){
  .main_slide .slide_item .txt_btit {font-size:24px;}
  .main_slide .slide_item .txt_stit {font-size:14px;}

  #sub_visual .txt_btit {font-size:24px;}
  #sub_visual .txt_stit {font-size:14px;}
}