@charset "utf-8";
/* Common */
.item-tit {font-weight: 600; font-size: 20px; letter-spacing: 0;}

/* sub01_01 */
.history {overflow: hidden;}
.history .top {margin-bottom: 150px;}
.history .top .contain {display: flex; gap: 30px; justify-content: space-between;}
.history .top .left {display: flex; flex-direction: column; justify-content: space-between;}
.history .top .right {width: 70.84%; }
.history .top .right p {margin-top: 30px; letter-spacing: 0;}
.btn-dotted {display: flex; border: 1px dashed #ddd; align-items: center; justify-content: center; padding: 12px 40px; width: fit-content;}
.history .top .right p strong {font-weight: 600;}
.history .doc-cnt {background: #f8f8f8; padding: 70px 0; position: relative;}
.history .doc-cnt:before {position: absolute; content: ''; width: 145px; height: 100%; background: url('../images/sub/bg_history.png') no-repeat right bottom; background-size: contain; right: 0; bottom: 0;}
.history .inner {position: relative; padding: 40px 0;}
.history .inner:not(:last-child):before {position: absolute; content:''; width: calc(50% + 600px); left: 0; bottom: 0; height: 1px; border-bottom: 1px dashed #ddd;}
.history .inner .years {width: calc(50% + 600px); margin-left: auto; display: flex;}
.history .inner .year {font-weight: 700; font-size: 50px; min-width: 250px;}
.history .inner .year-cnt > ul > li {display: flex;}
.history .inner .year-cnt li:not(:last-child) {margin-bottom: 20px;}
.history .inner .month {font-weight: 700; font-size: 21px; color: #e56124; min-width: 145px;}

/* sub01_02 */
.cert .items {display: flex; flex-wrap: wrap; gap: 22px 50px;}
.cert .item {width: calc((100% - 100px) / 3); text-align: center; position: relative;}
.cert .item:before {position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(135deg, #0f4892, #022247); z-index: -1; opacity: 0;}
.cert .item:hover:before {opacity: 1; transition: .2s;}
.cert .item .img {background: #f5f5f5; padding: 30px; height: 500px; display: flex; align-items: center;}
.cert .item .tit {margin-top: 15px; padding-bottom: 25px;}
.cert .item:hover .img {background: none;}
.cert .item:hover .tit {color: #fff;}


/* sub02 */
.business-field .item {display: flex; gap: 100px;}
.business-field .item:nth-child(even) {flex-direction: row-reverse;}
.business-field .item:not(:last-child) {margin-bottom: 100px;}
.business-field .item .img {flex: 1; box-shadow: 10px 10px 15px rgba(15,72,146,.2);}
.business-field .item .txt {flex: 1; padding-top: 35px;}
.business-field .item .txt h3 {font-weight: 700; font-size: 30px; margin-bottom: 25px;}
.business-field .item .txt > p {margin-bottom: 35px;}
.business-field .process ol {display: flex; align-items: center; gap: 16px; margin-top: 15px;} 
.business-field .process li {display: flex; align-items: center; gap: 10px;}
.business-field .process span {width: 22px; height: 22px; display: flex; border-radius: 100%; color: #fff; background: #0f4892; align-items: center; justify-content: center; font-size: 16px; font-weight: 600;}
.business-field .item .info {margin-top: 35px; position: relative;}
.business-field .item .info-tit {padding: 15px 0; position: relative; border-bottom: 1px solid #0f4892; color: #0f4892; font-size: 18px; font-weight: 600; cursor: pointer;}
.business-field .item .info-tit:before {position: absolute; content: ''; width: 16px; height: 100%; background: url('../images/sub/business_field_arrow.png') no-repeat center center; background-size: contain; top: 0; right: 0;}
.business-field .item .info.active .info-tit:before {background: url('../images/sub/business_field_arrow_up.png') no-repeat center center; background-size: contain;}
.business-field .item .info .info-cnt {position: absolute; width: 100%; height: 0; background: #0f4892; padding: 0 30px;}
.business-field .item .info .info-cnt ul li {position: relative; padding-left: 10px; color: #fff; opacity: 0;}
.business-field .item .info .info-cnt ul li:before {position: absolute; content:'-'; left: 0; }
.business-field .item .info.active .info-cnt {height: auto; padding: 25px 30px; z-index: 1; transition: .3s;}
.business-field .item .info.active .info-cnt ul li {opacity: 1;}

/* sub04 */
.recurit .benefits .item-tit {font-weight: 500; margin-bottom: 12px;}
.recurit .benefits .items {display: flex; gap: 30px; flex-wrap: wrap;}
.recurit .benefits .item {display: flex; width: calc((100% - 30px) / 2); gap: 28px; align-items: center; border: 1px dashed #ddd; padding: 35px 30px;}
.recurit .benefits .item:hover {box-shadow: 7px 7px 18px rgba(0,0,0,.04);}

.recurit .recruit-notice .items {display: flex; gap: 30px; flex-wrap: wrap;}
.recurit .recruit-notice .item {padding: 40px 30px; height: auto; letter-spacing: 0; width: calc((100% - 60px) / 3); border: 1px dashed #ddd; display: flex; flex-direction: column; justify-content: space-between;}
.recurit .recruit-notice .item .tit {font-weight: 600; font-size: 24px; margin-bottom: 20px;}
.recurit .recruit-notice .item p {font-size: 16px; margin-bottom: 70px;}
.recurit .recruit-notice .item .btn-apply {color: #0f4892; position: relative; line-height: 1.2em; font-size: 15px; font-weight: 500; display: flex; align-items: center; width: fit-content;}
.recurit .recruit-notice .item .btn-apply:before {position: absolute; content: ''; width: 100%; height: 1px; background: #0f4892; bottom: 0; left: 0;}
.recurit .recruit-notice .item .btn-apply span {margin-left: 10px; display: inline-block; position: relative; z-index: 1;}
.recurit .recruit-notice .item .btn-apply span:before {position: absolute; content: ''; width: 35px; height: 35px; background: #2a8fc4; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 0;}
.recurit .recruit-notice .item:hover {background: linear-gradient(135deg, #0f4892, #022247); border: 1px solid #022247; color: #fff;}
.recurit .recruit-notice .item:hover .btn-apply {color: #fff;}
.recurit .recruit-notice .item:hover .btn-apply:before {content: none;}
.recurit .recruit-notice .item:hover .btn-apply span {margin-left: 20px; transition: .2s;}
.recurit .recruit-notice .item:hover .btn-apply span:before {opacity: 1; transition: .2s;}

/* sub05_02 */
.root_daum_roughmap, .root_daum_roughmap .wrap_map {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none;}
.contactus .address {margin-top: 40px; margin-bottom: 100px;}
.contactus .address .items {border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 30px;}
.contactus .address .items .item {display: flex; align-items: center; border: none;}
.contactus .tag {font-size: 16px; font-weight: 600; color: #0f4892;}
.contactus .loca {font-weight: 600; font-size: 23px; padding: 5px 0;}
.contactus .post span {font-size: 16px; color: #454545; margin-right: 20px;}
.contactus .items { display: flex; gap: 30px; flex-wrap: wrap;}
.contactus .items .item {width: calc((100% - 60px) / 3); padding: 30px; border: 1px dashed #ddd;}
.contactus .ico img {vertical-align: middle;}
.contactus .items .item .tit {width: 110px; margin-left: 20px; font-weight: 500; font-size: 18px;}
.contactus .items .item p {color: #454545; font-size: 16px;}
.contactus .items .item .inner {display: flex;}
.contactus .items .item h4 {font-weight: 600; font-size: 20px; margin-bottom: 25px;}