@charset "utf-8";

body, table, th, td, button, select, input, textarea, h1, h2, h3, h4, h5, h6 {
	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:fixed; 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:1200px; margin:auto;}
#header .logo {position:absolute; top:8px; left:0;}
#header .logo img {display:block;}

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

#header .top_menu_wrap {height:80px;}
#header #gnb {position:relative; max-width:1200px; margin:auto; background:none;}
#header #gnb ul:after {display:none;}
#header #gnb ul {padding:25px 40px 0 300px;}
#header #gnb li {float:left; width:20%;}
#header #gnb li a {display:block; font-family:'ONE-Mobile-Title'; font-size:20px; color:#1c1c1c; font-weight:400; height:30px; line-height:30px; letter-spacing:-0.05em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#header #gnb li a:hover {color:#00479e;}

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

.gnb-menu-area {display:none; position:absolute; top:99px; left:0; width:100%; border-top:1px solid #cecece; border-bottom:1px solid #d9d9d9; background-color:#f5f5f5; z-index:11;}
.gnb-menu-area .inner-wrap {max-width:1200px; padding:0 40px 0 300px; margin:auto; box-sizing:border-box;}
.gnb-menu-area .menu-box{position:relative; float:left; width:20%; min-height:235px; 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 12px; font-family:'S-CoreDream-4Regular'; font-size:14px; color:#555; line-height:20px; letter-spacing:-0.05em;}
.gnb-menu-area .menu-box ul li a:hover{color:#00479e;}

.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:#273346; box-sizing:border-box;}
.layer-popup .layer-header .tit {line-height:1.1; color:#fff; font-size:22px; font-weight: 700; letter-spacing:-0.05em;}
.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('/pages/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.05em; 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.05em; 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:20%; height:240px; 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.05em;}
.all-menu-wrap .box-wrap .box ul li a:hover{color:#00479e;}

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

/* Footer */
#footer {background-color:#242424;}
#footer .footer_inner {position:relative; max-width:1200px; margin:auto; padding:40px 0;}
#footer .copyright {padding:0 10px; color:#b2b2b2; font-size:14px;}
#footer .copy_menu {margin-bottom:15px;}
#footer .copyright p {line-height:1.5;}
#footer .copyright a {display:inline-block; color:#fff; font-size:14px; margin:0 20px 5px 0;}
#footer .copyright p span {display:inline-block; margin-right:20px;}
#footer .copyright p:last-child {padding-top:14px; color:#808080;}

.btn_top {display:none; position:fixed; right:20px; bottom:20px; width:55px; height:55px; background:#555; border-radius:50%; border:0; z-index:12;}
.btn_top i {padding-top:2px; font-size:27px; color:#fff;}

/*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 {position:relative; height:820px; margin-top:100px;}
.main_visual_wrap .main_btn_prev {position:absolute; top:50%; left:50%; margin-top:-38px; margin-left:-700px;}
.main_visual_wrap .main_btn_next {position:absolute; top:50%; right:50%; margin-top:-38px; margin-right:-700px;}
.main_visual_wrap .main_scroll {position:absolute; bottom:40px; left:50%; margin-left:-50px;}

.main_slide {height:820px;}
.main_slide .slide_item {position:relative; height:820px; overflow:hidden;}
.main_slide .main_img1 .bg {background:url('/pages/img/main_img1.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img2 .bg {background:url('/pages/img/main_img2.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .main_img3 .bg {background:url('/pages/img/main_img3.jpg'); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.main_slide .slick-slide .slide_item .bg {height:820px; z-index: -1; opacity:0; -ms-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;}
.main_slide.ani .slick-slide.slick-active .slide_item .bg {opacity:1; -ms-transform:scale(1.0, 1.0) rotate(.001deg); -webkit-transform:scale(1.0, 1.0) rotate(.001deg); transform:scale(1.0, 1.0) rotate(.001deg); -webkit-transition-delay:0s; transition-delay:0s;}

.main_slide .slide_item .txt {position:absolute; top:20%; left:0; width:100%; text-align:center; color:#fff; z-index:1;}
.main_slide .slide_item .txt_stit {font-size:24px; font-weight:500; line-height:1.3; text-shadow:2px 2px 2px rgba(0,0,0,.6); opacity:0; -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.main_slide .slide_item .txt_btit {font-family:'ONE-Mobile-Title'; font-size:46px; font-weight:400; line-height:1.1; margin-bottom:30px; text-shadow:3px 3px 3px rgba(0,0,0,.7); opacity:0; -webkit-transform:translateX(50px); transform:translateX(50px);}
.main_slide .slide_item .view_more {float:right; opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px);}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_stit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition: -webkit-transform 1s; transition:transform 1s; transition: transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .txt_btit {opacity:1; -webkit-transform:translateX(0); transform:translateX(0); transition:-webkit-transform 1s; transition:transform 1s; transition:transform 1s;}
.main_slide.ani .slick-slide.slick-active .slide_item .view_more {opacity:1; -webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition:transform 1s; transition:transform 1s;}

.main_business_wrap {position:relative; max-width:1200px; padding-top:90px; margin:auto;}
.main_business_top {display:flex; padding:0 10px;}
.main_business_top h3 {width:280px; padding-top:5px; font-family:'ONE-Mobile-Title'; font-size:40px; font-weight:400; color:#222;}
.main_business_top p {width:calc(100% - 280px); line-height:1.8; font-size:16px; font-weight:300; letter-spacing:-0.05em; color:#555;}
.main_business_list {display:flex; padding-top:70px;}
.main_business_list li {width:calc(100% / 3); padding:0 10px;}
.main_business_item .busi_img img {width:100%; border-radius:10px;}
.main_business_item .busi_txt {padding:20px 0; font-family:'S-CoreDream-5Medium'; font-size:22px; color:#333; letter-spacing:-0.05em; text-align:center;}

.main_section02_wrap {height:760px; background:url('/pages/img/result_bg.jpg') no-repeat bottom center; background-size:100% auto;}
.main_result_wrap {position:relative; max-width:1200px; height:760px; padding-top:110px; margin:auto;}
.main_result_top {padding:0 10px;}
.main_result_top h3 {margin-bottom:30px; font-family:'ONE-Mobile-Title'; font-size:40px; font-weight:400; color:#222;}
.main_result_top p {line-height:1.8; font-size:16px; font-weight:300; letter-spacing:-0.05em; color:#555;}
.main_result_img {position:absolute; bottom:88px; right:40px; text-align:right;}

.main_section03_wrap {height:750px; background:url('/pages/img/plan_bg.jpg') no-repeat center; background-size:cover;}
.main_plan_wrap {position:relative; max-width:1200px; padding-top:90px; margin:auto;}
.main_plan_top h3 {font-family:'ONE-Mobile-Title'; font-size:40px; font-weight:400; color:#fff; text-align:center;}
.main_plan_list {display:flex; padding-top:60px;}
.main_plan_list li {width:calc(100% / 3); padding:0 20px;}
.main_plan_item {padding:20px; height:100%; background:#fff; border-radius:20px;}
.main_plan_item .plan_img {padding:30px 0;}
.main_plan_item .plan_img div {width:170px; height:170px; line-height:170px; margin:auto; border-radius:50%; font-family:'S-CoreDream-5Medium'; font-size:28px; color:#fff; letter-spacing:-0.05em; text-align:center; overflow:hidden;}
.main_plan_item .plan_img div.img_1 {background:url('/pages/img/plan_img1.jpg') no-repeat center; background-size:cover;}
.main_plan_item .plan_img div.img_2 {background:url('/pages/img/plan_img2.jpg') no-repeat center; background-size:cover;}
.main_plan_item .plan_img div.img_3 {background:url('/pages/img/plan_img3.jpg') no-repeat center; background-size:cover;}
.main_plan_item .plan_txt {padding:20px 0; text-align:center;}
.main_plan_item .plan_txt h4 {font-family:'S-CoreDream-5Medium'; font-size:22px; color:#333; font-weight:500; letter-spacing:-0.05em;}
.main_plan_item .plan_txt p {padding-top:20px; line-height:1.8; font-size:14px; letter-spacing:-0.05em;}

.main_section04_wrap {background:#f5f5f5;}
.main_pm_wrap {position:relative; max-width:1200px; padding-top:80px; margin:auto;}
.main_pm_top h3 {font-family:'ONE-Mobile-Title'; font-size:36px; font-weight:400; color:#222; text-align:center;}
.main_pm_img {padding:50px 0 70px; text-align:center;}

.main_customer_wrap {position:relative; max-width:1200px; padding:80px 0 80px; margin:auto;}
.main_customer_top {display:flex;}
.main_customer_top > li {width:calc(100% / 2); padding:0 10px;}
.main_board_wrap {height:330px; border:1px solid #ccc;}
.main_board_tab {display:flex; height:59px; padding-right:58px; background:#f5f5f5;}
.main_board_tab li {width:25%;}
.main_board_tab li a {display:block; height:59px; line-height:58px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-family:'S-CoreDream-4Regular'; font-size:18px; color:#666; letter-spacing:-0.05em; text-align:center;}
.main_board_tab li a.on {background:#fff; border-bottom:1px solid #fff; font-family:'S-CoreDream-5Medium'; color:#333;}
.main_board_list {position:relative; padding:17px 20px 0;}
.main_board_list li {height:34px;}
.main_board_list li a {display:inline-block; line-height:34px; color:#000; font-weight:normal; font-family:'S-CoreDream-4Regular'; font-size:15px; letter-spacing:-0.05em; max-width:calc(100% - 70px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_board_list .board_more {position:absolute; right:0; top:-60px; width:58px; height:60px; text-indent:-9999px; border-bottom:1px solid #ccc; background:url('/pages/img/board_more.gif') no-repeat center;}

.main_board_list .lat {margin:0; background:none;}
.main_board_list .lat .lat_title {display:none;}
.main_board_list .lat ul {padding:0; border:0; border-radius:0;}
.main_board_list .lat li {margin-bottom:0;}
.main_board_list .lat li .lt_date {display:inline-block; float:right; line-height:34px; font-family:'S-CoreDream-3Light'; color:#888; letter-spacing:-0.05em;}
.main_board_list .lat .lt_more {top:-76px;right:-20px;width:58px;line-height:58px;border-bottom:1px solid #ccc;background:url('/pages/img/board_more.gif') no-repeat center;}
.main_board_list .lat .lt_cmt {background:#999;color:#fff;}

.main_youtube_wrap iframe {width:100%; height:330px;}

.main_quick_list {display:flex; padding-top:30px;}
.main_quick_list li {width:calc(100% / 4); padding:0 10px;}
.main_quick_item {height:250px; padding-top:180px; font-family:'S-CoreDream-5Medium'; font-size:22px; color:#333; letter-spacing:-0.05em; background:#fafafa; text-align:center; border-radius:20px; box-shadow:0 0 40px #ebebeb inset;}
.main_quick_item.icon_1 {background:url('/pages/img/quick_img1.png') no-repeat 50% 25px;}
.main_quick_item.icon_2 {background:url('/pages/img/quick_img2.png') no-repeat 50% 25px;}
.main_quick_item.icon_3 {background:url('/pages/img/quick_img3.png') no-repeat 50% 25px;}
.main_quick_item.icon_4 {background:url('/pages/img/quick_img4.png') no-repeat 50% 25px;}


/* Sub */
#sub_visual {position:relative; height:260px; margin-top:100px;}
#sub_visual .txt {position:absolute; top:85px; left:0; width:100%; text-align:center; color:#fff;}
#sub_visual .txt_stit {font-size:20px; font-weight:500; line-height:1.3; text-shadow:2px 2px 2px rgba(0,0,0,.6);}
#sub_visual .txt_btit {font-family:'ONE-Mobile-Title'; font-size:40px; font-weight:400; line-height:1.1; margin-bottom:20px; text-shadow:3px 3px 3px rgba(0,0,0,.7);}

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

.sub_navi_wrap {position:relative; height:60px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; z-index:3;}
.sub_navi_wrap>nav {max-width:1200px; margin:auto; font-family:'Noto Sans KR';}
.sub_navi_wrap>nav:after{content:""; display:block; clear:both;}
.sub_navi_wrap>nav>div {display:block; float:left; border-left:1px solid #d9d9d9; position:relative; cursor:pointer; z-index:9;}
.sub_navi_wrap>nav>div:last-child {border-right:1px solid #d9d9d9;}
.sub_navi_wrap>nav>div>a.home {display:block; width:78px; height:60px; text-align:center; background:url('/pages/img/icon_home.png') no-repeat 50% 50%; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.sub_navi_wrap>nav>div>.depth_title {display:block; height:60px; font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#333; width:258px; text-indent:20px; line-height:60px; background:url('/pages/img/icon_snb.png') no-repeat 230px center; box-sizing:border-box; padding-right:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sub_navi_wrap>nav>div>ul {display:none; overflow:hidden; position:absolute; left:-1px; top:60px; background:#fff; border-bottom:1px solid #d9d9d9; z-index:6;}
.sub_navi_wrap>nav>div>ul>li {height:50px; line-height:50px; font-size:17px; letter-spacing:-0.5px; text-indent:20px; width:258px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.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:1200px; min-height:600px; padding:50px 10px 70px; margin:auto;}

#sub_title {position:relative; padding:0 0 20px; margin:0 0 40px; font-size:36px; line-height:50px; font-weight:500; 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:24px; 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 h4 {font-size:26px; color:#111; font-weight:500; margin-bottom:30px; padding-left:500px;}
.greeting_img {float:left;}
.greeting_txt {font-size:18px; color:#444; font-weight:400; line-height:1.5; padding-left:500px;}
.greeting_txt p {margin-bottom:20px;}
.greeting_txt .ceo_sign {padding-top:10px; text-align:right; font-size:20px; color:#111; font-weight:500;}
.greeting_txt .ceo_sign img {margin-left:5px;}

.summary_top {overflow:hidden; padding-bottom:40px;}
.summary_img {float:left;}
.summary_txt {padding:20px 0 0 440px;}
.summary_txt h4 {font-size:26px; color:#111; font-weight:500; margin-bottom:30px;}
.summary_txt p {font-size:18px; color:#444; font-weight:400; line-height:1.5; margin-bottom:20px;}
.summary_company {display:flex; margin:0 -20px; padding-top:40px;}
.summary_company li {width:calc(100% / 3 - 40px); padding:40px; margin:0 20px 20px; text-align:center; border:1px solid #d6d6d6; border-radius:30px;}
.summary_company li h4 {margin-bottom:20px;}
.summary_company li p {font-size:18px; color:#444; font-weight:400; line-height:1.5;}
.summary_company li:first-child p {padding-top:15px;}

.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; padding:6px 0;}
.history_wrap > ul > li dt {width:56px; color:#333; font-weight:500;}
.history_wrap > ul > li dd.italic {padding:0 3px 0 0 !important; font-style:italic;}
.history_wrap > ul > li:nth-child(odd) dt {float:left;}
.history_wrap > ul > li:nth-child(odd) dd {padding-left:56px;}
.history_wrap > ul > li:nth-child(even) dt {float:right;}
.history_wrap > ul > li:nth-child(even) dd {padding-right:56px;}

.vision_top {text-align:center; padding-top:10px; margin-bottom:40px; font-size:22px; font-weight:500; line-height:1.5; color:#222;}
.vision_mid {display:flex; margin:0 -10px;}
.vision_mid li {width:calc(100% / 3 - 20px); padding:30px; margin:0 10px 20px; text-align:center; border:1px solid #d6d6d6; border-radius:20px;}
.vision_mid li img {margin-bottom:10px;}
.vision_mid li h4 {font-size:26px; color:#111; font-weight:500; margin-bottom:20px;}
.vision_mid li p {text-align:left; font-size:16px; color:#444; font-weight:400; line-height:1.4; margin-bottom:10px;}
.vision_bot {padding-top:40px;}
.vision_bot li {display:flex; margin-bottom:20px;}
.vision_bot li h4 {width:220px; height:80px; line-height:80px; margin-right:20px; font-size:26px; color:#fff; font-weight:500; background:#01479d; border-radius:10px; text-align:center;}
.vision_bot li p {width:calc(100% - 240px); height:80px; line-height:78px; padding:0 30px; font-size:20px; color:#444; font-weight:400; background:#fff; border:1px solid #d6d6d6; border-radius:10px;}
.vision_bot li p span {color:#111; font-weight:500;}
.vision_bot li p strong {font-size:24px; color:#004099; font-weight:600;}

.map_wrap {overflow:hidden; margin-bottom:40px;}
.map_info {float:left; width:460px; height:362px; padding:30px; border:1px solid #d6d6d6;}
.map_info h4 {font-size:26px; color:#111; font-weight:500; margin-bottom:20px;}
.map_info dl {font-size:16px; color:#444; font-weight:400; line-height:1.4; margin-bottom:10px;}
.map_info dt {float:left; color:#111; font-weight:500;}
.map_info dd {padding-left:44px;}
.map_api {float:right; width:calc(100% - 480px);}

.sub_business_top {text-align:center; padding-bottom:20px;}
.sub_business_top p {font-size:20px; color:#222; font-weight:500; line-height:1.5; margin-bottom:20px;}
.sub_business_img {display:flex; margin-bottom:60px;}
.sub_business_img li {width:calc(100% / 3); padding:0 10px 20px; text-align:center;}

.sub_business_list {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.sub_business_list li {width:calc(100% / 4 - 20px); padding:30px 15px 20px; margin:0 10px 20px; border:1px solid #d6d6d6; border-radius:20px; text-align:center;}
.sub_business_list li i {width:70px; height:70px; line-height:70px; background:#00b6f2; color:#fff; font-size:40px; border-radius:50%;}
.sub_business_list li h4 {padding:20px 0 10px; font-size:18px; color:#111; font-weight:500;}
.sub_business_list.w3 li {width:calc(100% / 3 - 20px);}

.sub_business_info {display:flex; padding:0 10px 20px;}
.sub_business_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;}
.sub_business_info dd {display:flex; width:calc(100% - 240px); padding:20px; align-items:center; border:1px solid #d6d6d6; border-radius:20px;}
.sub_business_info ul {padding-left:30px; list-style:disc;}
.sub_business_info li {margin:5px 0; font-size:16px; color:#444; font-weight:400; line-height:1.4;}

.sub_business_box {margin-bottom:80px; text-align:center;}
.sub_business_box2 {margin:50px 0; text-align:center;}

.sub_plan_list li {margin:10px 0; padding-left:10px; background:url('/pages/img/ic_dot.gif') no-repeat 0 11px;}
.sub_plan_list li:first-child {margin-top:0;}
.sub_plan_list li:last-child {margin-bottom:0;}

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

.adminis_info {display:flex; padding:0 10px 20px;}
.adminis_info dt {display:flex; width:340px; 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;}
.adminis_info dd {display:flex; width:calc(100% - 360px); padding:20px; align-items:center; border:1px solid #d6d6d6; border-radius:20px;}
.adminis_info ul {padding-left:30px; list-style:disc;}
.adminis_info li {margin:5px 0; font-size:16px; color:#444; font-weight:400; line-height:1.4;}

.installa_list {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.installa_list li {width:calc(100% / 4 - 20px); padding:30px 15px 20px; margin:0 10px 20px; border:1px solid #d6d6d6; border-radius:20px; text-align:center;}
.installa_list li span {display:inline-block; width:44px; height:44px; line-height:44px; background:#00b6f2; color:#fff; font-size:24px; border-radius:50%;}
.installa_list li h4 {padding:20px 0 16px; font-size:18px; color:#111; font-weight:500;}
.installa_list li p {margin-bottom:8px;}

.advisory_list {display:flex; flex-wrap:wrap; padding-bottom:60px;}
.advisory_list li {width:calc(100% / 5 - 10px); padding:30px 10px; margin:0 5px 10px; border:1px solid #d6d6d6; border-radius:20px; text-align:center;}
.advisory_list li h4 {margin-bottom:5px; font-size:18px; color:#00479e; font-weight:500;}
.advisory_list li p {font-size:18px; color:#111; font-weight:500;}

.person_wrap {display:flex; margin-bottom:50px;}
.person_list {width:34%;}
.person_list .con_table th,
.person_list .con_table td {padding:10px;}
.person_chart {width:66%; padding:0 3%;}

.equipment_list {display:flex; flex-wrap:wrap; padding-bottom:60px; margin:0 -5px;}
.equipment_list li {width:calc(100% / 6 - 10px); padding:10px; margin:0 5px 10px; border:1px solid #d6d6d6; border-radius:10px; background:#f9f9f9; text-align:center;}
.equipment_list li div {border:1px solid #ddd; border-radius:5px; overflow:hidden; margin-bottom:10px;}
.equipment_list li p {font-size:17px; color:#111; font-weight:500;}

.result_wrap {display:flex; margin-bottom:50px;}
.result_list {width:24%;}
.result_list .con_table th,
.result_list .con_table td {padding:8px;}
.result_chart {width:76%; padding:0 2%;}



.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;}

.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;}

.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_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;}


/* 반응형 Style */
@media screen and (max-width:1440px){ 
  #header .logo {left:10px;}
  #header .btn_all_menu {right:10px;}
  #header .header_top ul {right:10px;}

  .main_visual_wrap .main_btn_prev {left:10px; margin-left:0;}
  .main_visual_wrap .main_btn_next {right:10px; margin-right:0;}
}

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

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

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

  .type-mobile{display:block; position:absolute; top:16px; right:10px; width:30px; height:27px; background:url('/pages/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:60px; padding:14px 20px;}
  .mobile-menu .user-menu .btn-menu {display:inline-block; height:28px; line-height:28px; background-color:#004099; padding:0 10px; margin:2px 2px 0 0; letter-spacing:-0.5px; font-size:13px; color:#fff; font-weight:500; border-radius:5px;}
  .mobile-menu .user-menu .btn-close {display:block; position:absolute; top:17px; right:15px; width:26px; height:26px; background:url('/pages/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;}

		.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('/pages/img/icon_menu_off.png') no-repeat right 20px center; background-size:16px; font-size:18px; font-weight:500; color:#222; padding:16px 20px; border-top:1px solid #ddd;}
		.mobile-menu .menu-area .depth1.on{background:#fff url('/pages/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-size:15px; color:#555; padding:8px 30px; }
		.mobile-menu .menu-area .depth2-wrap > li > a.depth2{background:#f5f5f5 url('/pages/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 0;}
  #footer .copyright {font-size:13px;}
  #footer .copyright a {font-size:13px;}

  .main_visual_wrap {height:auto; margin-top:60px;}
  .main_visual_wrap .main_scroll {display:none;}

  .main_slide {height:600px;}
  .main_slide .slide_item {height:600px;}
  .main_slide .slick-slide .slide_item .bg {height:600px;}
  .main_slide .slide_item .txt_stit {font-size:18px;}
  .main_slide .slide_item .txt_btit {font-size:36px; margin-bottom:20px;}
  .main_slide .slide_item .view_more {float:none; margin:auto;}

  .main_business_wrap {padding-top:30px;}
  .main_business_top h3 {width:140px; padding-top:5px; font-size:22px;}
  .main_business_top p {width:calc(100% - 140px); line-height:1.6; font-size:14px;}
  .main_business_list {padding:20px 5px 0;}
  .main_business_list li {padding:0 5px;}
  .main_business_item .busi_img img {border-radius:5px;}
  .main_business_item .busi_txt {padding:10px 0; font-size:16px;}

  .main_section02_wrap {height:480px;}
  .main_result_wrap {height:480px; padding-top:40px;}
  .main_result_top h3 {margin-bottom:20px; font-size:22px;}
  .main_result_top p {line-height:1.6; font-size:14px;}
  .main_result_img {bottom:40px; right:20px;}
  .main_result_img img {max-width:70%;}

  .main_section03_wrap {height:auto;}
  .main_plan_wrap {padding-top:40px; padding-bottom:40px;}
  .main_plan_top h3 {font-size:22px;}
  .main_plan_list {padding-top:30px;}
  .main_plan_list li {padding:0 10px;}
  .main_plan_item {padding:10px; border-radius:10px;}
  .main_plan_item .plan_img {padding:20px 0;}
  .main_plan_item .plan_img div {width:120px; height:120px; line-height:120px; font-size:18px;}
  .main_plan_item .plan_txt {padding:0 0 20px;}
  .main_plan_item .plan_txt h4 {font-size:16px;}
  .main_plan_item .plan_txt p {padding-top:10px; line-height:1.5; font-size:13px;}

  .main_pm_wrap {padding-top:40px;}
  .main_pm_top h3 {font-size:20px;}
  .main_pm_img {padding:20px 0 40px;}
  .main_pm_img img {max-width:80%;}

  .main_customer_wrap {padding:40px 5px 40px;}
  .main_customer_top > li {padding:0 5px;}
  .main_board_wrap {height:250px;}
  .main_board_tab {height:39px; padding-right:38px;}
  .main_board_tab li a {height:39px; line-height:38px; font-size:14px;}
  .main_board_list {padding:8px 10px 0;}
  .main_board_list li {height:28px; letter-spacing:-0.05em;}
  .main_board_list li a {line-height:28px; font-size:13px; max-width:calc(100% - 60px);}
  .main_board_list .board_more {top:-40px; width:38px; height:40px; background-size:14px;}

  .main_board_list .lat li .lt_date {line-height:28px; font-size:12px;}
  .main_board_list .lat .lt_more {top:-47px;right:-10px;width:38px;line-height:38px; background-size:14px;}

  .main_youtube_wrap iframe {height:250px;}

  .main_quick_list {padding-top:20px;}
  .main_quick_list li {padding:0 5px;}
  .main_quick_item {height:140px; padding-top:100px; font-family:'S-CoreDream-5Medium'; font-size:16px; border-radius:10px; box-shadow:0 0 30px #ebebeb inset;}
  .main_quick_item.icon_1 {background-size:80px; background-position:50% 15px;}
  .main_quick_item.icon_2 {background-size:80px; background-position:50% 15px;}
  .main_quick_item.icon_3 {background-size:80px; background-position:50% 15px;}
  .main_quick_item.icon_4 {background-size:80px; background-position:50% 15px;}


  #sub_visual {height:160px; margin-top:60px; background-position:50% 50%; background-size:cover;}
  #sub_visual .txt {top:50px;}
  #sub_visual .txt_stit {font-size:16px;}
  #sub_visual .txt_btit {font-size:28px; margin-bottom:10px;}

  .sub_navi_wrap {height:40px;}
  .sub_navi_wrap>nav>div>a.home {width:40px; height:40px; background-size:18px auto;}
  .sub_navi_wrap>nav>div>.depth_title {height:40px; font-size:14px; width:150px; text-indent:10px; line-height:40px; background:url('/pages/img/icon_snb.png') no-repeat 95% center;}
  .sub_navi_wrap>nav>div>ul {top:40px;}
  .sub_navi_wrap>nav>div>ul>li {height:35px; line-height:35px; font-size:13px; text-indent:10px; width:150px;}

  .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:20px; line-height:1.3; margin-bottom:20px; padding-left:380px;}
  .greeting_img {width:360px;}
  .greeting_txt {font-size:14px; padding-left:380px;}
  .greeting_txt p {margin-bottom:10px;}
  .greeting_txt .ceo_sign {padding-top:0; font-size:16px;}
  .greeting_txt .ceo_sign img {height:30px;}

  .summary_top {padding-bottom:20px;}
  .summary_img {width:320px;}
  .summary_txt {padding:10px 0 0 350px;}
  .summary_txt h4 {font-size:20px; line-height:1.3; margin-bottom:20px;}
  .summary_txt p {font-size:14px; margin-bottom:10px;}
  .summary_company {margin:0 -10px; padding-top:20px;}
  .summary_company li {width:calc(100% / 3 - 20px); padding:20px; margin:0 10px 10px; border-radius:20px;}
  .summary_company li h4 {margin-bottom:10px;}
  .summary_company li h4 img {max-width:200px;}
  .summary_company li p {font-size:14px;}
  .summary_company li:first-child p {padding-top:5px;}

  .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; padding:4px 0;}
  .history_wrap > ul > li dt {width:50px; color:#333; font-weight:500;}
  .history_wrap > ul > li:nth-child(odd) dt {float:left;}
  .history_wrap > ul > li:nth-child(odd) dd {padding-left:50px;}
  .history_wrap > ul > li:nth-child(even) dt {float:left;}
  .history_wrap > ul > li:nth-child(even) dd {padding-right:0; padding-left:50px;}

  .vision_top {padding-top:0; margin-bottom:20px; font-size:16px;}
  .vision_mid li {padding:20px; border-radius:10px;}
  .vision_mid li img {margin-bottom:10px; max-width:100px;}
  .vision_mid li h4 {font-size:20px; margin-bottom:15px;}
  .vision_mid li p {font-size:14px;}
  .vision_bot {padding-top:20px;}
  .vision_bot li {margin-bottom:15px;}
  .vision_bot li h4 {width:200px; height:60px; line-height:60px; margin-right:10px; font-size:22px;}
  .vision_bot li p {width:calc(100% - 210px); height:60px; line-height:58px; padding:0 20px; font-size:16px;}
  .vision_bot li p strong {font-size:20px;}

  .map_wrap {margin-bottom:20px;}
  .map_info {width:400px; padding:20px;}
  .map_info h4 {font-size:20px; margin-bottom:15px;}
  .map_info dl {font-size:14px; margin-bottom:5px;}
  .map_info dd {padding-left:38px;}
  .map_api {width:calc(100% - 410px);}

  .sub_business_top {padding-bottom:15px;}
  .sub_business_top p {font-size:16px; margin-bottom:15px;}
  .sub_business_img {margin-bottom:30px;}
  .sub_business_img li {padding:0 5px 15px;}

  .sub_business_list {padding-bottom:35px;}
  .sub_business_list li {width:calc(100% / 4 - 10px); padding:20px 10px 15px; margin:0 5px 10px; border-radius:15px;}
  .sub_business_list li i {width:50px; height:50px; line-height:50px; font-size:30px;}
  .sub_business_list li h4 {padding:10px 0 5px; font-size:15px;}
  .sub_business_list li p {font-size:13px;}
  .sub_business_list.w3 li {width:calc(100% / 3 - 10px);}

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

  .sub_business_box {margin-bottom:45px;}
  .sub_business_box2 {margin:25px 0;}
  
  .sub_plan_list li {padding-left:8px; background:url('/pages/img/ic_dot.gif') no-repeat 0 9px;}

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

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

  .installa_list {padding-bottom:35px;}
  .installa_list li {width:calc(100% / 4 - 10px); padding:20px 10px 15px; margin:0 5px 10px; border-radius:15px;}
  .installa_list li span {width:34px; height:34px; line-height:34px; font-size:20px;}
  .installa_list li h4 {padding:10px 0 8px; font-size:15px;}
  .installa_list li p {margin-bottom:6px; font-size:13px;}

  .advisory_list {padding-bottom:35px;}
  .advisory_list li {padding:20px 10px; border-radius:15px;}
  .advisory_list li h4 {font-size:16px;}
  .advisory_list li p {font-size:16px;}

  .person_wrap {margin-bottom:30px;}
  .person_list {width:44%;}
  .person_list .con_table th,
  .person_list .con_table td {padding:5px;}
  .person_chart {width:56%; padding:0 2%;}

  .equipment_list {padding-bottom:35px;}
  .equipment_list li {padding:7px; border-radius:5px;}
  .equipment_list li div {margin-bottom:7px;}
  .equipment_list li p {font-size:15px;}

  .result_wrap {margin-bottom:30px;}
  .result_list {width:28%;}
  .result_list .con_table th,
  .result_list .con_table td {padding:5px;}
  .result_chart {width:72%; padding:0 2%;}


  .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;}

  .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;}

  .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_box {padding:15px;}

}

@media screen and (max-width:768px){  
  .btn_top {right:10px; width:45px; height:45px;}
  .btn_top i {padding-top:4px; font-size:21px;}

  .main_visual_wrap .main_btn_prev a {display:none;}
  .main_visual_wrap .main_btn_next a {display:none;}

  .main_slide {height:400px;}
  .main_slide .slide_item {height:400px;}
  .main_slide .slick-slide .slide_item .bg {height:400px;}
  .main_slide .slide_item .txt_stit {font-size:15px; text-shadow:1px 1px 1px rgba(0,0,0,.4);}
  .main_slide .slide_item .txt_btit {font-size:19px; margin-bottom:10px; text-shadow:2px 2px 2px rgba(0,0,0,.5);}

  .main_business_wrap {padding-top:20px;}
  .main_business_top {flex-wrap:wrap;}
  .main_business_top h3 {width:100%; padding-top:0; text-align:center;}
  .main_business_top p {width:100%; padding-top:10px; line-height:1.5; text-align:center;}
  .main_business_list {flex-wrap:wrap;}
  .main_business_list li {width:100%; padding:0 5px;}
  .main_business_item .busi_txt {padding:5px 0 20px;}

  .main_section02_wrap {height:auto; background:none;}
  .main_result_wrap {height:auto; padding-top:20px;}
  .main_result_top h3 {margin-bottom:10px; text-align:center;}
  .main_result_top p {line-height:1.5; text-align:center;}
  .main_result_img {position:relative; bottom:0; right:0; padding:20px 10px 30px;}
  .main_result_img img {max-width:100%;}

  .main_plan_wrap {padding-top:30px; padding-bottom:20px;}
  .main_plan_list {flex-wrap:wrap; padding-top:15px;}
  .main_plan_list li {width:100%; padding:0 10px 15px;}
  .main_plan_item {padding:5px;}

  .main_pm_wrap {padding-top:30px;}
  .main_pm_top h3 {font-size:18px;}
  .main_pm_img {padding:15px 5px 30px;}
  .main_pm_img img {max-width:100%;}

  .main_customer_wrap {padding:30px 5px 30px;}
  .main_customer_top {flex-wrap:wrap;}
  .main_customer_top > li {width:100%; padding:0 5px 15px;}

  .main_quick_list {flex-wrap:wrap; padding-top:0;}
  .main_quick_list li {width:50%; padding:0 5px 10px;}
  
  #sub_visual .txt {top:54px;}
  #sub_visual .txt_stit {font-size:15px; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
  #sub_visual .txt_btit {font-size:24px; text-shadow:2px 2px 2px rgba(0,0,0,.6);}


  .greeting_img {float:none; width:100%; text-align:center; padding-bottom:20px;}
  .greeting_wrap h4 {padding-left:0;}
  .greeting_txt {padding-left:0;}

  .summary_img {float:none; width:100%; text-align:center; padding-bottom:20px;}
  .summary_txt {padding:0;}
  .summary_txt h4 {margin-bottom:10px;}
  .summary_company {flex-wrap:wrap; margin:0; padding-top:10px;}
  .summary_company li {width:100%; margin:0 0 15px; border-radius:10px;}

  .vision_top {margin-bottom:15px;}
  .vision_mid {flex-wrap:wrap; margin:0;}
  .vision_mid li {width:100%; padding:15px; margin:0 0 15px;}
  .vision_bot {padding-top:10px;}
  .vision_bot li {flex-wrap:wrap;}
  .vision_bot li h4 {width:100%; height:auto; line-height:1.5; padding:10px; margin-right:0; font-size:18px; border-radius:10px 10px 0 0;}
  .vision_bot li p {width:100%; height:auto; line-height:1.5; padding:10px; font-size:14px; text-align:center; border-top:0; border-radius:0 0 10px 10px;}
  .vision_bot li p strong {font-size:16px;}

  .map_info {float:none; width:100%; height:auto; padding:15px; border-bottom:0;}
  .map_api {float:none; width:100%;}

  .sub_business_top {padding-bottom:10px;}
  .sub_business_top p {font-size:14px; margin-bottom:10px;}
  .sub_business_top p br {display:none;}
  .sub_business_img {margin:0 -5px 20px;}
  .sub_business_img li {padding:0 5px 10px;}

  .sub_business_list {margin:0 -5px; padding-bottom:20px}
  .sub_business_list li {width:calc(100% / 2 - 10px); padding:20px 10px 15px;}
  .sub_business_list li i {width:50px; height:50px; line-height:50px; font-size:30px;}
  .sub_business_list li h4 {padding:10px 0 5px; font-size:16px;}
  .sub_business_list li p {font-size:13px;}
  .sub_business_list.w3 li {width:calc(100% / 2 - 10px);}

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

  .sub_business_box {margin-bottom:30px;}
  .sub_business_box2 {margin:10px 0;}

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

  .installa_list {margin:0 -5px; padding-bottom:20px}
  .installa_list li {width:calc(100% / 2 - 10px); padding:20px 10px 15px;}

  .advisory_list {margin:0 -5px; padding-bottom:20px}
  .advisory_list li {width:calc(100% / 2 - 10px); border-radius:10px;}
  .advisory_list li h4 {font-size:14px;}
  .advisory_list li p {font-size:14px;}

  .person_wrap {margin-bottom:20px; flex-wrap:wrap;}
  .person_list {width:100%;}
  .person_chart {width:100%; padding:0;}

  .equipment_list {padding-bottom:20px;}
  .equipment_list li {width:calc(100% / 3 - 10px);}
  .equipment_list li p {font-size:14px;}

  .result_wrap {margin-bottom:20px; flex-wrap:wrap;}
  .result_list {width:100%;}
  .result_chart {width:100%; padding:0;}



  .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;}

  .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;}

  .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;}
}


@media screen and (max-width:425px){
  .main_slide .slide_item .txt_stit {font-size:13px;}
  .main_slide .slide_item .txt_btit {font-size:16px;}

  #sub_visual .txt {top:58px;}
  #sub_visual .txt_stit {font-size:13px;}
  #sub_visual .txt_btit {font-size:18px;}
  
  .equipment_list li {width:calc(100% / 2 - 10px);}
}