@charset "utf-8";

/* 공통 */
.doc-tit {font-size:22px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#333; position:relative; padding-left:44px; margin-bottom:40px;}
.doc-tit:before {content:""; position:absolute; width:28px; height:28px; background:url("../images/sub/bullet01.png") no-repeat 50% 50%; left:0; top:-1px; background-size:contain;}
.doc-cnt {margin-bottom:60px;}
.doc-cnt.ver2 {padding-left:44px;}

.doc-cnt .col-tit {font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#333; margin-bottom:10px; position:relative;}
.doc-cnt .col-tit.ver2 {margin-bottom:30px;}
.doc-cnt .col-tit.ver3 {padding-left:44px;}
.doc-cnt .col-tit.ver3:before {left:0;}
.doc-cnt .col-tit:before {content:""; position:absolute; width:27px; height:16px; background:url("../images/sub/bullet02.png") no-repeat 50% 50%; left:-44px; top:3px; background-size:contain;}
.doc-cnt .col-tit:last-child {margin-bottom:0;}
.doc-cnt .col {font-weight:400; letter-spacing:-0.03em; color:#333; margin-bottom:30px;}
.doc-cnt .col.ver3 {padding-left:44px;}
.doc-cnt .col:last-child {margin-bottom:0;}
.doc-cnt .col strong {font-weight:600;}

.doc-cnt:last-child {margin-bottom:0;}
.txt-green {color:#79a342 !important;}
.txt-blue {color:#0e65dc !important;}
.txt-red {color:#cf0000 !important;}

.bg-gray {background:#f8f8f8;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table {border-top:1px solid #242424; text-align:center;}
.table01 th {background:#f8f8f8; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#333; padding:15px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table01 td {font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px;}
.table01 th:last-child,
.table01 td:last-child {border-right:0;}
.table01 img {vertical-align:middle; display:inline-block; margin:0 18px;}

.list02 li {position:relative; padding-left:17px;}
.list02 li .num {position:absolute; left:0;}

/* infoUse */

.infoUse .doc-wrap {display:flex; margin-bottom:100px;}
.infoUse .doc-wrap > div {width:50%; }
.infoUse .imgBox {display:flex; justify-content:space-between; margin:0 -8px;}
.infoUse .imgBox .img {width:50%; padding:0 8px;}

.green-box.ver2 {margin-top:80px;}
.green-box {text-align:center;}
.green-box .tit {font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; background:#79a342; padding:18px;}
.green-box .tit span {padding-left:32px; position:relative;}
.green-box .tit span:before {content:""; position:absolute; width:22px; height:22px; background:url("../images/sub/bullet04.png") no-repeat 50% 50%; left:0; top:1px;}
.green-box .txt {padding:30px 10px; background:#f8f8f8; font-size:26px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#333;}

/* about */
.about .group {padding:100px 0; text-align:center;}
.about .group-tit {font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:20px;}
.about .sub-txt {font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545; margin-bottom:60px;}
.about .top-tit-wrap {text-align:center;}
.about .top-tit-wrap .tit {font-size:30px; font-weight:600; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.about .top-tit-wrap .txt {font-size:20px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-bottom:60px;}
.about .gr1 ul {display:flex; flex-wrap:wrap; margin:-20px;}
.about .gr1 ul li {width:33.333%; padding:20px; }
.about .gr1 ul li .inner {border:1px solid #ddd; height:100%;}
.about .gr1 ul li .cnt {padding:28px 10px; position:relative; overflow:hidden;}
.about .gr1 ul li .num {position:absolute; left:-10px; top:-10px; font-size:100px; font-weight:700; color:#79a342; opacity:0.1; line-height:0.7em;}
.about .gr1 ul li .tit {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:15px;}
.about .gr1 ul li .txt {line-height:1.6em; font-weight:400; letter-spacing:-0.03em; color:#454545;}

.about .gr2 ul {display:flex;}
.about .gr2 ul li {width:33.333%; padding:35px 10px; border-right:1px solid #ddd;}
.about .gr2 ul li:last-child {border-right:0;}
.about .gr2 ul li .num {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em;}
.about .gr2 ul li .icon {margin:70px 0;}
.about .gr2 ul li .tit {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:20px;}
.about .gr2 ul li .txt {font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#454545;}

/* greeting */
.greeting .group {padding:100px 0;}
.greeting .group:first-child {padding-top:0;}
.greeting .gr1 .contain {display:flex;}
.greeting .gr1 .contain > div {width:50%;}
.greeting .gr1 .deco {font-size:16px; font-weight:700; line-height:1.2em; letter-spacing:0.6em; margin-bottom:30px;}
.greeting .gr1 .tit {font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c;}
.greeting .gr1 .tt {font-size:24px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c; margin-bottom:55px;}
.greeting .gr1 .txt {font-weight:400; line-height:1.6em; letter-spacing:-0.03em; color:#505050; margin-bottom:28px;}
.greeting .gr1 .txt:last-child {margin-bottom:0;}
.greeting .gr1 .txt-wrap {padding-top:46px;}

.history {border-top:1px solid #242424;}
.history .part {display:flex; padding:30px 10px; border-bottom:1px solid #ddd;}
.history .part .year {min-width:214px; position:relative; padding-left:15px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#333;}
.history .part .year:before {content:""; position:absolute; width:5px; height:5px; border-radius:100%; background:#333; left:0; top:8px;}
.history .part:nth-child(even) .year {color:#79a342;}
.history .part > ul {flex: 1 1 auto; min-width: 0; width: 1%;}
.history .part > ul > li {display:flex; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:13px;}
.history .part > ul > li:last-child {margin-bottom:0;}
.history .part .month {min-width:70px; font-weight:700; color:#333;}

/* location */
.location .local {margin-bottom:40px;}
.location .root_daum_roughmap {width:100% !important; height:400px !important;}
.location .root_daum_roughmap .wrap_map {height:400px !important;}

.local-info {display:flex;}
.local-info .group {padding-left:70px; width:50%;}
.local-info .group-tit {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#333; margin-bottom:30px; position:relative;}
.local-info .group-tit:before {content:""; position:absolute; width:50px; height:1px; background:#999; left:-70px; top:12px;}
.local-info dl {display:flex; margin-bottom:50px; letter-spacing:-0.03em; font-weight:400; color:#454545; line-height:1.6em;}
.local-info dl:last-child {margin-bottom:0;}
.local-info dt {padding-left:33px; font-weight:500; color:#333; min-width:140px; position:relative;}
.local-info dt:before {content:""; position:absolute; width:20px; height:20px; background-repeat:no-repeat; background-position:50% 50%; left:0; top:3px;}
.local-info .wrap dl:nth-child(1) dt:before {background-image:url("../images/sub/local_icon1.png");}
.local-info .wrap dl:nth-child(2) dt:before {background-image:url("../images/sub/local_icon2.png");}
.local-info .wrap dl:nth-child(3) dt:before {background-image:url("../images/sub/local_icon3.png");}
.local-info .wrap2 dl:nth-child(1) dt:before {background-image:url("../images/sub/local_icon4.png");}
.local-info .wrap2 dl:nth-child(2) dt:before {background-image:url("../images/sub/local_icon5.png");}