@charset "utf-8";

.sub-visual {height:580px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub-visual01 {background-image: url('../img/sub/sub_visual01.jpg');}
.sub-visual02 {background-image: url('../img/sub/sub_visual02.jpg');}
.sub-visual03 {background-image: url('../img/sub/sub_visual03.jpg');}
.sub-visual04 {background-image: url('../img/sub/sub_visual04.jpg');}
.sub-visual .contain {display: flex; align-items: flex-end; height: 100%;}
.sub-visual h2 {font-family: 'SEBANG_Gothic_Bold'; font-size: 100px; font-weight: 700; line-height: 1em; color: #fff; padding-bottom: 50px;}
#lnb {background: #101218;}
#lnb ul {display: flex;}
#lnb ul li {position: relative;}
#lnb ul li:before {opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; width: 100%; height: calc(100% + 18px); background: #f37920;}
#lnb ul li.active:before {opacity: 1;}
#lnb ul li a {position: relative; font-size: 20px; font-weight: 100; line-height: 1.4em; color: #fff; padding: 19px 44px; z-index: 5; transition: all 0.4s;}
#lnb ul li a:hover {font-weight: 600; color: #f37920;}
#lnb ul li.active a {font-weight: 600; color: #fff; padding: 19px 52px;}

.sub-cont {padding: 175px 0 270px;}
.sub-cont.pb-0 {padding-bottom: 0;}

/* s1-1 */
.about {position: relative;}
.about:before {position: absolute; top: 173px; right: 0; content: ''; width: 813px; height: 1209px; background: url('../img/sub/s101_bg.png') no-repeat right top;}
.about .text-box {width: 65%;}
.about .row {margin-bottom: 84px;}
.about .row:nth-child(4) {margin-bottom: 63px;}
.about .row h3 {font-family: 'SEBANG_Gothic'; font-size: 60px; font-weight: 400; line-height: 1.2em; color: #000; margin-bottom: 17px;}
.about .row b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 4px;}
.about .row b.kor {font-size: 18px; line-height: 1.77em;}
.about .row p {font-size: 18px; line-height: 1.77em; color: #909090;}
.about h4 {font-size: 23px; font-weight: 700; line-height: 1.73em; color: #000;}
 
/* s1-2 */
.member .arti01 {padding-bottom: 68px; margin-bottom: 84px; border-bottom: 1px solid #ddd;}
.member-list {display: flex; flex-wrap: wrap; margin: -46px -20px;}
.member-list > li {width: 33.3333%; padding: 46px 20px;}
.member-list .img-box {margin-bottom: 28px;}
.member-list .text-box {display: flex;}
.member-list .text-box .name {max-width: 150px; width: 100%;}
.member-list .text-box .name p {font-family: 'SEBANG_Gothic'; font-size: 35px; font-weight: 400; line-height: 1.3em; color: #000; margin-bottom: 4px;}
.member-list .text-box .name b {display: block; font-size: 23px; font-weight: 600; line-height: 1.39em; color: #f37920;}
.member-list .text-box .career {margin-top: -5px;}
.member-list .text-box .career li {position: relative; font-size: 18px; line-height: 1.77em; color: #909090; padding-left: 13px;}
.member-list .text-box .career li:before {position: absolute; top: 14px; left: 0; content: ''; width: 3px; height: 3px; background: #f37920;}

/* s1-3 */
.history .top-img-box {position: relative; height: 440px; background: url('../img/sub/s103_top_img.jpg') no-repeat center center/cover; z-index: 5;}
.history-wrap {position: relative; display: flex; padding-top: 92px; padding-bottom: 270px;}
.history-wrap .year {position: relative; max-width: 600px; width: 100%;}
.history-wrap .year p {position: absolute; top: 0; left: 295px; font-size: 32px; font-weight: 600; line-height: 1.3em; color: #f37920;}
.history-wrap .year h4 {position: absolute; top: 59px; left: 295px; font-family: 'SEBANG_Gothic'; font-size: 80px; font-weight: 400; line-height: 1em; color: #000; display: none;}
.history-wrap .year h4.on {display: block;}

.history-wrap.history-fixed .year p {position: fixed; top: 153px; left: 310px; padding-left: calc((100% - 1550px)/2);}
.history-wrap.history-fixed .year h4 {position: fixed; top: 212px; left: 310px; padding-left: calc((100% - 1550px)/2);}

.history-wrap .details {width: 100%; padding-top: 0;}
.history-wrap .year-wrap:not(:last-child) {margin-bottom: 84px;}
.history-wrap .year-wrap h5 {display: none; font-family: 'SEBANG_Gothic'; font-size: 40px; font-weight: 700; line-height: 1em; color: #000; margin-bottom: 15px; padding-left: 20px;}
.history-wrap .month-wrap {position: relative; display: flex; padding-left: 46px;}
.history-wrap .month-wrap:before {position: absolute; top: calc(-100% - 40px); left: 0; content: ''; width: 1px; height: calc(100% + 50px); background: #e5e5e5;}
.history-wrap .month-wrap:after {position: absolute; top: 9px; left: -6px; content: ''; width: 12px; height: 12px; border: 2px solid #ddd; background: #fff; border-radius: 50%; z-index: 5;}
.history-wrap .month-wrap .month {max-width: 66px; width: 100%;}
.history-wrap .month-wrap .month p {width: 100%; font-size: 18px; line-height: 1.77em; font-weight: 700; color: #f37920;}
.history-wrap .month-wrap:not(:last-child) ul {margin-bottom: 24px;}
.history-wrap .month-wrap ul li {font-size: 18px; line-height: 1.77em; color: #909090;}

/* s1-4 */
.contact .arti01 {margin-bottom: 89px;}
.contact .arti01 .map {margin-bottom: 35px;}
.contact .arti01 .root_daum_roughmap {width:100% !important; height:580px !important;}
.contact .arti01 .root_daum_roughmap .wrap_map {height:580px !important;}
.contact .arti01 .root_daum_roughmap .border1,
.contact .arti01 .root_daum_roughmap .border2 {border: none;}
.contact .arti01 .root_daum_roughmap .border3, 
.contact .arti01 .root_daum_roughmap .border4 {background-color: transparent;}
.contact .arti01 .info-wrap {display: flex; justify-content: space-between;}
.contact .arti01 .info {width: 1%; flex: 1 1 auto;}
.contact .arti01 .info dl {display: flex; font-size: 18px; line-height: 1.5em; margin-bottom: 6px;}
.contact .arti01 .info dt {max-width: 90px; width: 100%; font-weight: 700; color: #000; padding-left: 26px;}
.contact .arti01 .info dt:before {position: absolute; top: 8px; left: 0; content: ''; width: 14px; height: 14px; background: url('../img/sub/s104_icon_bullet.jpg') no-repeat left center;}
.contact .arti01 .info dd {width: 1%; flex: 1 1 auto; color: #909090;}
.contact .arti01 .info dd a {display: inline-block;}
.contact .arti01 .btn-wrap {display: flex; margin-top: -5px;}
.contact .arti01 .btn-wrap a {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: 1px solid #ddd; border-radius: 50%;} 
.contact .arti01 .btn-wrap .btn-map {margin-right: 10px;}
.contact .arti01 .btn-wrap a img {transition: all 0.4s;}
.contact .arti01 .btn-wrap a:hover img {transform: rotate(-20deg);}

/* s2-1 */
.tech article:not(:last-child) {margin-bottom: 80px;}
.arti-title.mb-75 {margin-bottom: 75px;}
.arti-title .flex {display: flex; flex-wrap: wrap; align-items: flex-end;}
.arti-title h3 {font-family: 'SEBANG_Gothic'; font-size: 60px; font-weight: 400; line-height: 1.28em; margin-bottom: 15px; margin-right: 24px;}
.arti-title h3.kor {font-size: 55px; line-height: 1.44em;}
.arti-title small {display: inline-block; font-family: 'pretendard'; font-size: 23px; font-weight: 600; line-height: 1.3em; color: #f37920; vertical-align: bottom; padding-bottom: 16px;}
.arti-title p {font-size: 18px; line-height: 1.77em; color: #909090;}

.gray-box ul {display: flex; flex-wrap: wrap; margin: -20px;}
.gray-box ul li {width: 50%; padding: 20px;}
.gray-box ul li .inner {height: 100%; background: #f6f6f6; padding: 45px 60px;}
.gray-box ul li b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; margin-bottom: 12px;}
.gray-box ul li p {font-size: 18px; line-height: 1.77em; color: #909090;}

.img-list {display: flex; margin: -21px;}
.img-list li {width: 20%; padding: 21px;}
.img-list figcaption {font-size: 18px; font-weight: 600; line-height: 1.77em; color: #000; text-align: center; margin-top: 12px;}
.img-list .text-box {margin-top: 13px;}
.img-list .text-box b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; margin-bottom: 2px;}
.img-list .text-box p {font-size: 18px; line-height: 1.77em; color: #909090;}

.btn-download a {display: block; width: 275px; height: 60px; border-radius: 30px; font-size: 21px; line-height: 60px; color: #000; background: #f37920; text-align: center; margin: 100px auto 0; transition: all 0.5s;}
.btn-download a:hover {background: #4320f3; color: #fff;}

/* s2-2 */
.xray .gray-box ul li .inner {height: auto;}

.white-box {position: relative; padding: 35px 40px; background: #fff; margin-top: 32px;}
.white-box:before {position: absolute; top: -22px; right: 40px; content: ''; width: 44px; height: 44px; background: #f6f6f6; transform: rotate(45deg);}
.white-box b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; margin-bottom: 14px;} 
.white-box p {font-size: 18px; line-height: 1.77em; color: #909090;}

.xray .arti03 {position: relative;}
.xray .arti03:before {position: absolute; top: 10px; right: 0; content: ''; width: 919px; height: 600px; background: url('../img/sub/s202_arti03_bg.png') no-repeat right top;}
.text-list {padding-right: 610px;}
.text-list li:not(:last-child) {margin-bottom: 23px;}
.text-list b {display: block; font-size: 23px; font-weight: 600; line-height: 1.4em; margin-bottom: 12px;}
.text-list p {font-size: 18px; line-height: 1.77em; color: #909090;}

/* s2-3 */
/* .airxome .arti02 .img-list {margin-top: 20px;}
.airxome .arti02 .img-list li {width: 25%;}
.airxome .arti02 .img-list li figure {position: relative;}
.airxome .arti02 .img-list li figure:after {position: absolute; top: 50%; margin-top: -30px; right: -51px; content: ''; width: 60px; height: 60px; background: #fff url('../img/sub/s203_arti02_arrow.png') no-repeat center center; border: 1px solid #ddd; border-radius: 50%; z-index: 2;}
.airxome .arti02 .img-list li:last-child figure:after {display: none;} */
.airxome .arti02 .img-box {height: 100%; border: 1px solid #ddd; margin-top: 40px; overflow: hidden; text-align: center;} 
.airxome .arti02 .text-list02 { display: flex; justify-content: center; margin: 15px auto 0;}
.airxome .arti02 .text-list02 li {width: 25%; font-size: 18px; font-weight: 600; line-height: 1.5em; color: #000; text-align: center;}

/* s3-1 */
.biz .item {display: flex; align-items: center;}
.biz .item:nth-child(even) {flex-direction: row-reverse;}
.biz .item > div {width: 50%;}
.biz .item:nth-child(odd) .text-box {padding-left: 100px;}
.biz .item:nth-child(even) .text-box {padding-right: 100px;}
.biz .item .text-box .title .flex {display: flex; flex-wrap: wrap; align-items: flex-end;}
.biz .item .text-box .title h3 {font-family: 'SEBANG_Gothic'; font-size: 55px; font-weight: 400; line-height: 1.1em; color: #000; margin-right: 20px;}
.biz .item .text-box .title small {display: inline-block; font-size: 23px; font-weight: 600; line-height: 1.5em; color: #f37920;}
.biz .item .text-box .title p {font-size: 18px; line-height: 1.77em; color: #909090; margin-top: 23px;}
.biz .item .text-box .title p .font-orange {color: #f37920;}
.biz .item .text-box .details {padding-top: 32px; margin-top: 32px; border-top: 1px solid #ddd;}
.biz .item .text-box .details dl {display: flex;}
.biz .item .text-box .details dt {position: relative; max-width: 110px; width: 100%; /* padding-left: 28px;  */font-size: 18px; font-weight: 700; line-height: 1.77em; color: #000;}
/* .biz .item .text-box .details dt:before {position: absolute; top: 8px; left: 0; content: ''; width: 15px; height: 15px; background: url('../img/sub/s301_icon_bullet.png') no-repeat left center;} */
.biz .item .text-box .details dd {width: 1%; flex: 1 1 auto; font-size: 18px; line-height: 1.77em; color: #909090;}