@charset "utf-8";
#sub_layout{padding-top: 300px; position: relative; }
#sub_layout .sub-top{text-align: center; display: flex; flex-direction: column; justify-content: center; gap:30px;}
#sub_layout .sub-top .stit{color: #333; text-align: center; font-family: 'NanumSquare'; font-size: 64px; font-weight: 800; line-height: normal;}
#sub_layout .sub-top .stxt{color: #649464; text-align: center; font-size: 20px; font-weight: 400; line-height: 30px; }

#sub_layout > svg{position: absolute; left: 0; top: 0; z-index: -1;}
#sub{position: relative;}
#sub .svg-line{position: absolute; right: 140px; top: 0px; z-index: -1; height: 0%; overflow: hidden;}
#sub .svg-line svg{overflow: visible;}

.lnb {margin-top: 40px;}
.lnb ul{display: flex; flex-wrap:wrap; justify-content: center;}
.lnb ul > li{margin-left: -1px;}
.lnb ul > li:first-child{margin-left: 0px;}
.lnb ul > li > a{width: 350px; height: 46px; display: flex; align-items:center; justify-content: center; text-align: center; color: #767676; font-family: 'NanumSquare'; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; transition:.3s; border: 1px solid #767676; }
.lnb ul > li.current > a{background: #649464; color: #FFF; border: 1px solid #649464;}


/* s11 */
.s1{margin-top: 91px; padding-bottom: 130px;}
.s11 article{display: flex; justify-content: space-between; align-items:center; height: 568px;}
.s11 article .tbx{max-width:600px;	width: 100%;}
.s11 article .tbx .tit{position: relative; color: #649464; font-family: 'NanumSquare'; font-size: 35px; font-weight: 800; line-height: normal; border-bottom: 3px solid #333;	padding-bottom: 20px;}
.s11 article .tbx ul{display: flex; flex-direction: column; gap:24px; margin-top: 36px;}
.s11 article .tbx ul > li{display: flex; flex-wrap:wrap; align-items:center;}
.s11 article .tbx ul > li span{display: inline-flex; padding: 0px 35px; height: 39px;  justify-content: center; align-items: center; gap: 10px; border-radius: 26px; border: 1px solid #767676; color: #333;font-size: 16px; line-height: 1; font-weight: 500; letter-spacing: -0.32px;} 
.s11 article .tbx ul > li p{flex:1; color: #333; font-size: 18px; font-weight: 400; line-height: 30.9px; letter-spacing: -0.36px;}
.s11 article .tbx ul > li.col {flex-direction: column; align-items: flex-start;}
.s11 article .tbx ul > li.col span{margin-bottom: 37px;}
.s11 article figure{position: relative; z-index: 1;}
.s11 article figure figcaption{position: absolute; color:rgba(255,255,255,0.7); font-family: 'NanumSquare'; font-size: 500px; font-weight: 400; line-height: normal; }
.s11 .arti2{flex-direction: row-reverse;  height: auto; margin-top: 145px; }
.s11 .arti2 figure{align-self: flex-end; position: relative; top: 24px;}
.s11 .arti2 .tbx ul > li{gap:24px;}
.s11 .arti2 .tbx ul > li b {font-weight: 500; width:111px;}
.s11 .arti2 .tbx ul > li b span { }
.s11 .arti3{align-items:flex-start; box-sizing: border-box; padding-top: 157px; height: 700px;}
.s11 .arti3 .tbx{padding-top: 50px;}
.s11 .arti1 figure figcaption{right: 72%; top: 50%; translate:0 -50%; z-index: -1;}
.s11 .arti2 figure figcaption{left: 50%; top: 50%; translate:0 -50%; z-index: -1; margin-top: -52px; }
.s11 .arti3 figure figcaption{right: 62%; top: 50%; translate:0 -34%; z-index: -1; }

.Service-top{max-width:1368px; margin: 0 auto; padding: 0 20px; width: 100%; box-sizing: border-box; }
.Service-top > ul {display: flex; gap:49px;}
.Service-top > ul > li{flex:1;}
.Service-top > ul > li figure{overflow: hidden; margin-bottom: 36px; }
.Service-top > ul > li .box {padding: 0 9.5px; box-sizing: border-box;}
.Service-top > ul > li .box h4{position: relative; color: #649464; font-family: 'NanumSquare'; font-size: 26px; font-weight: 800; letter-spacing: -0.52px;  padding-bottom: 16px; margin-bottom: 16px;}
.Service-top > ul > li .box h4:after{position: absolute; content: ''; width: 100%; height: 1px; background: #649464; opacity: 0.5; left: 0; bottom: 0;}
.Service-top > ul > li .box .tbx {display: flex; flex-direction: column; gap:18px;}
.Service-top > ul > li .box .tbx h5{color: #333; font-size: 20px; font-weight: 700; line-height: normal;}
.Service-top > ul > li .box .tbx b{color: #333; font-size: 20px; font-weight: 400; line-height: 31.9px;  letter-spacing: -0.4px; word-break: keep-all;}
.Service-top > ul > li .box .tbx ol > li{display: flex; flex-wrap:wrap; color: #649464; font-size: 18px;  font-weight: 400; line-height: 30.9px;  letter-spacing: -0.36px;}
.Service-top > ul > li .box .tbx ol > li span{width: 8px;}
.Service-top > ul > li .box .tbx ol > li p{flex:1; }
.Service-list-wrap{padding: 140px 136px; }
.Service-list{background: #fff; }

/* s13 */
.s13{padding-bottom: 300px;}
.s13 .arti1{padding-top: 30px;}
.s13 .arti1 figure{display: flex; justify-content: center;	padding-left: 100px;}

/* s31 */
.s3{margin-top: 120px; padding-bottom: 400px;}
.s31 .arti1 .map_box .cont{display: none;}
.s31 .arti1 .map_box .root_daum_roughmap .wrap_controllers{display: none;}
.s31 .arti1 .map_box .root_daum_roughmap{width: 100%;}
.s31 .arti1 .map_box .root_daum_roughmap .wrap_map{height: 800px;}
.s31 .arti2 {display: flex; flex-wrap:wrap; justify-content: space-between; gap:60px; margin-top: 43px;}  
.s31 .arti2 ul{flex:1; }
.s31 .arti2 ul > li{display: flex; flex-wrap:wrap; height: 50px;; color: #000; font-family: 'NanumSquare';  font-size: 18px; font-weight: 700; line-height: normal; align-items:center;}
.s31 .arti2 ul > li span{border-bottom: 1px solid #000;  width: 166px;	padding: 12px 40px}
.s31 .arti2 ul > li p{flex:1;	padding: 12px 20px; color: #767676; font-size: 18px; font-weight: 400; line-height: 30.9px;  letter-spacing: -0.36px; border-bottom: 1px solid #DDD;}
.s31 .arti2 ol{display: flex; gap:14px;}
.s31 .arti2 ol > li > a{display: flex; justify-content: center; align-items: center; width: 80px; height: 80px;  border-radius: 40px; background: #649464; transition:.3s;}
.s31 .arti2 ol > li:hover > a{background: #000;}