@charset "utf-8";

.greetings .img img {border-radius:40px 0;}
.greetings h2 {margin:55px 0 35px; color:#242424; font-size:var(--font-size-40); font-weight:600; letter-spacing:-.03em; line-height:1.2em;}
.greetings h2 span {color:var(--color-primary); font-weight:700;}

.gr-text {margin-top:30px; color:#454545; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em;}
.gr-text:nth-child(2) {margin-top:0;}

.philo-tit {position:relative; margin-bottom:35px; padding-top:20px; font-size:var(--font-size-28); color:#242424; letter-spacing:-.03em; line-height:1.2em; text-align:center;}
.philo-tit::before {content:''; position:absolute; background-color:var(--color-primary); width:40px; height:4px; left:50%; transform:translateX(-50%); top:0;}
.vision-wrap.wrap01 {display:flex; justify-content:center;}
.vision-wrap.wrap01 .box {width:280px; height:280px; margin:0 -10px; background:#fff;border-radius:100%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.vision-wrap.wrap01 .box p {margin-top:25px; font-size:var(--font-size-16); letter-spacing:-.04em;}

.vision-wrap.wrap02 {margin:80px 0;}
.vision-wrap.wrap02 .box {display:flex; align-items:center;}

.vision-wrap.wrap02 .box>.img {margin-right:85px;}
.vision-wrap.wrap02 .box>.img img {border-radius:120px 0;}
.vision-wrap.wrap02 h3 {margin:30px 0; font-size:var(--font-size-28); letter-spacing:-.04em; color:#242424; line-height:1.4em;}
.vision-wrap.wrap02 p {font-size:var(--font-size-16); letter-spacing:-.04em; line-height:1.4em;}
.vision-wrap.wrap02 .box:nth-child(even) {flex-direction:row-reverse; justify-content:space-between; margin:80px 0;}
.vision-wrap.wrap02 .box:nth-child(even)>.img {margin-left:85px;margin-right: 0;}

.management {background-color:#f2f2f2; padding:100px 0 ;}
.manage-wrap {display:flex; justify-content:center;}
.manage-wrap .box {width:280px; height:280px; margin:0 -10px; border-radius:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.manage-wrap .box:first-child{background:#00b9f2;}
.manage-wrap .box:nth-child(2){background:#063190;}
.manage-wrap .box:last-child{background:#002b64;}
.manage-wrap .box .m-wp-tit {position:relative; padding-bottom:20px; margin:15px 0 20px; font-size:var(--font-size-28); color:#fff; font-weight:600; letter-spacing:-.04em;}
.manage-wrap .box .m-wp-tit::before {content:''; position:absolute; background-color:rgba(255, 255, 255, .4); height:1px;  width:140px; bottom:0; left:50%; transform:translateX(-50%);}
.manage-wrap .box .m-wp-txt {font-size:var(--font-size-16); letter-spacing:-.04em; color:#fff;}

.h-top {position:relative;}
.h-top .img img {border-radius:40px 0;}
.h-top .since-wrap {position:absolute;bottom:30px;left:30px; width:240px; height:110px; display:flex; align-items:center; justify-content:center; background:rgba(6, 49, 144, .8); border-radius:40px 0;}
.h-top h3 {color:#fff;font-size:var(--font-size-30);letter-spacing:-.01em; line-height:1.2em;}
.h-top h3 span {margin-left:44px; font-size:var(--font-size-20);}

.h-box {display:flex;}
.h-box.box1 {margin-top:60px;}
.year {margin-right:40px; padding:25px 0; display:inline-flex; align-items:center; justify-content:center; border-bottom:1px solid #ddd; width:250px; color:#203f8a; font-size:var(--font-size-22); font-weight:700; line-height:1.27em; text-align:center;}
.h-box ul {flex:1 1 auto; min-width:0; width:1%; padding:25px 0; border-bottom:1px solid #ddd;}
.h-box li {position:relative; display:flex; padding-left: 30px;}
.h-box li::before {content:''; position:absolute; width:6px; height:6px; background:#203f8a; left:0; top:11px; border-radius:100%;}
.h-box li:not(:first-child) {margin-top:20px;}
.month {padding-right: 15px; font-size:var(--font-size-16);letter-spacing:-.03em; font-weight:500; color:#242424; width:125px;}
.story {font-size:var(--font-size-16); letter-spacing:-.03em;}
.h-box.box1 .year {border-top:2px solid #ddd;}
.h-box.box1 ul {border-top:2px solid #ddd;}

.org .img {text-align:center;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}


.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); 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 {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:rgba(6,49,144,.5);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width:1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width:640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}


.doc-img-wrap {display:flex; flex-wrap:wrap;}
.doc-tit {position:relative; margin-top:95px; padding-left:27px; font-size:var(--font-size-28); color:#242424; letter-spacing:-.04em;line-height:1.2em;}
.doc-tit::before {content:''; position:absolute;width:18px; height:18px; left:0; top:50%;transform:translateY(-50%);background-image:url(../images/sub/tit-ico.png); background-repeat:no-repeat; background-size:contain;}

.carbon .doc-img-wrap {margin:-10px;}
.carbon .img {width:50%; padding:10px;}
.doc-txt {font-size:var(--font-size-16); letter-spacing:-.04em;line-height:1.7em;}
.doc-txt:nth-child(2) {padding:27px 0; }

.bsn-list {margin-top:27px; border-top:2px solid #a8a8a8; border-bottom:2px solid #a8a8a8;}
.bsn-list li {display:flex; padding:35px 0; border-top:1px dashed #c7c7c7;}
.bsn-list li:first-child {border-top:0;}
.bsn-list .list-tit {width:23%; padding-left:60px;font-size:var(--font-size-18); color:#242424; font-weight:600; letter-spacing:-.04em;}
.bsn-list .list-txt {position:relative; padding-left:15px; font-size:var(--font-size-16); letter-spacing:-.04em;}
.bsn-list .list-txt::before {content:''; position:absolute; border-radius:100%; left:0; top:10px; background-color:#00b9f2; width:4px; height:4px;}
.bsn-list .list-txt span {color:#063190;}

.carbon ol {display:flex; flex-wrap:wrap; margin:50px -12px -47px;}
.carbon ol li {padding:0 12px; width:25%; margin-bottom:47px;}
.carbon ol .list-box {position:relative; display:flex; align-items:center; justify-content:center; height:100px; border:1px solid #ddd;}
.carbon ol .num-box {position:absolute; top:-18px; left:50%;transform:translateX(-50%); color:#fff; width:36px; height:36px; background:var(--color-primary); border-radius:100%; display:flex;align-items:center;justify-content:center;}
.carbon ol .list-t {padding-top:20px;}

.sub-t-box {margin-top:45px;}
.sub-t-box.sub01 {margin-top:27px;}
.sub-t-box .img {width:33.3%;}
.sub-t-box h3 {font-size:var(--font-size-18); letter-spacing:-.04em;line-height:1.4em; font-weight:600; color:#242424;}
.sub-t-box p {position:relative; margin:15px 0 25px; padding-left:15px; font-size:var(--font-size-16); letter-spacing:-.04em;}
.sub-t-box p::before {content:''; position:absolute; border-radius:100%; left:0; top:10px; background-color:#00b9f2; width:4px; height:4px;}
.sub-t-box p span {color:var(--color-primary);}

.sub-t-box.sub04 .img:nth-child(-n+3) {width:33.3%;}
.sub-t-box.sub04 .img:nth-child(n+4) {width:25%;}

.sub-t-box .tbl {margin-top:20px;}
.sub-t-box table {width:100%; border-collapse:collapse; border-spacing:0px;}
.sub-t-box thead {border-top:1px solid #063190;}
.sub-t-box thead th {padding:7px 10px; background:#f0f4f8; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#242424; font-size:var(--font-size-16); letter-spacing:-.04em;}
.sub-t-box thead th:last-child {border-right:0;}
.sub-t-box tbody td {padding:7px 10px; text-align:center; color:#505050; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:var(--font-size-16); letter-spacing:-.03em;}
.sub-t-box tbody td:first-child {background:#f0f4f8;}
.sub-t-box tbody td:last-child {border-right:0;}

/* .table-responsive.only-desktop-tablet table{white-space:nowrap; width:100vw;} */

.glass .doc-img-wrap {margin:-10px;}
.glass .img {width:50%; padding:10px;}

.bsn-prod {display:flex; align-items:center;}
.img-text {margin-left:40px;}
.bsn-prod h2 { font-size:var(--font-size-30); color:var(--color-primary); letter-spacing:-.04em; margin-bottom:30px;}
.bsn-prod p {font-size:var(--font-size-16); letter-spacing:-.04em;}
.bsn-prod p:nth-child(3) {margin-top:30px;}
.cc .doc-img-wrap {margin:-10px;}
.cc .img {width:33.33%; padding:10px;}

.ideal-wrap {display:flex; justify-content:center;}
.ideal-wrap .box {width:280px; height:280px; margin:0 -10px; border-radius:100%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.ideal-wrap .box:first-child{background:#00b9f2;}
.ideal-wrap .box:nth-child(2){background:#063190;}
.ideal-wrap .box:last-child{background:#002b64;}
.ideal-wrap .box .m-wp-tit {position:relative; padding-bottom:20px; margin:15px 0 20px; font-size:var(--font-size-28); color:#fff; font-weight:600; letter-spacing:-.04em;}
.ideal-wrap .box .m-wp-tit::before {content:''; position:absolute; background-color:rgba(255, 255, 255, .4); height:1px;  width:140px; bottom:0; left:50%; transform:translateX(-50%);}
.ideal-wrap .box .m-wp-txt {font-size:var(--font-size-16); letter-spacing:-.04em; color:#fff;}


.recruitment table {width:100%; border-collapse:collapse; border-spacing:0px;}

.recruitment thead tr {border-top:1px solid #a8a8a8;}
.recruitment thead th {padding:25px 45px; background:#f2f2f2; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#242424; font-size:var(--font-size-18); letter-spacing:-.04em; font-weight:700;}
.recruitment thead th:last-child {border-right:0;}
.recruitment tbody tr {border-bottom:1px solid #a8a8a8;}
.recruitment tbody td {padding:25px 45px; text-align:center; color:#505050; border-right:1px solid #ddd; font-size:var(--font-size-16); letter-spacing:-.03em;}
.recruitment tbody td:last-child {border-right:0;}
.recruitment tbody td li {display:flex;}
.recruitment tbody td li p {width:55px; margin-right:40px; text-align:left;}
.recruitment tbody td li li {position:relative; padding-left:10px;}
.recruitment tbody td li li::before {content:''; position:absolute; border-radius:100%; left:0; top:10px; background-color:#00b9f2; width:4px; height:4px;}

.benefits-list {display:flex;  flex-wrap:wrap; margin:35px -12px 0;}
.benefits-list li {width:33.33%; padding:0 12px;}
.bnf-box {display: flex;flex-direction: column; align-items: center;justify-content: center; border-radius:8px; border:1px solid #ddd; height:150px;}
.bnf-box p {margin-top:20px; font-size:var(--font-size-20); letter-spacing:-.03em; color:#242424; font-weight:600;}

.recruitment>a {position: relative; display: flex; margin: 80px auto 0; padding-right: 45px; width: 185px; height: 50px;border: 1px solid #164594; color: #063190; font-size: var(--font-size-18); align-items: center; justify-content: center;}
.recruitment>a::after {content:''; position: absolute; width:12px; height:11px; right: 27px; top:50%; transform: translateY(-50%); background-image: url(../images/sub/job-go-arrow.png); background-repeat: no-repeat; background-size: contain;}

.recruitment>a:hover {background: #063190; color:#fff;}
.recruitment>a:hover::after {background-image: url(../images/sub/job-go-arrow-on.png);}