.sub{width: 100%; position: relative;}

/*서브1-1*/
.s111{height: 100vh; background: url(../img/s1/s111_bg.png) no-repeat center/cover;}
.s111 .inner{position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); text-align: end;}
.s111 .inner img{width: 170px;}
.s111 .inner .txt1{font-size: 2.6rem; font-weight: 700; margin: 3vh 0 4vh;}
.s111 .inner .txt2{font-size: 1rem; color: #737373; font-weight: 200; line-height: 1.5; width: 50%; margin-left: 50%; text-align: end;}

.s112{background: url(../img/s1/s112_bg.png) no-repeat center/cover; padding: 20vh 0 0;}
.s112 .inner{margin: auto; background: #fff;}

.s112 .tit{padding: 10vh 0 6vh; text-align: center;}
.s112 .tit .tit1{font-size: 1.1rem; color: #231815;}
.s112 .tit .tit2{font-size: 3.4rem; font-weight: 700; text-transform: uppercase; margin-top: 1vh;}

.his{width: 95%; margin: auto; padding-bottom: 14vh; position: relative;}
.s112_txt{width: 38%; position: absolute; top: 18vh; left: 4vw; z-index: 99;} 
.his::after{content: ''; width: 1px; height: 100%; background: #595757; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.year{font-size: 2.4rem; color: #0f1b30; font-weight: 700; background: #fff; padding: 1vh 0; text-align: center; position: relative; z-index: 80;}

.right_con{width: 50%; margin-left: 50%; box-sizing: border-box; padding: 3vh 0 3vh 100px; position: relative;}
.right_con::before{content: ''; width: 80px; height: 1px; background: #595757; position: absolute; left: 0; top: 4.9vh;}
.right_con::after{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #6fa088; position: absolute; left: 80px; top: 4.6vh;}
.right_con p{font-size: 0rem; color: #595757; line-height: 2.3; font-weight: 200;}
.right_con p:nth-last-child(1){margin-bottom: 0;}
.right_con p span.num{display: inline-block; vertical-align: top; font-size: 1.1rem; font-weight: 600; color: #4ca585; width: 8%; position: relative;}
.right_con p span.txt{display: inline-block; vertical-align: top; font-size: 1.1rem;}

.left_con{width: 50%; margin-right: 50%; box-sizing: border-box; padding: 3vh 100px 3vh 0; position: relative; text-align: end;}
.left_con::before{content: ''; width: 80px; height: 1px; background: #595757; position: absolute; right: 0; top: 4.9vh;}
.left_con::after{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #6fa088; position: absolute; right: 80px; top: 4.6vh;}
.left_con p{color: #595757; line-height: 2.3; font-weight: 200;}
.left_con p:nth-last-child(1){margin-bottom: 0;}
.left_con p span.num{display: inline-block; vertical-align: top; font-weight: 600; color: #4ca585; width: 8%; position: relative;}
.left_con p span.txt{display: inline-block; vertical-align: top; font-size: 1.1rem;}

/*서브1-2*/
.s121{height: 100vh; box-sizing: border-box; background: url(../img/s1/s121_bg.png) no-repeat center/cover;}
.s122{height: 100vh; box-sizing: border-box; background: url(../img/s1/s122_bg.png) no-repeat center/cover;}
.s123{height: 100vh; box-sizing: border-box; background: url(../img/s1/s123_bg.png) no-repeat center/cover;}
.s124{height: 100vh; box-sizing: border-box; background: url(../img/s1/s124_bg.png) no-repeat center/cover;}

.s12_inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.s12_inner2{top: 35%;}
.s12_right{width: 40%; margin-right: 60%;}
.s12_left{width: 40%; margin-left: 60%;}

.s12_right img.point{width: 200px; margin-bottom: 2vh;}
.s12_inner .txt1{font-size: 3.2rem; font-weight: 700; color: #231815; position: relative; z-index: 99;}
.s12_inner .txt1 span{color: #4ca585;}
.s12_inner .txt1 img{position: absolute; left: -50px; top: -24px; width: 80px; z-index: -1;}
.s12_inner .opa img{opacity: 0.5;}
.s12_inner .mar{margin-bottom: 5vh;}
.s12_inner .txt2{font-size: 1.5rem; font-weight: 600; color: #231815; text-transform: uppercase; margin: 3vh 0 5vh;}
.s12_inner .txt3{font-size: 1.1rem; line-height: 1.5; color: #4d4d4d; font-weight: 200;}

/*서브1-3*/
.s131{padding: 24vh 0 16vh;}
.s131::after{content: ''; width: 100%; height: 38%; background: #5a98c1; position: absolute; left: 0; top: 54%; transform: translateY(-50%); z-index: -1;}
.s131_ul{margin: auto; font-size: 0;}
.s131_ul > li{display: inline-block; vertical-align: middle; width: 50%;}
.s131_ul > li.left img{width: 80%; display: block; margin: auto;}
.s131_ul > li.right p{color: #fff;}
.s131_ul > li.right p.txt1{font-size: 2.3rem; font-weight: 700; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 3vh;}
.s131_ul > li.right p.txt2{font-size: 0.95rem; line-height: 1.6; font-weight: 100;}

.s132{padding-bottom: 16vh;}
.s132_ul{margin: auto; font-size: 0;}
.s132_ul > li{display: inline-block; vertical-align: top; width: 50%;}
.s132_ul > li.left{width: 45%; margin-right: 5%;}
.s132_ul > li.right{box-sizing: border-box; padding-right: 9vw;}
.s132_ul > li.left img{width: 100%;}
.s132_ul > li.right p{font-size: 1rem; color: #4c4948;}
.s132_ul > li.right p.txt1{font-size: 2.3rem; color: #231815; font-weight: 900; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.2;}
.s132_ul > li.right p.txt1 span{font-size: 0.95rem; color: #290d00; font-weight: normal;}
.s132_ul > li.right p.txt2{font-size: 1.1rem; margin: 1.5vh 0 5vh;}
.s132_ul > li.right p.txt3{font-size: 0.95rem; line-height: 1.6;}
.s132_ul > li.right p.txt4{font-size: 1.1rem; font-weight: 700; margin-bottom: 1.5vh;}
.s132_ul > li.right p.line{border-top: 1px solid #4c4948; margin-top: 5vh; padding-top: 1.5vh;}
.s132_ul > li.right p.mar{margin-bottom: 3vh;}
.s132_ul > li.right p.dot{font-size: 0.95rem; padding-left: 20px; margin-bottom: 10px; position: relative}
.s132_ul > li.right p.dot::before{content: ''; width: 4px; height: 4px; border-radius: 50%; background: #4c4948; position: absolute; left: 0; top: 7px;}

.s132_box{font-size: 0; width: 100%; margin-bottom: 3vh;}
.s132_box > li{width: 50%; box-sizing: border-box; display: inline-block; vertical-align: top;}
.s132_box > li p:nth-last-child(1){margin-bottom: 0;}

/*서브2 공통*/
.s211{padding: 20vh 0 10vh;}
.s211_ul{margin: auto; display: flex;}
.s211_ul > li{box-sizing: border-box; width: 50%;}
.s211_ul > li.left{display: flex; align-items: center; justify-content: center;}
.s211_ul > li.left img{width: 19%; margin-top: -3vh;}
.s221_ul > li.left img{width: 50%; margin-top: 0;}
.s231_ul > li.left img{margin-top: -3vh;}

.s2pro_info .txt1{width: 60px;}
.s2pro_info .txt1 img{width: 100%;}
.s2pro_info .txt2{font-size: 3.2rem; color: #1a1a1a; font-weight: 800; line-height: 1; margin: 10px 0 14px;}
.s2pro_info .txt3_1{display: inline-block; vertical-align: top; margin-top: 16px; margin-left: 10px;}
.s2pro_info .txt3{font-size: 1.6rem; color: #808080; font-weight: 500;}
.s2pro_info .box{width: 80%; padding-bottom: 12px; margin: 50px 0 24px; border-bottom: 1px solid #c5c6c7; display: flex; justify-content: space-between; align-items: center;}
.s2pro_info .txt4{font-size: 1.4rem; color: #333; display: inline-block; font-weight: 700;}
.s2pro_info .txt4 span{font-size: 1.1rem; color: #6fa088; font-weight: 500;}
.s2pro_info .box img{display: inline-block; width: 180px;}
.s2pro_info .txt5{font-size: 0.95rem; color: #5c5c5c; line-height: 1.4; font-family: 'NanumSquare'; transform: skew(-0.3deg); word-break: keep-all;}

.s212{background: #f9f9f9; padding: 10vh 0;}
.s212 .tit{font-size: 2.4rem; color: #000; font-weight: 700; text-align: center; letter-spacing: -1px;}

.s212_ul{margin: auto; display: flex; justify-content: center; margin-top: 8vh;}
.s212_ul > li{width: 20%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.s212_ul > li img{width: 42%;}
.s212_ul > li p{font-size: 0.95rem; letter-spacing: -0.5px; color: #656464; line-height: 1.4; font-weight: 200; text-align: center; margin-top: 2vh;}

.s213{margin: 14vh 0 22vh;}
.s213_ul{margin: auto; font-size: 0;}
.s213_ul > li{display: inline-block; vertical-align: top; box-sizing: border-box;}
.s213_ul > li.left{width: 45%;}
.s213_ul > li.right{width: 50%; margin-left: 5%; padding-top: 6vh;}
.s213_ul > li.left img{width: 100%;}

.s2pro_info2 .txt1{width: 60px;}
.s2pro_info2 .txt1 img{width: 100%;}
.s2pro_info2 .txt2{font-size: 2.8rem; font-weight: 700; margin: 20px 0 10px;}
.s2pro_info2 .txt3{font-size: 1.2rem; font-weight: 600; width: 82%; display: flex; justify-content: space-between; align-items: center; color: #404040; font-family: 'NanumSquare'; transform: skew(-0.3deg);}
.s2pro_info2 .txt3 span:nth-child(2){background: #4ca585; color: #fff; font-size: 0.9rem; border-radius: 20px; font-weight: 100; width: 130px; height: 30px; line-height: 30px; text-align: center;}
.s2pro_info2 .box{border-top: 1px solid #6fa088; border-bottom: 1px solid #6fa088; width: 85%; padding: 20px 0; margin: 20px 0;}
.s2pro_info2 .txt4 img{width: 18px; display: inline-block; vertical-align: middle; margin-right: 8px;}
.s2pro_info2 .txt4{font-size: 1.05rem; color: #404040; font-family: 'NanumSquare'; transform: skew(-0.3deg); font-weight: 600; margin-bottom: 14px;}
.s2pro_info2 .txt4:nth-last-child(1){margin-bottom: 0;}
.s2pro_info2 .txt5{font-size: 0.95rem; color: #595757; font-weight: 200; line-height: 1.4;}
.s2pro_info2 .txt5 span{display: inline-block; vertical-align: top;}

.s2pro_info2 .box2{background: #4ca585; width: 85%; color: #fff; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 34px 24px;} 
.s2pro_info2 .box2 p{font-size: 1rem; font-weight: 700; width: 100%; color: #fff; margin: 0;}

.s2pro_info2 .txt_box{width: 70%;}
.s2pro_info2 .txt_box .txt1{font-size: 0.95rem; font-weight: 500; margin-bottom: 8px;}
.s2pro_info2 .txt_box .txt2{border-bottom: 1px dashed #fff; width: 97%; padding-bottom: 6px; margin-bottom: 4px;}
.s2pro_info2 .txt_box .txt4{font-size: 0.95rem; font-weight: 100; margin-top: 10px;}
.s2pro_info2 .img_box{width: 30%;}
.s2pro_info2 .box2 img{width: 100%;}

.s214{margin: 0 0 14vh;}
.s214 .inner{margin: auto;}
.s214 .tit{font-size: 2rem; color: #000; font-weight: 700; line-height: 1.5; letter-spacing: -1px}

.inner.s214_ul{margin: 6vh auto 0; font-size: 0;}
.s214_ul > li{display: inline-block; vertical-align: top; width: 46%; box-sizing: border-box; font-size: 1rem;}
.s214_ul > li.left{margin-right: 4%;}
.s214_ul > li.left2{width: 40%; margin-right: 10%;}
.s214_ul > li.right{margin-left: 4%; position: relative;}
.s214_ul > li.right2{width: 50%; margin-left: 0;}
.s214_ul > li.right .pro{width: 20%; position: absolute; right: 0; bottom: 0;}
.s214_ul > li.right .pro2{width: 45%; position: absolute; right: -40px; bottom: 40px;}
.s214_ul > li.right .pro3{width: 85%;}


.s214_ul .tit_sub{font-size: 1.2rem; color: #000; font-weight: 900; text-transform: uppercase; font-family: 'NanumSquare'; transform: skew(-0.3deg);}
.s214_ul .tit_sub span{position: relative;}
.s214_ul .tit_sub span::after{content: ''; width: 102%; height: 70%; background: rgba(111,200,216,0.5); background-size: 100% 70%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: -1;}
.s214_ul .box{border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; margin-top: 14px; padding: 20px 0;}
.s214_ul .box2{padding: 9px 0;}
.s214_ul .txt1{padding: 8px 0; font-family: 'NanumSquare'; transform: skew(-0.3deg);}
.s214_ul .txt1 span{display: inline-block; vertical-align: top; color: #656464;}
.s214_ul .txt1 .num{font-family: 'Pretendard'; font-size: 1.2rem; font-weight: 700; margin-right: 10px; color: #000; margin-top: 2px;}
.s214_ul .txt2{width: 78%; padding: 12px 0 12px 16px; font-weight: 200; border-bottom: 1px solid #e1e1e1;}
.s214_ul .txt2:nth-last-child(1){border-bottom: 0;}
.s214_ul .txt2 span{display: inline-block; vertical-align: middle;}
.s214_ul .txt2 span img{width: 14px; margin-top: 5px;}
.s214_ul .txt2 span{display: inline-block; vertical-align: middle; color: #4c4948;}
.s214_ul .txt2 span.bold{font-weight: 700; color: #000; margin: 0 4px 0 16px;}
.s214_ul .txt2 .mar{margin-left: 16px;}

.s214_ul .box3{position: absolute; left: 40px; bottom: 20px;}
.s214_ul .box3 .txt2{padding: 12px 0 12px 16px; font-weight: 200; border-bottom: 1px solid #e1e1e1;}
.s214_ul .box3 .txt2:nth-last-child(1){border-bottom: 0;}
.s214_ul .box3 .txt2 span{display: inline-block; vertical-align: middle;}
.s214_ul .box3 .txt2 span img{width: 14px; margin-top: 5px;}
.s214_ul .box3 .txt2 span{display: inline-block; vertical-align: middle; color: #4c4948;}
.s214_ul .box3 .txt2 span.bold{font-weight: 700; color: #000; margin: 0 4px 0 16px;}

.s215{background: url(../img/s2/s215_bg.png) no-repeat center/cover; padding: 12vh 0;}
.s215 .inner{margin: auto;}
.s215 .inner p{text-align: center; color: #fff; font-size: 1.1rem;}
.s215 .inner p.txt1{font-weight: 600;}
.s215 .inner p.txt2{font-size: 4rem; font-weight: 700; margin: 6px 0 30px;}
.s215 .inner p.txt3{font-size: 1rem; line-height: 1.6; font-family: 'NanumSquare'; transform: skew(-0.3deg);}

.s216{background: rgba(192,209,227,0.18); padding: 8vh 0;}
.s216 .inner2{margin: auto; background: #fff; padding: 6vh 0;}

.s216 .info{width: 60%; margin: auto;}
.s216 .info .tit{font-size: 2rem; color: #3e3a39; font-weight: 700; text-align: center;}

.table_con{width: 100%; font-size: 0;}
.table_top{border-top: 1px solid #60bdbe; margin-top: 2vh;}
.table_con p{font-size: 0.95rem; font-weight: 300; display:inline-block; padding: 10px 0; color: #4c4948; vertical-align: middle;}
.table_con p.title{width: 14%; text-align: center; background: #0f1b30; border-bottom: 1px solid #fff; color: #fff;}
.table_con p.con{width: 36%; box-sizing: border-box; padding-left: 2%; border-bottom: 1px solid #9b9b9c;}
.table_con:nth-child(3) p.con, .table_con:nth-child(4) p.con{padding: 18px 0 20px 2%;}
.table_bot{margin-bottom: 8vh;}
.table_bot p.title{border-bottom: 1px solid #9b9b9c;}
.table_con p.con2{display: block; width: 98%; margin: auto; word-break: break-all; padding: 20px 0;}
.table_con p.con3{width: 86%; box-sizing: border-box; padding: 16px;}
.table_top2{display: flex;}
.table_top2 p{vertical-align: top;}
.table_top2 p.title{display: flex; justify-content: center; align-items: center; border-bottom: 0;}
.s216 .info2{border-bottom: 1px solid #9b9b9c;}

.s235{margin: 14vh 0;}
.s235 .inner2{margin: auto;}
.s235 .tit{font-size: 2rem; font-weight: 700;}
.s235 .tit::before{content: ''; width: 60px; height: 10px; background: #4ca585; display: block; margin-bottom: 3vh;}
.s235 .txt1{font-size: 1rem; color: #656464; font-family: 'NanumSquare'; transform: skew(-0.3deg); margin-top: 10px; position: relative;}
.s235 .txt1 span{text-align: end; position: absolute; right: 0; bottom: 0;}
.s235 .img_box{width: 100%;margin-top: 3vh; margin-bottom: 14vh;}
.s235 .img_box img{width: 100%;}


#bo_list .tbl_wrap table{table-layout: fixed;}