/* sv */
.sv-wrap{height: 250px; text-align: center; position: relative;}
.sv-wrap p{padding: 95px 0 10px; font-size: 30px; line-height:36px; letter-spacing:-0.075em; font-weight: 500; color: #fff;}
.sv-wrap span{font-size: 14px; line-height:26px; letter-spacing:-0.025em; font-weight: 400; color: #fff; display: block;}
.sv-bg01{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/sv-bg04.jpg) center center no-repeat; background-size: cover;}
.sv-bg05{background: url(../img/sv-bg05.jpg) center center no-repeat; background-size: cover;}

.sub-nav{border-bottom: 1px solid #d0d0d0; background: #fff; box-sizing:border-box;}
.nav-in{height: 44px; padding: 0 30px; box-sizing:border-box; font-size: 0;}
.nav-in > a{width: 15px; height: 15px; margin-top: 15px; display: inline-block; vertical-align:top;}
.nav-in span{margin: 18px 15px 0; width: 6px; height: 6px; display: inline-block; vertical-align:top;}
.nav-in p{font-size: 15px; line-height:43px; letter-spacing:-0.075em; font-weight: 300; color: #555; display: inline-block; vertical-align:top;}
.nav-in b{font-size: 15px; line-height:43px; letter-spacing:-0.075em; font-weight: 500; color: #efa379; display: inline-block; vertical-align:top;}
/* sv */

/* 서브 공통 */
.sub-content{padding: 55px 0 98px; box-sizing:border-box;}
.lnb-wrap{width: 260px; margin-right: 58px; float: left;}
.lnb-con h4{padding-bottom: 18px; font-size: 22px; line-height:1; letter-spacing:-0.025em; font-weight: bold; color: #12102d; box-sizing:border-box; border-bottom: 1px solid #aaa;}
.lnb-con ul{margin-top: 9px; width: 100%; box-sizing:border-box; border-bottom: 2px solid #e8e8e8;}
.lnb-con ul li a{padding: 0 20px; font-size: 16px; line-height: 56px; height: 57px; letter-spacing:-0.025em; font-weight: 300; color: #181818; display: block; box-sizing:border-box; border-bottom: 1px solid #e8e8e8; transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;}
.lnb-con ul li a:hover{background: url(../img/sub-lnb-bg.png) center center no-repeat; background-size: cover; color: #e4444e; border-bottom: 0; font-weight: 400;}
.lnb-con ul li a.on{background: url(../img/sub-lnb-bg.png) center center no-repeat; background-size: cover; color: #e4444e; border-bottom: 0; font-weight: 400;}
.sub-cont{width: calc(100% - 318px); float: left;}
.sub-title{margin-bottom: 50px;}
.sub-title p{padding-bottom: 23px; box-sizing:border-box; border-bottom: 1px solid #ccc; font-size: 0;}
.sub-title p b{font-size: 21px; line-height:24px; letter-spacing:-0.05em; font-weight: 500; color: #222223; display: inline-block; vertical-align:top;}
.sub-title p span{margin-left: 25px; font-size: 13px; line-height:24px; letter-spacing:-0.05em; font-weight: 400; color: #3d3c3c; opacity:0.75; display: inline-block; vertical-align:top;}
/* 서브 공통 */

/* WUD-011 */
.p01-01-wrap{}
.p01-01-img > img{margin-right: 13px; width: 464px; height: 280px; box-sizing:border-box; border: 1px solid #c1d2e2; float: left; display: block;}
.p01-01-img > img:last-of-type{margin-right: 0;}
.p01-01-txt{padding: 40px 0 40px 40px; box-sizing:border-box;}
.p01-01-txt > p{font-size: 20px; line-height:22px; letter-spacing: -0.025em; font-weight: bold; color: #222;}
.p01-01-txt ul{margin: 25px 0 0 10px; width: 100%;}
.p01-01-txt ul li{font-size: 14px; line-height:26px; letter-spacing:-0.025em; font-weight: 300; color: #666;}
.p01-01-txt .btn-box{position: absolute; z-index: 1; bottom: 40px; right: 0; font-size: 0;}
.p01-01-txt .btn-box a{margin-right: 17px; font-size: 18px; line-height:48px; width: 200px; height: 48px; letter-spacing:-0.025em; font-weight: 500; color: #fff; display: inline-block; vertical-align:top; text-align: center;}
.p01-01-txt .btn-box a:last-of-type{margin-right: 0;}
.p01-01-txt .btn-box a.btn01{background: #c1d2e2;}
.p01-01-txt .btn-box a.btn02{background: rgba(135,117,111,0.8);}

.p01-02-wrap{padding: 30px 0 0 40px; box-sizing:border-box;}
.p01-02-wrap h4{font-size: 20px; line-height:22px; letter-spacing:-0.025em; font-weight: bold; color: #222;}
.p01-02-tbl{margin-bottom: 10px; padding: 0 10px; box-sizing:border-box;}
.p01-02-tbl:last-of-type{margin-bottom: 0;}
.p01-02-tbl > p{padding: 25px 0 20px; font-size: 17px; line-height:22px; letter-spacing:-0.025em; font-weight: 400; color: #222;}
.p01-02-tbl table{width: 100%; box-sizing:border-box; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.p01-02-tbl table tr td{padding: 12px 0; font-size: 15px; line-height:1.75em; letter-spacing:-0.025em; font-weight: 300; color: #666; box-sizing:border-box; padding-left:30px; text-align:left; border-bottom: 1px solid #e9e9e9;}
.p01-02-tbl table tr td.tbl-f{color: #444; font-weight: 400; background: #fff; text-align: center; border-right: 1px solid #e9e9e9; padding-left:0;}
.p01-02-tbl table tr:last-of-type td{border-bottom: 0;}

.company03_01 > p{padding: 0 0 20px; font-size: 17px; line-height:22px; letter-spacing:-0.025em; font-weight: 400; color: #222;}
.company03_01 table{width: 100%; box-sizing:border-box;}
.company03_01 table tr td{padding: 15px 0; font-size: 15px; line-height:1.5em; letter-spacing:-0.025em; font-weight: 300; color: #666; box-sizing:border-box; text-align:left; padding-left:30px;}
.company03_01 table tr td.tbl-f{border-bottom:1px solid #e5e5e5; color: #444; font-weight: 400; background: #f3f1f0; text-align: center; padding-left:0;}
.company03_01 table tr:last-of-type td{border-bottom: 0;}

.company03_02{margin-top:30px;}
.company03_02 > p{padding: 25px 0 20px; font-size: 17px; line-height:22px; letter-spacing:-0.025em; font-weight: 400; color: #222;}
.company03_02 table{width: 100%; box-sizing:border-box;}
.company03_02 table tr td{padding: 15px 0; font-size: 15px; line-height:1.75em; font-weight: 300; color: #444; box-sizing:border-box; text-align:left; border-bottom: 1px solid #e5e5e5; padding-left:20px;}
.company03_02 table tr td.tbl-f{border-bottom:none; padding-right:20px; color: #444; font-weight: 400; background: #fff; text-align: right; color: #222; font-size:15px;  padding-left:0;}
.company03_02 table tr td.tbl-f span{font-size:22px; margin-right:30px;}
/* WUD-011 */

/*company01*/
.company01{text-align:justify;}
.company01 img{margin-bottom:30px;}
.company01 p{padding:0 10px; font-size:16px; line-height:1.75em; color:#222; letter-spacing:-0.015em; font-weight:300; margin-bottom:30px;}
.company01 span{padding:0 10px; font-size:16px; color:#666; letter-spacing:-0.045em; font-weight:300; text-align:right; display:block;}

/*company02*/
.company02{text-align:justify;}
.company02 h5{font-size:23px; font-weight:500; color:#214b37; letter-spacing:-0.025em; margin-bottom:30px;}
.company02 h5 b{color:#efa379; font-weight:600;}
.company02 img{margin-bottom:30px;}
.company02 p{padding:0 10px; font-size:16px; line-height:1.95em; color:#666; letter-spacing:-0.015em; font-weight:400; margin-bottom:40px;}
.company02 span{font-size:16px; color:#666; letter-spacing:-0.045em; font-weight:300; text-align:right; display:block;}

/*company04*/
.company04{}
.company04 div.add{margin-top:30px; padding:20px 30px; border:1px solid #ccc; width:100%;}
.company04 div.add:after{content:""; display:block; clear:both;}
.company04 div.add > span{float:left; display:block; width:10%; background:#fbe2d4; padding:2px 10px; margin-right:15px; font-weight:400; font-size:15px; letter-spacing:-0.025em;}
.company04 div.add > p{float:left; width:86%; font-size:16px; color:#333; letter-spacing:-0.015em; line-height:1.75em; margin-bottom:15px; font-weight:300; font-size:15px;}

/*pr01*/
.pr01 > p{margin-bottom:30px; font-size: 17px; line-height:22px; letter-spacing:-0.025em; font-weight: 400; color: #000;}
.pr01 > img{margin-bottom:30px;}
.pr01 > p > span{font-weight:300;}
.pr01 table{width: 100%; box-sizing:border-box; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.pr01 table{font-size: 15px; text-align:center;}
.pr01 table thead tr{}
.pr01 table thead tr th{padding: 15px 0; font-weight:400; font-size:16px; background:#f7f7f7; border-bottom: 1px solid #ddd;}
.pr01 table tbody tr{}
.pr01 table tbody tr td{padding: 12px 0; line-height:1.75em; letter-spacing:-0.025em; font-weight: 400; color: #666; box-sizing:border-box; border-bottom: 1px solid #e9e9e9;}
.pr01 > div{margin-top:25px; text-align:right;}
.pr01 > div > span{font-size:15px; color:#666; font-weight: 300;}
.pr01 > div > p{font-size:16px; color:#555; margin-top:10px;}

/*study01*/
.study01{}
.study01 > img{margin-bottom:30px;}
.study01 > div{margin-bottom:50px; }
.study01 > div h5{padding-top:30px; position:relative; margin-bottom:30px; font-size:18px; line-height:22px; letter-spacing:-0.025em; font-weight: 500; color: #111;}
.study01 > div h5:after{content:""; display:block; width:28px; height:8px; background:#e4444e; position:absolute; left:0; top:0;}
.study01 > div p{font-size:17px; margin-bottom:30px; letter-spacing:-0.055em; font-weight: 400; color:#444;}
.study01 > div p span{background:#f1f1f1; padding:2px 7px; margin-right:10px;}
.study01 > div img{border:1px solid #ddd; margin-bottom:30px;}
.study01 > div ul{padding:20px; border:1px solid #ddd; width:60%;}
.study01 > div ul li{line-height:1.75em; font-weight:300; font-size:15px; color:#444;}

/*product01*/
.product01{}
.product01_01{padding-bottom:20px; position:relative;}
.product01_01 > h4{font-size:18px; font-weight:500; color:#111; margin-bottom:35px; letter-spacing: -0.025em; padding-left:15px;}
.product01_01 > h4:after{content:""; display:block; width:7px; height:7px; background:#e4444e; position:absolute; left:0; top:6px;}
.product01_01 > div{margin-bottom:35px;}
.product01_01 > div > h5{margin-bottom:15px; font-size:16px; color:#333; background:#eee; width:100px; padding:4px 0; text-align:center; font-weight:400;}
.product01_01 > div > p{font-weight:300; font-size: 15px; line-height:1.75em; letter-spacing: -0.055em; font-weight: 300; color: #555;}

.product01_02{}
.product01_02 > article{padding:35px 30px; border:1px solid #ddd; margin-bottom:30px;}
.product01_02 > article h6{font-size:16px; font-weight:500; color:#222;}
.product01_02 > article h6 span{/* background:#eee; */ border:2px solid #e4444e; padding:0 10px; margin-right:5px;}
.product01_02 > article img{margin:30px 0 26px 0;}
.product01_02 > article > p{font-weight:300; font-size: 15px; line-height:1.55em; letter-spacing: -0.055em; color: #454545; margin-bottom:40px;}
.product01_02 > article div{margin-bottom:20px;}
.product01_02 > article div p{margin-bottom:5px; font-weight:500; font-size: 15px; line-height:1.55em; letter-spacing: -0.055em; color: #111;}
.product01_02 > article div ul{}
.product01_02 > article div ul li{font-weight:300; font-size: 15px; line-height:1.55em; letter-spacing: -0.055em; color: #555;}
.product01_02 > article div ul li span{}
.product01_02 > article div span{font-weight:300; font-size: 15px; line-height:1.55em; letter-spacing: -0.055em; color: #555;}

.product01 article.video{margin-bottom:40px;}
.product01 article.video:after{content:""; clear:both; display:block;}
.product01 article.video > div{float:left;}
.product01 article.video > div.video_01{margin-right:2px;}

/*company05*/
.p01-01-wrap{width:100%;}
.company05_01{width:100%; margin: 0 auto;}
.company05_01 p{color:#fff; margin: 0 auto; text-align:center; margin-bottom:30px; font-weight:500;}
.company05_01 p.ceo{font-size:18px; width:250px; height:60px; background:#e2424a; line-height:60px; margin-bottom:80px; position:relative;}
.company05_01 p.ceo:before{content:""; display:block; width:1px; height:320px; background:#bbb; position:absolute; left:50%; top:60px;}
.company05_01 div.line02{margin:50px auto; width:700px;}
.company05_01 div.line02:after{content:""; clear:both; display:block;}
.company05_01 div p.commit{font-size:17px; width:200px; height:50px; background:#fe956c; line-height:50px;}
.company05_01 div p.commit01{margin-left:1px; position:relative;}
.company05_01 div p.commit01:before{content:""; display:block; width:150px; height:1px; background:#bbb; position:absolute; left:200px; top:50%;}
.company05_01 div p.commit02{float:left; position:relative;}
.company05_01 div p.commit02:before{content:""; display:block; width:300px; height:1px; background:#bbb; position:absolute; left:200px; top:50%;}
.company05_01 div p.commit03{float:right;}
.company05_01 div.line03{margin:80px auto; width:800px;}
.company05_01 div.line03:after{content:""; clear:both; display:block;}
.company05_01 div dl{padding:24px 20px; background:#f1f1f1; width:190px; text-align:center; line-height:1.5em; float:left; margin-right:55px; position:relative;}
.company05_01 div dl:nth-child(3){margin-right:0; position:relative;}
.company05_01 div dl dt{font-size:17px; margin-bottom:15px; font-weight:500; color:#444;}
.company05_01 div dl dd{font-size:16px; line-height:1.75em; color:#555;}
.company05_01 div dl:nth-child(1):before{content:""; display:block; width:1px; height:40px; background:#bbb; position:absolute; left:50%; top:-40px;}
.company05_01 div dl:nth-child(3):before{content:""; display:block; width:1px; height:40px; background:#bbb; position:absolute; left:50%; top:-40px;}
.company05_01 div dl:nth-child(1):after{content:""; display:block; width:570px; height:1px; background:#bbb; position:absolute; left:50%; top:-40px;}










