@charset "utf-8";

/*공통*/
.gray-bg {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;}
.list01 > li {position:relative; padding-left:9px; font-size:18px; 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%;}

/*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 .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 .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:150px; height:50px; line-height:48px; border:1px solid #ddd; font-size:22px; font-weight:500; letter-spacing:-0.01em; border-radius:100px; z-index:1; background:#fff; text-align:center; margin:0 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:20px; width:30%; max-width:92px;}
.about .cnt2 .col ul li:nth-child(odd) .icon {margin-right:0; margin-left:20px;}
.about .cnt2 .col ul li .wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.about .cnt2 .col ul li .tit {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.01em; margin-bottom:5px;}
.about .cnt2 .col ul li .txt {font-size:16px; font-weight:400; letter-spacing:-0.01em; color:#454545; line-height:1.6em;}
.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; font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}

/*service*/
.service {padding-top: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");}

/*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;}