@charset "utf-8";

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

.sub-cont {padding:100px 0;}
.bg-gray {position:relative;}
.bg-gray:before {content:""; position:absolute; width:100vw; height:100%; left:50%; transform:translateX(-50%); top:0;  background:#f8f8f8; z-index:-1;}

.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {position:relative; padding-left:13px; font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:28px;}
.doc-tit:before {content:""; position:absolute; width:3px; height:20px; background:#da251e; left:0; top:3px;}

/* greeting */
.greeting .img {margin-bottom:48px;}
.greeting .txt-wrap {display:flex;}
.greeting .txt-wrap > div {width:50%;}
.greeting .txt-wrap .left .t1 {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:16px;}
.greeting .txt-wrap .left .t2 {font-size:45px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.greeting .txt-wrap .right .tit {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#000; margin-bottom:26px;}
.greeting .txt-wrap .right .txt {font-size:17px; font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-bottom:25px;}
.greeting .txt-wrap .sign {font-size:19px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-top:40px;}
.greeting .txt-wrap .sign img {vertical-align:middle; margin-left:20px;}

/* history */
.history {display:flex; align-items: flex-start;}
.history > div {width:50%;}
.history .img {border-radius:25px 0; overflow:hidden; box-shadow:0 0 10px 5px rgba(0,0,0,0.2);}
.history .img img {width:100%;}
.history .cnt {padding-left:57px;}
.history .tit {font-family:'Roboto'; font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#242424; margin-bottom:44px;}
.history .group {display:flex; padding-bottom:45px; position:relative;}
.history .group:before {content:""; position:absolute; width:1px; height:100%; left:94px; top:20px; margin-left:-0.5px; background:url("../images/sub/line.gif") repeat-y center top;}
.history .group:after {content:""; position:absolute; width:16px; height:16px; background:#fff; border:4px solid #da251e; border-radius:100%; left:94px; margin-left:-8px; top:5px;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .year {width:94px; font-size:24px; font-weight:600; line-height:1em; letter-spacing:-0.03em; color:#242424;}
.history .group > ul {padding-left:33px; padding-top:4px; flex: 1 1 auto; min-width: 0; width: 1%;}
.history .group > ul > li {display:flex; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.history .group > ul > li:last-child {margin-bottom:0;}
.history .group .month {font-size:18px; font-weight:600; color:#454545; min-width:28px;}

/* partner */
.partner ul {display:flex; flex-wrap:wrap; margin:0 -10px -55px -10px;}
.partner ul li {width:20%; padding:0 10px; text-align:center; margin-bottom:55px;}
.partner ul li .img {margin-bottom:16px;}
.partner ul li img {width:100%;}
.partner ul li .tit {font-size:18px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#242424;}

/* location */
.location .group {margin-bottom:100px; border-bottom:1px solid #ddd; padding-bottom:100px;}
.location .group:last-child {margin-bottom:0; border-bottom:0; padding-bottom:0;}
.location .local {margin-bottom:37px;}
.location .local .root_daum_roughmap {width:100% !important; height:500px !important;}
.location .local .root_daum_roughmap .wrap_map {height:500px !important;}
.location .local-info .tit-wrap {display:flex; align-items:center; margin-bottom:20px;}
.location .local-info .tit-wrap h3 {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; flex:0 0 auto;}
.location .local-info .tit-wrap p {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding-left:14px; position:relative; margin-left:14px;}
.location .local-info .tit-wrap p:before {content:""; position:absolute; width:1px; height:15px; left:0; top:50%; margin-top:-7.5px; background:#ddd;}
.location .local-info .wrap {display:flex; flex-wrap:wrap;}
.location .local-info .wrap dl {display:flex; position:relative; padding-left:33px; margin-right:59px; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.location .local-info .wrap dl:before {content:""; position:absolute; width:24px; height:24px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; left:0; top:3px;}
.location .local-info .wrap dl:nth-child(1):before {background-image:url("../images/sub/local_icon1.png");}
.location .local-info .wrap dl:nth-child(2):before {background-image:url("../images/sub/local_icon2.png");}
.location .local-info .wrap dl:nth-child(3):before {background-image:url("../images/sub/local_icon3.png");}
.location .local-info .wrap dt {font-size:20px; color:#242424; font-weight:500;}
.location .local-info .wrap dd {position:relative; padding-left:10px; margin-left:10px;}
.location .local-info .wrap dd:before {content:""; position:absolute; width:1px; height:10px; background:#ddd; left:0; top:50%; margin-top:-5px;}

/* business */
.top-txt {text-align:center;}
.top-txt p {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.group-tit {text-align:center; font-size:35px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}

.business .img {margin-bottom:55px;}
.business .t1 {font-size:26px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#000; margin-bottom:12px;}
.business .t2 {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.business .txt {text-align:center; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#242424; margin-bottom:54px;}

.circle-list {display:flex; justify-content:center; flex-wrap:wrap;}
.circle-list li {margin-left:-20px; position:relative;}
.circle-list li:first-child {margin-left:0;}
.circle-list .num {width:40px; height:40px; border-radius:100%; font-size:18px; line-height:40px; letter-spacing:-0.03em; color:#fff; background:#da251e; margin:0 auto -20px auto; position:relative; text-align:center;}
.circle-list .circle {width:250px; height:250px; background:#fff; border:1px dashed #df443e; border-radius:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:16px; font-weight:500; line-height:1.6em; color:#454545;}
.circle-list .circle strong {display:contents;}

.bar-wrap {padding-top:95px; position:relative; margin-top:30px;}
.bar-wrap:before {content:""; position:absolute; width:1px; height:50px; background:#ddd; left:50%; margin-left:-0.5px; top:0;}

/* patent */
.patent-list ul {display:flex; flex-wrap:wrap; margin-bottom:-55px; justify-content:center;}
.patent-list ul li {text-align:center; width:33.333%; margin-bottom:55px;}
.patent-list ul li.col-2 {width:25%;}
.patent-list ul li .img {margin-bottom:15px;}
.patent-list ul li .tit {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#454545;}

/* vision */
.vision .img2 {margin-top:60px;}
.vision .col {display:flex; align-items:center; margin-bottom:115px;}
.vision .col:last-child {margin-bottom:0;}
.vision .col > div {width:50%;}
.vision .col .img {position:relative;}
.vision .col .img img {box-shadow:0 0 10px 5px rgba(0,0,0,0.2);}
.vision .col .img:before {content:""; position:absolute; width:342px; height:15px; background:#da251e;}
.vision .col .cnt {padding-left:78px;}
.vision .col:nth-child(even) .cnt {padding-left:17px;}
.vision .col:nth-child(even) {flex-direction:row-reverse;}
.vision .col:nth-child(1) .img {padding-top:15px;}
.vision .col:nth-child(1) .img:before {left:0; top:0;}
.vision .col:nth-child(2) .img {padding-top:0; padding-bottom:15px;}
.vision .col:nth-child(2) .img:before {right:0; bottom:0; left:auto; top:auto;}
.vision .col .tit {font-size:26px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#000; margin-bottom:13px; position:relative;}
.vision .col .tit:before {content:""; position:absolute; width:3px; height:25px; background:#da251e; left:-16px; top:3px;}
.vision .col .txt {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}