@charset "utf-8";

/* 공통 */
.txt-red {color:#ec0408 !important;}
.txt-white {color:#fff !important;}

.doc-tit {margin-bottom:35px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#222;}
.doc-cnt {padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ddd;}
.doc-cnt:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}

.list01 > li {position:relative; text-align:left; padding-left:13px; line-height:1.6em; font-weight:400; letter-spacing:0; color:#454545;}
.list01 > li:before {content:''; position:absolute; width:3px; height:3px; left:0; background:#454545; border-radius:100%; left:0; top:10px;}
.list01 > li strong {font-weight:600;}

/* 인사말 */
.greeting .bg {margin-bottom:60px;}
.greeting .cnt {display:flex;}
.greeting .cnt .tit {width:475px; font-size:48px; font-weight:700; line-height:1em; letter-spacing:-0.02em; color:#fe0000;}
.greeting .cnt .tit span {font-size:34px;}
.greeting .cnt .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt .txt {margin-bottom:25px; font-weight:400; line-height:1.6em; letter-spacing:-0.02em; color:#454545;}
.greeting .cnt .txt:last-child {margin-bottom:0;}
.greeting .cnt .sign {margin-top:30px;}
.greeting .cnt .sign img {display:inline-block; margin-left:14px; vertical-align:middle;} 

/* 비전 */
.philosophy .bg {padding:135px 10px 220px 10px; background:url('../images/sub/bg-philosophy.jpg') no-repeat 50% 50%; background-size:cover; text-align:center;}
.philosophy .bg .tit {font-size:50px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#fff;}
.philosophy .wrap {position:relative; margin-top:-124px;}
.philosophy .wrap ul {display:flex; justify-content:center;}
.philosophy .wrap ul li {padding:0 34px;}
.philosophy .wrap ul li .num {margin-bottom:10px; font-family:var(--font-dm); font-size:30px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#222;}
.philosophy .wrap ul li .txt {font-size:18px; font-weight:600; line-height:1.6em; letter-spacing:-0.02em; color:#454545;}
.philosophy .wrap ul li .in {display:flex; flex-direction:column; padding-top:84px; width:310px; height:310px; border:12px solid #fff; border-radius:100%; background:#ededed; text-align:center;}

/* 연혁 */
.history .group {padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #ddd;}
.history .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.history .gr1 .wrap {display:flex; position:relative; padding:0 50px; margin-top:-41px;}
.history .gr1 .tit {widtH:640px; font-size:48px; font-weight:600; line-height:1em; letter-spacing:0; color:#111;}
.history .gr1 .tit .txt-red {display:inline-block; font-size:34px;}
.history .gr1 .cnt {padding-top:74px; flex:1 1 auto; min-width:0; width:1%;}
.history .gr1 .part {display:flex; margin-bottom:75px;}
.history .gr1 .part:last-child {margin-bottom:0;}
.history .gr1 .year {min-width:105px; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#ff0001;}
.history .gr1 ul {flex:1 1 auto; min-width:0; width:1%; padding-top:9px;}
.history .gr1 ul li {margin-bottom:10px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#454545;}
.history .gr1 ul li:last-child {margin-bottom:0;}

.history .gr2 > ul {display:flex; margin:0 -15px;}
.history .gr2 > ul > li {width:33.333%; padding:0 15px;}
.history .gr2 > ul > li .in {background:#f9f9f9; padding:45px 40px; height:100%;}
.history .gr2 > ul > li .tit {padding-bottom:15px; margin-bottom:25px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#454545;border-bottom:1px solid #ddd;}
.history .gr2 li li {position:relative; padding-left:12px; font-weight:400; letter-spacing:0; color:#454545;}
.history .gr2 li li:before {content:''; position:absolute; width:2px; height:2px; background:#454545; border-radius:100%; left:0; top:12px;}

/* 찾아오시는 길 */
.directions .local-info {margin-top:40px; display:flex;}
.directions .address-info {width:50%;}
.directions .address-info .comp {color:#f80108; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {width:50%; line-height:1.5em; display:flex;}

.directions .contact-info dl {width:50%; padding:0 10px; border-left:1px solid #ddd; text-align:center;}
.directions .contact-info dt {color:#242424; margin-bottom:12px; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {display:block; vertical-align:middle; margin:0 auto 12px auto;}
.directions .contact-info dt path {fill:#f80108; opacity:0.5;}
.directions .contact-info dd {color:#454545;}

@media (max-width: 1024px) {
	.directions .address-info .addr {font-size:20px;}
}

@media (max-width: 640px) {
	.directions .local-info {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
}

/* 채용공고 */
.jobs .top-tit {text-align:center; margin-bottom:100px;}
.jobs .top-tit h3 {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#454545;}
.jobs .top-tit h3 span {position:relative;}
.jobs .top-tit h3 span:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:8px; background:#feb3b2; z-index:-1;}

.jobs .dc1 .tit-wrap {text-align:center; padding:40px 10px; background:#f6f6f6; margin-bottom:30px;}
.jobs .dc1 .tit-wrap p {font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:0; color:#454545;}
.jobs .dc1 .table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; text-align:center;}
.jobs .dc1 .table-wrap table th {background:#f6f6f6; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; font-weight:600; line-height:1.2em; color:#222; letter-spacing:0;}
.jobs .dc1 .table-wrap table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:400; line-height:1.6em; letter-spacing:0; color:#454545; padding:20px;}
.jobs .dc1 .table-wrap table th:last-child,
.jobs .dc1 .table-wrap table td:last-child {border-right:0;}

.jobs .dc3 .wrap {text-align:center; padding:40px 10px; border:1px solid #ddd;}
.jobs .dc3 .wrap p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:0; color:#888;}
.jobs .dc3 .wrap p > span {display:inline-block; color:#454545; margin:0 50px;}
.jobs .dc3 .wrap p .sml {font-size:16px; font-weight:400; color:#454545; letter-spacing:0;}

.jobs .dc4 .step {margin-top:38px; text-align:center;}
.jobs .dc4 .step .border {display:inline-block; font-weight:600; letter-spacing:0; color:#454545; padding:0 10px; min-width:130px; height:60px; line-height:56px; border:2px solid #ddd; border-radius:10px;}
.jobs .dc4 .step .border.green {border-color:#0cae50; color:#0cae50;}
.jobs .dc4 .step .border.red {border-color:#fe0000; color:#fe0000;}
.jobs .dc4 .step .arw {display:inline-block; margin:0 30px; width:15px; height:14px; background:url('../images/sub/arw.png') no-repeat 50% 50%; background-size:contain; text-indent:-999em; overflow:hidden;}