@charset "utf-8";

/*** Sub Common ***/
.sub_wrap {margin-top: 100px !Important;}
.sv_sec {margin-top: 98px; position: relative; display: block; width: 100%; height: 500px; box-sizing: border-box; overflow: hidden; background: url(../img/sub/sv01.jpg) bottom center  no-repeat;background-size: cover !important;}
.sv01{background:url(../img/sub/sv01.jpg) bottom center no-repeat ; }  
.sv02 {background:url(../img/sub/sv02.jpg) bottom center no-repeat ; }
.sv03 {background:url(../img/sub/sv03.jpg) bottom center no-repeat ; }
.sv04 {background:url(../img/sub/sv04.jpg) bottom center no-repeat ; }
.sv05 {background:url(../img/sub/sv05.jpg) bottom center no-repeat ; } 

.sv_sec .tit_box {box-sizing: border-box; display: flex; height: 100%; align-items:center; color: var(--white); text-align: center;}
.sv_sec .tit_box .sv_tit_sec{width: 100%; padding-bottom: 50px;}
.sv_sec .tit_box .sv_tit_sec h3{line-height: 1; font-weight: 700; letter-spacing: -0.03em !important;  margin-bottom: 34px; }
.sv_sec .tit_box .sv_tit_sec p{line-height: 1; color: rgba(255,255,255,0.8); letter-spacing: -0.03em !Important; font-weight: 400;}

