/* -------------------------------------------------------------------------------------------
* Version 	: 0.1
---------------------------------------------------------------------------------------------*/
@import url(base.css);
@import url(layout.css);

*{margin:0; padding:0;}

#sub_wrap{ width:100%; text-align:left;   color:#666;}
#s_content {width:100%; margin:80px auto 0px;   min-height:300px; position:relative;}
#s_con {width:1200px; margin: auto;  padding:50px 0 150px 0; text-align:justify; word-break: keep-all; overflow-wrap: break-word; /*overflow:hidden;*/}
.btn_list {padding: 0 20px; height: 34px; line-height: 30px; border: 0; background: #4a4a4a; color: #fff; font-weight: bold; cursor: pointer;}

.point {color:#929b52;}
.point02 {color:#5b325a;}

.s_tit {font-size:36px; line-height:35px;  color:#181818!important; text-align:center; padding-bottom:80px; letter-spacing:-2px; font-weight:400;}
.ss_tit {font-size:16px; line-height:24px; font-weight:400; color:#828282; text-align:center; padding-bottom:50px; letter-spacing:-1px; font-weight:500; }


/*서브 상단 이미지*/
#sv_loc {width:100%; margin:0 auto;background:#fff; }
div .sv_tlt  {position:relative; width:1200px; margin:0 auto; height:100%; color:#fff; text-align:center; z-index:10;  }
.sv_tlt_ab {position:absolute; top:65%; left:50%; width:100%; transform: translate(-50%,-50%);}
div .sv_tlt p {text-align:center; margin-top:0px;  font-size:50px; line-height:50px; font-weight:600; /*text-transform:uppercase;*/}
div .sv_tlt a {color:#fff}
div .sv_tlt .subtop_txt {font-size:16px; font-weight:500; margin-top:10px; display:block; }
h3 {text-align:center; color:#63605d; font-size:40px; font-weight:normal; padding:0 0 45px 0;  background:url('/images/inc/under_bar.jpg') center bottom  no-repeat; font-family:"Noto Sans KR" ; }

.location {overflow: hidden; margin: 50px 0 0 0;}
.location li {display: inline-block; vertical-align: middle; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: -0.5px;}
.location li:before {display: inline-block; content: ">"; position: relative; top: -1px; vertical-align: middle; margin: 0px 20px 0 17px; font-family: "돋움", Dotum, Arial, sans-serif; color: #fff; font-size: 12px;}
.location li:first-child:before {display: none;}
.location li:last-child {color: #fff;}

.visual_wrap {/*padding-top:120px;*/}
div.sv_img01 {width:100%; height:313px; background:url(../images/sub/subtop_01.jpg) center center  no-repeat #060606;}
div.sv_img02 {width:100%; height:313px; background:url(../images/sub/subtop_02.jpg) center center  no-repeat #060606;}
div.sv_img03 {width:100%; height:313px; background:url(../images/sub/subtop_03.jpg) center center  no-repeat #060606;}
div.sv_img04 {width:100%; height:313px; background:url(../images/sub/subtop_04.jpg) center center  no-repeat #060606;}
div.sv_img05 {width:100%; height:313px; background:url(../images/sub/subtop_05.jpg) center center  no-repeat #060606;}


/*div.sv_img02.sub02_1, div.sv_img02.sub02_2, div.sv_img02.sub02_3, div.sv_img02.sub02_4, div.sv_img02.sub02_5 {height:1000px !important}*/


/*메뉴*/
div.loc_box {width:100%; position:relative; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;    }
ul.loc_box2 {position:relative;  text-align:center; font-size:16px; overflow:hidden;  line-height:50px;  display:inline-block; }
ul.loc_box2 li{width:170px; height:50px; float:left; overflow:hidden; background:url('/images/inc/right_bar.jpg') 0px 15px no-repeat; font-weight:500; }
ul.loc_box2 li:first-child {margin-left:0px; background:none;}
ul.loc_box2 li a {color:#777; display:block; font-weight:500;}
ul.loc_box2 li.on a{font-weight:500; color:#0c4ca3; } 
ul.loc_box2 li.on {border-bottom:2px solid #0c4ca3;}

/*div.sloc_box {width:100%; position:relative; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center;    }
ul.sloc_box2 {position:relative;  text-align:center; font-size:14px; overflow:hidden;  line-height:60px;  display:inline-block;  }
ul.sloc_box2 li{width:142px; height:60px; float:left; overflow:hidden; background:url('/images/inc/right_bar.jpg') 0px 20px no-repeat; font-weight:500; }
ul.sloc_box2 li:first-child {margin-left:0px; background:none;}
ul.sloc_box2 li a {color:#777; display:block;  font-weight:500;}
#line_h a{color:#777; display:block; line-height:18px; margin-top:10px;}
ul.sloc_box2 li.on a{font-weight:500; color:#929b52 !important; } 
ul.sloc_box2 li.on {border-bottom:2px solid #929b52; color:#006eb8;}*/


h5 {font-size:20px; margin:20px 0; color:#000; font-weight:700; }
h6 {padding-left:0px; font-size:15px; font-weight:500;}

.sub_tit {text-align:center;}


/*테이블 스타일*/
.table_01 { }
.table_01 table {width:100%; table-layout:fixed; border-top:2px solid #929b52; border-bottom:1px solid #b2b2b2; }
.table_01 th, .table_01 td {padding:16px 20px; vertical-align:middle; line-height:1.5;  border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; word-break:break-all;font-size:15px;}
.table_01 th {background:#f9f9f9;  color:#323232; font-weight:bold; text-align:center; }
.table_01 th span {font-weight:normal; color:#5a5a5a;}
.table_01 td { color:#5a5a5a;}
.table_01 th:first-child,
.table_01 td:first-child {border-left:0;}
.table_01 td .tit {font-weight:bold; margin:0 0 5px;}
.table_01 td p,
.table_01 td .list li {margin:3px 0; line-height:1.5;}
.table_01 td span{color:#323232; font-size:12px; display:block; margin-top:5px}


/*인사말*/
.sub0101_box{float:right; width:600px; text-align:left;}
.sub0101_box p{color:#33414b; font-size:34px; font-weight:500; line-height:1.1; margin-bottom:55px;}
.sub0101_box img{margin-top:80px;}

/*선진그룹소개*/
.sub0102_box{float:right; width:480px; text-align:left;}
.sub0102_box p{color:#33414b; font-size:34px; font-weight:500; letter-spacing:-0.05em; line-height:1.1; margin-bottom:10px;}
.sub0102_box .entxt{color:#999; font-size:28px; font-weight:500; letter-spacing:-0.03em; line-height:1.2; margin-bottom:40px;}
.sub0102_box dt{color:#0c4ca3; font-size:18px; font-weight:500; margin:30px 0 15px 0;}

.sub0102_tab {width:1200px; margin: 0 auto 50px; overflow:hidden;}
.sub0102_tab ul li {width:200px;  color:#555; float:left;  font-size:18px; box-sizing:border-box; display:block;  border:1px solid #ddd; border-right:none;}
.sub0102_tab ul li:last-child { border-right:1px solid #ddd;}
.sub0102_tab ul li a  {color:#555; display:block; text-align:center; padding:14px 20px;}
.sub0102_tab ul li a:hover {color:#fff; background:#0c4ca3; display:block; text-align:center; transition: all 0.4s ease}
.sub0102_tab ul li.onn  a{color:#fff ; background:#0c4ca3;  }

/*연혁*/
.historyCont {position:relative; overflow:hidden}
/*.historyCont .imgBox {float:left;}*/
.historyCont .history {position:relative; /*float:right;*/}
.historyCont .history:after {content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:15px; left:215px;}

.historyCont .history dl {position:relative; margin-bottom:25px; overflow:hidden; z-index:2}
.historyCont .history dl:after {content:""; display:block; width:20px; height:20px; border-radius:50%; background:#0c4ca4;  position:absolute; top:12px; left:205px; z-index:2}
.historyCont .history dt {font-size:32px; color:#0c4ca4; font-weight:800; float:left; width:300px; line-height:1.5em;}
.historyCont .history dd {float:left; font-size:18px; color:#222; margin-top:7px;}
.historyCont .history dd li {margin-bottom:13px;}
.historyCont .history dd span {color:#0c4ca4; margin-right:15px;}

/*비전미션*/
.sub01_txt {text-align:center; line-height:1.8; letter-spacing:-0.05em;}
.sub0104_tit {text-align:center; font-size:34px; color:#2e5d9c; font-weight:500;}
.sub0104_tit .txt {text-align:center; font-size:16px; color:#000; font-weight:400; margin-top:20px;}

.sub0104_ul li {float:left; width:32%; height:200px; margin-right:8px; margin-bottom:8px; overflow:hidden; border:1px solid #ddd; padding-left:20px; display:table; table-layout:fixed;}
.sub0104_ul li:nth-child(2n) {background:#f9f9f9;}
.sub0104_ul li:nth-child(3n) {margin-right:0;}
.sub0104_ul li .con {display:table-cell; vertical-align: middle;}
.sub0104_ul li .txt {margin-left:20px;}
.sub0104_ul li .txt p {font-size:22px; color:#181818; margin-bottom:15px;}
.sub0104_ul li .txt span {font-size:15px;}

/*수리서비스*/
.sub02_txt {text-align:center; line-height:1.9; margin:70px 0; letter-spacing:0;}
.sub02_txt .txtBox {margin:0 auto; width:70%;}

.sub02_gbox {margin:0 45px 50px; background:#f3f3f3; overflow:hidden;}

.sub0202_box {padding:30px 70px 110px 40px; overflow:hidden; background:url('/images/sub02/sub02_02.jpg') top center no-repeat; line-height:1.56;}

.sub0202_ul li {float:left; width:49%; height:190px; margin-bottom:20px; overflow:hidden; border:1px solid #ddd; padding-left:40px; display:table; table-layout:fixed;}
.sub0202_ul li:nth-child(2n) {float:right;}
.sub0202_ul li:nth-child(2), .sub0202_ul li:nth-child(3), .sub0202_ul li:nth-child(6) {background:#f9f9f9;}
.sub0202_ul li .con {display:table-cell; vertical-align: middle;}
.sub0202_ul li .txt {margin-left:30px;}
.sub0202_ul li .txt p {font-size:22px; color:#181818; margin-bottom:15px;}
.sub0202_ul li .txt span {font-size:15px;}

.imgBox {margin-top:70px; overflow:hidden;}
.imgBox ul {width:1110px; margin:0 auto;}
.imgBox li {float:left; width:363px; margin-right:10px; margin-bottom:10px;}
.imgBox li:nth-child(3n) {margin-right:0 !important;}
.imgBox li img {max-width:100%;}

/*부품서비스*/
.sub03_auth {font-size:38px; color:#33414b; font-weight:700;}
.sub03_btit {font-size:34px; color:#005aab; font-weight:700;}

.sub03_gbox {padding:50px 45px; background:#f3f3f3; overflow:hidden;}
.sub03_gbox .tit {font-size:30px; color:#2e2e2e; font-weight:500; line-height:1.4;}
.sub03_gbox .con {text-align:left; line-height:1.7;}
.sub03_gbox .con span {color:#151515; font-weight:500;}

.sub03_gbox li{float:left; margin-right:10px;}
.sub03_gbox li:last-child {margin-right:0}
.sub03_gbox li p {text-align:center; margin-top:10px; color:#33414b;}

.sub03_box {padding:50px 45px; overflow:hidden;}
.sub03_box .tit {font-size:30px; color:#2e2e2e; font-weight:500; line-height:1.4;}
.sub03_box .con {text-align:left; line-height:1.7;}

.sub03_box li {float:left; margin-right:10px; margin-top:30px;}
.sub03_box li:nth-child(3) {margin-right:0 !important;}
.sub03_box li:last-child {margin-right:0 !important;}
.sub03_box li p {text-align:center; margin-top:10px; color:#33414b;}
.sub03_box li .stxt {text-align:center; font-size:14px;}

.board_tit {text-align:center; font-size:30px; color:#2e2e2e; font-weight:500; padding:0 0 50px 0;}
.board_etit {text-align:center; font-size:32px; line-height:1.3; color:#2e2e2e; font-weight:500;}
.board_etit .stxt {font-size:18px; margin-top:8px;}

/*카탈로그*/
.sub04_box {padding:0;}
.sub04_box .tit {font-size:30px; color:#2e2e2e; font-weight:500; line-height:1.4;}
.sub04_box .con {text-align:left; line-height:1.7;}

.sub04_box li {float:left; width:33%; text-align:center; margin-top:30px;}
.sub04_box li p {text-align:center; margin-top:15px; color:#33414b;}

.sub04_box li img{width:100%; max-width:290px;height:auto !important; border:1px solid #ddd; box-sizing:border-box;}
.sub04_box li img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.sub04_box li img:hover {border:1px solid #ddd; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}

/*고객센터*/
.contact {letter-spacing:0;}
.contact dt{color:#0c4ca3; font-size:18px; font-weight:500; margin:40px 0 10px 0;}