@charset "utf-8";

/*공통*/
.gray-bg {position:relative;}
.gray-bg:before {content:''; position:absolute; z-index:-1; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background-color:#f8f8f8;}
.doc-tit {position:relative; padding-left:22px; font-size:23px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:55px;}
.doc-tit:before {content:""; position:absolute; width:11px; height:11px; background:#dddddd; left:0; top:8px;}
.doc-cnt {margin-bottom:280px;}

.list01 > li {position:relative; padding-left:9px; font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.01em; color:#242424;}
.list01 > li:before {content:""; position:absolute; width:3px; height:3px; background:#242424; left:0; top:11px; border-radius:100%;}

.main-vid {width:100%; max-width:960px; margin:0 auto;}
.video_obj {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:10px;/*  box-shadow:0 0 2px rgba(0,0,0,0.2); */}
.video_obj video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

/*about*/
.about .group {padding:95px 0;}
.about .group-tit {text-align:center; font-size:35px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:50px;}
.about .info-txt {margin-bottom:60px; font-size:31px; font-weight:600; line-height:1.6em; letter-spacing:-0.02em; color:#333; text-align:center;}
.about .info-txt:last-child {margin-bottom:0;}

.about .cnt1 .s-logo {margin-bottom:30px; text-align:center;}
.about .cnt1 .txt {text-align:center; font-size:17px; font-weight:500; line-height:1.5em; letter-spacing:-0.01em; color:#242424; margin-bottom:25px;}
.about .cnt1 .txt:last-child {margin-bottom:0;}
.about .cnt1 .txt-wrap {margin-top:100px;}

.about .cnt2 .txt-wrap {text-align:center; margin-bottom:60px;}
.about .cnt2 .txt-wrap .sub-info {font-size:26px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:20px;}
.about .cnt2 .txt-wrap .txt {font-size:16px; font-weight:400; line-height:1.6em; color:#242424; margin-bottom:40px;}
.about .cnt2 .txt-wrap .txt:last-child {margin-bottom:0;}
.about .cnt2 .col-tit {position:relative; display:block; width:200px; height:65px; line-height:61px; border:2px solid #ddd; font-size:36px; font-weight:700; letter-spacing:-0.01em; border-radius:100px; z-index:1; background:#fff; text-align:center; margin:0 auto 70px auto;}
.about .cnt2 .col-tit.type1 {color:#c42183; border-color:#c42183;}
.about .cnt2 .col-tit.type2 {color:#4b106a; border-color:#4b106a;}
.about .cnt2 .col {padding:55px 10px; background:#fff url("../images/sub/plus_icon.png") no-repeat 50% 50%;; position:relative; margin-top:-25px;}
.about .cnt2 .col1 .tit {color:#c42183;}
.about .cnt2 .col2 .tit {color:#4b106a;}
.about .cnt2 .col1  {margin-bottom:55px;}
.about .cnt2 .col ul {position:relative; display:flex; flex-wrap:wrap; margin:0 -40px -55px -40px;}
.about .cnt2 .col ul li {width:50%; display:flex; align-items:center; margin-bottom:55px; padding:0 40px;}
.about .cnt2 .col ul li:nth-child(odd) {flex-direction:row-reverse; text-align:right;}
.about .cnt2 .col ul li .icon {margin-right:25px; flex:0 0 auto;}
.about .cnt2 .col ul li:nth-child(odd) .icon {margin-right:0; margin-left:25px;}
.about .cnt2 .col ul li .wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.about .cnt2 .col ul li .tit {font-size:25px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; margin-bottom:11px;}
.about .cnt2 .col ul li .txt {font-size:18px; font-weight:400; letter-spacing:-0.01em; color:#454545; line-height:1.5em;}

.about .cnt3 .sub-info {text-align:center; font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.01em; color:#242424; margin-bottom:55px;}

.about .cnt4 .year {font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#d5d5d5; text-align:center;}
.about .cnt4 .col .month {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#c42183; display:block; min-width:40px;}
.about .cnt4 .col {padding-left:calc(50% + 30px);padding-top:60px; padding-bottom:60px; position:relative;}
.about .cnt4 .col:before {content:""; position:absolute; width:1px; height:100%; left:50%; margin-left:-0.5px; background:#dfdfdf; top:0;}
.about .cnt4 .col:after {content:""; position:absolute; left:50%; width:21px; height:21px; top:60px; margin-left:-10.5px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; background-size:contain;}
.about .cnt4 .part:nth-child(even) .col {padding-right:calc(50% + 30px); padding-left:0; text-align:right;}
.about .cnt4 .part:nth-child(even) .col > ul > li {flex-direction: row-reverse;}
.about .cnt4 .col > ul {position:relative;}
.about .cnt4 .col > ul > li {display:flex; margin-bottom:9px; font-size:17px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.about .cnt4 .col > ul > li:last-child {margin-bottom:0;}

/*service*/
.service {padding-top:100px;}
.service .group-tit {text-align:center; font-size:40px; font-weight:700; line-height:1.4em; letter-spacing:-0.01em; color:#242424; margin-bottom:100px;}
.service .gray-bg {padding:45px 0; margin-bottom:95px;}
.service .top-txt {font-size:22px; font-weight:500; line-height:1.5em; letter-spacing:-0.01em; color:#242424; margin-bottom:80px; text-align:center;}
.service .txt-wrap {text-align:center; margin-bottom:60px;}
.service .txt-wrap .group-tit {font-size:35px; font-weight:700; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:45px;}
.service .txt-wrap .txt {font-size:26px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:8px;}
.service .txt-wrap .sub-info {font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.01em; color:#242424;}
.service .bene-wrap {display:flex; justify-content: center; margin:0 -95px;}
.service .bene-wrap .tit .num {display:block; font-size:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#808080; margin-bottom:10px;}
.service .bene-wrap .tit {min-height:81px; font-size:21px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#242424; margin-bottom:15px; background-repeat:no-repeat; background-position:top right;}
.service .bene-wrap .box {width:50%; max-width:530px; padding:0 65px;}
.service .bene-wrap .box:nth-child(1) .tit {background-image:url("../images/sub/bene_icon1.png");}
.service .bene-wrap .box:nth-child(2) .tit {background-image:url("../images/sub/bene_icon2.png");}

.service .dc2 .wrap {text-align:center;}
.service .dc2 ul {display:inline-block;}
.service .dc2 ul li {display:flex; align-items:center; margin-bottom:75px;}
.service .dc2 ul li:last-child {margin-bottom:0;}
.service .dc2 ul li .icon {flex:0 0 auto; margin-right:30px;}
.service .dc2 ul li .tit {position:relative; padding:27px 30px 27px 50px; font-size:25px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; color:#454545;}
.service .dc2 ul li .tit:before {content:''; position:absolute; width:100%; height:100%; left:0; top:3px; background:url('../images/sub/service-bg01.png') no-repeat left center; background-size:100% 100%; z-index:-1;}

.service .dc3 .group {display:flex; align-items:center; padding:100px 0;}
.service .dc3 .group:first-child {padding-top:0;}
.service .dc3 .group:last-child {padding-bottom:0;}
.service .dc3 .group > div {width:50%;}
.service .dc3 .group .right {padding-left:90px;}
.service .dc3 .group:nth-child(even) {flex-direction:row-reverse;}
.service .dc3 .group:nth-child(even) .right {padding-left:0; padding-right:90px; text-align:right;}
.service .dc3 .tit {margin-bottom:10px; font-size:29px; font-weight:600; line-height:1.2em; letter-spacing:-0.01em; color:#000;}
.service .dc3 .txt {font-size:25px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#454545;}

/*hire*/
.hire .bg {padding:90px 10px; background:url("../images/sub/hire_bg.jpg") no-repeat 50% 50%; background-size:cover; text-align:center; margin-bottom:100px;}
.hire .bg .tit {color:#fff; font-size:28px; font-weight:600; line-height:1.2em; margin-bottom:12px;}
.hire .bg .txt {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-0.01em; color:#fff; margin-bottom:15px;}
.hire .bg .txt:last-child {margin-bottom:0;}
.hire .img {margin-bottom:100px;}

/*location*/
.location {margin-top:100px; padding-top:30px; border-top:2px solid #242424;}
.location .local {margin-bottom:30px; text-align:center;}
.local .root_daum_roughmap {width:100% !important; height:400px !important;}
.local .root_daum_roughmap .wrap_map {height:400px !important;}

.local .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.local .roughmap_lebel_text:after {content:"아이노마드"; font-size:12px; line-height:15px;}
.location .local-info {text-align:center;}
.location .local-info dl {display:inline-flex; justify-content: center; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#242424; position:relative; padding-left:24px; background:url("../images/sub/local_icon.png") no-repeat left center;}
.location .local-info dt {font-weight:500; margin-right:5px;}