/* lnb */
.lnb{position: relative; z-index: 100;  margin-top: -70px; background: #b0d17d;}
.lnb ul{display: flex; width: 100%; flex-wrap:wrap;  height: 70px; font-size: 20px !important;  overflow: hidden; } 
.lnb ul > li{position: relative; flex:1; text-align: center; border-right: 0; border-right: 1px solid #c7d7ad;}
.lnb ul > li:last-child{border-right: 0;}
.lnb ul > li > a{position: relative; display: flex; align-items:center; height: 70px; color: #fff; font-weight: 400; transition:.3s; letter-spacing: -0.03em; background: #b0d17d; font-size: 18px;}
.lnb ul > li > a span{position: relative; width: 100%; line-height: 24px; transition:.3s;}
.lnb ul > li.current > a,
.lnb ul > li:hover > a{color: #98c05a; background: #fff; }

/* sub_common */
.sub_layout{padding-top: 127px; margin-bottom: 160px;}
.sub_layout img{width: auto; max-width:100%; }

.stit_h4{text-align: center; line-height: 1; letter-spacing: -0.03em !Important; color: #222; font-weight: 700; margin-bottom: 90px;}
.sb_h4{position: relative; line-height: 1; letter-spacing: -0.03em !Important; color: #222; font-weight: 700; padding-left: 28px;}
.sb_h4:before,
.sb_h4:after{position: absolute; content: ''; width: 5px; height: 35px; background: #98c05c; left: 0; top: 5px;} 
.sb_h4:after{height: 5px; background: #f4db7f;}

.sub_layout22 .stit_h4,
.sub_layout213 .stit_h4,
.sub_layout23 .stit_h4{margin-bottom: 30px;}

.stit_p{text-align: center; line-height: 30px; letter-spacing: -0.03em; color: #666;}

.sub_layout213 .stit_p{margin-bottom: 50px;}

/* 3dep */
.clone_dep3_box .clone_3dep{display: flex; flex-wrap:wrap; text-align: center; margin-bottom: 90px;}
.clone_dep3_box .clone_3dep > li {flex:1; position: relative;}
.clone_dep3_box .clone_3dep > li:not(:last-child):after{position: absolute; content: ''; width: 1px; height: 19px; background: #ddd; right: 0; top: 50%; margin-top: -10px;}
.clone_dep3_box .clone_3dep > li > a{display: flex; flex-wrap:wrap; align-items:center; background: #f8f8f8; height: 80px; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; font-weight: 500;} 
.clone_dep3_box .clone_3dep > li > a span{width: 100%;}
.clone_dep3_box .clone_3dep > li.current > a{background: #98c05c; color: #fff; border-radius: 5px;} 
.clone_dep3_box .clone_3dep > li.current:after{display: none;}

/* s11 */
.s11 .arti1{position: relative; margin-top: -11px;}
/* .s11 .arti1:before{position: absolute; content: ''; width: 580px; height: 508px; background: url(../img/sub/s11_1.jpg) center no-repeat; right: 0; bottom: 0; z-index: -1;} */
.s11 .arti1 h3{line-height: 1.5; color: #333; letter-spacing: -0.03em !important; color: #333; font-weight: 700; margin-bottom: 20px; word-break: keep-all;}
.s11 .arti1 h3 span{color: #98c05c;}
.s11 .arti1 p{line-height: 35px; letter-spacing: -0.04em; color: #666; margin-bottom: 35px;	word-break: keep-all;}
.s11 .arti1 b{font-weight: 500; color: #333; margin-left: 2px; display: block; margin-top: -3px; text-align: right; }

.s11 .arti1 .flex_box > *{position: relative; box-sizing: border-box; width: 50%; }
.s11 .arti1 .flex_box > .lbx{position: relative; padding-right: 30px; }
.s11 .arti1 .flex_box > .lbx:after{position: absolute; content: ''; width: 1px; height: 333px;   background: #ddd; right: 0; top: 10px;}  
.s11 .arti1 .flex_box > .rbx{padding-left: 40px;}

/* s12 */
.s12 .arti1 figure{text-align: center; margin-top: 12px;}
.s12 .arti1 figure img{/* padding-right: 8px; */}
.s12 .arti1 > ul {text-align: center; margin-top: 90px;} 
.s12 .arti1 > ul > li{position: relative; line-height: 25px; color: #999; letter-spacing: -0.03em; }
/* .s12 .arti1 > ul > li > span{position: absolute; left: 0; top: 0;} */
.s12 .arti2{ padding-top: 107px; }
.s12 .arti2 figure{width: 100%; height: 350px; background: url(../img/sub/s12_2.jpg) center no-repeat; background-size: cover; display: flex; align-items:center; margin-top: 60px; margin-bottom: 74px; border-radius: 5px;}
.s12 .arti2 figure figcaption{width: 100%; text-align: center; padding-right: 4px;} 
.s12 .arti2 figure figcaption span{display: block; line-height: 1; color: #b0d17d; letter-spacing: 0; font-weight: 700; margin-bottom: 14px;}
.s12 .arti2 figure figcaption p{line-height: 1.5; color: #fff; letter-spacing: 0 !Important; font-weight: 700; }



.s12 .arti2{position: relative;;}
.s12 .arti2 dl{position: relative; display: flex; flex-wrap:wrap; }
.s12 .arti2 dl > *{box-sizing: border-box;}
.s12 .arti2 dl dt{position: relative; width: 42.95%; padding-left: 28.3%;  }
.s12 .arti2 dl dd:before{position: absolute; content: ''; width: 1px; height: 100% ; background: #ddd; left: 0; top: 21px;}
.s12 .arti2 dl dt h3{line-height: 1; color: #9dc75b; letter-spacing: -0.03em !Important; font-weight: 700;}
.s12 .arti2 dl dt h3:before{position: absolute; content: ''; width: 61px; height: 1px; background: #9dc75b; right: 0; top: 22px;}
/* .s12 .arti2 dl dt h3:after{position: absolute; content: ''; width: 7px; height: 7px; background: #98c05c; border-radius: 50%; right: -3px; top: 19px; z-index: 10;} */
.s12 .arti2 dl dd{width: 57.05%; padding-left: 58px;  padding-bottom: 104px; position: relative;}
.s12 .arti2 dl dd ul {margin-top: 2px;}
.s12 .arti2 dl dd ul > li{position: relative; display: flex; flex-wrap:wrap; letter-spacing: -0.03em; color: #666; line-height: 40px; margin-bottom: 30px;}
.s12 .arti2 dl dd ul > li:before {position: absolute; content: ''; width: 7px; height: 7px; background: #98c05c; border-radius: 50%; left: -61px; top: 17px; z-index: 10;}
.s12 .arti2 dl dd ul > li span{color: #333; font-weight: 500; width: 71px;}
.s12 .arti2 dl dd ul > li p{}
.s12 .arti2 dl dd ul > li .box{width: calc(100% - 71px);}
.s12 .arti2 dl:last-child dd{padding-bottom: 222px;}
.s12 .arti2 dl:last-child dd:before{height: calc(100% - 21px); }

/* s14 */
.s14 .arti1 iframe{width: 100%; height: 420px;}
.s14 .arti1 .root_daum_roughmap{width: 100% !important;}
.s14 .arti1 .root_daum_roughmap .wrap_map{height: 420px !important; /* height: 990px !important; */}
.root_daum_roughmap .wrap_controllers{display: none;}
.s14 .arti2{display: flex; margin-top: 48px;}
.s14 .arti2 ul{flex:1; padding-top: 3px;}
.s14 .arti2 ul > li{display: flex; flex:1; font-size: 18px; line-height: 36px; color: #666; }
.s14 .arti2 ul > li span{font-weight: 500; width: 120px; color: #333; }
.s14 .arti2 ul > li p{width: calc(100% - 120px);}
.s14 .arti2 ol{display: flex; margin-top: 12px;}
.s14 .arti2 ol > li {width: 50px; height: 50px; box-sizing: border-box; border: 1px solid #ddd; border-right: 0;}
.s14 .arti2 ol > li:last-child{border-right: 1px solid #ddd;	}
.s14 .arti2 ol > li > a{display: flex; text-align: center; align-items:center; width: 100%; height: 100%;}
.s14 .arti2 ol > li > a span{flex:1; display: inline-block; line-height: 1;}
.s14 .arti2 ol > li > a span img{transition:.3s; width: auto;}
.s14 .arti2 ol > li:hover > a span img{transform:rotate(15deg)}

/* s211 */
.s211 .arti1 .figure{width: 100%; height: 350px; background: url(../img/sub/s211_1.jpg) center no-repeat; background-size: cover; text-align: center; display: flex; align-items:center; margin-top: 60px; border-radius: 5px;	 margin-bottom: 40px;} 
.s211 .arti1 .figure .tbx{width: 100%;}
.s211 .arti1 .figure .tbx p{line-height: 34px; letter-spacing: -0.03em; color: #fff;}
.s211 .arti1 .figure .tbx h5{line-height: 1; color: #fff; letter-spacing: -0.03em !important; font-weight: 700; margin-top: 10px;}
.s211 .arti1 .figure .tbx h5 span{color: #98c05c;}
.s211 .arti1 figure{border-radius: 5px;}
.s211 .arti2_wrap{background: #f8f8f8; margin-top: 110px; padding: 110px 0 160px;}
.s211 .arti2_wrap .arti2 ul{justify-content: space-between; margin-top: 60px;	}
.s211 .arti2_wrap .arti2 ul > li{position: relative; width: 32.57%; background: #fff; height: 270px; padding: 61px 47px; box-sizing: border-box; border-radius: 5px; margin-bottom: 15px;}
.s211 .arti2_wrap .arti2 ul > li:before{position: absolute; content: ''; width: 12px; height: 12px; background: #bed994; right: 0; top: 0;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(1):before,
.s211 .arti2_wrap .arti2 ul > li:nth-child(3n + 4):before {background: #f4db7f;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(3n+0):before{background: #9bd0c8;}
.s211 .arti2_wrap .arti2 ul > li:after{position: absolute; content: ''; width: 69px; height: 63px; background: url(../img/sub/s211_3.jpg) center no-repeat; right: 40px; bottom: 40px;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(2):after{width: 64px; height: 50px; background: url(../img/sub/s211_4.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(3):after{width: 59px; height: 64px; background: url(../img/sub/s211_5.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(4):after{width: 58px; height: 61px; background: url(../img/sub/s211_6.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(5):after{width: 72px; height: 48px; background: url(../img/sub/s211_7.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(6):after{width: 59px; height: 59px; background: url(../img/sub/s211_8.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(7):after{width: 43px; height: 55px; background: url(../img/sub/s211_9.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(8):after{width: 57px; height: 57px; background: url(../img/sub/s211_10.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li:nth-child(9):after{width: 63px; height: 45px; background: url(../img/sub/s211_11.jpg) center no-repeat;}
.s211 .arti2_wrap .arti2 ul > li h5{line-height: 1; font-weight: 700; color: #333; letter-spacing: -0.03em !Important; margin-bottom: 23px;}
.s211 .arti2_wrap .arti2 ul > li p{line-height: 30px; letter-spacing: -0.03em; color: #777; margin-left: 2px;}
.s211 .arti2_wrap .arti2 dl{display: flex; background: #fff; border: 1px solid #bed994; border-radius: 5px; justify-content: center; height: 125px; box-sizing: border-box; margin-top: -3px; align-items:center;}
.s211 .arti2_wrap .arti2 dl dt{position: relative; line-height: 1; color: #333; letter-spacing:-0.03em; padding-right: 61px; font-weight: 700;}
.s211 .arti2_wrap .arti2 dl dt:after{position: absolute; content: ''; width: 2px; height: 16px; background: #ddd; right: 32px; top: 6px;}
.s211 .arti2_wrap .arti2 dl dd{color: #777; letter-spacing: -0.03em;	}

/* s212 */
.s212 article > p{letter-spacing: -0.03em; color: #66; line-height: 30px; margin-top: 33px;}
.s212 .arti2 dl:first-child{margin-top: 54px;}
.s212 .arti2 dl {position: relative; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 20px; height: 240px; padding: 0 50px;}
.s212 .arti2 dl:not(:last-child):after{position: absolute; content: ''; width: 61px; height: 62px; background: url(../img/sub/s212_8.png) center no-repeat; left: 50%; bottom: -45px; margin-left: -29px; z-index: 10;}
.s212 .arti2 dl:nth-child(2):after{background: url(../img/sub/s212_9.png) center no-repeat; }
.s212 .arti2 dl:nth-child(3):after{background: url(../img/sub/s212_10.png) center no-repeat; }
.s212 .arti2 dl:nth-child(4):after{background: url(../img/sub/s212_11.png) center no-repeat; }
.s212 .arti2 dl:nth-child(5):after{background: url(../img/sub/s212_12.png) center no-repeat; }
.s212 .arti2 dl:nth-child(6):after{background: url(../img/sub/s212_13.png) center no-repeat; }
.s212 .arti2 dl > *{box-sizing: border-box; }
.s212 .arti2 dl > dt{display: flex; flex-wrap:wrap; padding-right: 20px; width: 31.96%; }
.s212 .arti2 dl > dt figure{align-self:center; padding-right: 29px;}
.s212 .arti2 dl > dt .tit_box{}
.s212 .arti2 dl > dt .tit_box span{display: block; line-height: 1; letter-spacing: -0.03em !Important; font-weight: 700; padding-top: 52px; margin-bottom: 21px;}
.s212 .arti2 dl > dt .tit_box h4{line-height: 40px;	 color: #222; letter-spacing: -0.03em !Important;}
.s212 .arti2 dl > dd{width: 68.04%; display: flex; flex-wrap:wrap; align-items:center;}
.s212 .arti2 dl > dd .wrap{width: 100%;}
.s212 .arti2 dl > dd .box{display: flex; background: #f8f8f8; height: 75px; border-radius: 5px; align-items:center; margin-bottom: 10px; width: 100%; padding: 0 50px; box-sizing: border-box;}
.s212 .arti2 dl > dd .box:last-child{margin-bottom: 0;}
.s212 .arti2 dl > dd .box p{line-height: 30px; color: #666; letter-spacing: -0.03em;}
.s212 .arti3 {margin-top: 105px;}
.s212 .arti3 > p{ margin-top: 24px;}
.s212 .arti3 .g_box{background: #f8f8f8; padding: 47px 0; box-sizing: border-box; border-radius: 5px; margin-top: 53px;} 
.s212 .arti3 .g_box > *{position: relative; box-sizing: border-box; width: 50%; padding-left: 50px;}
.s212 .arti3 .g_box > .lbx:after{position: absolute; content: ''; width: 1px; height: 100%; background: url(../img/sub/s212_15.jpg) top left; right: 0; top: 0;}
.s212 .arti3 .g_box > * .box:not(:last-child){margin-bottom: 36px;}
.s212 .arti3 .g_box > * .box h5{position: relative; line-height: 40px; letter-spacing: -0.03em !Important; color: #222; padding-left: 47px; margin-bottom: 13px;}
.s212 .arti3 .g_box > * .box h5:before{position: absolute; content: ''; width: 31px; height: 28px; background: url(../img/sub/s212_14.jpg) center no-repeat; left: 0; top: 3px;}
.s212 .arti3 .g_box > * .box p{line-height: 30px; letter-spacing: -0.03em; color: #666; padding-left: 47px;}

/* s213 */
.s213 .arti1_wrap{position: relative; border-top: 2px solid #0f6b6a; margin-top: 94px; text-align: center; padding-bottom: 160px;}
.s213 .arti1_wrap:after{position: absolute; content: ''; width: 100%; height: 320px; background: #f7f7f7; left: 0; bottom: 0;}
.s213 .arti1_wrap .arti1 {position: relative; z-index: 10;}
.s213 .arti1_wrap .arti1 > ul{justify-content: space-between; margin-bottom: 25px;}
.s213 .arti1_wrap .arti1 > ul > li{width: 31.43%; box-sizing: border-box; }
.s213 .arti1_wrap .arti1 > ul > li b{position: relative; display: block;	 font-weight: 500; color: #0f6b6a; line-height: 1; letter-spacing: -0.03em; padding-top: 29px; margin-bottom: 57px;}
.s213 .arti1_wrap .arti1 > ul > li b:before{position: absolute; content: ''; width: 21px; height: 21px; background: url(../img/sub/s213_1.jpg) center no-repeat; left: 50%; margin-left: -10px; top: -10px;}
.s213 .arti1_wrap .arti1 > ul > li .box{background: #fff; box-shadow:0px 0px 20px rgba(0,0,0,0.1); padding: 0 27px; box-sizing: border-box; height: 450px; border-radius: 5px;}
.s213 .arti1_wrap .arti1 > ul > li .box figure{height: 283px; display: flex; align-items:center;	 text-align: center; box-sizing: border-box; padding-top: 14px;}
.s213 .arti1_wrap .arti1 > ul > li .box figure span{width: 100%;}
.s213 .arti1_wrap .arti1 > ul > li .box ol > li{position: relative; line-height: 32px; color: #666; letter-spacing: -0.05em; padding-left: 16px; text-align: left;}
.s213 .arti1_wrap .arti1 > ul > li .box ol > li span{position: absolute; left: 0; top: 0;}

.s213 .arti1_wrap .arti1 > p.right_p{text-align: right; }

/* s22 */
.sub_layout22 {margin-bottom: 120px;}
.s22 .arti1 .cnt_box{margin-top: 85px;}
.s22 .arti1 .cnt_box .box{margin-bottom: 50px;}
.s22 .arti1 .cnt_box .box > *{box-sizing: border-box;}
.s22 .arti1 .cnt_box .box figure{width: 51.21%;  box-sizing: border-box; }
.s22 .arti1 .cnt_box .box .tbx{width: 48.79%; padding-top: 11px;}
.s22 .arti1 .cnt_box .box .tbx h4{line-height: 50px; letter-spacing: -0.03em !important; color: #91be12; font-weight: 700; margin-bottom: 23px;}
.s22 .arti1 .cnt_box .box .tbx h4 span{margin-right: 20px;}
.s22 .arti1 .cnt_box .box .tbx p{line-height: 35px; color: #777; letter-spacing: -0.03em; }
.s22 .arti1 .cnt_box .box .tbx p span{color: #91be12;}
.s22 .arti1 .cnt_box .box:nth-child(1) figure{position: relative; top: -20px;}
.s22 .arti1 .cnt_box .box:nth-child(1) .tbx{padding-top: 21px;}
.s22 .arti1 .cnt_box .box:nth-child(2) figure{text-align: right; padding-right: 30px;}
.s22 .arti1 .cnt_box .box:nth-child(3) figure{padding-left: 66px;}
.s22 .arti1 .cnt_box .box:nth-child(2){flex-direction: row-reverse;}
.s22 .arti1 .cnt_box .box:nth-child(2) figure{width: 37.87%;}
.s22 .arti1 .cnt_box .box:nth-child(2) .tbx{width: 62.13%; padding-left: 33px; padding-top: 20px;}
.s22 .arti1 .cnt_box .box:nth-child(3) figure{width: 51.21%;}
.s22 .arti1 .cnt_box .box:nth-child(3) .tbx{width: 48.79%; padding-top: 61px;}
.s22 .arti2 {padding-top: 25px;}
.s22 .arti2 .cnt {justify-content: space-between; margin-top: 65px;}
.s22 .arti2 .cnt .box{text-align: center; width: 48.48%;}
.s22 .arti2 .cnt .box hgroup{position: relative; margin-bottom: 37px;}
.s22 .arti2 .cnt .box hgroup:before,
.s22 .arti2 .cnt .box hgroup:after{position: absolute; content: ''; width: 21px; height: 80px; background: url(../img/sub/s22_4.jpg) center no-repeat; left: 0; top: -4px;}
.s22 .arti2 .cnt .box hgroup:after{background: url(../img/sub/s22_5.jpg) center no-repeat;  left: auto; right: 0; }
.s22 .arti2 .cnt .box hgroup h4 {line-height: 1; color: #333; letter-spacing: -0.03em !Important; }
.s22 .arti2 .cnt .box hgroup h4 span{display: block; line-height: 1; color: #98c05c; font-weight: 700; letter-spacing: -0.03em !Important; margin-bottom: 12px;}
.s22 .arti2 .cnt .box p{line-height: 32px; letter-spacing: -0.03em; color: #777;}
.s22 .arti3 {margin-top: 100px;}
.s22 .arti3 .table_box{padding: 40px 20px 0;}
.s22 .arti3 .table_box table { border-collapse: separate; border-spacing: 20px; width: calc(100% + 40px); height: 100%; margin: 0 -20px; }
.s22 .arti3 .table_box table tr > * {vertical-align: middle; height: 100%;}
.s22 .arti3 .table_box table tr th span{display: inline-block; width: 100%; height: 80px; line-height: 80px; background: #98c05c; font-size: 25px; color: #fff; font-weight: 700; text-align: center; border-radius: 10px;}
.s22 .arti3 .table_box table tr th span.bg2{background: #7dc07c;}
.s22 .arti3 .table_box table tr td h5{display: flex; width: 100%; height: 100%; align-items:center; text-align: center; background: #f1f1f1; border-radius: 10px;}
.s22 .arti3 .table_box table tr td h5 span{width: 100%; font-size: 25px; line-height: 35px; color: #333; font-weight: 700; letter-spacing: -0.03em;}
.s22 .arti3 .table_box table tr td.left{text-align: left; /*align-items:center;*/}
.s22 .arti3 .table_box table tr td.left .box{min-height: 140px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; height: 100%; display: flex; align-items:center; padding: 20px 0;}
.s22 .arti3 .table_box table tr td .dot_ul{width: 100%; box-sizing: border-box; padding: 0 25px;}
.s22 .arti3 .table_box table tr td .dot_ul > li{position: relative; font-size: 18px; line-height: 25px; letter-spacing: -0.03em; color: #666; padding-left: 17px; margin-bottom: 5px;}
.s22 .arti3 .table_box table tr td .dot_ul > li span{position: absolute; left: 0; top: 0;}
.s22 .arti3 .table_box table tr td .dot_ul > li b{position: relative; top: -2px; margin-left: 5px;}
.s22 .arti3 .table_box table tr td .dot_ul > li:last-child{margin-bottom: 0;} 
/*
.s22 .arti3_2 .table_box table tr:nth-child(2) td h5{height: 217px;}
.s22 .arti3_2 .table_box table tr:nth-child(2) td .box{height: 217px;}
.s22 .arti3_3 .table_box table tr:nth-child(2) td h5{height: 247px;}
.s22 .arti3_3 .table_box table tr:nth-child(2) td .box{height: 247px;}
*/

.s22 .arti3 .p_box{margin-top: -6px;}
.s22 .arti3 .p_box > p{font-size: 16px; line-height: 25px; letter-spacing: -0.03em; color: #999; box-sizing: border-box; padding-left: 20px;}  
.s22 .arti3_4{margin-top: 100px;}
.s22 .arti3_4 .table_box{margin-top: 60px;}
.s22 .arti3_4 .table_box table tr > th,
.s22 .arti3_4 .table_box table tr > td{font-size: 18px; line-height: 2;padding: .6667em 0; text-align: center; border: 1px solid #ddd;  font-family: 'Pretendard-Regular'; font-weight: 500;}
.s22 .arti3_4 .table_box table tr > th{background: #98c05c; color: #fff; font-weight: 500; font-weight: 500;}
.s22 .arti3_4 .table_box table tr > td:not(:first-child){font-weight: 500;}
.s22 .arti3_4 .table_box table tr > td:first-child{background: #f5f5f5;}
.s22 .arti3_4 .table_box table tr > *:first-child{border-left: 0;}
.s22 .arti3_4 .table_box table tr > *:last-child{border-right: 0;}

/* .s22 .arti3_wrap {margin-top: 100px; background: #f8f8f8; padding: 100px 0;}
.s22 .arti3_wrap .arti3 .cnt{margin-top: 60px; justify-content: space-between;}
.s22 .arti3_wrap .arti3 .cnt > *{width: 47.72%; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.s22 .arti3_wrap .arti3 .cnt > * hgroup{display: flex; align-items:center; height: 120px; background: #98c05c; text-align: center; color: #fff;}
.s22 .arti3_wrap .arti3 .cnt > .rbx hgroup{background: #7dc07c;}
.s22 .arti3_wrap .arti3 .cnt > * hgroup .box{width: 100%; padding-bottom: 6px;}
.s22 .arti3_wrap .arti3 .cnt > * hgroup .box h4{line-height: 1; font-weight: 700; letter-spacing: -0.03em !Important; }
.s22 .arti3_wrap .arti3 .cnt > * hgroup .box h4 span{display: block; margin-top: 16px; font-weight: 400;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx{background: #fff;  box-sizing: border-box; padding: 36px 60px;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol{position: relative; height: 264px; box-sizing: border-box;}
.s22 .arti3_wrap .arti3 .cnt > .rbx .tbx ol{padding-top: 22px;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/s22_8.jpg) left top; left: 0; bottom: 0;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol > li{position: relative; padding-left: 34px; line-height: 45px; letter-spacing: -0.03em; color: #666;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol > li:before{position: absolute; content: ''; width: 14px; height: 11px; background: url(../img/sub/s22_6.jpg) center no-repeat; left: 0; top: 17px;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol > li.on{color: #7dc07c; font-weight: 700;	}
.s22 .arti3_wrap .arti3 .cnt > * .tbx ol > li.on:before{background: url(../img/sub/s22_7.jpg) center no-repeat; }
.s22 .arti3_wrap .arti3 .cnt > * .tbx .g_box{display: flex; align-items:center; background: #f8f8f8; text-align: center; border-radius: 5px; margin-top: 30px; height: 190px;}
.s22 .arti3_wrap .arti3 .cnt > * .tbx .g_box .box{width: 100%; }
.s22 .arti3_wrap .arti3 .cnt > * .tbx .g_box .box h5{line-height: 1; letter-spacing: -0.03em !Important; color: #333; font-weight: 700; margin-bottom: 17px;} 
.s22 .arti3_wrap .arti3 .cnt > * .tbx .g_box .box p{line-height: 30px; color: #666; letter-spacing: -0.03em; }
.s22 .arti3_wrap .arti3 .cnt > * .tbx .n_box{height: 450px;} */




.s22 .arti4{margin-top: 105px;}
.s22 .arti4 ul {justify-content: space-between; margin-top: 60px;}
.s22 .arti4 ul > li{border-radius: 5px; margin-bottom: 40px;}
.s22 .arti4 ul > li:not(.first){width: 22.72%; height: 150px; background: #f8f8f8; /* margin-right: 3.03%; */ display: flex; align-items:center; text-align: center;}
.s22 .arti4 ul > li:not(.first) figure{width: 100%; }
.s22 .arti4 ul > li.first{box-sizing: border-box; border: 1px solid #7dc07c; width: 48.48%; display: flex; align-items:center; justify-content: center; /* margin-right: 3.03%; */ padding-left: 12px;}
.s22 .arti4 ul > li.first .tbx {position: relative; margin-left: 40px; padding-left: 40px; }
.s22 .arti4 ul > li.first .tbx:before{position: absolute; content: ''; width: 1px; height: 72px; background: #ddd; left: 0; top: 5px;}
.s22 .arti4 ul > li.first .tbx h5{line-height: 1; font-weight: 700; color: #7dc07c; letter-spacing: -0.03em !Important; margin-bottom: 7px;} 
.s22 .arti4 ul > li.first .tbx p{line-height: 25px; color: #222; letter-spacing: -0.03em;}

.s22 .g_box {margin-top: -456px; margin-bottom: 20px;}
.s22 .g_box_ty1{position: relative; z-index: 10; text-align: center; background: #f1f1f1; height: 190px; display: flex; align-items:center; width: calc(100% - 120px); margin-left: 60px; border-radius: 10px;}
.s22 .g_box_ty1 .box{width: 100%;}
.s22 .g_box_ty1 .box h4{line-height: 1; color: #333; font-weight: 700; letter-spacing: -0.03em !Important; margin-bottom: 15px;}
.s22 .g_box_ty1 .box p{line-height: 30px; color: #666; letter-spacing: -0.03em; }




/* s23 */
.s23 .arti1 .fig{display: flex; align-items:center; text-align: center; background: url(../img/sub/s23_1.jpg) center no-repeat; background-size: cover; height: 350px; margin-top: 85px; border-radius: 5px;}
.s23 .arti1 .fig .tbx{width: 100%;}
.s23 .arti1 .fig .tbx h4{line-height: 40px; letter-spacing: -0.03em !Important; color: #fff; font-weight: 700;}
.s23 .arti1 p{margin-top: 32px; line-height: 32px; color: #666; letter-spacing: -0.04em; text-align: justify; word-break: keep-all;}
.s23 .arti1 p.right_p{text-align: right;}
.s23 .arti2 {margin-top: 92px;}
.s23 .arti2 .cnt{display: flex; flex-wrap:wrap; margin-top: 55px;}
.s23 .arti2 .cnt > .box{width: 29.24%; margin-right: 6.14%; margin-bottom: 26px;}
.s23 .arti2 .cnt > .box:nth-child(3n+3){margin-right: 0;}
.s23 .arti2 .cnt > .box h4{position: relative; font-weight: 700; letter-spacing: -0.03em !Important; padding-bottom: 17px; color: #333;} 
.s23 .arti2 .cnt > .box h4:after{position: absolute; content: ''; width: 100%; height: 14px; background: url(../img/sub/s23_2.jpg) left top no-repeat; left: 0; bottom: 0;}
.s23 .arti2 .cnt > .box h4 span{font-weight: 600;	color: #98c05c; margin-right: 27px; display: inline-block; position: relative; top: 2px;}
.s23 .arti2 .cnt > .box .tbx{display: flex; flex-wrap:wrap; margin-top: 30px;}
.s23 .arti2 .cnt > .box .tbx figure{padding-right: 21px;}
.s23 .arti2 .cnt > .box .tbx ol{align-self:center; margin-top: 7px;}
.s23 .arti2 .cnt > .box .tbx ol > li{position: relative; line-height: 25px; margin-bottom: 5px; color: #666; letter-spacing: -0.03em; padding-left: 16px;}
.s23 .arti2 .cnt > .box .tbx ol > li span{position: absolute; left: 0; top: 0;}

.s23 .arti3 {margin-top: 79px;}
.s23 .arti3  figure{margin-top: 89px;}

.s31_box{margin-bottom: 140px !important; }
.s31_box .arti1  > p.right_p{text-align: right; margin: 15px 0;}

/* s42 */
.s42 article .cnt {box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; margin-top: 59px;}
.s42 article .cnt > *{display: flex; box-sizing: border-box; width: 50%; align-items:center; height: 199px; padding-left: 60px;}
.s42 article .cnt > * figure{padding-right: 55px;}
.s42 article .cnt > * .tbx h4{line-height: 1; letter-spacing: -0.03em !Important; color: #222; font-weight: 700; margin-bottom: 18px;}
.s42 article .cnt > * .tbx p{line-height: 1; letter-spacing: -0.03em; color: #222; font-weight: 500;}	
.s42 article .cnt > .rbx{background: #f8f8f8;}
.s42 article .cnt > * .tbx ol > li{font-weight: 700; letter-spacing: -0.03em !important; color: #222; line-height: 1.5; margin-bottom: 4px;}
.s42 article .cnt > * .tbx ol > li:last-child{margin-bottom: 0;}
.s42 article .cnt > * .tbx ol > li span{font-weight: 400; margin-left: 20px; position: relative; top: -4px; }

.s42.s31_box article .cnt > * .tbx p{font-weight: 400;}

.s42 .arti2 {margin-top: 106px;}
.s42 .arti2 .cnt > * figure{padding: 0; text-align: center; width: 100%;}
.s42 .arti2 .cnt > *{padding-left: 0;}
.s42 .arti2 .cnt > .rbx{padding-left: 0;}
.s42 .arti2 .cnt > * .tbx{width: 100%; text-align: center; padding-left: 0;}
.s42 .arti2 ol {margin-top: 17px;}
.s42 .arti2 ol > li{position: relative; line-height: 30px; color: #777; padding-left: 15px;}
.s42 .arti2 ol > li span{position: absolute; left: 0; top: 0;}

.s42 .arti3{margin-top: 102px;}
.s42 .arti3 figure{margin-top: 60px;}
.s42 .arti3 .tbx{position: relative; z-index: 10; background: #fff; width: calc(100% - 150px); margin-left: 75px; margin-top: -140px; text-align: center; padding: 56px 0;}
.s42 .arti3 .tbx h5{position: relative; line-height: 1; color: #111; letter-spacing: -0.03em !important; font-weight: 400; padding-bottom: 31px; margin-bottom: 30px;}
.s42 .arti3 .tbx h5:after{position: absolute; content: ''; width: 48px; height: 1px; background: #98c05c; left: 50%; bottom: 0; margin-left: -24px; }
.s42 .arti3 .tbx p{line-height: 1; color: #666; letter-spacing: -0.03em;}

/* s5_2 */
.s5_2_figbox {position: relative; display: flex; flex-wrap:wrap; height: 350px; background: url(../img/sub/s52_1.jpg) center no-repeat; background-size: cover; align-items:center; margin-bottom: 50px !important; border-radius: 5px;}
.s5_2_figbox .tbx{width: 100%; text-align: center; padding-top: 90px; 	box-sizing: border-box;}
.s5_2_figbox .tbx h5{font-size: 28px; line-height: 40px; color: #fff; letter-spacing: -0.03em !Important; font-weight: 700; margin-bottom: 33px;	} 
.s5_2_figbox .tbx p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #fff; }
.s5_2_figbox .tbx p b{display: block; font-weight: 700;}

/* s31 */
.s3_1_figbox {height: 350px; background: url(../img/sub/s31_1.jpg) center no-repeat; background-size: cover; }
.s3_1_figbox .tbx{padding-top: 0;}






@media (max-width:1024px){
	.s22 .arti3 .table_box {padding: 30px 0 0;}
	.s22 .arti3 .table_box table {border-spacing: 10px; width: 100%; margin: 0;}
	.s22 .arti3 .table_box table colgroup {display: none !important;}
	.s22 .arti3 .table_box table tr th:nth-of-type(1) {width: 70px;}
	.s22 .arti3 .table_box table tr th span {height: auto; font-size: 18px; line-height: 45px;}
	
	.s22 .arti3 .table_box table tr td h5 span {font-size: 15px; line-height: 28px; padding: 0 5px; letter-spacing: -1px;} 
	.s22 .arti3 .table_box table tr * {vertical-align: top;}
	.s22 .arti3 .table_box table tr td.left .box {padding: 10px 0;}
	.s22 .arti3 .table_box table tr td .dot_ul {padding: 0 10px;}
	.s22 .arti3 .table_box table tr td .dot_ul li {font-size: 14px; line-height: 22px; padding-left: 10px;}
}