@charset "utf-8";

.subvb {position:relative; width:100%; height:600px; display:inline-block; background-position:center center; background-size:cover; z-index:10;}
.vehicle01 .subvb {background-image: url('/M/assets/images/sub/vehicle_vb.jpg'); background-position: center right -1158px; }
.vehicle02 .subvb {background-image: url('/assets/images/sub/vehicle02_vb.jpg'); background-position: center left -1158px; }
.vehicle03 .subvb {background-image: url('/assets/images/sub/vehicle03_vb.jpg'); background-position: center left -1158px; }
.vehicle04 .subvb {background-image: url('/assets/images/sub/vehicle04_vb.jpg'); background-position: center left -1158px; }
.vehicle05 .subvb {background-image: url('/assets/images/sub/vehicle05_vb.jpg'); background-position: center left -1158px; }
.vehicle06 .subvb {background-image: url('/assets/images/sub/vehicle06_vb.jpg'); background-position: center left -1158px; }
.vehicle07 .subvb {background-image: url('/assets/images/sub/vehicle07_vb.jpg'); background-position: center left -1158px; }
.vehicle08 .subvb {background-image: url('/assets/images/sub/vehicle08_vb.jpg'); background-position: center left -985px; }
.industry01 .subvb {background-image: url('/assets/images/sub/industry01_vb.jpg'); background-position: center left -1158px; }
.industry02 .subvb {background-image: url('/assets/images/sub/industry02_vb.jpg'); background-position: center left -1158px; }
.industry03 .subvb {background-image: url('/assets/images/sub/industry03_vb.jpg'); background-position: center left -1158px; }
.industry04 .subvb {background-image: url('/assets/images/sub/industry04_vb.jpg'); background-position: center left -1158px; }
.industry05 .subvb {background-image: url('/assets/images/sub/industry05_vb.jpg'); background-position: center left -1158px; }
.industry06 .subvb {background-image: url('/assets/images/sub/industry06_vb.jpg'); background-position: center left -865px; }
.industry07 .subvb {background-image: url('/assets/images/sub/industry07_vb.jpg'); background-position: center left -1158px; }
.support01 .subvb {background-image: url('/assets/images/sub/support01_vb.jpg'); background-position: center right -1158px; }
.support02 .subvb {background-image: url('/assets/images/sub/support02_vb.jpg'); background-position: center right -1158px; }
.support03 .subvb {background-image: url('/assets/images/sub/support0302_vb.jpg'); background-position:top 140px right -817px; }
.support04 .subvb {background-image: url('/assets/images/sub/support04_vb.jpg'); background-position: center right -1380px; }
.support05 .subvb {background-image: url('/assets/images/sub/support05_vb.jpg'); background-position: center right -1158px; }
.support06 .subvb {background-image: url('/assets/images/sub/support06_vb.jpg'); background-position: center right -1158px; }
.brand01 .subvb {background-image: url('/assets/images/sub/brand_vb.jpg'); background-position: center right -1015px; }
.brand02 .subvb {background-image: url('/assets/images/sub/brand02_vb.jpg'); background-position: center right -1158px; }
.brand03 .subvb {background-image: url('/assets/images/sub/brand0301_vb.jpg'); }
.brand04 .subvb {background-image: url('/assets/images/sub/brand04_vb.jpg'); background-position: center right -1158px; }
.brand05 .subvb {background-image: url('/assets/images/sub/brand05_vb.jpg'); background-position: center right -1158px; }
.brand0502 .subvb {background-image: url('/assets/images/sub/brand0502_vb.jpg'); }
.skill .subvb {background-image: url('/assets/images/sub/skill_vb.jpg'); }
.skill01 .subvb {background-image: url('/assets/images/sub/skill01_vb.jpg'); }
.skill02 .subvb {background-image: url('/assets/images/sub/skill02_vb.jpg'); }
.skill03 .subvb {background-image: url('/assets/images/sub/skill03_vb.jpg'); }
.subvb h2 {font-family:'AppleSDGothicNeoB'; color:#fff; font-size:60px; text-align:center; padding-top:140px; line-height:1; letter-spacing: -1px; z-index:11;}
.subvb h2.mid {padding-top:220px;}
.subvb .dimmed {position:absolute; top:0; left:0; width:100%; height:100%; background:#cccccc; z-index:-1;}
.vehicle03 .subvb h2 {letter-spacing:-4px;}
.vehicle04 .subvb h2 {letter-spacing:-4px;}
.vehicle05 .subvb h2 {letter-spacing:-4px;}
.industry03 .subvb h2 {letter-spacing:-4px;}
.industry04 .subvb h2 {letter-spacing:-6px;}
.industry05 .subvb h2 {letter-spacing:-6px;}
.industry07 .subvb h2 {letter-spacing:-6px;}
.subvb h2.dtrFont > span {font-family: 'DTRPro-Bold';}
.subvb h4 {font-family:'AppleSDGothicNeoM'; color:#fff; opacity:0.6; font-size:40px; padding-top:15px; text-align:center; line-height:1; z-index:11;}
.subvb h4.line2 {line-height:1.3;}
.subvb .download {position:absolute; bottom:20px; right:50%; margin-right:-510px; z-index:1;}
.subvb .download > a {display:inline-block; z-index:10;}
.subvb .download > .img {position:absolute; bottom:60px; left:60px; z-index:-1;}
.vehicle05 .subvb .download > .img {bottom:40px; left:37px;}
.vehicle02 .subvb .download > .img {bottom:35px;}
.industry03 .subvb .download > .img {bottom:40px;}
.industry05 .subvb .download > .img {bottom:40px;}
.contents {padding:70px 0;}
.contents.contents01 {padding:70px 0 0;}
.contents.contents02 {padding:0;}

.sub-section {position:relative; display:inline-block; width:100%; margin-bottom:70px;}
.sub-section.sub-section01 {margin-bottom:0;}
.sub-section.sub-section02 {margin-bottom:0; background:#f6f7fe;}
.sub-section .conMainTit {text-align:center; font-family:'DTRPro-Medium'; color:#0b50f2; font-size:1.813em; font-weight:normal; padding-bottom:40px;}
.sub-section .left, .sub-section .right {position:relative; float:left; width:50%; box-sizing:border-box;}
.sub-section .left {padding-right:30px;}
.sub-section .right {padding-right:30px;}

.sub-section .conSubTit {font-family:'GmarketSansL'; color:#000000; font-size:45px; line-height:1;}
/*.sub-section .conSubTit.conSubTit_abs {position:absolute; top:0; left:0;}*/
.sub-section .conSubTit.ft_293797 {color:#293797;}
.sub-section .conSubTit > span {color:#909090; font-family:'GmarketSansL';}
.sub-section .conSubTit > span.left_pa {padding-left:17px;}
.sub-section .conSubTit > span.rigtht_pa {padding-right:17px;}

.support .sub-section .conSubTit {font-family:'GmarketSansL'; font-size:45px; color:#293797;}
.support02 .sub-section .conSubTit {font-family:'GmarketSansL'; font-size:45px; color:#000;}

.tit_subsection {position:relative; margin-top:50px; padding-left:30px; font-size:45px;}
.tit_subsection:before {content:''; position:absolute; top:10px; left:0; width:20px; height:20px; background:url('/M/assets/images/common/nav_line3.png');}
.tit_subsection.tit_subsection01 {margin-top:50px; padding-left:0; font-size:45px;}
.tit_subsection.tit_subsection01:before {display:none;}
.tit_subsection_desc {font-size:35px; color:#666666; font-family:'AppleSDGothicNeoR'; font-weight:normal; padding-top:10px;}
.tit_subsection_desc.tit_subsection_desc01 {padding-left:20px;}
.tit_subsection_desc.tit_subsection_desc02 {padding-top:60px;}
.tit_subsection_desc.tit_subsection_desc03 {padding-top:30px; font-size:35px; color:#000;}
.tit_subsection_desc.tit_subsection_desc04 {padding-top:30px; font-size:35px; color:rgba(0,0,0,0.6);}

.list_wrap01 {position:relative; width:100%; margin-top:40px; border-top:1px solid #ccc;}
.list_wrap01 > li {position:relative; width:100%; display:inline-block; border-bottom:1px solid #ccc; padding:40px 0;}
.list_wrap01 > li > div.icon, .list_wrap01 > li > div.tit {float:left; display:inline-block;}
.list_wrap01 > li .icon {position:absolute; top:40px; left:0; width:100px;}
.list_wrap01 > li .icon > img {width:100%;}
.list_wrap01 > li .tit {width:100%; font-family:'GmarketSansM'; font-size:45px; color:#293797; letter-spacing:-2px; padding:18px 0 18px 130px; box-sizing:border-box;}
.list_wrap01 > li .tit > span {font-family:'SCoreDreamB'; font-size:30px; letter-spacing:-1px; display:block;}
.list_wrap01 > li .txt {width:100%; display:inline-block; font-family:'DTRPro-Light'; color:#222; margin-top:30px}
.list_wrap01 > li .txt > ul > li {position:relative; padding-left:20px; font-size:35px; color:#000000; font-family:'AppleSDGothicNeoR'; font-weight:normal; line-height:1.2; letter-spacing:-1px; padding-bottom:30px;}
.list_wrap01 > li .txt > ul > li:before {content:''; position:absolute; top:16px; left:0; width:11px; height:11px; background:url('/M/assets/images/common/nav_line.png');}
.list_wrap01 > li .txt > ul > li.line2:before {top:16px; } 
.list_wrap01 > li .txt > ul > li:last-child {padding-bottom:0;}

.list_wrap02 {position:relative; width:100%; margin-top:20px;}
.list_wrap02 > li {position:relative; width:100%; display:inline-block; padding:50px 0 30px;}
.list_wrap02 > li > div {float:left; display:inline-block;}
.list_wrap02 > li .icon {position:absolute; top:40px; left:0; width:100px;}
.support0302 .list_wrap02 > li .icon.icon2 {top:20px;}
.support0302 .list_wrap02 > li .icon.icon4 {top:50px;}
.support0302 .list_wrap02 > li .icon.icon5 {top:70px;}
.support0302 .list_wrap02 > li .icon.icon8 {top:70px;}
.support0302 .list_wrap02 > li .icon.icon9 {top:60px;}
.support0302 .list_wrap02 > li .icon.icon10 {top:75px;}
.list_wrap02 > li .icon > img {width:100%;}
.list_wrap02 > li .txt {display:inline-block; font-family:'AppleSDGothicNeoR'; font-weight:normal; font-size:35px; color:#222; line-height:1.7; line-height:1.3; letter-spacing:-1px; padding-left:140px;}
.list_wrap02.list_wrap02_01 > li .txt {padding-top:4px;}
.list_wrap02.list_wrap02_01 > li.il03 .txt {padding-top:10px;}
.list_wrap02.list_wrap02_01 > li.il05 .txt {padding-top:10px;}
.list_wrap02.list_wrap02_02 > li .txt {padding-top:15px;}
.list_wrap02.list_wrap02_02 > li.il03 .txt {padding-top:25px;}
.list_wrap02.list_wrap02_02 > li.il04 .txt {padding-top:20px;}
.list_wrap02.list_wrap02_02 > li.il05 .txt {padding-top:25px;}
.list_wrap02.list_wrap02_02 > li.il06 .txt {padding-top:25px;}
.list_wrap02 > li .txt.line2 {padding-top:4px;}
.list_wrap02.list_wrap02_03 > li .txt {padding-top:25px;}
.list_wrap02.list_wrap02_03 > li .txt.line2 {padding-top:0;}

.list_wrap03 {position:relative; width:100%; display:inline-block; margin-top:20px;}
.list_wrap03 > li {position:relative; float:left; display:inline-block; width:48.5%; height:372px; padding:50px 0; margin-right:30px; margin-bottom:20px; line-height:1; background:linear-gradient(-45deg, transparent 15px, #f8f8f8 0); text-align:center; box-sizing:border-box;}
.list_wrap03 > li:nth-child(2n) {margin-right:0;}
.list_wrap03 > li:nth-child(n+4) {margin-bottom:0;}
.list_wrap03 > li .thum {}
.list_wrap03 > li .thum > img {width:155px;}
.list_wrap03 > li .subject {font-family:'AppleSDGothicNeoB'; font-weight:bold; font-size:40px; color:#373737; line-height:1.3; padding-top:20px;}
.list_wrap03.list_wrap03_01 li {width:100%; min-height:325px; height:inherit; margin-bottom:20px; padding:50px;}
.list_wrap03.list_wrap03_01 li .thum {position:absolute; top:50px; left:50px;}
.list_wrap03.list_wrap03_01 li .thum > img {width:220px;}
.list_wrap03.list_wrap03_01 li .subject {text-align:left; padding-left:270px; padding-top:0; font-size:40px; font-family:'AppleSDGothicNeoR'; font-weight:400; letter-spacing:-2px; line-height:1.3;}
.list_wrap03.list_wrap03_01 li .subject > span {font-size:45px; padding-bottom:5px; display:inline-block;}

.list_wrap03.list_wrap03_02 li {width:100%; min-height:inherit; height:inherit; margin-bottom:20px; padding:50px 20px;}
.list_wrap03.list_wrap03_02 li .thum {position:absolute; top:50px; left:20px; }
.list_wrap03.list_wrap03_02 li .thum > img {width:400px;}
.list_wrap03.list_wrap03_02 li .subject {text-align:left; padding-left:430px; padding-top:0; font-size:40px; font-family:'AppleSDGothicNeoR'; font-weight:400; letter-spacing:-2px; line-height:1.3; text-align:left;}

.img_box {border:1px solid #efefef; text-align:center; padding:50px; margin-top:20px;}
.img_box > img {width:100%;}

.support0306 .linkBtn {position:absolute; right:0; top:-20px;}

.change_method {position:relative; width:100%; display:inline-block; margin-top:20px;}
.change_method > li {position:relative; float:left; display:inline-block; background:#f6f6f6; border:1px solid #dcdcdc; width:48%; margin-bottom:40px; padding:1px; box-sizing:border-box;}
.change_method > li > .img {width:100%;}
.change_method > li > .img > img {width:100%;}
.change_method > li > .desc {position:relative; font-size:30px; font-family:'AppleSDGothicNeoR'; color:#373737; padding:15px 20px; box-sizing:border-box; letter-spacing:-1px; line-height:1.3; min-height:186px;}
.change_method > li > .desc > .step {position:absolute; top:15px; right:30px; font-size:85px; font-family: 'DTRPro-Bold'; color:#d5d5d5; font-style: italic; line-height:1;}
.change_method > li.arrow {background:none; width:4%; text-align:center; padding-top:215px; border:0;}

.cal_method {width:100%; border:1px solid #efefef; display:inline-block; margin-top:10px;}
.cal_method > li {float:left; width:50%; display:inline-block; border-right:1px solid #efefef; font-family:'AppleSDGothicNeoR'; padding:40px; line-height:1.3; font-size:30px; color:#000; box-sizing:border-box;}
.cal_method > li:last-child {width:100%; border-right:0;}
.cal_method > li > span {font-family:'AppleSDGothicNeoB'; font-weight:bold;}

.constant_voltage_charge {width:100%; border:1px solid #efefef; display:inline-block; margin-top:10px;}
.constant_voltage_charge > li {float:inherit; width:100%; display:inline-block; border-right:1px solid #efefef; font-family:'AppleSDGothicNeoR'; padding:40px; line-height:1.3; font-size:30px; color:#000; box-sizing:border-box;}
.constant_voltage_charge > li:last-child {border-right:0;}
.constant_voltage_charge > li > span {font-family:'AppleSDGothicNeoB'; font-weight:bold;}

.charge_box {position:relative; width:100%; display:inline-block;}
.charge_box .charge_table {float:left; display:inline-block;}
.charge_box .charge_table.charge_table_left {width:100%; margin-right:0;}
.charge_box .charge_table.charge_table_right {width:100%;}

.listHeader {position:relative; margin-top:30px; margin-bottom:20px; display:flex;}
.total, search {float:left; width:50%; position:relative; display:inline-block;}
.total {font-size:35px; color:#000; font-family:'AppleSDGothicNeoR'; padding-top:25px;}
.total > span {color:#293797; font-weight:}
.table_search {float:left; width:50%; position:relative; display:inline-block; text-align:right; vertical-align:top;}
input.formText{width:300px; height:65px; border:1px solid #cccccc; outline:none; font-size:35px; padding:0 10px;}
.TblSearchBtn {background: linear-gradient(-45deg, transparent 15px, #293797 0); font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:35px; color:#fff; width:130px; height:65px; margin-left:8px; box-sizing: content-box; vertical-align: middle;}

.table-responsive {width: 100%; margin-bottom: 15px; overflow-y: hidden; 
-ms-overflow-style: -ms-autohiding-scrollbar;}

.tableTit {position:relative; margin-top:30px; font-family:'AppleSDGothicNeoB'; color:#222; font-size:40px; line-height:1; font-weight:bold; padding-right:15px; display: inline-block;}
.tableTit:after {content:""; position:absolute; top:8px; right:-10px; background:url('/M/assets/images/sub/arrow.png') no-repeat; width:14px; height:24px;}
.table_desc {font-family:'AppleSDGothicNeoR'; color:rgba(0, 0, 0, 0.6); font-size:30px; margin-top:40px; padding-left:20px;}

.tableL {position:relative; width:100%; margin-top:20px; border-top:1px solid #000000; border-bottom:1px solid #000000; box-sizing:border-box;}
.tableL thead tr th {padding:25px 0; background:#fafafa; border-right:1px solid #efefef; text-align:center; font-family:'AppleSDGothicNeoM'; font-weight:500; font-size:30px; letter-spacing:-1px;}
.tableL thead tr th:last-child {border-right:0;}
.tableL tbody tr td { border-right:1px solid #efefef; border-bottom:1px solid #efefef; text-align:center; padding:20px 10px; font-family:'AppleSDGothicNeoR'; font-weight:500; font-size:30px; letter-spacing:-1px; line-height:1.3; box-sizing: border-box; white-space: nowrap;}
.industry01 .tableL tbody tr td {white-space: break-spaces;}
.tableL tbody tr td:last-child {border-right:0;}
.tableL tbody tr:last-child td { border-bottom:1px solid #000000;}
.tableL.tableL_02 td:nth-child(n+3) {padding:10px 20px; text-align:left;}
.tableL.tableL_03 td:nth-child(n+3) {padding:10px 20px; text-align:left;}
.tableL.tableL02 {margin-top:10px;}
.tableL.tableL02 thead tr:first-child th {border-bottom:1px solid #efefef;}
.tableL.tableL02 thead tr th {white-space:nowrap; padding:25px;}
.tableL.tableL02 tbody td {white-space: nowrap;}
.tableL.tableL03 thead tr:first-child th {border-bottom:1px solid #efefef;}
.tableL.tableL03 thead tr th {white-space:nowrap; padding:25px;}
.tableL.tableL03 tbody td {white-space: nowrap;}
.tableL.tableL03.tableL03_01 thead tr th {white-space:break-spaces; padding:25px 0;}
.tableL.tableL03.tableL03_01 tbody td {white-space: break-spaces;}

.tableL.tableL04 {border-top:1px solid #000000; border-bottom:1px solid #cccccc;}
.tableL.tableL04 thead tr th {font-weight:bold; font-size:35px; border-right:0; background:#fafafa; padding:38px 0; line-height:1;}
.tableL.tableL04 tbody tr td {font-size:35px; border-right:0; padding:38px 0; line-height:1;}
.tableL.tableL04 tbody tr td.subject {padding-left:30px; text-align:left; display:grid;}
.tableL.tableL04 tbody tr td.subject a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90%; display:inline-block;}
.tableL.tableL04 tbody tr td.date {font-size:35px; opacity:0.6;}
.tableL.tableL04 tbody tr:last-child td {border-bottom:0;}

.tableL.sub_tableL thead tr th {font-size:30px; font-weight:bold;}
.tableL.sub_tableL tbody tr td {font-size:30px; line-height:1.7;}
.tableL.sub_tableL tbody tr td:first-child {font-size:30px; font-weight:bold;}

.tableV {position:relative; width:100%; margin-top:20px; border-top:2px solid #000000; border-bottom:1px solid #cccccc;}
.tableV tbody tr td {font-family:'AppleSDGothicNeoR'; color:#000; line-height:1; border-bottom:1px solid #cccccc;}
.tableV tbody tr:first-child td {padding:38px 30px;}
.tableV tbody tr:last-child td {border-bottom:0;}
.tableV tbody tr td .subject {font-size:40px; font-weight:bold; padding-bottom:25px;}
.tableV tbody tr td .file {font-size:35px;}
.tableV tbody tr td .file span {padding-right:30px;}
.tableV tbody tr td .file .fileIcon {/*padding-left:15px;*/}
/*.tableV tbody tr td .date {position:absolute; top:40px; right:30px; font-size:35px; opacity:0.6; border-bottom:0; opacity:0.6;}*/
.tableV tbody tr td .date {position:relative; top:0; right:0; font-size:35px; opacity:0.6; border-bottom:0; padding-top:25px;}
.tableV tbody tr td.content {min-height:200px; display:inline-block; padding:38px 30px;}
.tableV tbody tr td.content > div {width:100%; font-size:35px; line-height:1.3;}

.tableV.tableV02 tbody tr td .subject {padding-bottom:0;}

.table_prevnext {border-bottom:1px solid #cccccc; box-sizing:border-box;}
.table_prevnext tbody tr td {padding:38px 0;}
.table_prevnext tbody tr td {text-align:center; font-size:35px; font-family:'AppleSDGothicNeoR'; color:#000; line-height:1; border-bottom:1px solid #cccccc; box-sizing: border-box; white-space: nowrap; }
.table_prevnext tbody tr td.prev > span, .table_prevnext tbody tr td.next > span {position:relative; padding-right:45px; font-weight:bold;}
.table_prevnext tbody tr td.prev > span:after, .table_prevnext tbody tr td.next > span:after {content:""; position:absolute; right:0; top:14px; width:24px; height:16px; background:url('/M/assets/images/sub/arrow_up.jpg') no-repeat;}
.table_prevnext tbody tr td.next > span:after {transform: rotate(180deg);}
.table_prevnext tbody tr td.subject {padding-left:30px; text-align:left;}
.table_prevnext tbody tr td.subject a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90%; display:inline-block;}
.table_prevnext tbody tr td.date {font-size:35px; opacity:0.6; display:none;}

.btn_warp {position:relative; width:100%; text-align:right; margin-top:20px;}
.listBtn {background:url('/M/assets/images/sub/btn_bg.png') no-repeat; font-weight:bold; font-size:35px; color:#000; width:140px; height:65px; box-sizing: content-box; vertical-align: middle;}

.table_li {position:relative; width:100%; display:inline-block;}
.table_li > ul > li {float:left; display:inline-block; position:relative; width:33.3334%; text-align:left; text-indent:40px; font-family:'AppleSDGothicNeoB'; font-weight:bold; padding:5px 0; font-size:30px;}
.table_li > ul > li:before {content:"*";}
.table_li > ul > li.w100 {width:100% !important;}
.table_li > ul > li.w65 {width:65% !important;}
.table_li.table_li02 > ul > li {width:50%; letter-spacing:-2px;}
/*.table_li.table_li02 > ul > li:nth-child(2), .table_li.table_li02 > ul > li:nth-child(5) {width:44%; letter-spacing:-2px; text-indent:85px;}*/
.table_li.table_li03 > ul > li {width:33.3334%; text-indent:20px;}
/*.table_li.table_li03 > ul > li:nth-child(1), .table_li.table_li03 > ul > li:nth-child(4) {width:40%; letter-spacing:-2px; text-indent:85px;}*/

.listFooter {margin-top:40px; text-align:center;}
.pagination {display:inline-block; padding-left:0; border-radius:4px;}
.pagination li {display:inline;}
.pagination li a {position:relative; float:left; display:inline-block; font-family:'DTRPro-Medium'; padding:5px 9px; font-size:35px; color:#000;}
.pagination li a:focus, .pagination li a:hover {color:#23527c;}
.pagination li.active a {color:#293797;}
.pagination li.disabled a, .pagination li.disabled a:focus, .pagination li.disabled a:hover {color:#23527c; cursor:not-allowed;}


.sub-section .conTxt {position:relative; width:97%; line-height:1.7; color:#222; font-family:'Gothic A1'; font-size:1em;}
.sub-section .left-con, .sub-section .right-con {float:left; box-sizing:border-box;}
.sub-section .left-con {width:42%;}
.sub-section .right-con {width:58%;}
.sub-section .left-con.percent {font-family:'DTRPro-Light'; font-size:6.875em; color:#222; letter-spacing:-20px;}

.sub-section .ul-list li {position:relative; display:block; line-height:1.7; font-family:'DTRPro-Light'; font-size:1.813em; color:#222; padding-left:20px;}
.sub-section .ul-list li:before {content:""; position:absolute; top:37%; left:0; width:10px; height:10px; background:url('/asset/images/main/icon01.png');}

.sub-section .ul-list02 li {position:relative; display:inline-block; font-family:'DTRPro-Light'; color:#222; padding:0 3.7%;}
.sub-section .ul-list02 li h2 {font-family:'DTRPro-Medium'; color:#444; font-size:1.375em; font-weight:normal; line-height:1.7;}
.sub-section .ul-list02 li p {font-family:'Gothic A1'; color:#444; font-size:1em; font-weight:normal; line-height:1;}
.sub-section .ul-list02 li p span {font-family:'Gothic A1 Bold';}

.sub-section .more {overflow:hidden; position:relative; display:inline-block; width:90px; height:30px; margin-top:20px;}
.sub-section .more img {position:absolute; top:-30px; left:0;}

/* company overview */
.company_overview .sub-section.section02 .left {padding-top:10px;}
.company_overview .sub-section.section04 .con01, .company_overview .sub-section.section04 .con02, .company_overview .sub-section.section04 .con03 {float:left; box-sizing:border-box;}
.company_overview .sub-section.section04 .con01 {width:41.5%; padding-left:40px;}
.company_overview .sub-section.section04 .con02 {width:17%;}
.company_overview .sub-section.section04 .con03 {width:41.5%; padding-right:40px;}
.company_overview .sub-section.section05 .left:after {content:''; position:absolute; right:0; top:4%; width:1px; height:97%; background:#ccc;}

.vision-wrap {position:relative; display:inline-block; width:98%; margin:50px auto 0;}
.vision-wrap > ul {margin:0 auto;}
.vision-wrap > ul > li {text-align:center; position:relative; z-index:9999; line-height:0; overflow:hidden;}
.vision-wrap > ul > li:first-child {padding-bottom:45px;}
.vision-wrap > ul > li.vision01:after {content:""; position:absolute; left:50%; bottom:0; width:1px; height:45px; background:#ccc; z-index:-1;}
.vision-wrap > ul > li.vision02:before {content:""; position:absolute; top:0; left:12.5%; width:75%; height:1px; background:#ccc;}
.vision-wrap > ul > li.vision02 > .vision02-ul {clear:both; width:100%; position:relative;}
.vision-wrap > ul > li.vision02 > .vision02-ul > li {position:relative; float:left; display:inline-block; width:22%; padding:45px 1.5% 0;}
.vision-wrap > ul > li.vision02 > .vision02-ul > li:before {content:""; position:absolute; left:50%; top:0; width:1px; height:45px; background:#ccc; z-index:-1;}
.vision-wrap > ul > li.vision02 > .vision02-ul > li span {position:relative; display:block; height:55px; line-height:59px; font-family:'Gothic A1'; font-weight:bold; color:#222; font-size:1em; border:2px solid #aaa; border-radius:50px;}
.vision-wrap > ul > li.vision02 > .vision02-ul > li span:before {content:""; position:absolute; top:-10px; left:50%; margin-left:-8px; width:13px; height:13px; border:2px solid #aaa; border-radius:50%; background:#fff;}
.vision-wrap .ul-list03 {padding-top:10px;}
.vision-wrap .ul-list03.ul02 { padding-left:25%;}
.vision-wrap .ul-list03.ul03 { padding-left:30%;}
.vision-wrap .ul-list03.ul04 { padding-left:32%;}
.vision-wrap .ul-list03 li {position:relative; display:block; line-height:1.7; font-family:'Gothic A1'; font-size:1em; color:#444; padding-left:12px; text-align:left;}
.vision-wrap .ul-list03 li:before {content:""; position:absolute; top:37%; left:0; width:6px; height:6px; background:url('/asset/images/sub/icon01.png');}

.csr-wrap {position:relative; width:100%; background:url('/asset/images/sub/csr_bg.jpg') center center; padding-bottom:34.917%; margin-top:45px;}
.csr-wrap .csr-center {position:absolute; top:50%; left:50%; color:#fff; font-family:'Gothic A1'; font-size:1em; font-weight:700; text-align:center; line-height:1.7; margin-left:-63px; margin-top:-42px;}
.csr-wrap .csr-txt {position:absolute;}
.csr-wrap .csr-txt.csr01 {top:0; left:4%;}
.csr-wrap .csr-txt.csr02 {top:6%; right:10%;}
.csr-wrap .csr-txt.csr03 {bottom:11%; left:12%;}
.csr-wrap .csr-txt.csr04 {bottom:-1%; right:0;}
.csr-wrap .csr-txt .csrTit {font-family:'Gothic A1'; font-size:1.250em; color:#222; line-height:1.7; font-weight:800;}
.csr-wrap .csr-txt .csrSubTit {font-family:'Gothic A1'; font-size:1em; color:#444; font-weight:700;}
.csr-wrap .csr-txt .ul-list04 {padding-top:20px;}
.csr-wrap .csr-txt .ul-list04 li {position:relative; display:block; line-height:1.7; font-family:'Gothic A1'; font-size:1em; color:#444; padding-left:15px; text-align:left;}
.csr-wrap .csr-txt .ul-list04 li:before {content:""; position:absolute; top:37%; left:0; width:6px; height:6px; background:url('/asset/images/sub/icon01.png');}
.csr-wrap .csr-txt .ul-list04 li.line2:before {top:20%;}

/* histoy */
.timeline {position:relative; width:90%; margin:50px auto 0;}
.timeline > li {width:100%; display:inline-block; position:relative; box-sizing:border-box;}
.sub-section02 .timeline > li.middle {margin-top:0;}

.timeline > li.first:before {content:" "; position:absolute; top:5px; bottom:0; left:16px; width:1px; height:100%; background-color:#b2b2b2;}
.sub-section02 .timeline > li.middle:before {content:" "; position:absolute; top:-235px; bottom:0; left:16px; width:1px; height:112%; background-color:#b2b2b2; }
.sub-section03 .timeline > li.last:before {content:" "; position:absolute; top:-235px; bottom:0; left:16px; width:1px; height:660px; background-color:#b2b2b2; }

.timeline-badge.blue {border:5px solid #5863ae; }
.timeline-badge.red {border:5px solid #cf142b; }
.timeline-badge.green {border:5px solid #009246; }

.timeline .timeline-wrap {position:relative; padding-bottom:70px;}
.timeline .timeline-wrap.first {}
.timeline .timeline-wrap > .timeline-badge {z-index:10; position:absolute; top:8px; left:0; width:24px; height:25px; border-radius:50%; overflow:hidden; background:#fff; }
/*.timeline .timeline-wrap.first > .timeline-badge {top:0;}*/
.sub-section02 .timeline .middle .timeline-wrap.first > .timeline-badge {top:30px;}
.sub-section02 .timeline .middle .timeline-wrap.last > .timeline-badge {top:0;}
.timeline  .timeline-wrap > .timeline-panel {position:relative; display:inline-block; padding-left:45px;}
.sub-section02 .timeline .middle .timeline-wrap.first > .timeline-panel {padding-top:30px;}
.timeline-year { color:#0b50f2; font-size:45px; font-family:'DTRPro-Bold'; font-weight:normal;}
.timeline .middle .timeline-year {color:#009246;}
.timeline .last .timeline-year {color:#cf142b;}
.timeline-body {position:relative; padding-top:10px;}
.timeline-body.year-none {padding-top:0; padding-bottom:10px;}
.timeline-body p {position:relative; padding-left:15px; font-family:'Gothic A1 Medium'; font-size:40px; color:#444; line-height:1.7;}
.timeline-body p .underline {position:relative; display:inline-block; font-family:'Gothic A1 Bold';}
.timeline-body p .underline:after {content: ''; position: absolute; bottom:1px; left:0; width:100%; height:1px; background:#444;}
.timeline-body p:before {content:''; position:absolute; top:9px; left:0; width:6px; height:6px; background:url('/assets/images/common/nav_line.png');}

.timeline-tit-mo {position:relative; margin-top:50px; text-align:center;}
/*.timeline-tit-pc.tit01 {top:70px; right:0; text-align:right;}*/
.timeline-tit-mo h2 {font-family:'GmarketSansM'; font-size:55px; color:#111; font-weight:normal; line-height:1.5;}
.timeline-tit-mo h4 {font-family:'DTRPro-Light'; font-size:40px; color:#111; font-weight:normal; padding-right:5px;}
.timeline-tit-pc.tit02 {position:relative; padding-top:15px; padding-left:45px;}

.timeline-tit-pc.img01 {top:390px; right:5px; z-index:10;}
.timeline-tit-pc.img02 {top:140px; left:-315px; z-index:10;}
.timeline-tit-pc.img03 {top:-50px; left:-325px; z-index:10;}
.timeline-tit-pc.img04 {top:-185px; left:0; z-index:10;}


.faq_container {position:relative; width:100%; margin-top:20px;}
.faq_container .faq_item order-top:1px solid #cccccc;}
.faq_container .faq_item:last-child {border-bottom:1px solid #cccccc;}
.faq_container .faq_item .question {position:relative; display:block; padding:40px 100px 40px 35px; font-family:'AppleSDGothicNeoR'; font-weight:normal; font-size:40px; color:#000; cursor:pointer; word-break: break-all;}
.faq_container .faq_item .question:after {content:''; display:block; position:absolute; top:35px; right:35px; width:50px; height:50px; background:url('/M/assets/images/sub/faq_icon.jpg') no-repeat; transition: all .3s ease;}
.faq_container .faq_item.open {background:#f9f9f9;}
.faq_container .faq_item.open .question {font-family:'AppleSDGothicNeoB'; font-weight:bold; padding:40px 100px 13px 35px;}
.faq_container .faq_item.open .question:after {top:35px; right:35px; background:url('/M/assets/images/sub/faq_icon_over.jpg') no-repeat; transform: rotate(180deg); transition: all .3s ease;}
.faq_container .faq_item .answer {font-size:40px; font-family:'AppleSDGothicNeoR'; font-weight:normal;color:#000; padding:13px 35px 40px; line-height:1.3; word-break: break-all;}

.store_container {position:relative; width:100%; margin-top:20px;}
.store_container .store_item {margin-bottom:30px;}
.store_container .store_item .question {position:relative; display:block; padding-bottom:30px; font-family:'GmarketSansL'; font-weight:400; font-size:40px; color:#000; cursor:pointer;}
.store_container .store_item .question:after {content:''; display:block; position:absolute; top:-8px; right:35px; width:50px; height:50px; background:url('/M/assets/images/sub/faq_icon.jpg') no-repeat; transition: all .3s ease;}
.store_container .store_item.open .question {font-family:'GmarketSansB'; font-weight:bold; padding:0;}
.store_container .store_item.open .question:after {top:-8px; right:35px; background:url('/assets/images/sub/faq_icon_over.jpg') no-repeat; transform: rotate(180deg); transition: all .3s ease;}
.store_container .store_item .answer {font-size:16px; font-family:'AppleSDGothicNeoR'; font-weight:normal;color:#000; padding:0; line-height:1.3;}

.sub_search_box {position:relative; width:100%; display:inline-block; border:1px solid #e0e0e0;}
.sub_search_box .search_top {width:100%; padding:34px 25px; box-sizing:border-box;}
.sub_search_box .search_bottom {width:100%; border-top:1px solid #e0e0e0; display:inline-block;}
.sub_search_box .search_bottom > ul > li {position:relative; width:100%; float:left; display:inline-block; padding:34px 25px; box-sizing:border-box;}
/*.sub_search_box .search_bottom > ul > li:first-child:before {content:""; position:absolute; width:1px; height:100%; top:0; right:0; background:#e0e0e0;}*/
.sub_search_box .search_tit {font-family:'GmarketSansM'; font-size:40px; color:#000; display:inline-block;}
.search_wrap .search_btn {position:relative; text-align:center; margin:70px 0;}
.search_wrap .search_btn a { background:linear-gradient(-45deg, transparent 15px, #293797 0)bottom right, linear-gradient(135deg, transparent 15px, #293797 0)top left; background-size:100% 51%; background-repeat: no-repeat; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:40px; color:#fff; padding:20px 50px; box-sizing: content-box; vertical-align: middle;}

.sub_search_box .carType {position:relative; width:100%; display:inline-block; margin-top:30px;}
.sub_search_box .carType label {width:19%; font-family:'AppleSDGothicNeoR'; font-size:35px; line-height:1.5;}

.label-checkbox {position: relative; display: inline-block; padding-left:50px; line-height:30px; min-height:30px; font-size:30px; color: #333;}
/*.label-checkbox {font-size:16px;}*/
.join-cont .label-checkbox .input-checkbox {position: absolute; left: -9999px; width: 1px; height: 1px;}
.label-checkbox .input-checkbox {content:""; position:absolute; left:0; top:50%; margin-top:-20px; display:block; box-sizing:border-box; width:35px; height:35px; border-radius:0; background:#fff; border:1px solid #c6cbd0; transition:0.1s ease;}
.label-checkbox .input-checkbox:checked {background:#293797; border-color:#293797;}

.label-checkbox .input-radio {content:""; position:absolute; left:0; top:50%; margin-top:-15px; display:block; box-sizing:border-box; width:35px; height:35px; border-radius:50%; background:#fff; border:1px solid #c6cbd0; transition:0.1s ease;}
.label-checkbox .input-radio:checked {background:#293797; border-color:#293797;}

.sub_search_select {position:relative; min-width:290px; border:1px solid #fff; border-right:0; margin-top:30px;}
.sub_search_select a {position:relative; display:block; line-height:1; color:#000; font-family:'AppleSDGothicNeoR'; font-size:35px; transition: all .3s ease; padding:30px; background:#f9f9f9;}
.sub_search_select a:after { content:''; display:block; position:absolute; top:43px; right:30px; width:24px; height:16px; background:url('/M/assets/images/common/spr03.jpg') no-repeat; transition: all .3s ease;}
.sub_search_select a:first-child {border-bottom:1px solid #fff;}

.search_bottom .select_depth2 { display:none; width:100%; height:385px; position:absolute; top:100px; left:-1px; right:0; z-index:3; border:1px solid #dbdbdb; background:#fff; padding:30px; z-index:999; box-sizing: border-box; overflow-y:scroll;}
.search_bottom .select_depth2  li {position:relative; width:50%; float:left; display:inline-block; margin-bottom:20px; font-family:'AppleSDGothicNeoR'; font-size:35px; color:#545454; cursor:pointer;}
.search_bottom .select_depth2#select_make {display:none;}
.search_bottom .select_depth2#select_make .tri{position:absolute; top:-30px; left:200px;}
.search_bottom .select_depth2#select_model .tri{position:absolute; top:-30px; left:200px;}
.search_bottom .select_depth2 .tri {display:none;}

.brand01 .contents {padding:70px 0 0;}
.brand01 .video {margin:40px 0 30px; width:100%; height:672px;}
.brand01 .brand01_full {position:relative; width:100%; background:#f6f6f6; margin-top:15px;}
.brand01 .brand01_full .inner {padding:65px 0 140px;}
.brand05 .brand05_full {position:relative; width:100%; background:#f4f7ff; padding:70px 0;}
.brand_mean {position:relative;}
.brand_mean .xpro_logo {position:relative; text-align:center; margin-bottom:50px;}
.brand_mean .xpro_logo > img {width:450px;}
.brand_mean .brand_mean_desc {font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:42px; color:#000; letter-spacing:-1px; line-height:1; padding-bottom:65px;}
.brand_mean .brand_mean_desc.brand_mean_desc02 {padding-bottom:40px;}
.brand_mean .brand_mean_desc.brand_mean_desc02 > span {color:#114699; font-family: 'DTRPro-Bold'; }
.breand_mean_item {margin-top:20px;}
.breand_mean_item > li {position:relative; color:#8f8e8e; padding-left:30px; font-family: 'DTRPro-Bold', 'AppleSDGothicNeoR'; font-weight:normal; line-height:1; padding-bottom:7px; letter-spacing:0;}
.breand_mean_item > li:before {content:""; position:absolute; top:20px; left:0; width:20px; height:2px; background:#8f8e8e;}
.breand_mean_item > li > span {color:#114699;}
.breand_mean_item > li > em {font-size:20px; font-style:normal; font-family:'AppleSDGothicNeoL'; font-weight:bold;}

.brand01 .downBtn {text-align:right;}
.brand02 .downBtn {margin-top:40px; text-align:center;}

.catalog_list {position:relative; width:100%; display:inline-block; margin-top:20px;}
.catalog_list .catalog_item {position:relative; float:left; display:inline-block; width:48.5%; margin-right:30px; margin-bottom:20px; line-height:1;}
.catalog_list .catalog_item:nth-child(2n) {margin-right:0;}
.catalog_list .catalog_item:nth-child(n+5) {margin-bottom:0;}
.catalog_list .catalog_item .thum {width:100%;}
.catalog_list .catalog_item .thum > img {width:100%;}
.catalog_list .catalog_item .subject {position:absolute; top:30px; left:20px; font-family:'AppleSDGothicNeoT'; font-size:65px; color:#fff; font-weight:100; line-height:1.1;}
.catalog_list .catalog_item .btn_down {position:absolute; bottom:0; right:0;}

.certificate_list {position:relative; width:100%; display:inline-block; margin-top:20px;}
.certificate_list .certificate_item {position:relative; float:left; display:inline-block; width:48.4%; margin-right:30px; margin-bottom:20px; border-top:1px solid #d0d0d0; border-left:1px solid #d0d0d0; line-height:1;}
.certificate_list .certificate_item:nth-child(2n) {margin-right:0;}
.certificate_list .certificate_item .thum {width:100%;}
.certificate_list .certificate_item .thum > img {width:100%;}

.certificate_list.certificate_list01 {margin-top:70px;}
.certificate_list.certificate_list01 .certificate_item {width:48.5%; border:0; margin-right:30px; margin-bottom:50px;}
.certificate_list.certificate_list01 .certificate_item:nth-child(2n) {margin-right:0;}
.certificate_list.certificate_list01 .certificate_item .thum {border:1px solid #d0d0d0; line-height:0;}
.certificate_list.certificate_list01 .certificate_item .subject {font-family:'AppleSDGothicNeoR'; font-size:35px; color:#000; padding-top:15px; text-align:center;}
.certificate_list .certificate_item .btn_down {position:absolute; bottom:0; right:0;}

.bi_list {position:relative; width:100%; display:inline-block; margin-top:20px; background:#f7f7f7; padding:50px 42px; box-sizing:border-box;}
.bi_list > li {position:relative; float:left; display:inline-block; width:100%; margin-bottom:20px;}
.bi_list > li > a {position:relative; width:100%; line-height:1.3; font-family:'AppleSDGothicNeoR'; font-weight:400; font-size:40px; color:#000000; display:inline-block;}
.bi_list > li > a > br {display:none;}
.bi_list > li > a > .downBtn {position:absolute; right:0; top:0;}
/*.bi_list > li > a > .downBtn > img {height:100px;}*/
.bi_list .certificate_item:nth-child(2n) {margin-right:0;}
.bi_list .certificate_item .thum {}
.bi_list .certificate_item .btn_down {position:absolute; bottom:0; right:0;}

.cont_desc {position:relative; width:100%; display:inline-block; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:35px; color:#222; line-height:1.3; letter-spacing:-1px; padding-top:20px;}
.cont_desc.cont_desc01 {font-family:'AppleSDGothicNeoR'; font-size:40px; color:#000; font-weight:normal;}
.cont_desc.cont_desc02 {font-size:40px; line-height:2; font-weight:normal;}
.support05 .cont_desc {font-size:30px;}

.brand0301 .map {padding-top:70px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; margin:auto; font-size: 0; width: 100%; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; -ms-scroll-snap-points-x: repeat(100%); scroll-snap-points-x: repeat(100%); padding-left:2%; display:block;}
.brand0301 .map > img {max-width:inherit;}

.officeTbl {position:relative; width:100%; margin-top:20px; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.officeTbl tbody tr td {border-bottom:1px solid #efefef; text-align:center; padding:20px 10px; font-family:'AppleSDGothicNeoR'; font-weight:500; font-size:35px; letter-spacing:-1px; line-height:1.3;}
.officeTbl tbody tr td .icon {vertical-align:middle; padding-right:10px;}
.officeTbl tbody tr td:last-child {text-align:left;}
.officeTbl tbody tr:last-child td { border-bottom:1px solid #d1d1d1;}

.map {position:relative; margin-top:20px;}
.zoomBtn {position:absolute; bottom:0; right:0; cursor:pointer;}

.media_top {position:relative; width:100%;}
.media_tit {padding-left:20px; font-family: 'GmarketSansB'; font-size:50px; color:#293797; padding-bottom:15px; line-height:1;}
.media_sub_tit {padding-left:20px; font-family: 'GmarketSansM'; font-size:40px; color:#293797; padding-bottom:25px; line-height:1;}
.media_sub_tit > span {font-family: 'DTRPro-Bold';}
.media_desc {padding-left:20px; font-size:33px; font-family:'AppleSDGothicNeoR'; padding-bottom:20px; line-height:1.5;}
.BlogLinkBtn {margin-left:20px; background:linear-gradient(-45deg, transparent 15px, #293797 0)bottom right, linear-gradient(135deg, transparent 15px, #293797 0)top left; background-size:100% 50%; background-repeat: no-repeat; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:35px; color:#fff; width:350px; height:110px; box-sizing: content-box; vertical-align: middle;}
.meida_img {position:absolute; right:0; bottom:-120px;}
.media_brs {position:relative; width:100%; display:inline-block;}
.media_brs > li {float:left; display:inline-block; width:48.5%; margin-right:3%; margin-bottom:30px;}
.media_brs > li:nth-child(2n) {margin-right:0;}
.media_brs > li > img {width:100%;}
.media_video {margin:50px auto 0; width:100%; height:578px; display:block;}

.skill_wrap {position:relative; width:100%; display:block; border-top:1px solid #cccccc; margin-top:20px;}
.skill_wrap.skill_wrap01 {min-height:465px;}
.skill_wrap.skill_wrap02 {min-height:220px;}
.skill_wrap.skill_wrap03 {min-height:170px;}
.skill_wrap.skill_wrap04 {min-height:185px;}
.skill_wrap .skill_list {position:relative; padding-top:25px;}
.skill_wrap .skill_list > li {position:relative; padding-left:40px; font-size:35px; color:#000; font-family:'AppleSDGothicNeoR'; line-height:1.3; padding-bottom:15px;}
.skill_wrap .skill_list > li:before {content:""; position:absolute; top:22px; left:20px; width:10px; height:2px; background:#000;}
.skill_wrap .skill_img {position:relative; width:70%; margin:30px auto 50px;}
.skill_wrap .skill_img > img {width:100%;}
.skill_wrap .skill_img.skill_img02 {right:25px;}
.skill_wrap .tit_subsection_desc {padding-left:20px; font-size:35px; color:#000; font-family:'AppleSDGothicNeoR'; opacity:0.6; padding-bottom:5px;}

.skill02_wrap {position:relative; width:100%; display:inline-block;}
.skill02_wrap > ul > li {float:left; display:inline-block; width:100%; background: linear-gradient(-45deg, transparent 15px, #fbfbfb 0); margin-right:30px;  margin-bottom:30px; padding:30px 0;}
.skill02_wrap > ul > li:nth-child(2n) {margin-right:0;}
.skill02_wrap > ul > li > .img {float:left; display:inline-block; width:30%; box-sizing:border-box;}
.skill02_wrap > ul > li > .img > img {width:100%;}
.skill02_wrap > ul > li > .desc {float:left; display:inline-block; width:70%; padding-left:30px; box-sizing:border-box;}
.skill02_wrap > ul > li > .desc > .step {color:#293797; font-size:35px; font-family: 'DTRPro-Medium'; line-height:1;}
.skill02_wrap > ul > li > .desc > .tit {padding-top:18px; font-size:40px; color:#000; font-family:'AppleSDGothicNeoR'; font-weight:bold;}
.skill02_wrap .skill_list {position:relative; padding-top:25px;}
.skill02_wrap .skill_list > li {position:relative; padding-left:15px; font-size:35px; color:#000; font-family:'AppleSDGothicNeoR'; line-height:1; padding-bottom:6px; letter-spacing:-0.07em; line-height:1.3;}
.skill02_wrap .skill_list > li:before {content:""; position:absolute; top:22px; left:0; width:12px; height:2px; background:#000;}

.skill_wrap .section {position:relative; width:100%; display:inline-block;}
.skill_wrap .section .abs_img {position:relative; display:inline-block; width:100%; margin:50px auto;}
.skill_wrap .section .abs_img > img {width:100%;}
.skill_wrap .section .full_img_center {position:relative; width:100%; text-align:center; margin:50px auto;}
.skill_wrap .section .full_img_center > img {width:100%;}
.skill_wrap .section > ul {width:100%;}
.skill_wrap .section > ul > li {float:left; display:inline-block; position:relative; width:50%; padding-left:70px; margin-bottom:30px; font-family:'AppleSDGothicNeoR'; font-size:40px; color:#000; box-sizing:border-box;}
.skill_wrap .section > ul > li.w100 {width:100%;}
.skill_wrap .section > ul > li .number {position:absolute; top:0; left:0; width:55px; height:44px; background:linear-gradient(-45deg, transparent 6px, #293797 0)bottom right, linear-gradient(135deg, transparent 6px, #293797 0)top left; background-size:100% 52%; background-repeat: no-repeat; font-family: 'DTRPro-Bold'; font-size:28px; color:#fff; text-align:center; line-height:44px; letter-spacing:-0.07em;}

.skill_wrap .section02 {position:relative; width:100%; display:inline-block; margin-top:80px;}
.skill_wrap .section02 > ul > li {position:relative; display:inline-block; width:100%; background: linear-gradient(-45deg, transparent 15px, #f8f8f8 0); padding:30px; margin-bottom:30px; box-sizing:border-box;}
.skill_wrap .section02 > ul > li:nth-child(2n) {margin-right:0;}
/*.skill_wrap .section02 > ul > li.li01 {min-height:120px;}*/
/*.skill_wrap .section02 > ul > li.li02 {min-height:200px;}*/
/*.skill_wrap .section02 > ul > li.li03 {min-height:170px;}*/
.skill_wrap .section02 > ul > li > .img {position:absolute; top:30px; left:30px; width:25%; display:inline-block; }
.skill_wrap .section02 > ul > li > .img > img {width:100%;}
.skill_wrap .section02 > ul > li > .contBox {display:inline-block; padding-left:30%;}
.skill_wrap .section02 > ul > li > .contBox > .tit {padding-top:15px; color:#000; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:45px;}
.skill_wrap .section02 > ul > li > .contBox > .desc {padding-top:15px; color:#000; font-family:'AppleSDGothicNeoR'; font-size:40px; letter-spacing:-0.12em; line-height:1.3;}
.skill_wrap .section02 .skill_list {position:relative; padding-top:15px;} 
.skill_wrap .section02 .skill_list > li {position:relative; padding-left:20px; font-size:30px; color:#000; opacity:0.6; font-family:'AppleSDGothicNeoR'; line-height:1; padding-bottom:6px; letter-spacing:-0.08em; line-height:1.3;}
.skill_wrap .section02 .skill_list > li:before {content:""; position:absolute; top:19px; left:0; width:12px; height:2px; background:#000;}

.skill_wrap .section03 {position:relative; width:100%; display:inline-block; margin-top:80px;}
.skill_wrap .section03 > ul > li {position:relative; display:inline-block; width:100%; background: linear-gradient(-45deg, transparent 15px, #f8f8f8 0); padding:30px; margin-bottom:30px; box-sizing:border-box;}
.skill_wrap .section03 > ul > li:nth-child(2n) {margin-right:0;}
/*.skill_wrap .section03 > ul > li.li01 {min-height:205px;}*/
/*.skill_wrap .section03 > ul > li.li02 {min-height:210px;}*/
.skill_wrap .section03 > ul > li > .img {position:absolute; top:30px; left:30px; width:25%; display:inline-block; }
.skill_wrap .section03 > ul > li > .img > img {width:100%;}
.skill_wrap .section03 > ul > li > .contBox {display:inline-block; padding-left:30%; box-sizing:border-box;}
.skill_wrap .section03 > ul > li > .contBox > .tit {padding-top:15px; color:#000; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:45px;}
.skill_wrap .section03 > ul > li > .contBox > .desc {padding-top:15px; color:#000; font-family:'AppleSDGothicNeoR'; font-size:40px; letter-spacing:-0.12em; line-height:1.3;}
.skill_wrap .section03 > ul > li > .contBox > .sub_desc {padding-top:15px; color:#000; font-family:'AppleSDGothicNeoR'; font-size:30px; opacity:0.6;letter-spacing:-0.1em; line-height:1.3;}
.skill_wrap .section03 .skill_list {position:relative; padding-top:15px;} 
.skill_wrap .section03 .skill_list > li {position:relative; padding-left:10px; font-size:35px; color:#000; opacity:0.6; font-family:'AppleSDGothicNeoR'; line-height:1; padding-bottom:6px; letter-spacing:-0.1em; line-height:1.3; }
.skill_wrap .section03 .skill_list > li:before {content:""; position:absolute; top:9px; left:0; width:6px; height:1px; background:#000;}

.sli_func {position:relative; width:100%; margin-top:30px; display:inline-block;}
.sli_func li {float:left; display:inline-block; width:33.3334%;}
.sli_func li .img {float:left; display:inline-block; width:123px;}
.sli_func li .desc {float:left; display:inline-block; padding-left:30px; font-family:'DTRPro-Light'; font-size:35px; color:#293797; padding-top:30px;}
.sli_func li .desc > span {font-family:'DTRPro-Bold';}
.sli_func li .desc > em {font-family: 'GmarketSansM'; font-style:normal;}

.sli_func02 {position:relative; width:100%; margin-top:50px; display:inline-block;}
.sli_func02 li {position:relative; float:left; display:block; width:100%; padding-left:13%; margin-bottom:40px; box-sizing:border-box;}
.sli_func02 li .img {position:absolute; top:10px; left:0; width:10%;}
.sli_func02 li .img > img {width:100%;}
.sli_func02 li .desc {font-family:'AppleSDGothicNeoR'; font-size:35px; color:#000; letter-spacing:-0.07em; line-height:1.5;}
.sli_func02 li .desc .tit {display:block; font-family: 'GmarketSansM'; font-size:40px; color:#293797; padding-bottom:10px;}

.lead_define_tit { font-family: 'GmarketSansM'; font-size:45px; color:#293797; padding-left:20px; padding-top:50px;}
.lead_define_desc {font-family:'AppleSDGothicNeoR'; font-size:40px; color:#000; letter-spacing:-0.07em; line-height:1.5; padding-left:20px; padding-top:40px;}
.lead_img {position:relative; width:90%; text-align:center; padding-top:50px; margin:0 auto;}
.lead_img > img {width:100%;}
.chemical_reaction {position:relative; width:100%; margin-top:50px; display:inline-block;}
.chemical_reaction li {position:relative; float:left; display:block; width:100%; padding-left:13%; margin-bottom:40px; box-sizing: border-box;}
.chemical_reaction li .img {position:absolute; top:0; left:0; width:10%;}
.chemical_reaction li .img >img {width:100%;}
.chemical_reaction li .tit {display:block; font-family: 'GmarketSansM'; font-size:40px; color:#293797; padding-bottom:10px;}
.chemical_reaction li .desc {font-family:'AppleSDGothicNeoR'; font-size:35px; color:#000; letter-spacing:-0.07em; line-height:1.5;}

.lead_term {position:relative; width:100%; margin-top:50px; display:inline-block;}
.lead_term li {position:relative; display:inline-block; width:100%; margin-bottom:35px; box-sizing: border-box;}
.lead_term li .tit {display:inline-block; font-family: 'AppleSDGothicNeoR'; font-weight:bold; font-size:40px; color:#000; padding-bottom:10px;}
.lead_term li .desc {font-family:'AppleSDGothicNeoR'; font-size:35px; color:#000; letter-spacing:-0.1em; line-height:1.5;}
.lead_term .sub_lead_term {position:relative; display:inline-block; width:100%; padding-left:25px; margin-top:20px; box-sizing: border-box;}
.lead_term .sub_lead_term02 {padding-left:0; margin-top:0;}
.lead_term .sub_lead_term li {position:relative; display:inline-block; width:100%; margin-bottom:0; box-sizing: border-box; }
.lead_term .sub_lead_term li .tit {display:inline-block; font-family: 'AppleSDGothicNeoR'; font-weight:bold; font-size:35px; color:#000; padding-bottom:10px;}
.lead_term .sub_lead_term li .desc {font-family:'AppleSDGothicNeoR'; font-size:35px; color:#000; letter-spacing:-0.1em; line-height:1.5; margin-bottom:20px;}

.group_gray_box {margin-top:20px; padding: 21px 30px 0; border: 1px solid #cccccc; text-align: left; font-family:'AppleSDGothicNeoR'; font-size:30px; color:#000; line-height:1.2;}
.group_gray_box .scroll_box {height:300px; padding-right:32px; overflow-y: scroll;}
.agree_chk {margin: 15px 0 50px; font-family:'AppleSDGothicNeoR'; font-weight:bold; color: #000;}
.agree_chk #agree1 {width:30px;}

.contactus {margin-top:10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.contactus th, .contactus td {position: relative; border-top: 1px solid #ebebeb; color: #262626; text-align: left;}
.contactus tr:first-child th, .contactus tr:first-child td {border-top: none;}
.contactus th {padding: 19px 30px; border-right: 1px solid #ebebeb; font-family: "AppleSDGothicNeoR"; font-weight:bold; color: #000; font-size:30px; }
.contactus td {padding: 19px 30px;}
.group_slct {position: relative; display: inline-block;}
.group_slct:after {display: block; position: absolute; top: 50%; right: 20px; width: 14px; height: 8px; margin-top: -4px; background: url('/assets/images/sub/arr_slct.gif') no-repeat; background-size: 100%; content: ""; }
.input_type { height:60px; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; font-family: "AppleSDGothicNeoR"; font-size:25px; color: #666; box-sizing: border-box; }
.input_type.v1 {height: auto; margin-bottom: -3px; padding: 10px;}
.input_slct { height:60px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.input_slct::-ms-expand { display: none; }
.txt_at {display: inline-block; margin: 0 5px; font-size: 14px; color: #999;}
.contactusBtn {margin-top:45px; background:linear-gradient(-45deg, transparent 15px, #cccccc 0)bottom right, linear-gradient(135deg, transparent 15px, #cccccc 0)top left; background-size:100% 50%; background-repeat: no-repeat; font-family:'AppleSDGothicNeoR'; font-weight:bold; font-size:40px; color:#fff; width:370px; height:100px; box-sizing: content-box; vertical-align: middle;}

/* 레이어 팝업 */
.popLayer{position:static;width:100%;min-width:480px;height:100%;}
.pop_layer_back{display:none;position:fixed;left:0;top:0;width:100%;min-width:480px;height:100%;background:#000;-ms-filter:alpha(opacity=80);filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;z-index:9999;}
.popLayer .popContent{display:none;position:absolute;left:50%;top:70px;width:720px;margin-left:-360px;z-index:999999;}
.popLayer .popTitle{height:80px;padding:21px 0 30px 40px;font:24px NotoCJkrB;color:#fff;background:#009bd7;}
.popLayer .popCont{padding:30px 40px 0;background:#fff;}
.popLayer .btn_close{position:absolute;right:0px;top:-33px;cursor:pointer;}

.popLayer {background-color:rgba(0, 0, 0, 0.8); overflow-y: auto; display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 200;}

.mediaPop {position:absolute; top:50%; left:50%; width:630px; margin-top:-340px; margin-left:-320px;}
.mediaPop .mediaPop_cont {position:relative; text-align:center;}
.mediaPop .mediaPop_cont .pop_close {position:absolute; top:0; right:-60px; cursor:pointer;}
.mediaPop .mediaPop_cont .tit {color:#333; font-size:38px; font-family:NotoCJkrB; padding-top:40px; line-height:1;}
.mediaPop .mediaPop_cont .sub_desc {color:#333; font-size:28px; font-family:NotoCJkrR; padding-top:10px; line-height:1;}
.mediaPop .mediaPop_cont .agree_cont {position:relative; width:100%; background:#f3f3f3; border-radius:20px; height:380px; padding:24px; margin-top:30px; }
.mediaPop .mediaPop_cont .agree_txt {height:100%; font-size:18px; color:#999; font-family:NotoCJkrL; overflow-y:scroll; word-break:keep-all; text-align:left; line-height:1.5;}