@charset "UTF-8";

[class^='section-'] {overflow:hidden}
[class^='section-'] > .header-section {max-width:1400px; margin:0 auto; text-align:center;}
[class^='section-'] > .header-section .inner-header {position:relative; z-index:2; /* padding:0 0 20px */ margin-bottom:18px}
/* [class^='section-'] > .header-section h2 {font-size:3rem; font-weight:500; color:#000;}
[class^='section-'] > .header-section h2 ~ p {margin-top:15px; font:500 0.9rem/1em 'Roboto', sans-serif; color:#aaa; letter-spacing:.6em;} */
[class^='section-'] > .header-section h2 {font-size:11px; font-weight:500; color:#aaa;}
[class^='section-'] > .header-section h3 {margin-top:14px; font-size:30px; font-weight:500; color:#000;}
[class^='section-'] > .header-section h3.has-depth2 {display:inline-block; position:relative; padding-right:35px; cursor: pointer;}
[class^='section-'] > .header-section h3.has-depth2:after {content:''; position: absolute; right:0; top:50%; margin-top:-12px; width:23px; height:23px; border:1px solid #ddd; border-radius:100%; background:url(../../mobile/images/common/ico-toggle-depth2.png) 50% 50% no-repeat; background-size:11px auto; -webkit-transition:all 300ms; transition:all 300ms;}
[class^='section-'] > .header-section h3.has-depth2.active:after {transform:rotate(180deg);}
[class^='section-'] > .header-section .depth2 {display:none; position:absolute; left:0; top:100%; width:100%; background-color:#fff; padding:25px;}
[class^='section-'] > .header-section .depth2 ul li ~ li {margin-top:22px}
[class^='section-'] > .header-section .depth2 ul li a {font-size:15px}
[class^='section-'] > .header-section .depth2 ul li.active a {color:#1477cb; text-decoration:underline;}
[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.active {position:relative; z-index:1; border-color:#003fad}
[class^='section-'] > .header-section .tab-depth2 ul li.active a {background-color:#003fad; color:#fff}
[class^='section-'] > .content-section {/* padding-top:50px; */ padding-bottom:80px; padding-left:15px; padding-right:15px; /* max-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:50px; font-size:0}
[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:33px; font-size:1.2rem; letter-spacing:-.05em;}
[class^='section-'] > .content-section .tab-depth3 ul li.active a {font-weight:500; color:#ffb400}
[class^='section-'] > .content-section .tab-depth3 ul li.active a:after {content:''; position:absolute; left:0; bottom:0; right:0; border-bottom:2px solid #ffb400;}
[class^='section-'] > .content-section .tab-depth3.scroll {margin:0 -15px}
[class^='section-'] > .content-section .tab-depth3.scroll ul {display:block; white-space: nowrap; overflow-x:auto; -webkit-overflow-scrolling: touch}
[class^='section-'] > .content-section .tab-depth3.scroll ul li {display:inline-block; flex-grow:unset;}
[class^='section-'] > .content-section .tab-depth3.scroll ul li:first-child {margin-left:15px}
[class^='section-'] > .content-section .tab-depth3.scroll ul li:last-child {margin-right:15px}
[class^='section-'] > .content-section .tab-depth3.scroll ul li a {padding:0 12px}

/* 아래 두라인은 샘플임 */
.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 {font-size:0;}
.search-board * {vertical-align: top;}
.search-board .wrap-select {display:inline-block; width:105px; border-bottom:1px solid #000; text-align: left;}
.search-board .wrap-select select {display:block; width:100%; height:25px; border:0; -webkit-appearance:none; appearance: none; font-size:1.2rem; color:#777; background: url(../../mobile/images/common/bg-select.png) 100% 50% no-repeat; background-size:12px auto;}
.search-board .input {display:inline-block; position:relative; width:calc(100% - 105px)}
.search-board input[type='text'] {width:calc(100% - 15px); height:25px; margin-left: 15px; border:0; border-bottom:1px solid #000; text-align: left; font-size:1.2rem; color:#aaa;}
.search-board input[type='submit'] {position:absolute; top:0; right:0; width:25px; height:25px; font-size:0; text-indent:-9999em; border:none; background:url(../../mobile/images/common/btn-input-search.png) 50% 0 no-repeat; background-size:15px auto}
.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:3rem; height:3rem; border:1px solid #fff; font-family: 'Roboto', sans-serif; font-size:1.5rem;}
.board-paginate > a ~ a,
.board-paginate .page > * ~ * {margin-left:5px;}
.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:2.8rem;}
.board-paginate .page > a span {font-weight:300; line-height:2.8rem;}
.board-paginate a:hover {border:1px solid #ffb400;}
.board-paginate .first {background: url(../../mobile/images/common/btn-board-first.png) 50% 50% no-repeat; background-size:13px auto;}
.board-paginate .prev {background: url(../../mobile/images/common/btn-board-prev.png) 50% 50% no-repeat; background-size:8px auto;}
.board-paginate .next {background: url(../../mobile/images/common/btn-board-next.png) 50% 50% no-repeat; background-size:8px auto;}
.board-paginate .last {background: url(../../mobile/images/common/btn-board-last.png) 50% 50% no-repeat; background-size:13px auto;}

.board-list-thumbnail > ul {display:flex; flex-wrap: wrap; justify-content:flex-start}
.board-list-thumbnail > ul > li {position:relative; margin-bottom:15px; width:100%}
.board-list-thumbnail > ul > li:last-child {margin-bottom:0}
.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; padding-bottom:250px; background:#f7f7f7; background: url(../../pc/images/temp/pic-board.jpg) center center no-repeat; background-size:cover}
.board-list-thumbnail > ul > li .desc {padding:15px 25px 28px; border:1px solid #ddd; border-top:0}
.board-list-thumbnail > ul > li .desc .label {line-height:30px; font-size: 1.3rem; 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; font-size: 2.1rem; font-weight:500; line-height: 1.3em;}
.board-list-thumbnail > ul > li .desc .date {display:block; margin-top:2rem; font-family: 'Roboto', sans-serif; font-size:1.3rem; 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(../../mobile/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(../../mobile/images/common/btn-play-video-over.png)}

.board-list-thumbnail > ul > li.no-data {flex:0 0 100%; width:100%; font-size:14px; text-align:center; line-height:100px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.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; padding:25px 0; font-size:0}
.board-list > ul > li a * {display:inline-block; vertical-align:middle;}
.board-list > ul > li a .label {width:100%; color:#ffb400; font-size:1.3rem; font-weight:500}
.board-list > ul > li a .title {margin:10px 0 20px; width:calc(100% - 100px); font-size:2.1rem; font-weight:500; text-align:left; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board-list > ul > li a .state {width:100px; text-align:right}
.board-list > ul > li a .state span {width:83px; color:#ffb400; font-size:1.3rem; font-weight:500; line-height:28px; border:1px solid #ffb400; border-radius:5px; text-align:center}
.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:100%; color:#777; font-family: 'Roboto', sans-serif; font-size:1.3rem; font-weight:300}

.board-list > ul > li.no-data {color:#444; font-size:14px; text-align:center; line-height:100px}

/* 게시판 */
.section-board .result-amount {margin-bottom:15px; margin-top:40px; color:#777; font-size:1.2rem; font-weight:400;}
.section-board .result-amount strong {color:#ffb400; font-family: 'Roboto', sans-serif; font-weight:400;}
.section-board .board-paginate {padding-top:30px}
.section-board .header-content {text-align:center; border-bottom:1px solid #eee;}
.section-board .header-content .label {font-size: 1.3rem; 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:10px; margin-bottom:10px; color:#000; font-size:2.1rem; line-height:1.5em; 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:1.8rem; line-height:2.2em; font-family: 'Roboto', sans-serif; font-size:1.3rem; font-weight:300; color:#777;}
.section-board .header-content .state {display:block; margin-bottom:2.8rem; color:#777; font-size:1.3rem; font-weight:300}
.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:10px; background:#ddd}


.section-board .article-board {padding:40px 0 0}
.section-board .article-board .pic {margin:40px 0}
.section-board .article-board .pic 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.3rem; line-height:1.5em; font-weight:300; word-break:keep-all}
.section-board .article-board p strong {font-size:1.5rem; line-height:1.5em; font-weight:400;}
.section-board .article-board p ~ p {margin-top:15px}
.section-board .attach-board {margin-top:40px}
.section-board .attach-board .attach-inner ul {text-align: left;}
.section-board .attach-board .attach-inner ul li {padding-left:15px; padding-right:50px; font-size: 1.2rem; line-height:40px; background: #fafafa}
.section-board .attach-board .attach-inner ul li ~ li {margin-top:10px;}
.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:50%; right:-30px; margin-top:-7px; width:15px; height:15px; background:url(../../mobile/images/common/ico-attach.png) 50% 50% no-repeat; background-size:15px auto}
.section-board .attach-board .attach-inner ul li a span {color:#717171; font-family: 'Roboto', sans-serif; font-size:1.2rem; letter-spacing:0}
.section-board .nav-board {margin-top:40px; padding-top:30px; 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% - 45px) / 2); line-height:45px;}
.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:1.3rem; font-weight:500}
.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:17px; background:url(../../mobile/images/common/btn-board-view-prev.png) 0 50% no-repeat;background-size:auto 10px;}
.section-board .nav-board ul li.list {float:left; width:45px; height:45px; border:1px solid #ffb400}
.section-board .nav-board ul li.list a {width:100%; height:100%; font-size:0; text-indent:-9999em; background:url(../../mobile/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:17px; background:url(../../mobile/images/common/btn-board-view-next.png) 100% 50% no-repeat;background-size:auto 10px;}
.section-board .nav-board ul li.last {text-align:right}
/* MDM 소개 */
.section-company .name {margin-top:52px; font-size:12px; font-weight:300; line-height:18px; text-align:right}
.section-company .name img {margin-left:15px; vertical-align:middle; width:68px}

/* ceo 인사말 */
.section-company.ceo {}
.section-company.ceo .content-section {padding-top:50px}
.section-company.ceo .wrap-ceo {font-size:0; max-width:360px; margin:0 auto}
.section-company.ceo .wrap-ceo .pic {position:relative; display:inline-block; width:180px}
.section-company.ceo .wrap-ceo .pic:before {content:"GREETINGS"; display:block; position:absolute; bottom:-40px; left:56px; z-index:0; color:#000; font-family: 'Roboto', sans-serif; font-size:6rem; font-weight:700; opacity:0.05}
.section-company.ceo .wrap-ceo .pic img {width:100%; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08);}
.section-company.ceo .wrap-ceo .title {display:inline-block; padding-top:14px; margin-left:20px; width:calc(50% - 35px); color:#000; font-family: 'NotoSerifKR', sans-serif; font-size:2rem; line-height:30px; vertical-align:top}
.section-company.ceo .wrap-ceo .desc {}
.section-company.ceo .wrap-ceo .desc .copy {margin-top:53px}
.section-company.ceo .wrap-ceo .desc .copy .tit-opt {display:block; margin-bottom:16px; color:#000; font-size:1.5rem; font-weight:500; line-height:1em}
.section-company.ceo .wrap-ceo .desc .copy p {font-size:1.2rem; font-weight:300; line-height:18px; word-break:keep-all}
.section-company.ceo .wrap-ceo .desc .copy p ~ p {margin-top:13px}
.section-company.ceo .wrap-ceo .desc .copy p strong {color:#000; font-weight:500}
.section-company.ceo .wrap-ceo .name {margin-top:27px; margin-bottom:0}

/* 미션&비전 */
.section-company.vision {background:url(../../mobile/images/bg-vision.jpg) 50% 100% no-repeat; background-size:100% auto}
.section-company.vision .content-section {padding-bottom:100px}
.section-company.vision [class^='wrap-'] {margin-top:50px}
.section-company.vision [class^='wrap-'] .desc p {color:#000; font-size:1.8rem; font-weight:300; text-align:center; line-height:1.3em; word-break:keep-all}
.section-company.vision .title {display:block; margin-bottom:25px; color:#ffb400; font-family: 'Roboto', sans-serif; font-size:1.5rem; font-weight:700; text-align:center}
/* .section-company.vision [class^='wrap-']:first-child {margin-top:-10px} */
/* .section-company.vision [class^='wrap-']:nth-of-type(2) {margin-top:267px} */
/* .section-company.vision .wrap-vision .desc p {font-size:2.5rem; line-height:1} */
.section-company.vision .wrap-vision .pic {position:relative; margin:30px auto 0; max-width:414px; height:385px}
.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:0; right:-15px; width:300px; height:185px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08);}
.section-company.vision .wrap-vision .pic img {width:300px}
.section-company.vision .wrap-vision .pic img:nth-of-type(1) {position:absolute; top:0; right:-15px}
.section-company.vision .wrap-vision .pic img:nth-of-type(2) {position:absolute; bottom:0; left:-15px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08)}
/* .section-company.vision .wrap-mission .desc p {font-size:2rem; font-weight:300} */
.section-company.vision .wrap-mission .pic {position:relative; margin:40px auto 0; max-width:414px; height:353px}
.section-company.vision .wrap-mission .pic .shadow-area {display:block; position:absolute; top:34px; left:-15px; width:300px; height:140px; box-shadow: 30px 52px 45px 0px rgba(0, 0, 0, 0.08)}
.section-company.vision .wrap-mission .pic .shadow-area p {margin-top:148px; padding-left:15px; color:#777; font-size:1rem}
.section-company.vision .wrap-mission .pic img {width:300px}
.section-company.vision .wrap-mission .pic img:nth-of-type(1) {position:relative; left:-15px}
.section-company.vision .wrap-mission .pic img:nth-of-type(2) {position:absolute; bottom:0; right:-15px; 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:119px; height:119px; 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:-14px}
.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:1.3rem; vertical-align:middle;}
.section-company.vision .wrap-core ul li p:before {content:""; display:block; margin:0 auto 10px; width:35px; height:35px; }
.section-company.vision .wrap-core ul li:nth-of-type(1) p:before {background:url(../../mobile/images/ico-vision-core02.png) 0 0 no-repeat; background-size:35px auto}
.section-company.vision .wrap-core ul li:nth-of-type(2) p:before {background:url(../../mobile/images/ico-vision-core01.png) 0 0 no-repeat; background-size:35px auto}
.section-company.vision .wrap-core ul li:nth-of-type(3) p:before {background:url(../../mobile/images/ico-vision-core03.png) 0 0 no-repeat; background-size:35px auto}

/* 경영철학 */
.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:75px; 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; padding-bottom:30px; color:#000; font-family: 'NotoSerifKR', sans-serif; font-size:1.8rem; font-weight:600; text-align:left; line-height:1.8em; letter-spacing:-.1em}
.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 {color:#000}
.section-company .tab-depth3.philos ul li.active a:after {border-color:#000}
.section-company .tab-depth3.philos ul li.active:after {transform:translateY(0); transition:all .5s}

.section-company.philosophy .tab-depth3.philos {position:absolute; bottom:0; left:0; right:0; margin-bottom:150px}
.section-company.philosophy .content-section {position:relative; padding:0; margin-top:50px}

.section-company .philos-bottom {height:170px; background-size:cover; background-position:0 0; background-repeat:no-repeat; text-align:center}
.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:36px 0 10px; font-size:1.5rem; font-weight:300}
.section-company .philos-bottom p {font-size:2rem; font-weight:200; line-height:1.5em}
.section-company.philosophy01 .philos-bottom {background-image:url(../../mobile/images/bg-philosophy-bottom01.jpg)}
.section-company.philosophy02 .philos-bottom {background-image:url(../../mobile/images/bg-philosophy-bottom02.jpg)}
.section-company.philosophy03 .philos-bottom {background-image:url(../../mobile/images/bg-philosophy-bottom03.jpg)}
.section-company.philosophy04 .philos-bottom {background-image:url(../../mobile/images/bg-philosophy-bottom04.jpg)}
.section-company.philosophy05 .philos-bottom {background-image:url(../../mobile/images/bg-philosophy-bottom05.jpg)}

.philosophy-list {text-align:left}
.philosophy-list ul li a, .philosophy-drop .now, .philosophy-drop ul li a {position:relative; display:block; height:88px; font-size:1.3rem; color:#000; font-family: 'NotoSerifKR', sans-serif; border-bottom:2px solid #000}
.philosophy-list ul li a:after, .philosophy-drop .now:after {position:absolute; bottom:21px; right:0; content:""; display:block; width:7px; height:11px; background:url(../../mobile/images/common/btn-list-tab.png) 0 0 no-repeat; background-size:cover}
.philosophy-drop .now:after {transform:rotate(90deg); right:10px}
.philosophy-list ul li a span, .philosophy-drop .now span, .philosophy-drop ul li a span {display:block; padding:28px 0 14px; color:#444; font-family: 'Roboto', sans-serif; font-weight:600; font-size:1.2rem}

.philosophy-drop {position:relative; margin:0 15px}
.philosophy-drop.active .now:after {transform:rotate(270deg);}
.philosophy-drop ul {display:none; position:absolute; top:86px; left:0; width:100%; border:2px solid #000; background-color:#fff; z-index:2}
.philosophy-drop.active ul {display:block}
.philosophy-drop ul li a {height:65px; padding:0 15px; border:0}
.philosophy-drop ul li a:focus {background-color:#fafafa}
.philosophy-drop ul li a span {padding:12px 0}

[class*="philosophy0"] .content-section {padding-top:2px; padding-bottom:0}
[class*="philosophy"] .v-section01 {position:relative; margin:40px auto 0; padding:0 15px; max-width:414px}
[class*="philosophy"] .v-section01 .pic {position:absolute; top:0; width:195px; height:200px; z-index:1; overflow:hidden}
[class*="philosophy"] .v-section01 .pic img {width:100%; transform: scale(1.1); transition:0.7s linear; box-shadow:none;}
[class*="philosophy"] .v-section01 .pic.on img {transform: scale(1)}
[class*="philosophy"] .v-section01 .desc {width:100vw}
[class*="philosophy"] .v-section01 .desc .tit {font-family: 'NotoSerifKR', sans-serif; color:#000; font-weight:400; line-height:1.5em; font-size:2rem}
[class*="philosophy"] .v-section01 .desc .tit .hash {display:block; font-size:1.5rem; line-height:0.7em; margin-bottom:10px}
[class*="philosophy"] .v-section01 .desc .txt {color:#fff; font-size:1.4rem; line-height:1.5em; background-color:#8e6d4b}

[class*="philosophy"] .v-section02 {margin:60px auto 0; padding:0 15px; max-width:414px}
[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:6rem; font-weight:700; color:#000; opacity:0.05}
[class*="philosophy"] .v-section02 .type01 .pic {margin:0 auto; padding:0 15px; }
[class*="philosophy"] .v-section02 .type01 .desc .tit {margin-top:40px}

[class*="philosophy"] .v-section03 {background-color:#8e6d4b; padding-bottom:100px}
[class*="philosophy"] .v-section03 [class^="visual"] {max-width:414px; }
[class*="philosophy"] .v-section03 .type01 .desc .tit {margin-top:40px}

[class*="philosophy"] .pic img {width:100%; box-shadow: 5px 10px 25px 0px rgba(0, 0, 0, 0.1);}
[class*="philosophy"] .pic .ds {display:block; padding-top:2px; font-size:0.8rem; color:#777; letter-spacing:-0.12em; text-align:right; line-height:1.8em}
[class*="philosophy"] .pic .ds.left {text-align:left}
[class*="philosophy"] .pic .ds.center {text-align:center}
[class*="philosophy"] .pic .ds.white {color:#b6a491}
[class*="philosophy"] .pic .ds em {font-weight:500; color:#444}
[class*="philosophy"] .pic .ds.white em {font-weight:500; color:#fff}
[class*="philosophy"] .type01 .desc .tit {text-align:center; font-size:20px; font-weight:500; color:#222; line-height:1.5em}
[class*="philosophy"] .type01 .desc .tit:before {content:""; margin:0 auto 10px; display:block; width:20px; height:2px; background:#000}
[class*="philosophy"] .type01 .desc .txt {margin-top:20px; text-align:center; line-height:1.5em; font-size:1.4rem; font-weight:300; color:#444}
[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"] .bq01 {position:relative; display:inline-block; padding:0 10px; line-height:1.5em; color:#8e6d4b; font-size:1.3rem; font-family: 'NotoSerifKR', sans-serif;}
[class*="philosophy"] .bq01.white {color:#d6af87}
[class*="philosophy"] .bq01:before {position:absolute; top:-1px; left:0; content:"\201C"; display:inline-block;}
[class*="philosophy"] .bq01:after {position:absolute; bottom:0; right:0; content:"\201D"; display:inline-block;}

.philosophy .v-section01 {padding:0 15px 80px 15px; max-width:initial; margin:0; text-align:center; background:#f7f7f7 url(../../mobile/images/bg-philosophy.jpg) 0 0 no-repeat; background-size:100% auto}
.philosophy .v-section01 img {margin:50px 0 5px 0; width:246px}

.philosophy01 .v-section01 .pic {left:0;}
.philosophy01 .v-section01 .desc .tit {margin-left:197px; /* margin-right:30px */ }
.philosophy01 .v-section01 .desc .txt {margin-top:16px; padding:29px 20px 17px}
.philosophy01 .v-section02:before {margin:336px 0 0 -134px; transform:rotate(90deg)}
.philosophy01 .v-section02 .visual01 {height:598px}
.philosophy01 .v-section02 .visual01 .pic {padding:0 13px}
.philosophy01 .v-section03 {position:relative; border-top:100px solid #fff; margin-top:60px}
.philosophy01 .v-section03 .visual01 {height:547px; max-width:414px; padding:0 15px; margin:-100px auto 0}
.philosophy01 .v-section03 .visual02 {max-width:414px; height:502px;  margin:55px auto 0}
.philosophy01 .v-section03 .visual02 .desc {max-width:414px}
.philosophy01 .v-section03 .visual03 {display:flex; justify-content:flex-end; max-width:414px; height:238px; margin:40px auto 0}
.philosophy01 .v-section03 .visual03 .pic {width:255px;}
.philosophy01 .v-section03:after {content:""; display:block; width:45px; height:130px; position:absolute; bottom:0; left:50%; margin-left:-124px; background:url(../../mobile/images/bg-philosophy01-1.png) 0 0 no-repeat; background-size:100% auto}

.philosophy02 .v-section01 {height:300px}
.philosophy02 .v-section01 .pic {right:0; left:initial;}
.philosophy02 .v-section01 .desc {position:absolute; bottom:0; right:15px; height:300px}
.philosophy02 .v-section01 .desc .tit {text-align:right; height:180px}
.philosophy02 .v-section01 .desc .tit span {display:inline-block; margin-top:15px; text-align:left}
.philosophy02 .v-section01 .desc .txt {text-align:right; padding:30px 0}
.philosophy02 .v-section01 .desc .txt span {display:inline-block; text-align:left;}
.philosophy02 .v-section02:before {margin:336px 0 0 -134px; transform:rotate(90deg)}
.philosophy02 .v-section02 .visual02 {display:flex; justify-content:flex-end; height:218px; margin-top:35px; text-align:right}
.philosophy02 .v-section02 .visual02 > div {width:255px}
.philosophy02 .v-section02 .visual02 .pic {margin-top:10px}
.philosophy02 .v-section02 .visual03 {max-width:414px; height:564px;  margin:25px auto 0}
.philosophy02 .v-section02 .visual03 .pic {max-width:257px; margin:0; padding:0}
.philosophy02 .v-section03 {padding-bottom:70px; border-top:80px solid #fff; margin-top:70px}
.philosophy02 .v-section03 .visual01 {height:910px; max-width:414px; padding:0 15px; margin:-80px auto 0}

.philosophy03 .v-section01 .pic {left:-15px;}
.philosophy03 .v-section01 .desc .tit {margin-left:182px; margin-right:30px; padding-top:20px}
.philosophy03 .v-section01 .desc .txt {margin-top:60px; padding:55px 20px 17px}
.philosophy03 .v-section02 {margin-top:60px; padding-bottom:90px;}
.philosophy03 .v-section02:before {margin:550px 0 0 -20px}
.philosophy03 .v-section02 .visual01 .pic {}
.philosophy03 .v-section02 .visual01 .pic div + div {margin-top:15px}
.philosophy03 .v-section02 .visual01 .pic:after {content:""; display:block;clear:both}
.philosophy03 .v-section02 .visual01 .pic .overlap01 {max-width:235px}
.philosophy03 .v-section02 .visual01 .pic .overlap02 {float:right; max-width:225px; margin-top:-25px; margin-right:-15px; position:relative; z-index:1}
.philosophy03 .v-section02 .visual02 {height:59px; margin-top:45px; text-align:center}
.philosophy03 .v-section02 .visual02 .bq01 {padding:0 25px}
.philosophy03 .v-section02 .visual02 .bq01:before {top:22px; opacity:0.5}
.philosophy03 .v-section02 .visual02 .bq01:after {bottom:18px; opacity:0.5}
.philosophy03 .v-section03 {padding-bottom:70px; border-top:75px solid #fff}
.philosophy03 .v-section03 {background:#8e6d4b url(../../mobile/images/bg-philosophy03-1.png) left bottom no-repeat; background-size:190px 169px}
.philosophy03 .v-section03 .visual01 {height:184px; max-width:414px; padding:0 15px; margin:-107px auto 0;}
.philosophy03 .v-section03 .visual01 .pic {position:relative; margin-left:-15px; width:265px;}
.philosophy03 .v-section03 .visual01 .pic:after {position:absolute; bottom:15px; right:0; content:""; display:block; width:100%; height:80%; 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 {height:365px; max-width:414px; padding:0 15px; margin:0 auto}
.philosophy03 .v-section03 .visual03 {height:210px; max-width:414px; padding:0 15px; margin:50px auto 0}

.philosophy04 .v-section01 {height:300px}
.philosophy04 .v-section01 .pic {right:0; left:initial;}
.philosophy04 .v-section01 .desc {position:absolute; bottom:0; right:15px; height:300px}
.philosophy04 .v-section01 .desc .tit {text-align:right; height:180px}
.philosophy04 .v-section01 .desc .tit span {display:inline-block; margin-top:15px; text-align:left}
.philosophy04 .v-section01 .desc .txt {text-align:right; padding:30px 0}
.philosophy04 .v-section01 .desc .txt span {display:inline-block; text-align:left;}
.philosophy04 .v-section02:before {margin:475px 0 0 -129px; transform:rotate(90deg)}
.philosophy04 .v-section02 .visual01 {height:622px;}
.philosophy04 .v-section02 .visual02 {height:154px; margin-top:40px}
.philosophy04 .v-section03 {padding-bottom:70px; border-top:79px solid #fff; margin-top:55px}
.philosophy04 .v-section03 .visual01 {height:315px; max-width:414px; padding:0 15px; margin:-79px auto 0;}
.philosophy04 .v-section03 .visual01 .pic {position:relative; width:330px; margin-left:-15px}
.philosophy04 .v-section03 .visual02 {height:206px; max-width:414px; padding:0 15px; margin:0 auto}

.philosophy05 .v-section01 .pic {left:0; width:225px; height:240px}
.philosophy05 .v-section01 .desc .tit {margin-left:231px; margin-right:30px; padding-top:20px}
.philosophy05 .v-section01 .desc .txt {margin-top:60px; padding:55px 20px 17px}
.philosophy05 .v-section02 {margin-top:60px}
.philosophy05 .v-section02:before {margin:375px 0 0 -20px}
.philosophy05 .v-section02 .visual01 {height:452px}
.philosophy05 .v-section02 .visual02 {display:flex; justify-content:flex-end; height:146px; margin-top:115px; text-align:right}
.philosophy05 .v-section02 .visual02 > div {width:200px}
.philosophy05 .v-section02 .visual02 .bq01 {text-align:left}
.philosophy05 .v-section02 .visual03 {height:165px; margin-top:-200px; width:140px}
.philosophy05 .v-section02 .visual04 {height:78px; margin-top:80px; text-align:center}
.philosophy05 .v-section02 .visual04 .bq01 {padding:0 25px}
.philosophy05 .v-section02 .visual04 .bq01:before {top:22px; opacity:0.5}
.philosophy05 .v-section02 .visual04 .bq01:after {bottom:18px; opacity:0.5}
.philosophy05 .v-section03 {padding-bottom:70px; border-top:79px solid #fff; margin-top:55px}
.philosophy05 .v-section03 .visual01 {height:165px; max-width:414px; padding:0 15px; margin:-79px auto 0;}
.philosophy05 .v-section03 .visual01 > div {width:265px; margin-left:-15px}
.philosophy05 .v-section03 .visual02 {height:227px; max-width:414px; padding:0 15px; margin:0 auto}


/* 연혁 */
.section-company.history .content-section {padding-bottom:0}
.section-company.history .tab-depth3 ul li a {margin-bottom:-1px; color:#777; font-family: 'Roboto', sans-serif; font-size:1.2rem; font-weight:300; line-height:35px}
.section-company.history .tab-depth3 ul li a span {display:block; margin-bottom:-6px; color:#444; font-family: 'Noto Sans KR', sans-serif; font-size:1rem; font-weight:400; line-height:normal}
.section-company.history .tab-depth3 ul li a em {font-family: 'Noto Sans KR', sans-serif; font-size:1.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 {position:relative; text-align:center}
.section-company.history .visual .bg-txt {color:#000; font-size:7rem; font-weight:600; opacity:.03}
.section-company.history .visual .desc {position:absolute; top:25px; left:0; width:100%}
.section-company.history .visual .desc .tit-opt {display:block; margin-bottom:10px; color:#000; font-size:3rem; font-weight:700}
.section-company.history .visual .desc p {font-size:1.3rem; font-weight:300; line-height:20px}
.section-company.history .visual .desc h3 {margin-top:17px; color:#8e6d4b; font-family: 'Roboto', sans-serif; font-size:2rem; font-weight:700; font-style:italic}
.section-company.history .visual .desc h3 .kor {font-family: 'Noto Sans KR', sans-serif; font-size:1.7rem; font-style:normal}
.section-company.history .visual .desc h3 span ~ span {position:relative; margin-left:50px}
.section-company.history .visual .desc h3 span ~ span:before {content:""; display:block; position:absolute; top:50%; left:-40px; width:30px; height:1px; background:#ddd}
.section-company.history .swiper-container {margin-top:88px}
.section-company.history .swiper-container.history03 {margin-top:115px}
.section-company.history .swiper-pagination-fraction {bottom:14px; left:inherit; right:42px; width:auto; color:#444; font-family: 'Roboto', sans-serif; font-size:1.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:15px; left:inherit; right:85px; width:7px; height:11px; background:url(../../mobile/images/btn-history-prev.png) 0 0 no-repeat; background-size:7px auto}
.section-company.history .swiper-button-next {top:inherit; bottom:15px; width:7px; height:11px; background:url(../../mobile/images/btn-history-next.png) 0 0 no-repeat; background-size:7px auto}
.section-company.history .wrap-history {position:relative; padding-top:45px; padding-bottom:20px;}
.section-company.history .wrap-year {padding:25px 0; font-size:0}
.section-company.history .wrap-year ~ .wrap-year {border-top:1px solid #ddd}
.section-company.history .wrap-year:first-child {padding-top:0}
.section-company.history .wrap-year .year {display:block; color:#8e6d4b; font-family: 'Roboto', sans-serif; font-size:3rem; font-weight:700; font-style:italic; vertical-align:top}
.section-company.history .wrap-year ul {margin-top:7px; width:100%}
.section-company.history .wrap-year ul li {position:relative}
.section-company.history .wrap-year ul li ~ li {margin-top:8px}
.section-company.history .wrap-year ul li .month {display:inline-block; position:absolute; top:0; left:0; width:30px; color:#000; font-family: 'Roboto', sans-serif; font-size:1.4rem; font-weight:500; line-height:2.2em}
.section-company.history .wrap-year ul li .month .kor {font-family: 'Noto Sans KR', sans-serif; line-height:24px}
.section-company.history .wrap-year ul li p {display:inline-block; padding-left:30px; width:100%; font-size:1.4rem; font-weight:300; line-height:1.78em}
.section-company.history .visual.bottom {height:175px}
.section-company.history .visual.bottom .bg-txt {padding-top:30px; color:#fff; opacity:.1}
.section-company.history .visual.bottom .desc {top:55px}
.section-company.history .visual.bottom .desc .tit-opt {color:#ffb400}
.section-company.history .visual.bottom .desc h3 {color:#fff}
.section-company.history .visual.bottom.history01:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:175px; background:url(../../mobile/images/bg-history-bottom01.jpg) 0 0 no-repeat; background-size:cover}
.section-company.history .visual.bottom.history02:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:175px; background:url(../../mobile/images/bg-history-bottom02.jpg) 0 0 no-repeat; background-size:cover}
.section-company.history .visual.bottom.history03:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:175px; background:url(../../mobile/images/bg-history-bottom03.jpg) 0 0 no-repeat; background-size:cover}
.section-company.history .visual.bottom.history04:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:175px; background:url(../../mobile/images/bg-history-bottom04.jpg) 0 0 no-repeat; background-size:cover}

/* 계열사 */
.section-company.family .content-section {padding-bottom:98px}
.section-company.family h3 {margin-bottom:40px; text-align:center}
.section-company.family h3 img {width:245px; height:auto}
.section-company.family .group-family {}
.section-company.family .group-family ~ .group-family {margin-top:48px}
.section-company.family .group-family li {position:relative; border:2px solid #ddd; border-top: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 li:not(.group-head) {display:none}
.section-company.family .group-family .group-head {height:144px; border:none}
.section-company.family .group-family .group-head:after {content:""; display:block; z-index:1; position:absolute; bottom:-18px; left:50%; margin-left:-18px; width:35px; height:35px; background:#fff url(../../mobile/images/btn-family-off.png) 50% 50% no-repeat; background-size:11px auto; border:1px solid #ddd; border-radius:100%}
.section-company.family .group-family .group-head a:before {content:""; display:block; position:absolute; top:50%; left:30px; margin-top:-35px; width:70px; height:70px; background-size:70px auto}
.section-company.family .group-family .group-head a {padding-top:30px; padding-left:130px; color:#fff}
.section-company.family .group-family .group-head a p {font-size:2rem; 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.2rem; opacity:.5; letter-spacing:0.1em}
.section-company.family .group-family .group-head a .detail {font-size:1.5rem; background:url(../../mobile/images/common/btn-detail.png) 74px 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(../../mobile/images/ico-family-develop.png)}
.section-company.family .group-bank .group-head a:before {background-image:url(../../mobile/images/ico-family-bank.png)}
.section-company.family .group-social .group-head a:before {background-image:url(../../mobile/images/ico-family-social.png)}

/* .section-company.family .group-family.active li:not(.group-head) {display:block} */
.section-company.family .group-family.active + .group-family {margin-top:30px}
.section-company.family .group-family.active .group-head:after {background-image:url(../../mobile/images/btn-family-on.png)}


/* ci */
.section-company.ci-bi {}
.section-company.ci-bi h3.title {margin:50px 0 30px; color:#000; font-family: 'Roboto', sans-serif; font-size:2rem; font-weight:500; text-align:center}
.section-company.ci-bi h3.title span {font-family:'Noto Sans KR', sans-serif;}
.section-company.ci-bi .pic img {width:100%}
.section-company.ci-bi .desc p {font-size:1.2rem; font-weight:300; line-height:1.5em; text-align:center}
.section-company.ci-bi .desc p ~ p {margin-top:20px}
.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 .desc .tag {color:#8e6d4b; font-weight:500}
.section-company.ci-bi .wrap-ci .downs {margin-top:27px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-ci .downs a {display:inline-block; position:relative; padding-left:14px; width:calc((100% - 40px) / 2); font-family: 'Roboto', sans-serif; color:#000; font-size:1.4rem; line-height:40px; text-align:left; border:1px solid #000}
.section-company.ci-bi .wrap-ci .downs a:after {content:""; display:block; position:absolute; top:50%; right:14px; margin-top:-7px; width:15px; height:15px; background:url(../../mobile/images/common/ico-download.png) 0 0 no-repeat; background-size:15px auto }
.section-company.ci-bi .wrap-ci .downs a ~ a {margin-left:10px}
.section-company.ci-bi .wrap-signature .pic {font-size:0}
.section-company.ci-bi .wrap-signature .pic img ~ img {margin-top:10px}
.section-company.ci-bi .wrap-color .desc .tit-opt {display:block; margin-bottom:20px; color:#222; font-size:1.3rem; text-align:center; line-height:1.5em}
.section-company.ci-bi .wrap-color .desc .tit-opt em {font-weight:500}
.section-company.ci-bi .wrap-color ul {margin-top:30px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-color ul li {padding-top:25px; padding-left:24px; height:145px; color:#fff; font-family: 'Roboto', sans-serif; text-align:left}
.section-company.ci-bi .wrap-color ul li ~ li {margin-top:10px}
.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:42px; font-size:2rem; font-weight:500}
.section-company.ci-bi .wrap-color ul li p {font-size:1.3rem; line-height:1.5em}
.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:27px; font-size:0; text-align:center}
.section-company.ci-bi .wrap-ci .link a {display:inline-block; position:relative; padding-left:15px;  width:200px; font-family:'Noto Sans KR', sans-serif; color:#000; font-size:1.4rem; line-height:40px; text-align:left; border:1px solid #000}
.section-company.ci-bi .wrap-ci .link a:after {content:""; display:block; position:absolute; top:50%; right:16px; margin-top:-6px; width:15px; height:11px; background:url(../../mobile/images/common/btn-link-black.png) 0 0 no-repeat; background-size:15px auto}
.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; height:auto; background:#fff}
.section-company.ci-bi .wrap-color.bi ul li ~ li {margin-top:48px}
.section-company.ci-bi .wrap-color.bi ul li .color-head {position:relative; padding:25px 24px 30px}
.section-company.ci-bi .wrap-color.bi ul li .color-head:after {content:""; display:block; z-index:1; position:absolute; bottom:-18px; left:50%; margin-left:-18px; width:35px; height:35px; background:#fff url(../../mobile/images/btn-family-off.png) 50% 50% no-repeat; background-size:11px auto; border:1px solid #ddd; border-radius:100%}
.section-company.ci-bi .wrap-color.bi ul li .color-name {margin-bottom:32px}
.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 {display:none; padding:30px 25px 25px; 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:2rem; 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:0.9rem; 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:35px; height:2px}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt p {font-size:12px; font-weight:300; word-break:keep-all}
.section-company.ci-bi .wrap-color.bi ul li .color-desc .txt p ~ p {margin-top:15px}
.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.ci-bi .wrap-color.bi ul li.active .color-head:after {background-image:url(../../mobile/images/btn-family-on.png); background-position:50% 49%}
.section-company.ci-bi .wrap-color.bi ul li.active .color-desc {display:block}
.section-company.ci-bi .wrap-color.bi ul li.active + li {margin-top:30px}

/* 오시는길 */
.section-company.direction .map-area {min-height:173px; background:#000; overflow:hidden}
.section-company.direction .map-area img {width:100%}
.section-company.direction .wrap-direction {padding-bottom:72px; margin-top:30px; font-size:0}
.section-company.direction .wrap-direction h3 {font-size:2rem; font-weight:500}
.section-company.direction .wrap-direction ul {margin-top:25px}
.section-company.direction .wrap-direction ul li ~ li {margin-top:12px}
.section-company.direction .wrap-direction ul .tel,
.section-company.direction .wrap-direction ul .fax {display:inline-block; width:50%}
.section-company.direction .wrap-direction ul li p {position:relative; padding-left:30px; font-size:1.3rem; font-weight:300; line-height:20px}
.section-company.direction .wrap-direction ul li p:before {content:""; display:block; position:absolute; top:0; left:0; width:20px; height:20px; background-position:0 0; background-repeat:no-repeat; background-size:20px auto}
.section-company.direction .wrap-direction ul .address p {line-height:1.5em}
.section-company.direction .wrap-direction ul .address p:before {background-image:url(../../mobile/images/ico-direction-address.png)}
.section-company.direction .wrap-direction ul .way p:before {background-image:url(../../mobile/images/ico-direction-way.png)}
.section-company.direction .wrap-direction ul .tel p:before {background-image:url(../../mobile/images/ico-direction-tel.png)}
.section-company.direction .wrap-direction ul .fax p:before {background-image:url(../../mobile/images/ico-direction-fax.png)}
.section-company.direction .wrap-direction .mdm-area {margin-bottom:50px}

/* 사업정보 */
.section-business .content-section {padding-bottom:95px}
.section-business .wrap-develop {font-size:0}
.section-business .wrap-develop ~ .wrap-develop {margin-top:50px}
.section-business .wrap-develop > .pic img {width:100%}
.section-business .wrap-develop .desc {margin-top:40px; text-align:center}
.section-business .wrap-develop .desc .title {color:#000; font-size:2.5rem; font-weight:500}
.section-business .wrap-develop .desc p {margin-top:30px; font-size:1.2rem; font-weight:300; line-height:1.5em; word-break:keep-all}
.section-business .wrap-develop .desc p ~ p {margin-top:13px}
.section-business .wrap-develop .desc a {display:block; margin:27px auto 0; width:155px; color:#000; font-size:1.4rem; line-height:40px; text-align:center; border:1px solid #000}
.section-business .wrap-develop .detail-view {margin-top:40px; font-size:13px; line-height:32px; 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:20px; background:url(../../mobile/images/btn-toggle-off.png) 100% center no-repeat; background-size:10px auto}
.section-business .wrap-develop .view-inner {display:none; min-width:calc(100% + 30px); margin-left:-15px}
.section-business .wrap-develop .view-inner .info ~ .info {margin-top:40px}
.section-business .wrap-develop .view-inner .info ul {padding:20px 0; margin-bottom:30px; margin-left:15px; width:calc(100% - 30px); 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 {position:relative; padding-left:85px; font-size:1.2rem; line-height:1.38em; word-break:keep-all}
.section-business .wrap-develop .view-inner .info ul li ~ li {margin-top:10px}
.section-business .wrap-develop .view-inner .info ul li .tit-opt {display:inline-block; position:absolute; top:0; left:0; width:85px; color:#777; font-weight:300}
.section-business .wrap-develop .view-inner .info ul li p {display:inline-block; position:relative; padding-left:10px; line-height:18px}
.section-business .wrap-develop .view-inner .info ul li p:before {content:""; display:block; position:absolute; top:8px; left:0; 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:-16px} */
.section-business .wrap-develop .view-inner .info .pic {width: 100%}
.section-business .wrap-develop .view-inner .info .pic img {width:100%}

.section-business .wrap-develop .detail-view.on a {background-image:url(../../pc/images/btn-toggle-on.png)}


/* 사업영역 부동산개발 부문 */

/* 사업실적 리스트 */
/* .project-list .board-list-thumbnail ul li .pic {padding-bottom:57.6%} */
.project-list .board-list-thumbnail ul li .desc {padding:20px 25px 25px}
.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:15px}
.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:49px; color:#444; font-size:1.3rem; line-height:1.9em; word-break:keep-all}
.project-list .board-list-thumbnail ul li .desc ul li ~ li {margin-top:3px}
.project-list .board-list-thumbnail ul li .desc ul li .tit-opt {display:inline-block; position:absolute; top:0; left:0; width:49px; color:#777; font-weight:300}

/* 사업실적 뷰페이지 */
/* .section-board .article-board {padding-top:25px} */
.swiper-container {display:grid;}
.swiper-slide img {width:100%}
.swiper-button-prev {left:15px; width:19px; height:36px; background:url(../../mobile/images/common/btn-slide-prev.png) 0 0 no-repeat; background-size:cover}
.swiper-button-next {right:15px; width:19px; height:36px; background:url(../../mobile/images/common/btn-slide-next.png) 0 0 no-repeat; background-size:cover}
.swiper-button-prev:after,
.swiper-button-next:after {content:""}
.swiper-pagination-bullet {width:5px; height:5px; background:transparent; border:1px solid #fff; border-radius:0; opacity:1}
.swiper-pagination-bullet-active {width:40px; background:#ffb400; border:none}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px}
.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:10px; color:#777; font-size:1.3rem; font-weight:300}
.project-view .article-board ul {padding-bottom:15px; margin:15px 0 30px; border-bottom:1px solid #ddd}
.project-view .article-board ul li {position:relative; padding-left:100px; color:#444; font-size:1.3rem; font-weight:400; line-height:20px}
.project-view .article-board ul li ~ li {margin-top:12px}
.project-view .article-board ul li .tit-opt {display:inline-block; position:absolute; top:0; left:0; width:100px; color:#777; font-size:1.3rem; font-weight:300}

/* 홍보활동 */
/* 브로슈어 */
/* .section-brochure .content-section {padding-bottom:100px} */
.section-brochure .wrap-brochure {display:flex; justify-content:space-between; flex-wrap:wrap}
.section-brochure .wrap-brochure li {flex-grow:1}
.section-brochure .wrap-brochure li ~ li {margin-top:50px}
.section-brochure .wrap-brochure li img {width:100%}
.section-brochure .wrap-brochure li a {display:block; position:relative; padding-left:16px; margin:30px auto 0; width:200px; color:#000; font-family:'Roboto', sans-serif; font-size:1.4rem; line-height:40px; letter-spacing:0; 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:18px; margin-top:-7px; width:15px; height:15px; background:url(../../mobile/images/common/ico-download.png) 0 0 no-repeat; background-size:15px auto }

/* 인재채용 */
.recruit .content-section {padding-top:50px}
.recruit .content-section .inner-content-section {color:#fff; text-align:center}
.recruit .title {margin-bottom:15px; font-size:2.5rem; font-weight:500; text-align:center}
.recruit .title-area {padding:0 15px}
.recruit .tit-opt {display:block; font-size:1.5rem; font-weight:300; line-height:1.4em; text-align:center}
.recruit .turn {margin:35px 0 30px; text-align:center}
.recruit .turn ul {display:inline-block; width:330px}
.recruit .turn ul:after {content:""; display:block; clear:both}
.recruit .turn ul li {float:left; padding-top:29px; margin-bottom:10px;  width:118px; height:118px; border-radius:100%; background:linear-gradient(to bottom, #ffcc00 0%,#e2a003 100%); background:-moz-linear-gradient(top, #ffcc00 0%, #e2a003 100%); background:-webkit-linear-gradient(top, #ffcc00 0%,#e2a003 100%)}
.recruit .turn ul li ~ li {margin-left:-12px}
.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:nth-child(4) {margin-left:0}
.recruit .turn ul li .step {font-size:1.6rem; font-weight:700}
.recruit .turn ul li p {font-size:1.3rem; font-weight:500}

/* 인재상 */
.recruit.talent .content-section {padding-bottom:0px; background:url(../../mobile/images/bg-recruit-talent.jpg) 50% 0 no-repeat; background-size:100% auto }
.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 {width:256px}
.recruit.talent .turn ul li {position:relative; padding-top:0; margin-bottom:90px; width:118px; height:118px; font-family: 'Roboto', sans-serif}
.recruit.talent .turn ul li ~ li {margin-left:0}
.recruit.talent .turn ul li:nth-child(2n) {margin-left:20px}
.recruit.talent .turn ul li .tit-opt {position:absolute; top:50%; left:0; transform:translateY(-50%); margin-top:0; width:118px; font-size:10rem; font-weight:700; opacity:0.15; text-align:center}
.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:118px; font-size:1.5rem; font-weight:500; letter-spacing:0}
.recruit.talent .turn ul li .copy {display:block; position:absolute; bottom:-55px; left:0; width:118px; text-align:center; font-size:1.3rem; line-height:18px}

/* 직무소개 */
.recruit.introduct .content-section {background:none; padding:0}
.recruit.introduct .wrap-introduct {text-align:right; color:#444}
.recruit.introduct .wrap-introduct h3.title {margin-bottom:40px; color:#000; font-size:2.5rem; font-weight:500}
.recruit.introduct .wrap-introduct .tit-area .pic img {width:100%; box-shadow:30px 52px 45px 0px rgba(0, 0, 0, 0.08);}
.recruit.introduct .wrap-introduct .tit-area {padding:0 15px; text-align:left}
.recruit.introduct .wrap-introduct .tit-area .tit-opt {margin-top:35px; font-size:1.4rem; font-weight:400; line-height:1.4em; text-align:left}
.recruit.introduct .wrap-introduct .desc-area {padding:0 15px 80px; margin-top:-148px; padding-top:171px; text-align:left; background:#fafafa}
.recruit.introduct .wrap-introduct .desc-area.section01 {padding-bottom:0}
.recruit.introduct .wrap-introduct .desc-area.section02 {padding-top:40px; margin-top:0}
.recruit.introduct .wrap-introduct .desc-area .tit-copy {display:block; margin-bottom:20px; color:#000; font-size:15px; font-weight:500}
.recruit.introduct .wrap-introduct .desc-area p {font-size:1.2rem; font-weight:300; line-height:18px; word-break:keep-all}
.recruit.introduct .wrap-introduct .desc-area p ~ p {margin-top:13px}
.recruit.introduct .wrap-introduct .desc-area .time-table {display:block; position:relative; margin:27px auto 0; padding-left:15px; width:200px; height:40px; color:#000; font-size:1.4rem; line-height:40px; border:1px solid #000}
.recruit.introduct .wrap-introduct .desc-area .time-table:after {content:""; display:block; position:absolute; top:50%; right:16px; margin-top:-7px; width:15px; height:15px; background:url(../../mobile/images/ico-time-table.png) 50% 50% no-repeat; background-size:15px auto}
.recruit.introduct .wrap-introduct .desc-area .copy-ps {margin-top:40px; color:#000; font-size:12px; font-weight:400}
/* .recruit.introduct .wrap-capable {margin-top:50px}
.recruit.introduct .wrap-capable h4.tit {color:#000; font-size:2rem; font-weight:500; text-align:center}
.recruit.introduct .wrap-capable .turn {margin:30px 0 0; text-align:center}
.recruit.introduct .wrap-capable .turn ul {width:226px}
.recruit.introduct .wrap-capable .turn ul li {padding-top:0; ; text-align:center; margin-bottom:0}
.recruit.introduct .wrap-capable .turn ul li ~ li {margin-left:0}
.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:nth-child(2n) {margin-left:-10px}
.recruit.introduct .wrap-capable .turn ul li:nth-of-type(3) {margin-top:-10px; 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.introduct .wrap-capable .turn ul li:nth-of-type(4) {margin-top:-10px; background:linear-gradient(to bottom, #ffcc00 0%,#e2a003 100%); background:-moz-linear-gradient(top, #ffcc00 0%, #e2a003 100%); background:-webkit-linear-gradient(top, #ffcc00 0%,#e2a003 100%)}
.recruit.introduct .wrap-capable .turn ul li p {display:inline-block; vertical-align:middle; line-height:1.5em} */

.ui-popup.time-tb .ui-popup-content {font-size:0}

/* 복리후생 */
.recruit.benefits .content-section {background:url(../../mobile/images/bg-recruit-benefits.jpg) 50% 0 no-repeat; background-size:100% auto}
.recruit.benefits .visual {margin-bottom:33px}
.recruit.benefits .visual .turn ul li p:before {content:""; display:block; margin:0 auto 10px; width:35px; height:35px; 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(../../mobile/images/ico-recruit-benefits01.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(2) p:before {background-image:url(../../mobile/images/ico-recruit-benefits02.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(3) p:before {background-image:url(../../mobile/images/ico-recruit-benefits03.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(4) p:before {background-image:url(../../mobile/images/ico-recruit-benefits04.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(5) p:before {background-image:url(../../mobile/images/ico-recruit-benefits05.png)}
.recruit.benefits .visual .turn ul li:nth-of-type(6) p:before {background-image:url(../../mobile/images/ico-recruit-benefits06.png)}

.recruit.benefits .wrap-benefits {margin:0 auto; max-width:330px; color:#444}
.recruit.benefits .wrap-benefits ul {display:flex; justify-content:flex-start; flex-wrap:wrap; padding-top:50px}
.recruit.benefits .wrap-benefits ul li {padding:25px 0 15px 100px; width:100%; min-height:115px; text-align:left; border:1px solid #ddd; background:url(../../mobile/images/ico-recruit-benefits-black01.png) 25px center no-repeat; background-size:50px 50px}
.recruit.benefits .wrap-benefits ul li:nth-of-type(2) {background-image:url(../../mobile/images/ico-recruit-benefits-black02.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(3) {background-image:url(../../mobile/images/ico-recruit-benefits-black06.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(4) {background-image:url(../../mobile/images/ico-recruit-benefits-black04.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(5) {background-image:url(../../mobile/images/ico-recruit-benefits-black05.png)}
.recruit.benefits .wrap-benefits ul li:nth-of-type(6) {background-image:url(../../mobile/images/ico-recruit-benefits-black03.png)}
.recruit.benefits .wrap-benefits ul li ~ li {margin-top:15px}
/* .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:7px; color:#000; font-size:1.5rem; 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; display:inline-block; padding-left:9px; width:49%; font-size:1.2rem; font-weight:300; line-height:25px}
.recruit.benefits .wrap-benefits ul li .desc p:before {content:""; display:block; position:absolute; top:11px; left:0; width:3px; height:3px; background:#ffb400}
.recruit.benefits .wrap-benefits ul li:last-child .desc p:nth-child(2n-1) {width:60%}
.recruit.benefits .wrap-benefits ul li:last-child .desc p:nth-child(2n) {width:40%}

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

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

/* 문주장학재단 */
.scholarship .header-section .tab-depth2 ul li {flex-grow:unset; margin:0 auto;  width:400px}
.scholarship .content-section {padding-top:0}
.scholarship .inner-content-section > * {padding:0 15px}
.scholarship .title {padding-top:50px; color:#000; font-size:2rem; font-weight:500; text-align:center}
.scholarship .title + ul {margin-top:30px}
.scholarship .visual {padding:0; height:557px; text-align:center; background:#9bd3f1 url(../../mobile/images/bg-scholarship.jpg) center 100% no-repeat; background-size:100% auto}
.scholarship .visual .tit-opt {display:block; margin-top:8px; font-size:1.5rem; font-weight:300; line-height:20px}
.scholarship .visual .wrap-stats {margin-top:38px}
.scholarship .visual .wrap-stats ul li {position:relative}
.scholarship .visual .wrap-stats ul li ~ li {margin-top:30px}
.scholarship .visual .wrap-stats ul li .stats {color:#013d7f; font-size:1.5rem; font-weight:300}
.scholarship .visual .wrap-stats ul li .stats strong {font-family: 'Roboto', sans-serif;font-size:30px; font-weight:500}
.scholarship .visual .wrap-stats ul li p {margin-top:4px; font-size:1.2rem; font-weight:300}
.scholarship .stats-copy {margin-top:20px}
.scholarship .stats-copy ul {font-size:0}
.scholarship .stats-copy ul li {display:inline-block; position:relative; padding-left:19px; width:50%; font-size:1.3rem; font-weight:300}
.scholarship .stats-copy ul li:before {content:""; display:block; position:absolute; top:5px; left:0; width:2px; height:2px; background:#ffb400}
.scholarship .stats-copy ul li strong {display:block; margin-top:12px; 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 {position:relative; height:125px}
.scholarship .wrap-program ul .inner:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.scholarship .wrap-program ul .inner ~ .inner {margin-top:15px}
.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; padding-left:110px; color:#fff; font-size:2rem; line-height:70px; background-position:30px center; background-repeat:no-repeat; background-size:60px 60px; word-break:keep-all}
.scholarship .wrap-program ul .inner:nth-of-type(1) .ico-copy {background-image:url(../../mobile/images/ico-scholarship-program01.png)}
.scholarship .wrap-program ul .inner:nth-of-type(2) .ico-copy {background-image:url(../../mobile/images/ico-scholarship-program02.png)}
.scholarship .wrap-program ul .inner:nth-of-type(3) .ico-copy {background-image:url(../../mobile/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 li {text-align:center}
.scholarship .wrap-rule ul li ~ li {margin-top:36px}
.scholarship .wrap-rule ul li .pic {margin:0 auto; margin-bottom:24px; max-width:414px; max-height:199px}
.scholarship .wrap-rule ul li .pic img {width:100%}
.scholarship .wrap-rule ul li .tit-opt {color:#222; font-size:1.5rem; line-height:25px}
.scholarship .wrap-rule ul li .tit-opt strong {font-weight:700}
.scholarship .wrap-rule ul li p {margin-top:9px; font-size:1.2rem; font-weight:300; line-height:20px}
.scholarship .wrap-project .title {padding-top:50px}
.scholarship .wrap-project ul li {padding:25px 0 25px 115px; min-height:80px; border:1px solid #ddd; vertical-align:top; background-position:18px center; background-repeat:no-repeat; background-size:50px 50px}
.scholarship .wrap-project ul li ~ li {margin-top:15px}
.scholarship .wrap-project ul li:nth-of-type(1) {background-image:url(../../mobile/images/ico-scholarship-project01.png); line-height:30px}
.scholarship .wrap-project ul li:nth-of-type(2) {background-image:url(../../mobile/images/ico-scholarship-project02.png); line-height:30px}
.scholarship .wrap-project ul li:nth-of-type(3) {background-image:url(../../mobile/images/ico-scholarship-project03.png)}
.scholarship .wrap-project ul li .tit-opt {color:#000; font-size:1.5rem; font-weight:500}
.scholarship .wrap-project ul li p {margin-top:15px; font-size:1.2rem; font-weight:300; line-height:18px}
.scholarship .wrap-slid {position:relative; padding:0; padding-left:15px; margin:50px 0 21px}
.scholarship .wrap-slid .bg {position:absolute; top:40px; left:50%; transform:translateX(-50%); width:100vw; height:140px; background:#f5f5f5}
.scholarship .wrap-slid .swiper-slide img {width:100%}
.scholarship .wrap-slid .swiper-slide p {margin-top:15px; font-size:1.2rem; font-weight:300; line-height:18px; text-align:center}


/* 에러페이지 */
.section-error .content-section {padding-top:25px; text-align:center}
.section-error .content-section .inset-content {max-width:1200px; margin:0 auto; padding:0 15px}
.section-error .content-section h2 {margin-bottom:25px; color:#000; font-family:'Roboto', sans-serif; font-size:25px; font-weight:500; text-align:center}
.section-error .content-section h2 + img {width:144px}
.section-error .content-section .intro-error {padding:0 0 105px; background:#fff url(../../mobile/images/bg-error-m.png) center 103% no-repeat; background-size:187px auto}
.section-error .content-section .intro-error .tit-opt {display:block; margin-top:30px; font-size:20px}
.section-error .content-section .error-inner {padding:37px 0 75px; background:#fafafa}
.section-error .content-section .error-inner p {margin-bottom:33px; font-size:13px; font-weight:300; line-height:20px}
.section-error .content-section .error-inner .move-links {font-size:0}
.section-error .content-section .error-inner a {display:inline-block; width:calc((100% - 10px) / 2); color:#000; font-size:14px; text-align:center; line-height:40px; border:1px solid #000}
.section-error .content-section .error-inner a ~ a {margin-left:10px}