@charset "UTF-8";

[class^='section-'] {overflow:hidden}
[class^='section-'] > .header-section {max-width:1400px; padding:0 100px; margin:0 auto; text-align:center;}
[class^='section-'] > .header-section .inner-header {position:relative; padding:45px 0}
[class^='section-'] > .header-section h2 {font-size:5rem; font-weight:500; color:#000;}
[class^='section-'] > .header-section h2 ~ p {margin-top:18px; font:500 1.8rem/1em 'Roboto', sans-serif; color:#aaa; letter-spacing:.6em;}
[class^='section-'] > .header-section .anc {position:absolute; top:50%; margin-top:-9px; font-size:1.8rem; font-weight:500; line-height:1em; letter-spacing:-.05em; color:#777}
[class^='section-'] > .header-section .anc:after {content:''; position:absolute; top:50%; border-top:3px solid #aaa; margin-top:-1.5px; width:37px}
[class^='section-'] > .header-section .anc.prev {left:0; padding-left:50px}
[class^='section-'] > .header-section .anc.prev:after {left:0}
[class^='section-'] > .header-section .anc.next {right:0; padding-right:50px}
[class^='section-'] > .header-section .anc.next:after {right:0}
[class^='section-'] > .header-section .tab-depth2 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
[class^='section-'] > .header-section .tab-depth2 ul li {flex-grow:1; border:1px solid #ddd}
[class^='section-'] > .header-section .tab-depth2 ul li ~ li {margin-left:-1px}
[class^='section-'] > .header-section .tab-depth2 ul li a {display:block; line-height:58px; font-size:1.8rem; font-weight:500; letter-spacing:-.05em;}
[class^='section-'] > .header-section .tab-depth2 ul li:last-child {margin-right:-1px}
[class^='section-'] > .header-section .tab-depth2 ul li.active {position:relative; z-index:1; border-color:#26a1dd}
[class^='section-'] > .header-section .tab-depth2 ul li.active a {background-color:#26a1dd; color:#fff}
[class^='section-'] > .content-section {padding-top:80px; padding-bottom:150px; padding-left:100px; padding-right:100px; max-width:1400px; min-width:1400px; margin:0 auto}
[class^='section-'] > .content-section > .tab-depth3 {margin-top:-20px}
[class^='section-'] > .content-section .tab-depth3 {position:relative; max-width:1200px; margin-right:auto; margin-left:auto; margin-bottom:80px}
[class^='section-'] > .content-section .tab-depth3:before {content:''; position:absolute; left:-50vw; bottom:0; width:200vw; border-bottom:1px solid #eee}
[class^='section-'] > .content-section .tab-depth3 ul {position:relative; display:flex; justify-content:space-between; flex-wrap:wrap;}
[class^='section-'] > .content-section .tab-depth3 ul li {flex-grow:1;}
[class^='section-'] > .content-section .tab-depth3 ul li  a {display:block; position:relative; text-align:center; line-height:60px; font-size:2.2rem; letter-spacing:-.05em;}
[class^='section-'] > .content-section .tab-depth3 ul li.active a, [class^='section-'] > .content-section .tab-depth3 ul li.on a {font-weight:500; color:#ffb400}
[class^='section-'] > .content-section .tab-depth3 ul li.active a:after, [class^='section-'] > .content-section .tab-depth3 ul li.on a:after {content:''; position:absolute; left:0; bottom:0; right:0; border-bottom:3px solid #ffb400;}

/* 아래 두라인은 샘플임 */
.section-full > .content-section {max-width:100%; padding-left:0; padding-right:0;}
[class^='section-'] .content-extend {margin-left:-100px; margin-right:-100px}


/* board type */
.inner-content-section {position:relative}
.search-board {position:absolute; top:-43px; right:0; font-size:0;}
.search-board * {vertical-align: top;}
.search-board .wrap-select {display:inline-block; width:163px; border-bottom:1px solid #000; text-align: left;}
.search-board .wrap-select select {display:block; width:100%; height:60px; border:0; -webkit-appearance:none; appearance: none; font-size:1.8rem; color:#777; background: url(../../pc/images/common/bg-select.png) 100% 50% no-repeat; background-size:21px auto; cursor:pointer}
.search-board .input {display:inline-block; position:relative;}
.search-board input[type='text'] {width:380px; height:60px; margin-left: 15px; border:0; border-bottom:1px solid #000; text-align: left; font-size:1.8rem; color:#aaa;}
.search-board input[type='submit'] {position:absolute; top:0; right:0; width:25px; height:60px; font-size:0; text-indent:-9999em; border:none; background:url(../../pc/images/common/btn-input-search.png) 50% 50% no-repeat; background-size:24px auto; cursor:pointer}
.board-paginate {font-size:0; text-align:center;}
.board-paginate * {vertical-align:middle;}
.board-paginate > a,
.board-paginate .page > a,
.board-paginate .page > span {display:inline-block; position: relative; width:5rem; height:5rem; border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size:2rem;}
.board-paginate > a ~ a,
.board-paginate .page > * ~ * {margin-left:8px;}
.board-paginate .page {display:inline-block; margin:0 1rem;}
.board-paginate .page > span {z-index:1; border:1px solid #ffb400;}
.board-paginate .page > span em {font-weight:400; color:#ffb400; line-height:4.8rem;}
.board-paginate .page > a span {font-weight:300; line-height:4.8rem;}
.board-paginate a:hover {border:1px solid #ffb400;}
.board-paginate .first {background: url(../../pc/images/common/btn-board-first.png) 50% 50% no-repeat; background-size:17px auto;}
.board-paginate .prev {background: url(../../pc/images/common/btn-board-prev.png) 50% 50% no-repeat; background-size:11px auto;}
.board-paginate .next {background: url(../../pc/images/common/btn-board-next.png) 50% 50% no-repeat; background-size:11px auto;}
.board-paginate .last {background: url(../../pc/images/common/btn-board-last.png) 50% 50% no-repeat; background-size:17px auto;}

.board-list-thumbnail > ul {display:flex; flex-wrap: wrap; justify-content:flex-start}
.board-list-thumbnail > ul > li {position:relative; flex:0 0 calc((100% - 60px) / 3); margin-left:30px; width:calc((100% - 60px) / 3); border:1px solid #ddd}
.board-list-thumbnail > ul > li:nth-child(3n -2) {margin-left: 0;}
.board-list-thumbnail > ul > li:nth-child(n + 4) {margin-top:30px;}
.board-list-thumbnail > ul > li:hover {box-shadow:20px 20px 30px rgba(0,0,0,.1)}
.board-list-thumbnail > ul > li:hover a:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #ffb400}
.board-list-thumbnail > ul > li .pic {display:block; position: relative; overflow:hidden; height:280px; background: url(../../pc/images/temp/pic-board.jpg) center center no-repeat; background-size:cover}
.board-list-thumbnail > ul > li .desc {padding:22px 30px 27px}
.board-list-thumbnail > ul > li .desc .label {display:block; line-height:30px; font-size: 1.8rem; color:#fff; font-weight:500}
.board-list-thumbnail > ul > li .desc .label.red {color:#e1141c;}
.board-list-thumbnail > ul > li .desc .label.yellow {color:#ffb400}
.board-list-thumbnail > ul > li .desc .subj {display:-webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; min-height:2.76em; margin-top:0.7rem; color:#000; font-size: 2rem; font-weight:500; line-height: 1.388em; word-break:keep-all}
.board-list-thumbnail > ul > li .desc .date {display:block; margin-top:5.2rem; font-family: 'Roboto', sans-serif; font-size:1.6rem; font-weight:300; color:#999}
.board-list-thumbnail.video > ul > li .pic:after {content: ''; position: absolute; left:0; top:0; width:100%; height:100%; background:url(../../pc/images/common/btn-play-video.png) 50% 50% no-repeat; background-size:70px auto;}
.board-list-thumbnail.video > ul > li:hover .pic:after {background-image:url(../../pc/images/common/btn-play-video-over.png)}

.board-list-thumbnail > ul > li.no-data {flex:0 0 100%; width:100%; font-size:18px; text-align:center; line-height:120px; border-left:none; border-right:none}
.board-list-thumbnail > ul > li.no-data:hover {box-shadow:none}

.board-list > ul > li {border-bottom:1px solid #ddd}
.board-list > ul > li:first-child {border-top:1px solid #ddd}
.board-list > ul > li a {display:block; line-height:120px; font-size:0}
.board-list > ul > li a * {display:inline-block; text-align:center; vertical-align:middle;}
.board-list > ul > li a .label {width:180px; color:#ffb400; font-size:1.8rem; font-weight:500}
.board-list > ul > li a .title {padding-left:20px; width:610px; font-size:2.4rem; font-weight:500; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board-list > ul > li a .state {width:170px}
.board-list > ul > li a .state span {width:112px; color:#ffb400; font-size:1.8rem; font-weight:500; line-height:36px; border:2px solid #ffb400; border-radius:8px}
.board-list > ul > li a .state span.plan {color:#8e6d4b; border-color:#8e6d4b}
.board-list > ul > li a .state span.ing {color:#ffb400; border-color:#ffb400}
.board-list > ul > li a .state span.interview {color:#8e6d4b; border-color:#8e6d4b}
.board-list > ul > li a .state span.assess {color:#ffb400; border-color:#ffb400}
.board-list > ul > li a .state span.pass {color:#095dba; border-color:#095dba}
.board-list > ul > li a .period {width:233px; color:#777; font-family: 'Roboto', sans-serif; font-size:1.6rem; font-weight:300}


.board-list > ul > li.no-data {color:#444; font-size:18px; text-align:center; line-height:120px}
/* 게시판 */
.section-board .result-amount {margin-bottom:40px; margin-top:43px; color:#777; font-size:1.8rem; font-weight:400;}
.section-board .result-amount strong {color:#ffb400; font-family: 'Roboto', sans-serif; font-weight:300;}
.section-board .board-paginate {padding-top:60px}
.section-board .header-content {text-align:center; border-bottom:1px solid #eee;}
.section-board .header-content .label {font-size: 1.8rem; color:#fff}
.section-board .header-content .label.red {color: #e1141c;}
.section-board .header-content .label.yellow {color:#ffb400}
.section-board .header-content .title {margin-top:30px; margin-bottom:35px; color:#000; font-size:4rem; line-height:50px; font-weight:500; word-break:keep-all}
.section-board .header-content .title:after {content:''; display: block; clear: both;}
.section-board .header-content .date {display:block; margin-bottom:2.8rem; line-height:2.2em; font-family: 'Roboto', sans-serif; font-size:1.6rem; font-weight:300; color:#777;}
.section-board .header-content .state {display:block; margin-bottom:2.8rem; color:#777; font-size:1.6rem; font-weight:300; line-height:2.2em}
.section-board .header-content .state .period {position:relative; padding-left:40px; font-family: 'Roboto', sans-serif;}
.section-board .header-content .state .period:before {content:""; display:block; position:absolute; top:3px; left:20px; width:1px; height:12px; background:#ddd}


.section-board .article-board {padding:60px 0 0}
.section-board .article-board .pic {margin:30px 0}
.section-board .article-board .pic img {display:inline-block; max-width:100%;}
.section-board .article-board img {display:inline-block; max-width:100%;}
.section-board .article-board img + p {margin-top:24px}
.section-board .article-board,
.section-board .article-board p {font-size:1.8rem; line-height:2.2em; font-weight:300;}
.section-board .article-board p strong {font-size:2.2rem; line-height:1.8em; font-weight:400;}
.section-board .attach-board {margin-top:90px}
.section-board .attach-board .attach-inner ul {text-align: left;}
.section-board .attach-board .attach-inner ul li {padding-left:90px; font-size: 1.4rem; line-height:80px; background: #fafafa}
.section-board .attach-board .attach-inner ul li:after {content:''; display:block; clear: both;}
.section-board .attach-board .attach-inner ul li ~ li {margin-top:20px;}
.section-board .attach-board .attach-inner ul li a {display:block; position:relative; width:100%; height:100%}
.section-board .attach-board .attach-inner ul li a:before {content:""; display:block; position:absolute; top:25px; left:-50px; width:30px; height:30px; background:url(../../pc/images/common/ico-attach.png) 50% 50% no-repeat; background:cover}
.section-board .attach-board .attach-inner ul li a span {color:#444; font-family: 'Roboto', sans-serif; font-size:18px}
.section-board .nav-board {margin-top:80px; padding-top:50px; border-top: 1px solid #eee;}
.section-board .nav-board ul:after {content:''; display:block; clear: both;}
.section-board .nav-board ul li {width:calc((100% - 260px) / 2); line-height:60px; font-size:18px}
.section-board .nav-board ul li:after {content:''; display:block; clear: both;}
.section-board .nav-board ul li > * {float:left}
.section-board .nav-board ul li span {width:130px; font-size:2.2rem; font-weight:500; }
.section-board .nav-board ul li a {width:calc(100% - 130px); height:60px; font-size:1.8rem; font-weight:300; color:#555; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.section-board .nav-board ul li.first,
.section-board .nav-board ul li.prev {float: left;}
.section-board .nav-board ul li.last,
.section-board .nav-board ul li.next {float: right}
.section-board .nav-board ul li.prev span {padding-left:52px; background:url(../../pc/images/common/btn-board-view-prev.png) 0 50% no-repeat;background-size:22px auto;}
.section-board .nav-board ul li.list {float:left; margin:0 100px; width:60px; height:60px; border:1px solid #ffb400}
.section-board .nav-board ul li.list a {width:100%; height:100%; font-size:0; text-indent:-9999em; background:url(../../pc/images/common/btn-board-list.png) 50% 50% no-repeat; background-size:16px auto;}
.section-board .nav-board ul li.next > * {float:right; text-align:right;}
.section-board .nav-board ul li.next span {padding-right:52px; background:url(../../pc/images/common/btn-board-view-next.png) 100% 50% no-repeat;background-size:22px auto;}
/* .section-board .nav-board ul li.first,
.section-board .nav-board ul li.last {font-size:18px} */
.section-board .nav-board ul li.last {text-align:right}

/* MDM 소개 */
.section-company .name {margin-top:52px; font-size:18px; font-weight:300; line-height:18px; text-align:right}
.section-company .name img {margin-left:30px; vertical-align:middle}

/* ceo 인사말 */
.section-company.ceo {position:relative}
.section-company.ceo:before {content:"GREETINGS"; position:absolute; bottom:-60px; left:-33px; display:block; color:#000; font-family: 'Roboto', sans-serif; font-size:24rem; font-weight:700; opacity:0.05}
/* .section-company.ceo .content-section {padding-top:100px} */
.section-company.ceo .wrap-ceo {min-width:1200px; font-size:0}
.section-company.ceo .wrap-ceo .pic {display:inline-block; margin-left:-100px}
.section-company.ceo .wrap-ceo .pic img {box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08);}
.section-company.ceo .wrap-ceo .desc {display:inline-block; padding-top:5px; margin-left:80px; width:520px; vertical-align:top}
.section-company.ceo .wrap-ceo .desc .title {color:#000; font-family: 'NotoSerifKR', sans-serif; font-size:40px; line-height:60px}
.section-company.ceo .wrap-ceo .desc .copy {margin-top:60px}
.section-company.ceo .wrap-ceo .desc .copy .tit-opt {display:block; margin-bottom:22px; color:#000; font-size:30px; font-weight:500; line-height:50px}
.section-company.ceo .wrap-ceo .desc .copy p {font-size:18px; font-weight:300; line-height:30px; word-break:keep-all}
.section-company.ceo .wrap-ceo .desc .copy p ~ p {margin-top:15px}
.section-company.ceo .wrap-ceo .desc .copy p strong {color:#000; font-weight:500}
.section-company.ceo .wrap-ceo .desc .copy p em {color:#095dba}
.section-company.ceo .wrap-ceo .name {margin-top:-97px; margin-bottom:118px}

/* 미션&비전 */
.section-company.vision {background:url(../../pc/images/bg-vision.jpg) 50% 100% no-repeat}
.section-company.vision .content-section {padding-bottom:285px}
.section-company.vision [class^='wrap-'] {margin-top:160px}
.section-company.vision [class^='wrap-'] .desc p {color:#000; font-size:3rem; font-weight:300; text-align:center; line-height:1.5em}
.section-company.vision .title {display:block; margin-bottom:50px; color:#ffb400; font-family: 'Roboto', sans-serif; font-size:4rem; font-weight:700; text-align:center}
.section-company.vision [class^='wrap-']:first-child {margin-top:-10px}
/* .section-company.vision .wrap-vision .desc p {font-size:3rem} */
.section-company.vision .wrap-vision .pic {position:relative; margin-top:50px}
.section-company.vision .wrap-vision .pic:after {content:""; display:block; clear:both}
.section-company.vision .wrap-vision .pic .shadow-area {display:block; position:absolute; top:58px; right:0; width:640px; height:340px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08);}
.section-company.vision .wrap-vision .pic img:nth-of-type(1) {float:right; position:relative}
.section-company.vision .wrap-vision .pic img:nth-of-type(2) {float:left; margin-top:-288px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08)}
/* .section-company.vision .wrap-mission .desc p {font-size:3rem} */
.section-company.vision .wrap-mission .pic {position:relative; margin-top:40px}
.section-company.vision .wrap-mission .pic:after {content:""; display:block; clear:both}
.section-company.vision .wrap-mission .pic .shadow-area {display:block; position:absolute; top:68px; left:0; width:640px; height:300px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08)}
.section-company.vision .wrap-mission .pic .shadow-area p {margin-top:320px; color:#777; font-size:1.6rem}
.section-company.vision .wrap-mission .pic img:nth-of-type(1) {float:left; position:relative}
.section-company.vision .wrap-mission .pic img:nth-of-type(2) {float:right; margin-top:-250px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08)}
.section-company.vision .wrap-core {text-align:center}
.section-company.vision .wrap-core ul {display:inline-block}
.section-company.vision .wrap-core ul:after {content:""; display:block; clear:both}
.section-company.vision .wrap-core ul li {float:left; width:280px; height:280px; text-align:center; border-radius:100%}
.section-company.vision .wrap-core ul li:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.section-company.vision .wrap-core ul li ~ li {margin-left:-30px}
.section-company.vision .wrap-core ul li:nth-of-type(1) {
background: -moz-linear-gradient(top, #ffbd20 0%, #cf9201 100%);
background: -webkit-linear-gradient(top, #ffbd20 0%,#cf9201 100%);
background: linear-gradient(to bottom, #ffbd20 0%,#cf9201 100%);
}
.section-company.vision .wrap-core ul li:nth-of-type(2) {
	background: -moz-linear-gradient(top, #1477cb 0%, #0b4da2 100%);
	background: -webkit-linear-gradient(top, #1477cb 0%,#0b4da2 100%);
	background: linear-gradient(to bottom, #1477cb 0%,#0b4da2 100%);
}
.section-company.vision .wrap-core ul li:nth-of-type(3) {
	background: -moz-linear-gradient(top, #b5895b 0%, #8e6d4b 100%);
	background: -webkit-linear-gradient(top, #b5895b 0%,#8e6d4b 100%);
	background: linear-gradient(to bottom, #b5895b 0%,#8e6d4b 100%);
}
.section-company.vision .wrap-core ul li p {display:inline-block; color:#fff; font-size:3rem; vertical-align:middle;}
.section-company.vision .wrap-core ul li p:before {content:""; display:block; margin:0 auto 20px; width:90px; height:90px; }
.section-company.vision .wrap-core ul li:nth-of-type(1) p:before {background:url(../../pc/images/ico-vision-core02.png) 0 0 no-repeat}
.section-company.vision .wrap-core ul li:nth-of-type(2) p:before {background:url(../../pc/images/ico-vision-core01.png) 0 0 no-repeat}
.section-company.vision .wrap-core ul li:nth-of-type(3) p:before {background:url(../../pc/images/ico-vision-core03.png) 0 0 no-repeat}

/* 경영철학 */
.section-company .tab-depth3.philos {margin-bottom:125px}
.section-company .tab-depth3.philos:before {content:none}
.section-company .tab-depth3.philos ul li {position:relative; width:calc((100% - 120px) / 5); overflow:hidden}
.section-company .tab-depth3.philos ul li ~ li {margin-left:30px}
.section-company .tab-depth3.philos ul li:after {content:''; position:absolute; z-index:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#ffb400; transform:translateY(100%); transition:all .5s}
.section-company .tab-depth3.philos ul li span {display:block; margin-bottom:5px; color:#444; font-family: 'Roboto', sans-serif; font-size:1.6rem}
.section-company .tab-depth3.philos ul li a {position:relative; z-index:1; min-height:100px; color:#000; font-family: 'NotoSerifKR', sans-serif; font-size:1.6rem; font-weight:600; text-align:left; line-height:1.8em; letter-spacing:-.1em; background:url(../../pc/images/btn-tab-philosophy.png) 100% 69px no-repeat; background-size:8px auto}
.section-company .tab-depth3.philos ul li a:after {content:''; position:absolute; left:0; bottom:0; right:0; border-bottom:3px solid #000}
.section-company .tab-depth3.philos ul li.active a, .section-company .tab-depth3.philos ul li.on a {color:#000; font-weight:600}
.section-company .tab-depth3.philos ul li.active a:after, .section-company .tab-depth3.philos ul li.on a:after  {border-color:#000}
.section-company .tab-depth3.philos ul li.active:after, .section-company .tab-depth3.philos ul li.on:after {transform:translateY(0); transition:all .5s}
/* .section-company .content-section {padding-top:110px} */

.section-company .philos-bottom {height:360px; text-align:center}
.section-company .philos-bottom:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.section-company .philos-bottom a {display:inline-block; vertical-align:middle; font-family: 'NotoSerifKR', sans-serif; color:#fff}
.section-company .philos-bottom span {display:block; margin-bottom:23px; font-size:3rem; font-weight:300}
.section-company .philos-bottom p {font-size:4rem; font-weight:200; line-height:1.3em}
/* .section-company.philosophy .inner-content-section {padding-bottom:468px} */
.section-company.philosophy .inner-content-section > img {width:100%}
.section-company.philosophy .tab-depth3.philos {position:absolute; top:555px; left:0; right:0; margin-bottom:0; width:100%; text-align:center}
.section-company.philosophy .content-section {position:relative; padding:0; min-height:1660px}
.section-company.philosophy .content-section .desc {position:absolute; top:750px; left:50%; margin-left:-600px; max-width:1200px; font-size:0}
.section-company.philosophy .content-section .desc .copy {display:inline-block; width:calc(50% - 20px); vertical-align:top}
.section-company.philosophy .content-section .desc .copy ~ .copy {margin-left:40px}
.section-company.philosophy .content-section .desc .copy .tit-opt {display:block; color:#000; font-size:24px; font-weight:500}
.section-company.philosophy .content-section .desc .copy .tit-opt + p {margin-top:23px}
.section-company.philosophy .content-section .desc .copy p {font-size:18px; font-weight:300; line-height:30px; word-break:keep-all}
.section-company.philosophy .content-section .desc .copy p ~ p {margin-top:16px}
.section-company.philosophy .content-section .desc .copy p strong {font-weight:500}
.section-company.philosophy .content-section .desc .copy p + .tit-opt {margin-top:40px}
.section-company.philosophy01 .content-section,
.section-company.philosophy02 .content-section,
.section-company.philosophy03 .content-section,
.section-company.philosophy04 .content-section,
.section-company.philosophy05 .content-section {padding-bottom:0}
.section-company.philosophy01 .philos-bottom {background:url(../../pc/images/bg-philosophy-bottom01.jpg) 0 0 no-repeat; background-size:cover}
.section-company.philosophy02 .philos-bottom {background:url(../../pc/images/bg-philosophy-bottom02.jpg) 0 0 no-repeat; background-size:cover}
.section-company.philosophy03 .philos-bottom {background:url(../../pc/images/bg-philosophy-bottom03.jpg) 0 0 no-repeat; background-size:cover}
.section-company.philosophy04 .philos-bottom {background:url(../../pc/images/bg-philosophy-bottom04.jpg) 0 0 no-repeat; background-size:cover}
.section-company.philosophy05 .philos-bottom {background:url(../../pc/images/bg-philosophy-bottom05.jpg) 0 0 no-repeat; background-size:cover}

[class*="philosophy"] .v-section01 {position:relative;}
[class*="philosophy"] .v-section01 .pic {position:absolute; top:0; left:50%; overflow:hidden; z-index:1}
[class*="philosophy"] .v-section01 .desc {position:absolute; bottom:0; width:100%}
[class*="philosophy"] .v-section01 .desc .tit {line-height:100px; color:#000; font-size:60px; font-family:'NotoSerifKR', sans-serif; font-weight:400}
[class*="philosophy"] .v-section01 .desc .tit span {display:inline-block; text-align:left}
[class*="philosophy"] .v-section01 .desc .tit .hash {display:block; font-size:40px; margin-bottom:10px}
[class*="philosophy"] .v-section01 .desc .tit .hash + img {vertical-align:bottom;}
[class*="philosophy"] .v-section01 .desc .txt {margin-top:80px; line-height:40px; color:#fff; font-size:22px; font-family:'Noto Sans KR', sans-serif; font-weight:300; background:#8e6d4b}
[class*="philosophy"] .v-section01 .desc .txt span {display:inline-block; text-align:left}
[class*="philosophy"] .v-section01 .pic img {transform: scale(1.1); transition:0.5s linear; box-shadow:none}
[class*="philosophy"] .v-section01 .pic.on img {transform: scale(1)}
[class*="philosophy"] .v-section02:before {content:"OUR \A PHILOSOPHY"; white-space:pre; position:absolute; display:block; letter-spacing:-0.05em; font-family:'Roboto', sans-serif; font-size:24rem; font-weight:700; color:#000; opacity:0.05}
[class*="philosophy"] .v-section02:after {content:url("../../pc/images/bg-philosophy01-1.png"); position:absolute; z-index:0}
[class*="philosophy"] .type01:after {content:""; display:block; clear:both}
[class*="philosophy"] .type01 .desc .tit {font-size:40px; font-weight:500; color:#222; line-height:50px}
[class*="philosophy"] .type01 .desc .tit:before {content:""; margin:0 0 25px 2px; display:block; width:40px; height:4px; background:#000}
[class*="philosophy"] .type01 .desc .txt {margin-top:45px; line-height:30px; font-size:18px; font-weight:300; color:#444}
[class*="philosophy"] .type01 .desc .txt.white {color:#fff; opacity:0.6}
[class*="philosophy"] .type01 .desc.white .tit {color:#fff}
[class*="philosophy"] .type01 .desc.white .tit:before {background:#fff}
[class*="philosophy"] .type01 .desc.white .txt {color:#fff; opacity:0.6}
[class*="philosophy"] .type01.pic-right .desc {float:left}
[class*="philosophy"] .type01.pic-right .pic {float:right}
[class*="philosophy"] .type01.pic-left .desc {float:right}
[class*="philosophy"] .type01.pic-left .pic {float:left}
[class*="philosophy"] .pic img {box-shadow: 12px 21px 40px 0px rgba(0, 0, 0, 0.1);}
[class*="philosophy"] .pic .ds {display:block; margin-top:13px; color:#777; font-size:16px; font-weight:300; line-height:26px; letter-spacing:-0.08em;}
[class*="philosophy"] .pic .ds.right {text-align:right}
[class*="philosophy"] .pic .ds.left {text-align:left}
[class*="philosophy"] .pic .ds.white {color:#b5a390}
[class*="philosophy"] .pic .ds em {font-weight:500; color:#444}
[class*="philosophy"] .pic .ds.white em {font-weight:500; color:#fff}
[class*="philosophy"] .bq01 {position:relative; display:inline-block; padding:0 30px; line-height:40px; color:#8e6d4b; font-size:30px; font-family: 'NotoSerifKR', sans-serif;}
[class*="philosophy"] .bq01.white {color:#d6af87}
[class*="philosophy"] .bq01:before {position:absolute; top:0; left:0; content:"\201C"; display:inline-block; margin-right:20px}
[class*="philosophy"] .bq01:after {position:absolute; bottom:0; right:0; content:"\201D"; display:inline-block; margin-left:20px}

.philosophy01 .v-section01 {height:880px}
.philosophy01 .v-section01 .pic {margin-left:-740px; width:740px; height:800px;}
.philosophy01 .v-section01 .desc {left:50%; margin-left:-600px;}
.philosophy01 .v-section01 .desc .tit {padding-left:700px;}
.philosophy01 .v-section01 .desc .txt {padding:42px 0 56px 700px;}
.philosophy01 .v-section02 {position:relative; margin-top:230px}
.philosophy01 .v-section02:before {top:160px; left:50%; margin-left:-1040px;}
.philosophy01 .v-section02:after {bottom:-95px; right:0}
.philosophy01 .v-section02 .pic img {box-shadow: 12px 21px 40px 0px rgba(0, 0, 0, 0.1);}
.philosophy01 .v-section02 .visual01 {height:606px; width:1400px; margin:0 auto}
.philosophy01 .v-section02 .visual01 .desc {padding-left:100px}
.philosophy01 .v-section02 .visual01 .pic {position:relative;}
.philosophy01 .v-section02 .visual01 .pic .ds {text-align:right}
.philosophy01 .v-section02 .visual02 {position:relative; width:1400px; height:640px; margin:225px auto 0; z-index:1}
.philosophy01 .v-section02 .visual02 .desc {width:520px}
.philosophy01 .v-section03 {position:relative; height:2160px; margin-top:-180px; background-color:#8e6d4b; z-index:0}
.philosophy01 .v-section03 .visual01 {padding-top:340px; width:1400px; height:1190px; margin:0 auto}
.philosophy01 .v-section03 .visual02 {padding-top:160px; width:1200px; height:920px; margin:0 auto}
.philosophy01 .v-section03:after {content:url("../../pc/images/bg-philosophy01-2.png"); position:absolute; bottom:0; left:50%; margin-left:-320px}


.philosophy02 .v-section01 {height:710px}
.philosophy02 .v-section01 .pic {margin-left:-40px; width:740px; height:670px;}
.philosophy02 .v-section01 .desc {right:50%; margin-right:-600px;}
.philosophy02 .v-section01 .desc .tit {text-align:right}
.philosophy02 .v-section01 .desc .tit > span {padding-right:760px}
.philosophy02 .v-section01 .desc .txt {text-align:right; padding:45px 0}
.philosophy02 .v-section01 .desc .txt > span {margin-right:790px}
.philosophy02 .v-section02 {position:relative; width:1400px; margin:220px auto 0}
.philosophy02 .v-section02:before {top:780px; left:50%; margin-left:-1480px; transform:rotate(90deg)}
.philosophy02 .v-section02:after {bottom:400px; right:-300px}
.philosophy02 .v-section02 .visual01 {width:1130px; height:586px; margin:0 auto}
.philosophy02 .v-section02 .visual01 .pic {margin-left:-100px}
.philosophy02 .v-section02 .visual02 {margin-top:120px; height:666px; text-align:right}
.philosophy02 .v-section02 .visual03 {margin-top:150px; height:818px; padding-left:100px}
.philosophy02 .v-section02 .visual03 .pic {width:540px}
.philosophy02 .v-section02 .visual03 .desc {width:700px; margin-top:355px}
.philosophy02 .v-section03 {position:relative; margin-top:475px; height:1010px; background:#8e6d4b url("../../pc/images/bg-philosophy02-1.png") 35% bottom no-repeat}
.philosophy02 .v-section03 .type01 {position:absolute; top:-215px; left:50%; margin-left:-700px; width:1400px; height:1092px}
.philosophy02 .v-section03 .type01 .pic .ds.right {color:#d0c3b6;}
.philosophy02 .v-section03 .type01 .desc .txt {margin-top:80px}

.philosophy03 .v-section01 {height:940px}
.philosophy03 .v-section01 .pic {margin-left:-700px; width:740px; height:860px;}
.philosophy03 .v-section01 .desc {left:50%; margin-left:-600px;}
.philosophy03 .v-section01 .desc .tit {padding-left:700px;}
.philosophy03 .v-section01 .desc .txt {padding:42px 0 150px 700px; margin-top:180px}
.philosophy03 .v-section02 {margin-top:220px}
.philosophy03 .v-section02:before {top:780px; left:50%; margin-left:-1030px; line-height:228px}
.philosophy03 .v-section02:after {content:none}
.philosophy03 .v-section02 .visual01 {width:1400px; padding-left:100px; height:1115px; margin:0 auto}
.philosophy03 .v-section02 .visual01 .pic {width:800px;}
.philosophy03 .v-section02 .visual01 .pic div + div {margin-top:35px}
/* .philosophy03 .v-section02 .type01 .pic:before {left:700px} */
.philosophy03 .v-section03 {position:relative; height:1365px; margin-top:420px; background:#8e6d4b url("../../pc/images/bg-philosophy03-1.png") right 200px no-repeat; }
.philosophy03 .v-section03 .visual01 {position:absolute; top:-260px; left:50%; margin-left:-700px; height:708px}
.philosophy03 .v-section03 .visual01 .desc {margin:40px 0 0 80px}
.philosophy03 .v-section03 .visual01 .desc .txt {margin-top:80px}
.philosophy03 .v-section03 .visual01 .pic:after {position:absolute; top:40px; right:0; content:""; display:block; width:1060px; height:600px; box-shadow:12px 21px 40px 0px rgba(0, 0, 0, 0.1)}
.philosophy03 .v-section03 .visual01 .pic img {box-shadow:none;}
.philosophy03 .v-section03 .visual02 {position:absolute; top:606px; left:50%; margin-left:-700px; height:400px}

.philosophy04 .v-section01 {height:710px}
.philosophy04 .v-section01 .pic {margin-left:-40px; width:740px; height:670px;}
.philosophy04 .v-section01 .desc {right:50%; margin-right:-600px;}
.philosophy04 .v-section01 .desc .tit {text-align:right}
.philosophy04 .v-section01 .desc .tit > span {padding-right:840px}
.philosophy04 .v-section01 .desc .txt {text-align:right; padding:40px 0}
.philosophy04 .v-section01 .desc .txt > span {margin-right:815px}
.philosophy04 .v-section02 {margin-top:232px; width:1400px; margin:220px auto 0}
.philosophy04 .v-section02:before {top:575px; left:50%; margin-left:-990px;}
.philosophy04 .v-section02:after {bottom:-500px; right:-300px;}
.philosophy04 .v-section02 .visual01 {padding-left:100px; height:826px;}
.philosophy04 .v-section02 .visual02 {height:470px; margin-top:160px}
.philosophy04 .v-section03 {position:relative; height:868px; margin-top:255px; background:#8e6d4b}
.philosophy04 .v-section03 .type01 {width:1200px; height:617px; margin:0 auto}
.philosophy04 .v-section03 .type01 .pic {margin-left:-100px}
.philosophy04 .v-section03 .type01 .pic img {margin-top:-100px}
.philosophy04 .v-section03 .type01 .desc {margin-top:80px}

.philosophy05 .v-section01 {height:940px}
.philosophy05 .v-section01 .pic {margin-left:-700px; width:740px; height:860px;}
.philosophy05 .v-section01 .desc {left:50%; margin-left:-600px;}
.philosophy05 .v-section01 .desc .tit {padding-left:700px;}
.philosophy05 .v-section01 .desc .txt {position:relative; padding:42px 0 230px 700px; margin-top:180px}
.philosophy05 .v-section01 .desc .txt:before {position:absolute; top:-285px; left:1000px; content:url("../../pc/images/bg-philosophy05-1.png");}
.philosophy05 .v-section02 {margin-top:170px; padding-bottom:470px}
.philosophy05 .v-section02:before {top:183px; left:50%; margin-left:-1026px; line-height:228px}
.philosophy05 .v-section02:after {bottom:0; content:url("../../pc/images/bg-philosophy05-2.png");}
.philosophy05 .v-section02 .visual01 {width:1400px; padding-left:100px; margin:0 auto}
.philosophy05 .v-section02 .visual02 {width:1200px; height:721px; margin:155px auto 0}
.philosophy05 .v-section02 .visual03 {width:1400px; height:881px; margin:-490px auto 0; padding-left:600px}
.philosophy05 .v-section02 .visual03 .bq01 {margin:0 0 70px 130px; }
.philosophy05 .v-section02 .visual03 .bq01:after {right:190px}
.philosophy05 .v-section03 {position:relative; height:563px; background:#8e6d4b}
.philosophy05 .v-section03 .type01 {position:absolute; top:0; left:50%; width:1560px; height:635px; margin:-270px 0 0 -1060px}
.philosophy05 .v-section03 .type01 .pic {margin-left:360px}
.philosophy05 .v-section03 .type01 .desc .txt {color:#fff; opacity:0.6; margin-top:90px}

/* 예시 */
.section-company.philosophy03 > .content-section > .inner-content-section > div,
.section-company.philosophy04 > .content-section > .inner-content-section > div,
.section-company.philosophy05 > .content-section > .inner-content-section > div {position:relative;}
.section-company.philosophy03 > .content-section > .inner-content-section > div > img + a,
.section-company.philosophy04 > .content-section > .inner-content-section > div > img + a,
.section-company.philosophy05 > .content-section > .inner-content-section > div > img + a  {display:block; position:absolute; bottom:0; left:0; width:100%; height:400px}

/* 연혁 */
.section-company.history .content-section {padding-bottom:0}
.section-company.history .tab-depth3 ul li a {margin-bottom:-2px; font-family: 'Roboto', sans-serif; font-weight:300}
.section-company.history .tab-depth3 ul li a span {display:block; margin-bottom:-15px; font-family: 'Noto Sans KR', sans-serif; font-size:1.6rem; font-weight:400; line-height:normal}
.section-company.history .tab-depth3 ul li a em {font-family: 'Noto Sans KR', sans-serif; font-size:2.2rem; font-weight:300}
.section-company.history .tab-depth3 ul li:last-child a {color:#777}
.section-company.history .tab-depth3 ul li:last-child a span {color:#444}
.section-company.history .tab-depth3 ul li.active a {font-weight:700; color:#ffb400}
.section-company.history .tab-depth3 ul li.active a span {font-weight:500; color:#ffb400}
.section-company.history .visual {text-align:center}
.section-company.history .visual .desc {position:relative;  padding-top:40px; background-repeat:no-repeat; background-position:center top; }
.section-company.history .visual .desc.tit01 {background-image:url(../../pc/images/tit_history01.png);}
.section-company.history .visual .desc.tit02 {background-image:url(../../pc/images/tit_history02.png);}
.section-company.history .visual .desc.tit03 {background-image:url(../../pc/images/tit_history03.png);}
.section-company.history .visual .desc.tit04 {background-image:url(../../pc/images/tit_history04.png);}
.section-company.history .visual .desc .tit-opt {display:block; margin:0 0 28px; color:#000; font-size:4rem; font-weight:700}
.section-company.history .visual .desc p {font-size:1.8rem; font-weight:300}
.section-company.history .visual .desc h3 {margin-top:64px; color:#8e6d4b; font-family: 'Roboto', sans-serif; font-size:4rem; font-weight:700; font-style:italic}
.section-company.history .visual .desc h3 .kor {font-family: 'Noto Sans KR', sans-serif; font-size:3.5rem; font-style:normal}
.section-company.history .visual .desc h3 span ~ span {position:relative; margin-left:80px}
.section-company.history .visual .desc h3 span ~ span:before {content:""; display:block; position:absolute; top:50%; left:-75px; margin-top:-1px; width:60px; height:2px; background:#ddd}
.section-company.history .swiper-container {margin-top:80px; height:640px}
.section-company.history .swiper-pagination-fraction {bottom:41px; left:inherit; right:88px; width:auto; color:#444; font-family: 'Roboto', sans-serif; font-size:2rem; font-weight:400; text-align:right}
.section-company.history .swiper-pagination-current {color:#ffb400; font-weight:700}
.section-company.history .swiper-button-prev {top:inherit; bottom:40px; left:inherit; right:160px; width:13px; height:21px; background:url(../../pc/images/btn-history-prev.png) 0 0 no-repeat}
.section-company.history .swiper-button-next {top:inherit; bottom:40px; width:13px; height:21px; background:url(../../pc/images/btn-history-next.png) 0 0 no-repeat}
.section-company.history .wrap-history {position:relative; padding-top:103px; padding-bottom:140px;}
.section-company.history .wrap-history:before {content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd}
.section-company.history .wrap-year {font-size:0}
.section-company.history .wrap-year ~ .wrap-year {margin-top:80px}
.section-company.history .wrap-year .year {display:inline-block; width:465px; color:#8e6d4b; font-family: 'Roboto', sans-serif; font-size:6rem; font-weight:700; font-style:italic; text-align:right; vertical-align:top}
.section-company.history .wrap-year ul {display:inline-block; width:calc(100% - 465px)}
.section-company.history .wrap-year ul li {position:relative}
.section-company.history .wrap-year ul li ~ li {margin-top:30px}
.section-company.history .wrap-year ul li .month {display:inline-block; position:absolute; top:0; left:0; padding-left:80px; width:168px; color:#000; font-family: 'Roboto', sans-serif; font-size:2.2rem; font-weight:500; line-height:2.2em}
.section-company.history .wrap-year ul li .month:after {content:""; display:block; position:absolute; top:18px; right:29px; width:7px; height:7px; background:#000; border-radius:100%}
.section-company.history .wrap-year ul li .month .kor {margin-left:-13px; font-family: 'Noto Sans KR', sans-serif;}
.section-company.history .wrap-year ul li p {display:inline-block; padding-left:168px; width:100%; font-size:1.8rem; font-weight:300; line-height:2.2em; word-break:keep-all}
.section-company.history .visual.bottom {position:relative; height:360px; padding-top:65px}
.section-company.history .visual.bottom .bg-txt {padding-top:50px; color:#fff; font-size:20rem; opacity:.05}
.section-company.history .visual.bottom .desc h3 {color:#fff; font-size:4rem}
.section-company.history .visual.bottom .desc .tit-opt {color:#ffb400}
.section-company.history .visual.bottom .desc.tit01 {background-image:url(../../pc/images/tit_history01_w.png);}
.section-company.history .visual.bottom .desc.tit02 {background-image:url(../../pc/images/tit_history02_w.png);}
.section-company.history .visual.bottom .desc.tit03 {background-image:url(../../pc/images/tit_history03_w.png);}
.section-company.history .visual.bottom .desc.tit04 {background-image:url(../../pc/images/tit_history04_w.png);}
.section-company.history .visual.bottom .desc p {color:#fff}
.section-company.history .visual.bottom.history01:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:360px; background:url(../../pc/images/bg-history-bottom01.jpg) 0 0 no-repeat}
.section-company.history .visual.bottom.history02:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:360px; background:url(../../pc/images/bg-history-bottom02.jpg) 0 0 no-repeat}
.section-company.history .visual.bottom.history03:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:360px; background:url(../../pc/images/bg-history-bottom03.jpg) 0 0 no-repeat}
.section-company.history .visual.bottom.history04:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:360px; background:url(../../pc/images/bg-history-bottom04.jpg) 0 0 no-repeat}

/* 계열사 */
.section-company.family h3 {margin-bottom:20px}
.section-company.family .wrap-family:after {content:""; display:block; clear:both}
.section-company.family .group-family {float:left; width:calc((100% - 120px) / 3)}
.section-company.family .group-family ~ .group-family {margin-left:60px}
.section-company.family .group-family li {position:relative; height:160px; border:2px solid #ddd}
.section-company.family .group-family li:not(.group-head) {text-align:center; font-size:4rem; line-height:160px}
.section-company.family .group-family li ~ li {margin-top:30px}
.section-company.family .group-family li:after {content:""; display:block; position:absolute; bottom:-32px; left:50%; width:1px; height:32px; background:#ddd}
.section-company.family .group-family li:last-child:after {content:none}
.section-company.family .group-family li a {display:block; width:100%}
.section-company.family .group-family li a img {width:100%}
.section-company.family .group-family .group-head {height:162px; border:none}
.section-company.family .group-family .group-head a:before {content:""; display:block; position:absolute; top:50%; left:40px; margin-top:-35px; width:70px; height:70px; }
.section-company.family .group-family .group-head a {padding-top:40px; padding-left:150px; color:#fff}
.section-company.family .group-family .group-head a p {font-size:2.4rem; font-weight:500}
.section-company.family .group-family .group-head a span {display:block}
.section-company.family .group-family .group-head a .tit-opt {margin:10px 0 20px; font-family: 'Roboto', sans-serif; font-size:1.4rem; opacity:.5; letter-spacing:0.1em}
.section-company.family .group-family .group-head a .detail {font-size:1.6rem; background:url(../../pc/images/common/btn-detail.png) 80px 50% no-repeat}
.section-company.family .group-develop .group-head {
	background: linear-gradient(to bottom, #ffbd20 0%,#cf9201 100%);
	background: -webkit-linear-gradient(top, #ffbd20 0%,#cf9201 100%);
	background: -moz-linear-gradient(top, #ffbd20 0%, #cf9201 100%);
}
.section-company.family .group-bank .group-head {
	background: linear-gradient(to bottom, #1477cb 0%,#0b4da2 100%);
	background: -webkit-linear-gradient(top, #1477cb 0%,#0b4da2 100%);
	background: -moz-linear-gradient(top, #1477cb 0%, #0b4da2 100%);
}
.section-company.family .group-social .group-head {
	background: linear-gradient(to bottom, #b5895b 0%,#8e6d4b 100%);
	background: -webkit-linear-gradient(top, #b5895b 0%,#8e6d4b 100%);
	background: -moz-linear-gradient(top, #b5895b 0%, #8e6d4b 100%);
}
.section-company.family .group-develop .group-head a:before {background-image:url(../../pc/images/ico-family-develop.png)}
.section-company.family .group-bank .group-head a:before {background-image:url(../../pc/images/ico-family-bank.png)}
.section-company.family .group-social .group-head a:before {background-image:url(../../pc/images/ico-family-social.png)}


/* ci */
.section-company.ci-bi {}
.section-company.ci-bi h3.title {margin:120px 0 40px; color:#000; font-family: 'Roboto', sans-serif; font-size:4rem; font-weight:500; text-align:center}
.section-company.ci-bi h3.title span {font-family:'Noto Sans KR', sans-serif;}
.section-company.ci-bi .desc p {font-size:1.8rem; font-weight:300; line-height:1.7em; text-align:center}
.section-company.ci-bi .desc p ~ p {margin-top:30px}
.section-company.ci-bi em.blue {color:#0b4da2}
.section-company.ci-bi em.gold {color:#c59931}
.section-company.ci-bi .wrap-ci .pic {background:#fafafa}
.section-company.ci-bi .wrap-ci h3.title {margin-top:80px}
.section-company.ci-bi .wrap-ci .desc .tag {color:#8e6d4b; font-weight:500}
.section-company.ci-bi .wrap-ci .downs {margin-top:53px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-ci .downs a {display:inline-block; position:relative; padding-left:30px; width:250px; color:#000; font-family: 'Roboto', sans-serif; font-size:1.8rem; line-height:60px; text-align:left; border:1px solid #000}
.section-company.ci-bi .wrap-ci .downs a:after {content:""; display:block; position:absolute; top:50%; right:30px; margin-top:-12px; width:24px; height:24px; background:url(../../pc/images/common/ico-download.png) 50% 50% no-repeat}
.section-company.ci-bi .wrap-ci .downs a ~ a {margin-left:20px}
.section-company.ci-bi .wrap-ci .downs a:hover {color:#fff; background:#000}
.section-company.ci-bi .wrap-ci .downs a:hover:after {background-image:url(../../pc/images/common/ico-download-white.png)}
.section-company.ci-bi .wrap-signature .pic {font-size:0}
.section-company.ci-bi .wrap-signature .pic img {width:calc((100% - 20px) / 2)}
.section-company.ci-bi .wrap-signature .pic img ~ img {margin-left:20px}
.section-company.ci-bi .wrap-color .desc .tit-opt {display:block; margin-bottom:30px; color:#222; font-size:2.2rem; text-align:center}
.section-company.ci-bi .wrap-color .desc .tit-opt em {font-weight:500}
.section-company.ci-bi .wrap-color ul {margin-top:60px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-color ul li {display:inline-block; padding-top:40px; padding-left:40px; width:380px; height:200px; color:#fff; font-family: 'Roboto', sans-serif; text-align:left}
.section-company.ci-bi .wrap-color ul li ~ li {margin-left:40px}
.section-company.ci-bi .wrap-color ul li:nth-of-type(1) {background:#0b4da2}
.section-company.ci-bi .wrap-color ul li:nth-of-type(2) {background:#c59931}
.section-company.ci-bi .wrap-color ul li .color-name {display:block; margin-bottom:48px; font-size:2.2rem; font-weight:500}
.section-company.ci-bi .wrap-color ul li p {font-size:1.8rem; line-height:1.7em}
.section-company.ci-bi .wrap-color ul li p strong {display:inline-block; width:70px; font-weight:500}
.section-company.ci-bi .wrap-color ul li p span {opacity:.6}

/* bi */
.section-company.ci-bi .wrap-ci .link {margin-top:53px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-ci .link a {display:inline-block; position:relative; padding-left:30px; width:250px; color:#000; font-family:'Noto Sans KR', sans-serif; font-size:1.8rem; line-height:60px; text-align:left; border:1px solid #000}
.section-company.ci-bi .wrap-ci .link a:after {content:""; display:block; position:absolute; top:50%; right:30px; margin-top:-12px; width:24px; height:24px; background:url(../../pc/images/common/btn-link-black.png) 50% 50% no-repeat}
.section-company.ci-bi .wrap-ci .link a:hover {color:#fff; background:#000}
.section-company.ci-bi .wrap-ci .link a:hover:after {background-image:url(../../pc/images/common/btn-link.png)}
.section-company.ci-bi .wrap-color.bi ul {margin-top:0}
.section-company.ci-bi .wrap-color.bi ul li {vertical-align:top; padding:0; width:calc((100% - 60px) / 3); height:auto; background:#fff}
.section-company.ci-bi .wrap-color.bi ul li ~ li {margin-left:30px}
.section-company.ci-bi .wrap-color.bi ul li .color-head {padding:30px}
.section-company.ci-bi .wrap-color.bi ul li .color-name {margin-bottom:68px}
.section-company.ci-bi .wrap-color.bi ul li.cblue .color-head {background:#002855}
.section-company.ci-bi .wrap-color.bi ul li.ublue .color-head {background:#007dba}
.section-company.ci-bi .wrap-color.bi ul li.bgold .color-head {background:#ad841f}
.section-company.ci-bi .wrap-color.bi ul li .color-desc {padding:30px; color:#444; font-family:'Noto Sans KR', sans-serif; border:1px solid #ddd; border-top:none}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .point .title {color:#000; font-size:2.4rem; font-weight:500}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .point .title span {display:block; margin-top:7px; font-family: 'Roboto', sans-serif; font-size:1.6rem; font-weight:700; letter-spacing:.3em}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .point p {margin-top:20px; font-weight:500; word-break:keep-all}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt {position:relative; margin-top:47px}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt:after {content:""; display:block; position:absolute; top:-24px; left:0; width:40px; height:2px}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt p {font-weight:300; word-break:keep-all}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt p ~ p {margin-top:30px}
.section-company.ci-bi .wrap-color.bi ul li.cblue .color-desc .point .title span {color:#002855}
.section-company.ci-bi .wrap-color.bi ul li.ublue .color-desc .point .title span {color:#007dba}
.section-company.ci-bi .wrap-color.bi ul li.bgold .color-desc .point .title span {color:#ad841f}
.section-company.ci-bi .wrap-color.bi ul li.cblue .color-desc .txt:after {background:#002855}
.section-company.ci-bi .wrap-color.bi ul li.ublue .color-desc .txt:after {background:#007dba}
.section-company.ci-bi .wrap-color.bi ul li.bgold .color-desc .txt:after {background:#ad841f}

/* 오시는길 */
.section-company.direction .map-area {height:500px; background:#000}
.section-company.direction .wrap-direction {margin-top:80px; font-size:0}
.section-company.direction .wrap-direction h3 {display:inline-block; margin-left:100px; width:300px; font-size:30px; font-weight:500; vertical-align:top}
.section-company.direction .wrap-direction ul {display:inline-block; width:calc(100% - 400px)}
.section-company.direction .wrap-direction ul li ~ li {margin-top:40px}
.section-company.direction .wrap-direction ul .tel,
.section-company.direction .wrap-direction ul .fax {display:inline-block; width:300px}
.section-company.direction .wrap-direction ul li p {position:relative; padding-left:43px; font-size:18px; font-weight:300; line-height:24px}
.section-company.direction .wrap-direction ul li p:before {content:""; display:block; position:absolute; top:0; left:0; width:24px; height:24px; background-position:0 0; background-repeat:no-repeat; background-size:cover}
.section-company.direction .wrap-direction ul .address p:before {background-image:url(../../pc/images/ico-direction-address.png)}
.section-company.direction .wrap-direction ul .way p:before {background-image:url(../../pc/images/ico-direction-way.png)}
.section-company.direction .wrap-direction ul .tel p:before {background-image:url(../../pc/images/ico-direction-tel.png)}
.section-company.direction .wrap-direction ul .fax p:before {background-image:url(../../pc/images/ico-direction-fax.png)}
.section-company.direction .wrap-direction .mdm-area {margin-bottom:110px}

/* 사업정보 */
.section-business .wrap-develop {font-size:0}
.section-business .wrap-develop ~ .wrap-develop {margin-top:123px}
.section-business .wrap-develop > .pic {display:inline-block; width:50%}
.section-business .wrap-develop > .pic img {border:2px solid #ddd}
.section-business .wrap-develop .desc {display:inline-block; vertical-align:top; padding-left:10px; width:50%}
.section-business .wrap-develop .desc .title {color:#000; font-size:4rem; font-weight:500}
.section-business .wrap-develop .desc p {margin:28px 0 0; font-size:1.8rem; font-weight:300; line-height:1.7em; word-break:keep-all}
.section-business .wrap-develop .desc p ~ p {margin-top:30px}
.section-business .wrap-develop .desc a {display:block; margin-top:23px; width:220px; color:#000; font-size:1.8rem; line-height:60px; text-align:center; border:1px solid #000}
.section-business .wrap-develop .desc a:hover {color:#fff; background:#000}
.section-business .wrap-develop .detail-view, .section-business .wrap-develop .detail-view_no {margin-top:53px; font-size:22px; line-height:60px; text-align:center; border-top:1px solid #aaa; border-bottom:1px solid #ddd}
.section-business .wrap-develop .detail-view a {display:inline-block; padding-right:40px; background:url(../../pc/images/btn-toggle-off.png) 100% center no-repeat; background-size:21px auto}
.section-business .wrap-develop .detail-view_no a {display:inline-block; padding-right:40px; background:url(../../pc/images/btn-toggle-off.png) 100% center no-repeat; background-size:21px auto}
.section-business .wrap-develop .view-inner {display:none; min-width:1400px; margin-left:-100px}
.section-business .wrap-develop .view-inner .info ul {padding:28px 0; margin-left:100px; width:1200px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.section-business .wrap-develop .view-inner .info:first-child ul {border-top:0}
.section-business .wrap-develop .view-inner .info ul li {display:inline-block; width:50%; font-size:1.8rem; line-height:2.2em; vertical-align:top}
.section-business .wrap-develop .view-inner .info ul li .tit-opt {display:inline-block; width:140px; color:#777; font-weight:300}
.section-business .wrap-develop .view-inner .info ul li p {position:relative; padding-left:154px; line-height:30px}
.section-business .wrap-develop .view-inner .info ul li p:before {content:""; display:block; position:absolute; top:14px; left:140px; width:3px; height:3px; background:#ffb400}
.section-business .wrap-develop .view-inner .info ul li p ~ p {margin-top:10px}
.section-business .wrap-develop .view-inner .info ul li p:nth-of-type(1) {margin-top:-38px}
.section-business .wrap-develop .view-inner .info .pic {margin-top:60px}
.section-business .wrap-develop .view-inner .info ~ .info {margin-top:80px}
.section-business .wrap-develop .detail-view.on a {background-image:url(../../pc/images/btn-toggle-on.png)}

.section-business .wrap-develop#develop02 .desc a {margin-top:23px}

/* 사업영역 부동산개발 부문 */
.section-business.develop .wrap-develop .desc a {margin-top:53px}

/* 사업실적 리스트 */
.project-list .board-list-thumbnail ul li .pic {padding-bottom:73.7%}
.project-list .board-list-thumbnail ul li .desc {padding:25px 30px 40px}
.project-list .board-list-thumbnail ul li .desc .subj {-webkit-line-clamp:1; margin-top:0; min-height:inherit}
.project-list .board-list-thumbnail ul li .desc ul {margin-top:13px}
.project-list .board-list-thumbnail ul li .desc ul li {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:relative; padding-left:62px; color:#444; font-size:1.6rem; line-height:26px; word-break:keep-all; }
.project-list .board-list-thumbnail ul li .desc ul li ~ li {margin-top:10px}
.project-list .board-list-thumbnail ul li .desc ul li .tit-opt {display:inline-block; position:absolute; top:0; left:0; width:62px; color:#777; font-weight:300}

/* 사업실적 뷰페이지 */
.swiper-container {display:grid;}
.swiper-button-prev {left:40px; width:37px; height:71px; background:url(../../pc/images/common/btn-slide-prev.png) 0 0 no-repeat}
.swiper-button-next {right:40px; width:37px; height:71px; background:url(../../pc/images/common/btn-slide-next.png) 0 0 no-repeat}
.swiper-button-prev:after,
.swiper-button-next:after {content:""}
.swiper-pagination-bullet {width:8px; height:8px; background:transparent; border:2px solid #fff; border-radius:0; opacity:1}
.swiper-pagination-bullet-active {width:70px; background:#ffb400; border:none}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:25px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px}

.project-view .header-content {padding:0; border:none}
.project-view .header-content .title {margin:0}
.project-view .header-content .title + .tit-opt {display:block; margin-top:5px; color:#777; font-size:20px; }
.project-view .article-board ul {padding-bottom:60px; margin:35px 0 65px; border-bottom:1px solid #ddd}
.project-view .article-board ul:after {content:""; display:block; clear:both}
.project-view .article-board ul li {position:relative; padding-left:140px; float:left; width:50%; color:#444; font-size:18px; font-weight:400; line-height:2.2em}
.project-view .article-board ul li .tit-opt {position:absolute; top:0; left:0; display:inline-block; width:140px; color:#777; font-size:18px; font-weight:300}

/* 홍보활동 */
/* 브로슈어 */
.section-brochure .wrap-brochure {display:flex; justify-content:space-between; flex-wrap:nowrap}
.section-brochure .wrap-brochure li {flex-grow:1}
.section-brochure .wrap-brochure li ~ li {margin-left:40px}
.section-brochure .wrap-brochure li img {width:100%}
.section-brochure .wrap-brochure li a {display:block; position:relative; padding-left:30px; margin:30px auto 0; width:275px; color:#000; font-family:'Roboto', sans-serif; font-size:1.8rem; line-height:60px; border:1px solid #000}
.section-brochure .wrap-brochure li a span {font-family:'Noto Sans KR', sans-serif;}
.section-brochure .wrap-brochure li a:after {content:""; display:block; position:absolute; top:50%; right:30px; margin-top:-12px; width:24px; height:24px; background:url(../../pc/images/common/ico-download.png) 0 0 no-repeat}
.section-brochure .wrap-brochure li a:hover {color:#fff; background:#000}
.section-brochure .wrap-brochure li a:hover:after {background-image:url(../../pc/images/common/ico-download-white.png)}
/* 인재채용 */
.recruit .content-section {}
.recruit .content-section .inner-content-section {color:#fff; text-align:center}
.recruit .tab-depth3 ul li {float:left; width:170px}
.recruit .tab-depth3 ul li ~ li {margin-left:0}
.recruit .title {margin-bottom:25px; font-size:4rem; font-weight:500}
.recruit .tit-opt {font-size:2rem; font-weight:300}
.recruit .turn {margin:60px 0}
.recruit ul {display:inline-block;}
.recruit ul:after {content:""; display:block; clear:both}
.recruit ul li {float:left; width:230px}
.recruit ul li ~ li {margin-left:-40px}
.recruit .turn ul li {padding-top:40px; height:230px; border-radius:100%; background: -moz-linear-gradient(top, #ffbd20 0%, #cf9201 100%); background: -webkit-linear-gradient(top, #ffbd20 0%,#cf9201 100%); background: linear-gradient(to bottom, #ffbd20 0%,#cf9201 100%);}
.recruit .turn ul li:nth-child(2n) {background:linear-gradient(to bottom, #b5895b 0%,#8e6d4b 100%); background:-webkit-linear-gradient(top, #b5895b 0%,#8e6d4b 100%); background:-moz-linear-gradient(top, #b5895b 0%, #8e6d4b 100%)}
.recruit .turn ul li .step {font-size:1.6rem; font-weight:700}
.recruit .turn ul li p {font-size:2.2rem; font-weight:500}

/* 인재상 */
.recruit.talent .content-section {padding-bottom:67px; margin-bottom:20px; background:url(../../pc/images/bg-recruit-talent.jpg) 50% 0 no-repeat}
.recruit.talent .content-section .inner-content-section {color:#fff; text-align:center}
.recruit.talent .title span {font-family: 'Roboto', sans-serif}
.recruit.talent .turn {margin-bottom:40px}
.recruit.talent .turn ul li {position:relative; padding-top:0; width:183px; height:183px; font-family: 'Roboto', sans-serif}
.recruit.talent .turn ul li ~ li {margin-left:20px}
.recruit.talent .turn ul li .tit-opt {position:absolute; top:50%; left:0; transform:translateY(-50%); width:183px; font-size:14rem; font-weight:700; opacity:0.15}
.recruit.talent .turn ul li:last-child {background: -moz-linear-gradient(top, #1477cb 0%, #0b4da2 100%); background: -webkit-linear-gradient(top, #1477cb 0%,#0b4da2 100%); background: linear-gradient(to bottom, #1477cb 0%,#0b4da2 100%);}
.recruit.talent .turn ul li p {position:absolute; top:50%; lefT:0; transform:translateY(-50%); width:183px; font-size:30px; font-weight:500; letter-spacing:0}
.recruit.talent .detail ul li {width:183px; font-size:2rem; font-weight:400; line-height:1.4em}
.recruit.talent .detail ul li ~ li {margin-left:20px}

/* 직무소개 */
.recruit.introduct .content-section {background:none}
.recruit.introduct .wrap-introduct {position:relative; text-align:right; color:#444}
.recruit.introduct .wrap-introduct .pic {position:absolute; top:0; right:50%; margin-right:10px}
.recruit.introduct .wrap-introduct .pic img{box-shadow: 12px 21px 40px 0px rgba(0, 0, 0, 0.1);}
.recruit.introduct .wrap-introduct .tit-area {display:inline-block; padding:37px 0 25px 60px; width:50%; text-align:left}
.recruit.introduct .wrap-introduct .tit-area h3.title {color:#000; font-size:4rem; font-weight:500}
.recruit.introduct .wrap-introduct .tit-area .tit-opt {font-weight:400; line-height:30px}
.recruit.introduct .wrap-introduct .desc-area {display:inline-block; padding:53px 0 53px 118px; margin-top:30px; width:53%; text-align:left; background:#fafafa}
.recruit.introduct .wrap-introduct .desc-area .tit-copy {display:block; margin-bottom:13px; color:#000; font-size:24px; font-weight:500}
.recruit.introduct .wrap-introduct .desc-area p {font-size:1.8rem; font-weight:300; line-height:1.7em}
.recruit.introduct .wrap-introduct .desc-area .time-table {display:block; position:relative; margin-top:53px; padding-left:30px; width:190px; height:66px; color:#000; font-size:2rem; line-height:64px; border:1px solid #000}
.recruit.introduct .wrap-introduct .desc-area .time-table:after {content:""; display:block; position:absolute; top:50%; right:30px; margin-top:-12px; width:24px; height:24px; background:url(../../pc/images/ico-time-table.png) 50% 50% no-repeat;}
.recruit.introduct .wrap-introduct .desc-area .time-table:hover {color:#fff; background:#000}
.recruit.introduct .wrap-introduct .desc-area .time-table:hover:after {background-image:url(../../pc/images/ico-time-table-hover.png)}
.recruit.introduct .wrap-introduct .desc-area .time-table + .tit-copy {margin-top:48px}
.recruit.introduct .wrap-introduct .desc-area .time-table.type02 {margin-top:23px}
.recruit.introduct .wrap-introduct .desc-area .copy-ps {margin-top:43px; color:#000; font-weight:400}
/* .recruit.introduct .wrap-capable {margin-top:80px}
.recruit.introduct .wrap-capable h4.tit {color:#000; font-size:4rem; font-weight:500}
.recruit.introduct .wrap-capable .turn {margin:60px 0 0}
.recruit.introduct .wrap-capable .turn ul li {padding-top:0}
.recruit.introduct .wrap-capable .turn ul li ~ li {margin-left:-20px}
.recruit.introduct .wrap-capable .turn ul li:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.recruit.introduct .wrap-capable .turn ul li p {display:inline-block; vertical-align:middle; line-height:1.6em} */
.ui-popup.time-tb {text-align:center}
.ui-popup.time-tb .ui-popup-content {font-size:0}

/* 복리후생 */
.recruit.benefits .content-section {padding-bottom:150px; background:url(../../pc/images/bg-recruit-benefits.jpg) 50% 0 no-repeat}
.recruit.benefits .visual {padding-bottom:60px; }
.recruit.benefits .visual .turn ul li {padding-top:50px}
.recruit.benefits .visual .turn ul li p:before {content:""; display:block; margin:0 auto 20px; width:80px; height:80px; background-position:0 0; background-repeat:no-repeat; background-size:cover}
.recruit.benefits .visual .turn ul li:nth-of-type(1) p:before {background-image:url(../../pc/images/ico-recruit-benefits01.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(2) p:before {background-image:url(../../pc/images/ico-recruit-benefits02.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(3) p:before {background-image:url(../../pc/images/ico-recruit-benefits06.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(4) p:before {background-image:url(../../pc/images/ico-recruit-benefits04.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(5) p:before {background-image:url(../../pc/images/ico-recruit-benefits05.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(6) p:before {background-image:url(../../pc/images/ico-recruit-benefits03.png)}

.recruit.benefits .wrap-benefits {margin:0 auto; max-width:1200px; color:#444}
.recruit.benefits .wrap-benefits ul {display:flex; justify-content:flex-start; flex-wrap:wrap; margin-top:60px}
.recruit.benefits .wrap-benefits ul li {padding:40px; width:calc((100% - 60px) / 3); height:360px; text-align:left; border:1px solid #ddd; background:url(../../pc/images/ico-recruit-benefits-black01.png) 260px 240px no-repeat}
.recruit.benefits .wrap-benefits ul li:nth-of-type(2) {background-image:url(../../pc/images/ico-recruit-benefits-black02.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(3) {background-image:url(../../pc/images/ico-recruit-benefits-black06.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(4) {background-image:url(../../pc/images/ico-recruit-benefits-black04.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(5) {background-image:url(../../pc/images/ico-recruit-benefits-black05.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(6) {background-image:url(../../pc/images/ico-recruit-benefits-black03.png)}
.recruit.benefits .wrap-benefits ul li ~ li {margin-left:30px}
.recruit.benefits .wrap-benefits ul li:first-child {margin-bottom:30px}
.recruit.benefits .wrap-benefits ul li:nth-child(3n+1) {margin-left:0}
.recruit.benefits .wrap-benefits ul li .tit {display:block; margin-bottom:17px; color:#000; font-size:3rem; font-weight:500}
.recruit.benefits .wrap-benefits ul li .desc:after {content:""; display:block; clear:both}
.recruit.benefits .wrap-benefits ul li .desc p {position:relative; padding-left:13px; width:50%; font-size:1.8rem; font-weight:300; line-height:2.2em}
.recruit.benefits .wrap-benefits ul li .desc p:before {content:""; display:block; position:absolute; top:18px; left:0; width:3px; height:3px; background:#ffb400}
.recruit.benefits .wrap-benefits ul li:nth-of-type(3) .desc p {float:left;}
.recruit.benefits .wrap-benefits ul li:nth-of-type(3) .desc p:nth-child(2n-1) {width:60%}
.recruit.benefits .wrap-benefits ul li:nth-of-type(3) .desc p:nth-child(2n) {width:40%}

/* 채용절차 */
.recruit.process .content-section {padding-bottom:97px; margin-bottom:20px; background:url(../../pc/images/bg-recruit-process.jpg) 50% 0 no-repeat}
.recruit.process .turn ul li p:before {content:""; display:block; margin:15px auto; width:60px; height:60px; background-position:0 0; background-repeat:no-repeat; background-size:cover}
.recruit.process .turn ul li:nth-of-type(1) p:before {background-image:url(../../pc/images/ico-recruit-process01.png)}
.recruit.process .turn ul li:nth-of-type(2) p:before {background-image:url(../../pc/images/ico-recruit-process02.png)}
.recruit.process .turn ul li:nth-of-type(3) p:before {background-image:url(../../pc/images/ico-recruit-process03.png)}
.recruit.process .turn ul li:nth-of-type(4) p:before {background-image:url(../../pc/images/ico-recruit-process04.png)}
.recruit.process .turn ul li:nth-of-type(5) p:before {background-image:url(../../pc/images/ico-recruit-process05.png)}
.recruit.process .turn ul li:nth-of-type(6) p:before {background-image:url(../../pc/images/ico-recruit-process06.png)}
.recruit.process .turn ul li .detail {display:block; margin-top:10px; font-size:1.4rem; font-weight:300}
.recruit.process .link {display:inline-block; padding-left:40px; width:215px; color:#fff; font-size:1.8rem; line-height:60px; text-align:left; border:1px solid #fff; background:url(../../pc/images/common/btn-link.png) 150px 50% no-repeat}
.recruit.process .link:hover {color:#000; background-color:#fff; background-image:url(../../pc/images/common/btn-link-black.png)}

/* 채용공고 */
.section-board.list .tab-depth3 {margin-bottom:123px}

/* 문주장학재단 */
.scholarship .header-section .tab-depth2 ul li {flex-grow:inherit; margin:0 auto;  width:400px}
.scholarship .header-section .tab-depth2 ul li:last-child {margin-right:auto}
.scholarship .content-section {padding-top:0}
.scholarship .title {padding-top:120px; color:#000; font-size:4rem; font-weight:500; text-align:center}
.scholarship .title + ul {margin-top:40px}
.scholarship .visual {height:800px; text-align:center; background:url(../../pc/images/bg-scholarship.jpg) center 0 no-repeat}
.scholarship .visual .title {padding-top:140px}
.scholarship .visual .tit-opt {display:block; margin-top:30px; font-size:1.8rem; font-weight:300}
.scholarship .visual .wrap-stats {margin-top:80px}
.scholarship .visual .wrap-stats ul {display:inline-block;}
.scholarship .visual .wrap-stats ul:after {content:""; display:block; clear:both}
.scholarship .visual .wrap-stats ul li {position:relative; float:left; width:423px}
.scholarship .visual .wrap-stats ul li ~ li:before {content:""; display:block; position:absolute; top:35px; left:0; width:1px; height:60px; background:#fff; opacity:.5}
.scholarship .visual .wrap-stats ul li:nth-of-type(2) {width:352px}
.scholarship .visual .wrap-stats ul li .stats {color:#013d7f; font-size:4rem; font-weight:500}
.scholarship .visual .wrap-stats ul li .stats strong {font-family: 'Roboto', sans-serif; font-size:8rem; font-weight:700}
.scholarship .visual .wrap-stats ul li p {margin-top:20px; font-size:1.8rem; font-weight:300}
.scholarship .stats-copy {margin-top:50px; text-align:center;}
.scholarship .stats-copy ul {display:inline-block}
.scholarship .stats-copy ul:after {content:""; display:block; clear:both}
.scholarship .stats-copy ul li {position:relative; float:left; padding-left:13px; font-size:1.8rem; font-weight:300}
.scholarship .stats-copy ul li:before {content:""; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; background:#ffb400}
.scholarship .stats-copy ul li ~ li {margin-left:80px}
.scholarship .stats-copy ul li strong {display:inline-block; margin-left:30px; font-weight:500}
.scholarship [class^='wrap-'] {margin:0 auto; max-width:1200px; color:#444}
.scholarship .wrap-program ul {font-size:0}
.scholarship .wrap-program ul .inner {display:inline-block; position:relative; width:calc((100% - 60px) / 3); height:180px; text-align:center}
.scholarship .wrap-program ul .inner:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.scholarship .wrap-program ul .inner ~ .inner {margin-left:30px}
.scholarship .wrap-program ul .inner:nth-of-type(1) {background: -moz-linear-gradient(top, #ffbd20 0%, #cf9201 100%); background: -webkit-linear-gradient(top, #ffbd20 0%,#cf9201 100%); background: linear-gradient(to bottom, #ffbd20 0%,#cf9201 100%);}
.scholarship .wrap-program ul .inner:nth-of-type(2) {background: -moz-linear-gradient(top, #1477cb 0%, #0b4da2 100%); background: -webkit-linear-gradient(top, #1477cb 0%,#0b4da2 100%); background: linear-gradient(to bottom, #1477cb 0%,#0b4da2 100%);}
.scholarship .wrap-program ul .inner:nth-of-type(3) {background: linear-gradient(to bottom, #b5895b 0%,#8e6d4b 100%); background: -webkit-linear-gradient(top, #b5895b 0%,#8e6d4b 100%); background: -moz-linear-gradient(top, #b5895b 0%, #8e6d4b 100%);}
.scholarship .wrap-program ul .inner .ico-copy {display:inline-block; vertical-align:middle; color:#fff; font-size:2.4rem}
.scholarship .wrap-program ul .inner .ico-copy:before {content:""; display:block; margin:0 auto 20px; width:70px; height:70px; background-position:0 0; background-repeat:no-repeat}
.scholarship .wrap-program ul .inner:nth-of-type(1) .ico-copy:before {background-image:url(../../pc/images/ico-scholarship-program01.png)}
.scholarship .wrap-program ul .inner:nth-of-type(2) .ico-copy:before {background-image:url(../../pc/images/ico-scholarship-program02.png)}
.scholarship .wrap-program ul .inner:nth-of-type(3) .ico-copy:before {background-image:url(../../pc/images/ico-scholarship-program03.png)}
.scholarship .wrap-program ul .inner .btn-pop {position:absolute; bottom:-45px; left:50%; transform:translateX(-50%); font-size:1.6rem; text-align:center}
.scholarship .wrap-program ul .inner .btn-pop:after {content:""; display:block; position:absolute; top:50%; right:-35px; transform:translateY(-50%); width:27px; height:7px; background:url(../../pc/images/common/btn-detail-black.png) 0 0 no-repeat; background-size:27px auto}
.scholarship .wrap-rule ul {font-size:0}
.scholarship .wrap-rule ul li {display:inline-block; width:calc(50% - 20px); text-align:center}
.scholarship .wrap-rule ul li ~ li {margin-left:40px}
.scholarship .wrap-rule ul li .pic {margin-bottom:40px; height:300px}
.scholarship .wrap-rule ul li .tit-opt {color:#222; font-size:2.4rem; line-height:36px}
.scholarship .wrap-rule ul li .tit-opt strong {font-weight:700}
.scholarship .wrap-rule ul li p {width:600px; margin-top:17px; font-size:1.8rem; font-weight:300; line-height:30px}
.scholarship .wrap-project .title {padding-top:180px}
.scholarship .wrap-project ul {font-size:0}
.scholarship .wrap-project ul li {display:inline-block; padding:40px; width:calc((100% - 60px) / 3); height:240px; border:1px solid #ddd; vertical-align:top; background-position:calc(100% - 40px) calc(100% - 40px); background-repeat:no-repeat; background-size:80px 80px}
.scholarship .wrap-project ul li ~ li {margin-left:30px}
.scholarship .wrap-project ul li:nth-of-type(1) {background-image:url(../../pc/images/ico-scholarship-project01.png)}
.scholarship .wrap-project ul li:nth-of-type(2) {background-image:url(../../pc/images/ico-scholarship-project02.png)}
.scholarship .wrap-project ul li:nth-of-type(3) {background-image:url(../../pc/images/ico-scholarship-project03.png)}
.scholarship .wrap-project ul li .tit-opt {color:#000; font-size:3rem; font-weight:500}
.scholarship .wrap-project ul li p {margin-top:30px; font-size:1.4rem; font-weight:300; line-height:20px}
.scholarship .wrap-slid {position:relative; margin-top:80px; max-width:1400px; overflow:visible}
.scholarship .wrap-slid .bg {position:absolute; top:40px; left:50%; transform:translateX(-50%); width:100vw; height:257px; background:#f5f5f5}
.scholarship .wrap-slid .swiper-container {width:1200px}
.scholarship .wrap-slid .swiper-slide p {margin-top:20px; font-size:1.8rem; font-weight:300; text-align:center}
.scholarship .wrap-slid .swiper-button-prev {left:0; width:22px; height:43px; background:url(../../pc/images/common/btn-board-view-prev.png) 0 0 no-repeat}
.scholarship .wrap-slid .swiper-button-next {right:0; width:22px; height:43px; background:url(../../pc/images/common/btn-board-view-next.png) 0 0 no-repeat}

/* 에러페이지 */
.section-error .content-section {padding-top:80px; text-align:center}
.section-error .content-section .inset-content {max-width:1200px; margin:0 auto}
.section-error .content-section h2 {margin-bottom:25px; color:#000; font-family:'Roboto', sans-serif; font-size:30px; font-weight:500; text-align:center}
.section-error .content-section h2 + img {width:192px}
.section-error .content-section .intro-error {padding:0 0 172px; background:#fff url(../../pc/images/bg-error.png) center 103% no-repeat}
.section-error .content-section .intro-error .tit-opt {display:block; margin-top:30px; font-size:22px}
.section-error .content-section .error-inner {padding:63px 0 120px; background:#fafafa}
.section-error .content-section .error-inner p {margin-bottom:33px; font-size:18px; font-weight:300; line-height:30px}
.section-error .content-section .error-inner .move-links {font-size:0}
.section-error .content-section .error-inner a {display:inline-block; min-width:200px; color:#000; font-size:18px; text-align:center; line-height:60px; border:1px solid #000}
.section-error .content-section .error-inner a ~ a {margin-left:20px}