/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: 'Noto Sans CJK KR', 'Noto Sans CJK', "NanumGothic", sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans CJK KR', 'Noto Sans CJK', "NanumGothic", sans-serif !important;}
p { word-break: break-word; word-wrap: break-word;}
@media screen and (max-width: 767px) { p { word-break: break-all; } }
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}


/* 메뉴 설정 시작 */
.navbar-inverse{background: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: auto;}
.navbar-inverse .divider-vertical{display: none;}
.caret{display: none;}
.navbar ~ br{display: none;}
.topmarginLay_a{display: none;}

/*===== 메뉴 상단 영역 설정 =====*/
.navbar-top {width: 100%; padding: 0; background: #2e4142;}
.navbar-top-wrap {width: 1170px; margin: 0 auto;}
.navbar-top-wrap ul {margin:0; padding: 0;}
.navbar-top-wrap ul li {float: left;}
.navbar-top-wrap .navbar-top-btn {margin: 0; padding: 12px 15px; display: inline-block; color: #c8c8c8; font-size: 12px; font-weight: 300; line-height: 1;}
.navbar-top-wrap ul li:last-child .navbar-top-btn{background: #242d2e; color: #fff;}
@media screen and (max-width: 991px) {
	.navbar-top-wrap{width: 100%;}
}
@media screen and (max-width: 767px) {
	.navbar-top {display: none;}
}

/*===== 로고 설정 =====*/
.navbar-brand{margin: 30px 0 0; padding: 10px 15px;}
.navbar-inverse .navbar-brand{color: #333; font-size: 28px; font-weight: 400; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -1px;}
.navbar-brand img{width: 100%;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{color: #333; background-color: rgba(0,0,0,0);}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand{margin: 32px 0 0;}
    .navbar-brand img{width: 180px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand{margin: 20px 0 0;}
    .navbar-top > div > a{margin: 5px 20px 0;}
}

/*===== 메인 메뉴 설정 =====*/
.navbar-inverse {
	position:static;
}
.navbar-inverse .navbar-nav > li > a {
	color: #333;
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    letter-spacing: -0.02em;
    padding: 10px 0 8px;
    margin: 25px 30px 17px;
    border-right: 1px solid rgba(0,0,0,0) !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background: #fff; color: #ea2037; box-shadow: 0 0 0 rgba(0,0,0,0); border: none; border-right: 1px solid rgba(0,0,0,0) !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #ea2037; border: none; border-right: 1px solid rgba(0,0,0,0) !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/*===== 서브 메뉴 설정 =====*/
.dropdown-menu {background: rgba(0, 0, 0, 0.7);
    left: 0 !important;
    right: auto !important;
    padding: 10px 0;
    margin: 0;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    min-width: 200px;}
.dropdown-menu > li > a {color: #e1e1e1;
    padding: 6px 30px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -0.04em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: #ea2037; color: #fff;}

/*===== 모바일 메뉴 설정 =====*/
.navbar-toggle{background: #ea2037; border-radius: 0; border: none; margin: 15px 20px 15px; padding: 10px 10px;}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #ea2037;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}

/* //메뉴 설정 끝 */


/* 푸터 영역 설정 시작 */
.footer_copy .text-center{background: #414141; border: none; color: #ababab; font-size: 12px; text-align: left; padding: 30px 0 10px; margin: 0; margin-top: -5px;}
.footer-top {width: 1170px; margin: 0 auto 10px; padding: 0 15px;}
.footer-top ul{margin: 0; padding: 0; display: inline-block; width: 100%;}
.footer-top ul li{float: left; display: inline-block;}
.footer-top ul li a {color: #eee; font-size: 13px; margin-right: 30px;}
.footer-top ul li:last-child a:after{content: ""}
.footer-middle {width: 1170px; margin: 0 auto 20px; padding: 0 15px;}
.footer-middle ul{margin: 0; padding: 0; display: inline-block; width: 100%; line-height: 1.6;}
.footer-middle ul li{float: left; display: inline-block;}
.footer-middle ul li span::after{content: "|"; color: rgba(255,255,255,0.2); padding: 0 6px 0;}
.footer-middle ul li:last-child span::after{content: "";}
.footer-bottom {width: 1170px; margin: 0 auto; padding: 0 15px;}
.footer-bottom p{display: inline-block; width: 100%;}
.socialArea{display: none;}
@media screen and (max-width: 991px) {
	.footer-top{width: 100%;}
	.footer-middle{width: 100%;}
	.footer-bottom{width: 100%;}
}
/* //푸터 영역 설정 끝*/


/* ========== 슬라이드 영역 설정 시작 ========== */
.container_slide {width: 100%; padding: 0; max-width: 1170px;}
.fill {height: 585px; background-size: cover;}

/* ========== //슬라이드 영역 설정 끝 ========== */


/* ========== 메인 페이지 설정 시작 ========== */
.container_contents {width: 100%; padding: 0; max-width: 1170px;}
.intro-html-layout { width: 100%; margin: 0px;}
@media screen and (max-width: 1199px) { .intro-html-layout { margin: 0px; padding: 0px 15px; } }
.intro-html-layout .main_wrap >  .row { margin: 55px 0px 0px; }
.row.second > div { padding-left: 0px; padding-right: 35px; margin: 0px 0px 35px;}
@media screen and (max-width: 767px) {
	.row.second > div { padding: 0px;}
}
.intro-boardbox .page-header{
	padding: 0 0 10px; margin: 0px 0 20px; border-bottom: 1px solid #e3e3e3;
}
.intro-boardbox .page-header h4{
	margin: 0; 
	color: #313131; 
	font-size: 22px; 
	font-weight: 600; 
	letter-spacing: -0.01em;
}
.contact-info table {
    font-size: 14px;
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
}
.contact-info table th { 
	padding: 14px 15px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

.contact-info table td {
    padding: 14px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #565656;
    word-break: keep-all;
}

.contact-info > h4 { padding: 10px 0px; }
.contact-info > a { display: inline-block; float: right; padding: 10px 35px; border: none; background: #333; color: #fff; text-shadow: none; transition: all .4s ease;}
.contact-info > a:hover { border: none !important; box-shadow: 0 0 1pt 1pt #333; color: #333 !important; background: #fff !important; }


/*content Proudct part*/
.product-wrap {width:1170px;margin:0 auto;padding:10px 0 0;margin-bottom:40px}
.product-wrap .product-title{margin:50px 0 40px;padding-bottom:15px;border-bottom:1px solid #777;position:relative}
.product-wrap .product-title h1{font-size:34px;float:left;display:inline-block;margin:0}
.product-wrap .product-title h3{font-size:21px;font-weight:700}
.product-wrap .product-title p{font-size:18px;color:#909090;display:inline-block;padding-left:20px;padding-top:15px;margin:0}
.product-top{max-height:260px;overflow:hidden}
.product-top img{width:100%}
.product-top,.product-exp{position:relative}
.product-top .product-hover{position:absolute;top:0;width:100%;height:100%;z-index:999}
.product-hover p{padding:100px;text-align:center}
.product-hover p i{color:#fff}
.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover,.product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover,.product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover,.product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover,.product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover,.product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover,.product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover,.product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover{visibility:visible;background:rgba(0,0,0,0.3)}
.product-list .product-hover{visibility:hidden}
.product-list .product-exp .btn{padding:10px 12px;background:#ef950f;color:#fff;width:158px;height:48px;font-size:20px;border-radius:2px}
.product-exp{background:#Fff}
.product-exp div.text-center{position:absolute;top:-25px;width:100%;z-index:999}
.product-exp .text-center ~ p{padding:50px 20px 40px;color:#444;line-height:20pt;font-size:15px}

/*main page board part*/
.intro-board-widget-layout{background:#fff}
.col-sm-12.intro-boardbox .page-header{padding-bottom:10px;margin:40px 0 15px;border-bottom:1px solid #aaa}
.col-sm-12.intro-boardbox .panel-body{padding:30px 15px}
.intro-boardbox>.page-header>h4>.btn{color:rgba(0,0,0,0)}
.intro-board-widget-layout .intro-boardbox .page-header h4{font-weight:700;font-size:34px;color:#444}
.dh-front-list2-words .row-separator{visibility:hidden}
.dh-front-list2-words .list-row-regdate{color:#ef950f}
.dh-front-list2 h6 a,.dh-front-list2 h6 a span{font-size:16px;font-weight:600;color:#444}
.dh-front-list2 h5 a{font-size:13px!important;line-height:18pt;font-weight:400}
.board-gadget-wrap{padding-top:43px;padding-left:50px}
.board-gadget-wrap div.col-md-12{padding-bottom:20px}
.board-gadget-wrap .board-gadget{border:1px solid rgba(0,0,0,0);padding:30px 20px;background:#eee}
.board-gadget-wrap .board-gadget h3{color:#444;font-size:28px;margin-bottom:18px}
.board-gadget-wrap .board-gadget p{color:#444;font-size:15px;line-height:18pt}
.board-gadget-wrap .board-gadget img{margin-top:35px}
.board-gadget-wrap .board-gadget h2{margin:0;font-size:44px;letter-spacing:-1pt;color:#ef950f}
.board-gadget-wrap .board-gadget p a.btn{border:1px solid #ef950f;padding:10px 50px;color:#ef950f;font-weight:600;font-size:18px;border-radius:2px}
.board-gadget-wrap .board-gadget p a.btn:hover{border-bottom:1px solid #ef950f!important}
.intro-board-widget-layout .intro-boardbox:nth-child(1),.intro-board-widget-layout .intro-boardbox:nth-child(2){width:50%}

/*sub page*/
.top-sub-bg {background:url(/skin/img/slide/sliderImg.jpg) no-repeat;background-position:center;width:100%;height:320px;position:relative}
.top-sub-bg > div{position:absolute;bottom:80px;left:19%;width:1170px}
.top-sub-bg .breadcrumb{padding:0 15px;margin-left:20px;margin-top:38px;float:left}
.top-sub-bg h2{background-position:0 7px;color:#ef950f;font-size:48px}
.top-sub-bg .breadcrumb{background:#fff;color:#585858}
.top-sub-bg .breadcrumb > li{font-size:12px}
.top-sub-bg .breadcrumb > li + li::before{content:'|'}
.top-sub-bg .breadcrumb > .active{color:#ff00de;font-weight:700}
.content{font-size:15px}
.content h2{margin-top:70px;border-bottom:1px solid #ddd;padding-bottom:40px;padding-left:90px;font-size:33px}
.content .content-sub,.content .sub-bg{padding:70px}
.content .sub-bg{width:100%;height:900px;position:relative;margin:50px 0;background:url(/skin/img/c_bg01.png) no-repeat;background-size:contain;background-position:center}
.content .sub-bg .sub-content{width:25%;word-break:keep-all;text-align:center;color:#fff}
.content .sub-bg .sub-content:nth-child(1),.content .sub-bg .sub-content:nth-child(2),.content .sub-bg .sub-content:nth-child(3){position:absolute}
.content .sub-bg .sub-content:nth-child(1){top:200px;right:340px}
.content .sub-bg .sub-content:nth-child(2){top:335px;left:244px}
.content .sub-bg .sub-content:nth-child(3){right:320px;bottom:251px}

/*mobile part*/
@media all and (max-width:920px) {
.intro-board-widget-layout .intro-boardbox:nth-child(1),.intro-board-widget-layout .intro-boardbox:nth-child(2){width:100%}
.board-gadget-wrap{padding-left:0}
.board-gadget .col-md-8{text-align:center}
}

/* ONLINE BROCURE */
.brocure{background-color:#000}
.brocure.product-title{border-bottom:1px solid #fff}
.brocure h1,.brocure h3,.brocure p{color:#fff}
.brocure h1{font-size:34px;float:left;display:inline-block;margin:0}
.brocure p{font-size:18px;color:#909090;display:inline-block;padding-left:20px;padding-top:15px;margin:0}
.brocure img{display:inline-block;position:absolute;right:0}

.intro-board-layout,.intro-widget-layout{width:100%}
.intro-widget-layout.col-sm-4{background:url(/skin/img/bg_brochure.gif) no-repeat!important}
.intro-widgetbox{margin-top:0}
.intro-widgetbox.thumbs{padding-bottom:60px}
.intro-widgetbox > .dh-front-gallery{padding:0}
.row.dh-front-gallery.thumbs.intro-widgetBoardbox{width:1170px;margin:0 auto}
.intro-widgetBoardbox{padding-top:30px!important;border:none;background-size:cover!important;background:rgba(0,0,0,0)!important}
.intro-widgetBoardbox > a{display:none}
.dh-front-gallery a:hover{border:none}
.dh-front-gallery .thumbnail{border:none;border-radius:0}
/* //ONLINE BROCURE */


/*.body-layout > .container {width: 100%;}*/
.intro-board-layout.col-sm-8{width:1170px;left:50%;margin-left:-585px;padding-bottom:40px}
/* ========== //메인 페이지 설정 끝 ========== */


/* 서브 페이지 */

@keyframes visual_moving {
    0% { background-position-y: 0%; }
    50% { background-position-y: 100%; }
    100% { background-position-y: 50%; }
}

.sub-layout {width: 100%; min-height: 700px; padding: 0;}
#page { max-width: 1170px; width: 100%; margin: 0 auto; }
#page .sub_content { padding: 40px 0px 80px; }
.visual_wrap.sub01{
    background:url('/skin/img/sub/sub-top.jpg') no-repeat 50% 50%;background-size:cover;
/*     animation: visual_moving;
    animation-duration: 13s;
    animation-timing-function: linear; */

}
.visual_wrap{position:relative;height:100px}
.visual_wrap .visual{position:relative;height:100%;z-index:11}
.visual_wrap .wrapper{height:100%}
.wrapper{position:relative;margin:0 auto;width:100%}
.visual_wrap .sub_headline{position:relative;}
.visual_wrap .sub_headline h1 {text-align: center; color: #fff; font-size: 30px; font-weight: 400; line-height: 1; letter-spacing: -0.03em;}
@media screen and (max-width: 767px) { .visual_wrap .sub_headline { padding-top: 35px; } }
.visual_wrap .sub_headline *{margin:0;padding:0;vertical-align:middle}
.visual_wrap .sub_headline p{display:none}
#sub_nav {display: none;}
@media screen and (min-width: 768px) { 
    .visual_wrap{height:150px;z-index:11}
    .visual_wrap .sub_headline {position: absolute; top: 50%; left: 0; padding: 0;}
    .visual_wrap .sub_headline h1{margin-bottom:-5px;padding:5px 0;font-size:30px; text-align: left;}
    .visual_wrap.sub01 .sub_headline h1 span{background-position:0 -87px}
    .visual_wrap.sub01 .sub_headline h1 span{background-position:0 -3px}
    .visual_wrap .sub_headline h1 span{display:inline-block;overflow:hidden;position:relative;margin-right:22px;margin-left:-90px;width:65px;height:65px;background:url(/images/common/bg_sub_headline.png) no-repeat}
    .visual_wrap .sub_headline p{display:block;margin-top:-20px;color:#fff;font-size:14px;line-height:1;letter-spacing:1px}
}
@media screen and (min-width: 1024px) { 
    .wrapper{max-width:1000px; width: 100%; margin: 0 auto;}
    .visual_wrap{height:250px;-webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear}
    .visual_wrap .sub_headline {top: 50%; margin: -60px 0 0;}
    .visual_wrap .sub_headline h1 {font-size:50px}
    .visual_wrap .sub_headline p {margin-top:0}
    #sub_nav{position:relative;display:block;margin-top:-55px;z-index:12}
    #sub_nav_wrap{position:relative;padding-right:0;background-color:#414141;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}
    #sub_nav .sub_nav_listgroup{position: relative; padding: 0; margin: 0;}
    #sub_nav .sub_nav_listgroup .sub_nav_list{display: inline-block;}
    #sub_nav .sub_nav_listgroup .sub_nav_list .active, #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:hover, #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:focus {background-color: #fff; color: #333 !important; border: none !important;}
    #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {border: none !important; z-index: 10; position: relative; display: block; padding: 20px 20px; text-align: center; font-size: 15px; line-height: 1; color: #eee; transition: border-color 0.1s,color .3s; -webkit-transition: border-color 0.1s,color .3s;}
    #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link:before{content:"";display:inline-block;height:100%;vertical-align:middle}
}

@media screen and (min-width: 1280px) { 
    .wrapper{width:100%; max-width: 1170px; margin: 0 auto;}
    #sub_nav .sub_nav_listgroup .sub_nav_list .sub_link {padding: 20px 30px; font-size: 15px; border: none !important;}
}
/*===== text 설정 =====*/
h2.sub_title {position: relative; margin: 40px 0 30px; padding-top: 5px;  font-size: 30px; font-weight: 400; color: #000; line-height: 40px;}
h2.sub_title::before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 25px; height: 2px; background-color: #ea2037;}
.text_wrap {padding: 0 50px 0 30px;}
.text_wrap h3 {color: #444; font-size: 23px; font-weight: bold; margin: 0 0 35px; letter-spacing: -0.05em;}
.text_wrap p {color: #666; font-size: 14px; line-height: 1.8; margin: 0 0 30px;}

/*===== table 설정 =====*/
body table {width: 100%; font-size: 14px; font-family: 'Nanum Gothic', Sans-serif; color: #626262; line-height: 180%;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tbody > tr > td {vertical-align: middle; text-align: center; padding: 12px 20px;}


/*=================================================
			회사소개
=================================================*/
.network img { margin: 45px auto; }
.jp_intro > .row, .kr_intro > .row { margin: 45px 0px; }
.location_des{background:#f8f8f8;padding:25px;border-radius:2px;margin:25px 0}
.location_des h5 { font-size: 14px; font-weight: 400; text-align: left; line-height: 27px; margin-top: 0;}
.transit.group{line-height:28px;outline:1px solid #EEE;border-radius:3px;-webkit-border-radius:3px;background:#FFF;padding-left:5px;padding-right:8px;margin-right:5px}
.transit:before{white-space:nowrap;padding:2px 5px;margin:0 -4px;border-radius:3px;-webkit-border-radius:3px;border:0!important;font-size:.8em}
.transit{display:inline-block;padding:2px 5px;margin:2px 3px;border:0!important}
.transit.metro.sm-1:before { background: #00498B; color: #FFF; content: '서울 1호선'; }
.transit.metro.sm-2:before { background: #009246; color: #FFF; content: '서울 2호선'; }
.transit.metro.sm-5:before { background: #7E3F98; color: #FFF; content: '서울 5호선'; }

/*===== 카네마츠 본사 소개 =====*/
.intro_tb {border-top: 2px solid #414141;}
.intro_tb th{background-color: #fafafa; font-weight: normal; color: #292929; text-align: center;}
.intro_tb th, .intro_tb td{border: 1px solid #eee; padding: 10px 20px;}

/*=================================================
			제품소개
=================================================*/


@media screen and (min-width: .pd_text_wrap p992px) and (max-width: 1199px) {
	.product04 .pd_img_wrap img { height: 280px; }
	.pd_text_wrap li { display: inline-block; }
}

/*===== product2~4 =====*/
.product > .row {border: 1px solid #dedede; margin: 20px auto 0px; max-width: 1170px; width: 100%;}
.product > .row:hover {background: #f7f7f7; border: 1px solid #aaa;}
.product > .row:hover h2, .product > .row:hover h3 {color: #ea2037;}
.product > .row:hover p {color: #333;}
.product .row .row.clearfix, .product .row .row.clearfix > div { padding: 0px; margin: 0px;}
.pd_img_wrap {padding: 0px;}
.pd_text_wrap {padding: 24px 20px; color: #757575; line-height: 1.7; word-break: keep-all;}
.pd_title {color: #2e4142; font-size: 19px; font-weight: 500; letter-spacing: -0.03em; margin: 0 0 15px;}
.steel_des02 .pd_title { margin: 0px 0px 5px; }
.pd_text_wrap p {margin: 0; letter-spacing: -0.05em;}
.pd_text_wrap p, .pd_text_wrap li{word-spacing:0.05em;}
.steel_des02 .pd_text_wrap p { margin-bottom: 13px; }
.steel_des01 img { margin: 35px auto; }
/*===== product1 =====*/
.product01 > .row {border: 1px solid #dedede; margin: 10px 5px 20px; width: 32%; float: left; min-height: 320px;}
@media screen and (max-width: 991px) { .product01 > .row { width: 48%; } }
@media screen and (max-width: 767px) { .product01 > .row { width: 100%; } }
.product01 .pd_text_wrap {padding: 25px 20px 0;}
.product01 .pd_title {font-size: 16px; letter-spacing: -0.05em; margin: 0 0 15px;}
/*===== product2 =====*/
.steel_des01 h3 {margin: 0 0 20px;}
.steel_des01 p {color: #757575; line-height: 1.6; letter-spacing: -0.03em; margin: 0 0 15px;}
.product02 hr {margin: 60px 0 40px;}
.steel_des02 h3 {margin: 0 0 50px; text-align: center;}
.steel_des02 figure {width: 100%; display: inline-block; margin: 0 0 20px;}
.steel_des02 figure img {width: 25%; float: left;}
.steel_des02 ul {margin: 0; padding: 25px 30px; background: #f7f7f7; border-radius: 4px;}
.steel_des02 ul li {line-height: 1.5;}
.steel_des02 ul li::before {content: "\f00c"; color: #ea2037; font-size: 10px; font-family: "FontAwesome"; padding-right: 10px;}
/*===== product4 =====*/

.product04 ul { padding: 0px; }
.equipment_des01 h3 {margin: 0 0 15px;}
.equipment_des01 ul {margin: 0 0 40px; padding: 20px 30px; background: #f7f7f7; border-radius: 4px;}
.equipment_des01 ul li {line-height: 1.5;}
.equipment_des01 ul li::before {content: "\f00c"; color: #ea2037; font-size: 10px; font-family: "FontAwesome"; padding-right: 10px;}
.equipment_des01 figure {width: 100%; display: inline-block; margin: 0 0 20px;}
.equipment_des01 figure img {width: 25%; float: left;}
/*==== detail01 ====*/
.detail-wrap{
	display: flex;
	flex-direction: column;
	gap: 55px;
}
.detail-tit{
	margin: 0;
	margin-bottom: 0;
	font-size: 35px;
	color: #000;
}
.detail-box{}
.detail-box .box-tit h4{
	margin: 0;
	font-size: 28px;
	margin-bottom: 30px;
	padding-left: 9px;
	position: relative;
}
.detail-box .box-tit h4::before{
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 3px;
	height: 80%;
	background: #ea2037;
}
.box01 .detail-inner{
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
.box01 .img-box{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2,1fr);
}
.box01 .img-box img{
	width: 100%;
	object-fit: cover;
	height: 350px;
}
.detail-inner .text-box{}
.detail-inner .text-box p{
	line-height: 1.7;
}
.box-tit{
	margin-bottom: 15px;
}
.box-tit h5{
    margin: 0;
    font-size: 22px;
    margin-bottom: 15px;
}
.box-tit p{
    margin: 0;
}
.box02 .detail-inner{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
}
.box02 .img-box{}
.box02 .img-box img{
	width: 100%;
	height: 280px;
	object-fit: cover;
}
.box02 .img-box p{
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	line-height: 1.5;
}
.detail-desc{
	margin-top: 35px;
}
.detail-desc p{
	margin-bottom: 10px;
	font-size: 16px;
}
.detail-dot{}
.detail-dot li{
	position: relative;
	padding-left: 8px;
}
.detail-dot li::before{
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	width: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #333;
}
.detail-og{
	margin-top: 35px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
	align-items: flex-start;
}
.box03 .detail-inner{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px;
}
.box03 .img-box p{
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	line-height: 1.5;
}
.box04 .detail-inner{
	margin-bottom: 50px;
}
.box04 .img-box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}
.box04 .img-box img{
	margin: 0 auto;
}
.box04 .box-tit h5{
	font-size: 28px;
	margin-bottom: 25px;
}
/*=================================================
				메일폼
=================================================*/
#mailForm, #mod_type_formForm { max-width: 1170px; margin: 35px auto; width: 100%;}
#mailForm .btn-block, #mod_type_formForm .btn-lg { background: #414141; border-color: #414141; }
#mod_type_formForm .q_number .fa-square{display: none;}
#mod_type_formForm .q_number h3{margin-top: 0; margin-bottom: 5px !important;}
#mod_type_formForm .q_number input{margin-bottom: 10px;}
#mod_type_formForm .q_number:nth-child(6) h3{display: none;}
#mod_type_formForm .q_number:nth-child(6) .checkbox label:nth-child(1){font-size: 12px;}
#mod_type_formForm .q_number:nth-child(6) .checkbox label:nth-child(2){display: none;}
/*=================================================
			로그인 페이지
=================================================*/
.login-layout {width: 100%; max-width: 1170px; margin: 0 auto;}
.login-layout .inner-box-wrapper {margin-top: 100px;}
.login-layout .panel{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.login-layout .panel-body h2{margin: 0; color: #454545; font-size: 20px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p{font-size: 13px; color: #666;}
.login-layout .inner-box-form form label{font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning{background-image: none; background-color: #414141; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover{background: #c80e0e;}
.login-layout form > div > p > a{display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover{color: #303030;}
.login-layout form > div > p > a:after{content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after{content: "";}
/* 서브 페이지 */

/* personal setting 0.43v */
/* layout */
.mt-0{margin-top:0px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-40{margin-top:40px!important;}
.mt-80{margin-top:80px!important;}
.mb-0{margin-bottom:0px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-80{margin-bottom:80px!important;}
.mg-0{margin:0!important;}
.pd-0{padding:0!important;}

/* img */
@media(min-width:768px){
	.max-90{
		width:90%!important;
		margin:0 auto;
		display:block;
	}
	
}
.img-bordered{border:1px solid #ddd;}
.img-caption{
	margin:10px 0;
	text-align:center;
	font-size:16px;
	color:#555;
	font-weight:500;
}
/* align */
.absolute-center{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	padding:0;
	margin:0;
}
.horizontal-center{
	position:relative;
	left:50%;
	transform:translateX(-50%);
	padding:0;
	margin:0;
}

.text-center-table thead th,
.text-center-table thead td,
.text-center-table tbody th,
.text-center-table tbody td{
	text-align:center!important;
	vertical-align:middle!important;
}
.text-center-table .text-left,
.text-center-table .text-left th,
.text-center-table .text-left td{
	text-align:left!important;
}
/* font */
.font-12{font-size:12px!important;}
.font-14{font-size:14px!important;}
.font-16{font-size:16px!important;}
.font-18{font-size:18px!important;}
.font-20{font-size:20px!important;}
.font-22{font-size:22px!important;}
.text-bold{font-weight:bold!important;}
.numbering{margin-right:10px;}
/*list style*/
.li-none > li{list-style:none!important; margin-left:20px;}
.li-circle > li{list-style:circle!important; margin-left:20px;}
.li-square > li{list-style:square!important; margin-left:20px;}
.li-disc > li{list-style:disc!important; margin-left:20px;}
.li-dash > li,
.li-dot > li{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > li:before,
.li-dot > li:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > li:before{
	content:'·';
}
.location-li{
	border-top:2px solid #333;
}
.location-li li{
	padding:5px 10px;
	font-size:16px;
	border-bottom:1px solid #ddd;
}
.location-li .fa{
	margin-right:10px;
}
.partner-li{
	border:1px solid #ddd;
}
.partner-li:after{
	content:'';
	display:block;
	clear:both;
}
.partner-li > li{
	float:left;
	width:16.666%;
}
.partner-li > li img{
	border:1px solid #ddd;
}
@media(max-width:767px){
	.partner-li > li{
		width:50%;
	}
}
/* component */
.card{
	display:block;
	position:relative;
	padding:15px;
	margin-bottom:20px;
	border:1px solid #ddd;
	min-height:max-content;
}
.column-2{
	column-count:2;
	column-rule:1px solid #ddd;
	column-gap:30px;
}
.column-2 ul,
.column-2 dl,
.column-2 ol{
	margin:0;
}
.quote-box{
	margin:20px auto;
	padding:25px;
	background:#f5f5f5;
}
.quote-box p:last-of-type{
	margin:0!important;
	line-height:2;
}
p.quote{
	margin:30px 0;
	font-size:26px;
	font-weight:300;
	color:#555;
	line-height:1.2;
}
p.quote span{
	font-weight:500;
}
/* custom setting */
.container_contents,
.footer_copy > div,
.sub-layout{
	width:100%;
	padding:0;
}
ul,dl,ol{padding:0;}
.body-layout{overflow-x:hidden;}
p,li,dt,dd{line-height:1.6;}
*{
	box-sizing:border-box;
	word-break:keep-all;
}
/* personal setting 0.43v end */
/* navigation setting */
@media(max-width:767px){
	
}
/* mainpage setting */
.carousel-control .glyphicon{
	display:none;
}
.carousel-control.left{
	background:url(/skin/img/slide/arrow_prev.png) no-repeat center;
}
.carousel-control.right{
	background:url(/skin/img/slide/arrow_next.png) no-repeat center;
}
.main-content .title h3{
	position:relative;
	margin-bottom:30px;
	text-align:center;
	font-size:28px;
}
.main-content .title h3:before{
	content: '';
    display: block;
    width: 40px;
    height: 5px;
    background: #ea2037;
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translatex(-50%);
}
.main-content .title h3 span{
	font-size:0.9em;
}
.main-business{
	padding:70px 0 100px;
}
.main-business a{
	color:#333;
}
.main-business a:hover{
	text-decoration:none;
	color:#ea2037;
}
.main-business h4{
	font-size:16px;
}
.main-business .img-box{
	perspective:200px;
	overflow:hidden;
}
.main-business .img-box img{
	transition:all .4s ease;
}
.main-business a:hover .img-box img{
	transform:translatez(20px);
}
.main-location{
	padding-bottom:100px;
}
.main-location h3{
	position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 24px;
}
.main-location h3:before{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #ea2037;
    position: absolute;
    left: -10px;
    top: -5px;
    border-radius: 50%;
    opacity: 0.2;
}

.main-location a{
	display:inline-block;
	margin-top:15px;
	padding:5px 60px;
	color:#fff;
	font-weight:500;
	background:#ea2037;
	border-radius:50px;
}
.main-location a:hover{
	text-decoration:none;
	background:#c12f3f;
}
.main-location .col-sm-8:first-child{
	padding-right:0;
}
.main-location .col-sm-4:last-child{
	height: 250px;
	padding-top:30px;
    padding-left: 100px;
    border-left: none;
/*     background: #f5f5f5; */
	border:1px solid #ddd;
}
.main-location li{
/* 	display:inline-block; */
	margin-left:-5px;
/* 	margin-right:15px; */
	font-size:16px;
	font-weight:500;
	position: relative;
	padding-left: 40px;
}
.main-location li > span{
	display: block;
	position: absolute;
	left: 0;;
}
@media(min-width:768px){
	.product03 .pd_img_wrap{
		border-right:1px solid #eee;
	}
	.pd_img_wrap img{
		height:250px;
	}
}
/*2018-12-18*/
.product .con dl dt{    margin: 15px 0 5px;
    color: #333;}
.product03 *, .product04 *{word-break:keep-all}
.product03 .pd_img_wrap, .product04 .pd_img_wrap{    border-right: none;}
.product03 .row img, .product04 .row img{border:1px solid #eee;}
/* .product04 .row img {margin-top:20px} */
.li-dash > dd,
.li-dot > dd{margin-left:10px; padding-left:20px; position:relative;}
.li-dash > dd:before,
.li-dot > dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > dd:before{
	content:'·';
}
.product03 .video{border:none}
.product03 .video:hover {background:transparent;border:none}
.product03 .video .col-md-6:nth-of-type(1){    padding: 0;}
.product03 .video .col-md-6:nth-of-type(2){     position: relative;
    height: 360px;}
.video-t strong{
	font-size: 20px;
    margin: 20px 0;
    color: #333;
    display: inline-block;}
.video-t a{    font-size: 18px;
    display: inline-block;
	margin-left:30px;
	color: #333;
    text-decoration: none;
    border: 2px solid #ea2037;
    padding: 5px 30px;
    border-radius: 5px;
    font-size:14px;
	font-weight:600;
    letter-spacing: 0.04em;
	transition:all ease .3s}
.product02 .video-t a{
	margin-left:0;
}
.video-t a:hover{color:#fff;background:#ea2037}
.product .margin_top_none{margin-top:12px !important}
.product04 dd a{
	display:inline-block;
	margin-left:10px;
	padding:3px 10px;
	border-radius:4px;
	font-size:13px;
	font-weight:600;
	color:#fff;
	background:#ea2037;
}