@charset "utf-8";

.pl13 {padding-left:13px !important;}

.mt26 {margin-top:26px !important;}
.mt20 {margin-top:20px !important;}
.mb60 {margin-bottom:60px !important;}

.c1 {color:var(--color-primary) !important;}
.c2 {color:var(--color-secondary) !important;}
.c-w {color:#fff !important;}

.font1 {font-family:'Montserrat', sans-serif;}

.doc-tit {margin-bottom:23px; padding-left:53px; font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; color:#333; position:relative;}
.doc-tit:before {top:7px; left:0; width:50px; height:24px; background:url("../images/sub/tit_ico.png") no-repeat 50% 50% / contain; content:""; position:absolute;}
.doc-tit.ty2:before {display:none;}
.doc-tit2 {margin-bottom:10px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.doc-tit3 {margin-bottom:25px; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.doc-txt {margin-bottom:27px; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em;}

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

.doc-inner {padding-left:53px; line-height:1.63em;}

.doc-group {margin-bottom:40px;}
.doc-group:last-child {margin-bottom:0;}
.doc-group2 {margin-bottom:15px;}
.doc-group2:last-child {margin-bottom:0;}

.hypen-list ul li {padding-left: .6em; text-indent:-.6em; margin-bottom:3px !important;}
.hypen-list ul li:before {display:none;}
.hypen-list ul li:last-child {margin-bottom:0;}
.hypen-list.mb7 ul li {margin-bottom:7px;}

.dot-list ul li {margin-bottom:5px; position:relative; padding-left:11px !important;}
.dot-list ul li:last-child {margin-bottom:0;}
.dot-list ul li:before {position:absolute; left:0; top:-1px; content:"•"; color:var(--color-secondary);}
.dot-list.ty2 {margin-top:25px;}
.dot-list.ty2 ul {display:flex; flex-direction:column; align-items:center;}
.dot-list.ty2 ul li {display:inline-block; width:auto;}
.dot-list.ty3>ul>li {margin-bottom:18px;}
.dot-list.flex ul li {display:flex;}
.dot-list.flex-start ul {align-items:flex-start !important;}

.process-list {position:relative;}
.process-list:before {position:absolute; left:0; top:105px; content:""; width:100%; height:1px; background:#ddd; z-index:-1;}
.process-list ol {display:flex; justify-content:space-between;}
.process-list .con {margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; width:210px; height:210px; background:var(--color-secondary); text-align:center; border-radius:100%; color:#fff;}
.process-list ol li:nth-child(even) .con {background:var(--color-primary);}
.process-list .tit {margin:5px 0 15px; font-weight:700; font-size:20px; line-height:1.6em;}
.process-list.ty2 {padding:0 70px;}
.process-list.ty2:after {content:""; width:20px; height:20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position:absolute; right:2px; top:96px; transform:rotate(-45deg);}
.process-list.ty2 ol {margin:0 -10px;}
.process-list.ty2 ol li {padding:0 10px;}

.sub-tab {margin-bottom:80px; border:1px solid #ddd;}
.sub-tab ul li {flex:1;}
.sub-tab ul li a {height:60px; display:flex; align-items:center; justify-content:center; text-align:center; color:#888; font-weight: 500; line-height:1.6em;}
.sub-tab ul li.active a {background:var(--color-secondary); color:#fff;}

.ol-box-wrap {max-width:903px}
.ol-box-wrap .bg1 {background:var(--color-primary) !important;}
.ol-box-wrap .bg2 {background:var(--color-secondary) !important;}
.ol-box-wrap .row {display:flex; margin:0 -30px 60px;}
.ol-box-wrap .row:last-child {margin-bottom:0;}
.ol-box-wrap .row.reverse {flex-direction:row-reverse;}
.ol-box-wrap .col {width:33.33333%; padding:0 30px;}
.ol-box-wrap .box {min-height:200px; height:100%; position:relative;}
.ol-box-wrap .box:after {content:""; position: absolute; right:-45px; top:50%; margin-top:-6px; width:45px; height:13px; background:url("../images/sub/ol_arr.png") no-repeat 50% 50% / contain;}
.ol-box-wrap .row .col:last-child .box:after {top:auto; right:50%; left:auto; margin-right:-22px; bottom:-29px; transform:rotate(90deg);}
.ol-box-wrap .row:nth-child(even) .box:after {right:auto; left:-45px; transform:rotate(180deg);}
.ol-box-wrap .row:last-child .col:last-child .box:after {display:none;}
.ol-box-wrap .tit {border-radius:4px; min-height:50px; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center;}

.ol-box-wrap .cnt {padding:10px 22px; display:flex; align-items:center; border-radius:4px; background:#f6f6f6; height:calc(100% - 70px); margin-top:20px;}
.ol-box-wrap .ico-box {border-radius:4px; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.ol-box-wrap .ico-box .txt {margin-top:22px; font-size:20px; font-weight:600; letter-spacing:-.03em;}

.greeting {display:flex;}
.greeting .img {margin-right:163px; position:relative;}
.greeting .img:before {border-radius:0 0 60px 0; content:""; position:absolute; z-index:-1; right:-60px; top:100px; height:360px; left:-999em; background:#f3f6fa;}
.greeting .cnt {padding-top:14px; flex:1 1 auto; min-width:0; width:1%;}
.greeting .tt {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.greeting h3 {margin:10px 0 34px; font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .txt {margin-bottom:12px;}
.greeting .txt.mg {margin-bottom:30px;}
.greeting .everyone {font-size:18px; color:#242424;}

.biz-text strong {color:#242424;}
.biz-text p:not(:last-child) {margin-bottom:3px;}

.th-c1 tbody th {color:#454545 !important;}
.table-tt {text-align:right;}
.border-right {border-right:1px solid #ddd !important;}
.border-right0 {border-right:0 !important;}
.table01 table {border-top:1px solid #242424; width:100%; border-collapse:collapse; border-spacing:0; letter-spacing:-.02em; line-height:1.5em;}
.table01 table thead th {padding:18px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa; color:#242424; font-weight:600;}
.table01 table thead th:last-child {border-right:0;}
.table01 table tbody th {padding:18px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fafafa; color:#242424; font-weight:500;}
.table01 table tbody td {padding:18px 20px; border-bottom:1px solid #ddd;}
.table01.td-border td {border-right:1px solid #ddd;}
.table01.td-pl30 td {padding:18px 29px;}
.table01.td-p5 td {padding:18px 5px;}
.table01.td-last0 td:last-child {border-right:0;}

.history-wrap {display:flex;}
.history-wrap .title {width:550px;}
.history-wrap .title h3 {margin-bottom:21px; color:#242424; font-size:33px; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.history-wrap .title h3 span {font-weight:700; font-size: 1.21em; margin-right:13px;}
.history-wrap .title p {margin-bottom:90px; line-height:1.56em; font-weight:500;}
.history-wrap .title p strong {color:#242424;}

.history {flex:1 1 auto; min-width:0; width:1%; border-left:1px solid #ddd;}
.history .group {display:flex; padding-bottom:50px;}
.history .group:last-child {padding-bottom:0;}
.history .dot {display:flex; align-items:center; margin-left:-10px; background:#fff; min-width:20px; height:20px; border:1px solid #dedede; border-radius:100%; position:relative;}
.history .dot:before {content: ""; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; border-radius:100%;	border:3px solid #afafaf;}
.history .cnt {padding-left:60px; position: relative;}
.history .cnt:before {content:""; width:40px; height:1px; background:#ddd; position: absolute; left:10px; top:8px;}
.history .year {margin-bottom:27px; color:#242424; font-size:28px; font-weight:600; letter-spacing:-.03em; line-height:.7em;} 
.history .mon {position:relative; color:var(--color-secondary); font-weight:600; min-width:47px; margin-right:10px; display:inline-flex;}
.history .mon:after {content:""; border-radius:100%; background:#ddd; width:5px; height:5px; position:absolute; right:0; top:11px;}
.history .list ul li {display:flex; margin-bottom:8px;}
.history .list ul li:last-child {margin-bottom:0;}

.viewing {max-width: 540px !important; width: 28.12vw !important;}
.viewing .fancybox-skin {max-width: 540px !important; width: 28.12vw !important;}
.viewing .fancybox-outer {max-width: 540px !important; width: 28.12vw !important;}
.viewing .fancybox-inner {height:auto !important; max-width: 540px !important; width: 28.12vw !important;}
.viewing .fancybox-inner img {height:auto;}

.certi-list ul {display:flex; flex-wrap:wrap; margin:-21px -10px;}
.certi-list ul li {padding:21px 10px; width:20%; text-align:center;}
.certi-list .tit {color:#686868; line-height:1.44em; margin-top:11px;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-secondary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .info-flex {display:flex;}
.directions .contact-info {margin-right:42px; width:50%; border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info:last-child {margin-right:0;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-secondary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.biz-bnr {margin-bottom:95px; padding:30px 100px; display:flex; flex-direction:column; justify-content:center; color:#fff; border-radius:15px; min-height:350px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.biz-bnr .tit {margin-bottom:27px; font-size:40px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.biz-bnr .txt {font-size:18px; font-weight:500; letter-spacing:-.03em;}
.biz-bnr.bg1-1 {background-image:url("../images/sub/biz_bnr1.jpg");}
.biz-bnr.bg1-2 {background-image:url("../images/sub/biz_bnr2.jpg");}
.biz-bnr.bg1-3 {background-image:url("../images/sub/biz_bnr3.jpg");}
.biz-bnr.bg1-4 {background-image:url("../images/sub/biz_bnr4.jpg");}
.biz-bnr.bg1-5 {background-image:url("../images/sub/biz_bnr5.jpg");}
.biz-bnr.bg2-1 {background-image:url("../images/sub/biz_bnr2_1.jpg");}
.biz-bnr.bg2-2 {background-image:url("../images/sub/biz_bnr2_2.jpg");}
.biz-bnr.bg2-3 {background-image:url("../images/sub/biz_bnr2_3.jpg");}
.biz-bnr.bg2-4 {background-image:url("../images/sub/biz_bnr2_4.jpg");}
.biz-bnr.bg2-5 {background-image:url("../images/sub/biz_bnr2_5.jpg");}
.biz-bnr.bg3-1 {background-image:url("../images/sub/biz_bnr3_1.jpg");}
.biz-bnr.bg3-2 {background-image:url("../images/sub/biz_bnr3_2.jpg");}
.biz-bnr.bg3-3 {background-image:url("../images/sub/biz_bnr3_3.jpg");}
.biz-bnr.bg3-4 {background-image:url("../images/sub/biz_bnr3_4.jpg");}
.biz-bnr.bg3-5 {background-image:url("../images/sub/biz_bnr3_5.jpg");}
.biz-bnr.bg4-1 {background-image:url("../images/sub/biz_bnr4_1.jpg");}
.biz-bnr.bg4-2 {background-image:url("../images/sub/biz_bnr4_2.jpg");}
.biz-bnr.bg4-3 {background-image:url("../images/sub/biz_bnr4_3.jpg");}
.biz-bnr.bg4-4 {background-image:url("../images/sub/biz_bnr4_4.jpg");}
.biz-bnr.bg4-5 {background-image:url("../images/sub/biz_bnr4_5.jpg");}
.biz-bnr.bg4-6 {background-image:url("../images/sub/biz_bnr4_6.jpg");}
.biz-bnr.bg4-7 {background-image:url("../images/sub/biz_bnr4_7.jpg");}
.biz-bnr.bg4-8 {background-image:url("../images/sub/biz_bnr4_8.jpg");}

.system-img {margin-top:25px;}

.icon-box-list {margin-top:24px;}
.icon-box-list ul {display:flex; flex-wrap:wrap; margin:-15px;} 
.icon-box-list ul li {width:33.333%; padding:15px;}
.icon-box-list .box {height:100%; position:relative; padding:37px 40px; min-height:250px; background:#f2f9fd;}
.icon-box-list .box:after {content:""; position:absolute; right:40px; bottom:40px; width:63px; height:64px; background-size:contain; background-repeat:no-repeat; background-position:100% 100%;}
.icon-box-list .box.ico1:after {background-image: url("../images/sub/health_ico1.png");}
.icon-box-list .box.ico2:after {background-image: url("../images/sub/health_ico2.png");}
.icon-box-list .box.ico3:after {background-image: url("../images/sub/health_ico3.png");}
.icon-box-list .box.ico4:after {background-image: url("../images/sub/health_ico4.png");}
.icon-box-list .box.ico5:after {background-image: url("../images/sub/health_ico5.png");}
.icon-box-list .tit {margin-bottom:17px; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.quote-ico {margin-bottom:33px;}

.text-mg p:not(:last-child) {margin-bottom:26px;}

.flow-list ul {display:flex; margin:0 -30px;}
.flow-list li {width:25%; padding:0 30px;}
.flow-list li:nth-child(4) .box:after {top:auto; bottom:-10px; transform:rotate(90deg); right:50%; margin-right:-23px; z-index:-1;}
.flow-list .row {margin-bottom:40px;}
.flow-list .row:last-child {margin-bottom:0}
.flow-list .reverse ul {flex-direction:row-reverse;}
.flow-list .box {position:relative; border-radius:4px; min-height:50px; padding:5px; line-height:1.3em; display:flex; justify-content:center; align-items:center; text-align:center; text-align:center; color:#fff;}
.flow-list .box:after {top:50%; right:-47px; margin-top:-6px; content:""; width:47px; height:13px; background:url("../images/sub/arr2.png") no-repeat 50% 50% / contain; position:absolute;}
.flow-list .reverse .box:after {right:auto; left:-47px; transform:rotate(-180deg);}
.flow-list .box.none:after {display:none;}
.flow-list .box.st1 {background:var(--color-primary);}
.flow-list .box.st2 {background:var(--color-secondary);}

.law-area {display:flex; flex-wrap:wrap;}	
.law-area .row-wrap {display:flex; flex-wrap:wrap; width:100%;}
.law-area .row-wrap .row:nth-child(odd) {border-right:1px dashed #ddd; padding-right:40px;}
.law-area .row-wrap .row:nth-child(even) {padding-left:40px;}
.law-area .row {padding:60px 0; border-bottom:1px dashed #ddd; width:50%;}
.law-area>.row:first-child {padding-top:0;}
.law-area>.row:last-child {padding-bottom:0; border-bottom:0;}
.law-area .row.row-x2 {width:100%;}
.law-area .tit {margin-bottom:20px; border-radius:6px; height:56px; font-size:20px; font-weight:600; letter-spacing:-.03em; background:var(--color-secondary); color:#fff; display:flex; align-items:center; justify-content:center;}
.law-area .list {display:flex; margin:-15px;}
.law-area .list li {width:25%; padding:15px;}
.law-area .list.col-2 li {width:50%;}
.law-area .list li a {height:54px; border-radius:6px; display:flex; justify-content:center; line-height:1.3em; align-items:center; border:1px solid #ddd; text-align:center; font-weight:500; font-size:18px;}