@charset "utf-8";
/* .real-cont {padding:100px 0 120px;}
 */
#sub_layout{margin-bottom: 180px;}

/* sv */
.sub-visual {position: relative; height: 680px;}
.sub-visual > img{width: 100%; height: 100%; object-fit:cover;}
.sub-visual > .sv-tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; padding-bottom: 199px;}
.sub-visual > .sv-tbx .wrap2{display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
.sub-visual .speed ul{display: flex; align-items:center;}
.sub-visual .speed ul > li{position: relative; display: flex; align-items:center; font-size: 18px; line-height: 26px; letter-spacing: -0.02em; color: #fff; }
.sub-visual .speed ul > li:last-child span{display: none;}
.sub-visual .speed ul > li span{display: flex; align-items:center; gap:4px; margin: 0 12px;}
.sub-visual .speed ul > li span:before,
.sub-visual .speed ul > li span:after{content: ''; width: 4px; height: 4px; border-radius: 50%;  background: rgba(255,255,255,0.6);}
.sub-visual .speed ul > li span:after{background: rgba(255,255,255,0.3);}
.sub-visual .sv-tit{font-family: "Poppins", sans-serif; font-size: 80px; line-height: 1; letter-spacing: -0.02em; color: #fff; font-weight: 600; margin-top: 27px; margin-left: -5px;}

.lnb{background: rgba(0,46,79,0.95); position: relative; margin-top: -100px; z-index: 10; border-top: 2px solid rgba(255,255,255,0.1);}
.lnb b{display: none;}
.lnb > ul{display: flex; max-width: 1440px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.lnb > ul > li{flex:1; position: relative;}
.lnb > ul > li:before{position: absolute; content: ''; width: 100%; height: 2px; background: #fff; left: 0; top: -2px; scale:0 1; transition:.3s; }
.lnb > ul > li.current:before{scale:1;}
.lnb > ul > li:not(:last-child):after{position: absolute; content: ''; width: 6px; height: 6px; background: rgba(255,255,255,0.2); border-radius: 50%; right: -3px; top: 50%; margin-top: -3px;}
.lnb > ul > li > a{display: flex; align-items:center; justify-content: center; width: 100%; height: 98px; color: rgba(255,255,255,0.6); text-align: center; font-size: 18px; font-weight: 500; line-height: 160%; letter-spacing: -0.02em;/* 32px */}
.lnb > ul > li.current > a{color: #fff; font-weight: 600;}
.lnb > ul > li .dep3{display: none;}
.lnb > ul > li ol{position: absolute; left: 0; top: 100px; display: flex; flex-wrap:wrap; width: 100%; justify-content: center;}
.lnb > ul > li ol > li{}
.lnb > ul > li ol > li > a {width: 100%; height: 78px; display: flex; flex-wrap:wrap; align-items:center; justify-content: center; text-align: center; padding: 0 15px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #cacaca; font-weight: 500;}
.lnb > ul > li ol > li > a span{display: none;}
.lnb > ul > li ol > li.current > a{font-weight: 600; color: #085790;}
.lnb > ul > li:first-child ol:after{position: absolute; content: ''; width: 800%; height: 1px; background: #ddd; right: -300%; bottom: 0;}
.lnb > ul > li:not(:last-child) ol:before{position: absolute; content: ''; width: 6px; height: 6px; background: #ccd5dc; border-radius: 50%; right: -3px; top: 50%; margin-top: -3px;}

.slnb{display: none;}
.sub-tit{position: relative; text-align: center; font-family: "Poppins", sans-serif; font-size: 55px; line-height: 1.2; letter-spacing: -0.02em; color: #111; font-weight: 600; padding-top: 56px; margin-top: 137px; margin-bottom: 98px;}
.sub-tit:before{position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%;  background: #085790; left: 50%; top: 0; translate:-50% 0; z-index: 1; margin-left: -22px;}
.sub-tit:after{position: absolute; content: ''; width: 44px; height: 10px; background: #002e4f; border-radius: 25px; left: 50%; top: 0; translate:-50% 0; margin-left: 8px;}

.sub_1 .sub-tit{margin-top: 217px;}


.sub_2 .sub-tit{margin-top: 100px;}
.sub_2 .sub-visual{height: 580px;}

.sub-dep3{position: relative; margin-bottom: 77px;}
.sub-dep3:after{position: absolute; content: ''; width: 200%; height: 1px; left: -50%; bottom: 0; background: #085790; z-index: 2;}
.sub-dep3 > ul{display: flex; }
.sub-dep3 > ul > li{flex:1; text-align: center; }
.sub-dep3 > ul > li > a{position: relative; display: flex; height: 80px; align-items:center; justify-content: center; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; color: #999; font-weight: 500; transition:.3s; border: 1px solid #ddd; background: #fff;  z-index: 1;}
.sub-dep3 > ul > li > a:after{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; background: #085790; left: 50%; top: 50%; margin-left: -3px; margin-top: 21px; opacity: 0; transition:.3s;}
.sub-dep3 > ul > li.current > a{border: 1px solid #085790; z-index: 3; border-bottom: 0; font-weight: 600; padding-bottom: 8px; color: #085790;}
.sub-dep3 > ul > li.current > a:after{opacity: 1;}

/* s11 */
.s11 .arti1{display: flex; flex-wrap:wrap; gap:90px; background: #f4f8fb; border-radius: 30px; box-sizing: border-box; padding: 70px; padding-bottom: 40px;}
.s11 .arti1 .slider-box{max-width:600px; width: 100%;}


.s11 .arti1 .slider-box video{border-radius: 10px; overflow: hidden; width: 100%; height: 100%; object-fit:cover}

.s11 .arti1 .slider-box .item{display: flex; align-items:center; justify-content: center; min-height:356px;}
.s11 .arti1 .slider-box .item .mv_img{width: 100%; height: 100%;}
.s11 .arti1 .slider-box .item img{width: 100%;height: auto !important; max-width:100%; max-height:356px; border-radius: 20px;}
.s11 .arti1 .slider-box .owl-nav > *{position: absolute; left: 42px; top: 50%; margin-top: -22px; width: 24px; height: 44px; background: url(../img/sub/s1-prev.png) center no-repeat !important;}
.s11 .arti1 .slider-box .owl-nav > *.owl-next{background: url(../img/sub/s1-next.png) center no-repeat !important;	 left: auto; right: 42px;}
.s11 .arti1 .slider-box .owl-nav > * span{display: none;}
.s11 .arti1 .tbx{display: flex; flex-direction: column; justify-content: space-between; flex:1; max-width:570px; box-sizing: border-box; padding: 5px 0 30px; }
.s11 .arti1 .tbx .top-box {display: flex; flex-direction: column; align-items: flex-start; border-bottom: 1px solid #ddd; padding-bottom: 42px;}
.s11 .arti1 .tbx .top-box small{font-family: "Poppins", sans-serif; position: relative; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #085790; font-weight: 600; border-bottom: 3px solid #085790; padding-bottom: 5px;}
.s11 .arti1 .tbx .top-box .tit{display: flex; flex-wrap:wrap; align-items: flex-end; gap:20px; margin-top: 21px;	margin-left: -3px;}
.s11 .arti1 .tbx .top-box .tit big{font-size: 42px; line-height: 1.5; letter-spacing: -0.02em; color: #111; font-weight: 600;}
.s11 .arti1 .tbx .top-box .tit p{display: flex; align-items:center; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #cacaca; font-weight: 600; padding-bottom: 12px;}
.s11 .arti1 .tbx .top-box .tit p span:first-child:after{content: '|'; margin: 0 8px;}
.s11 .arti1 .tbx .top-box .tit p span:last-child:after{display: none;}
.s11 .arti1 .tbx .bottom-box{margin-bottom: auto; margin-top: 50px;}
.s11 .arti1 .tbx .bottom-box h3{font-size: 36px; line-height: 1.5; letter-spacing: -0,02em; color: #333; font-weight: 600; margin-bottom: 20px;}
.s11 .arti1 .tbx .bottom-box p{font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #666; }
.s11 .arti1 .tbx .page{font-family: "Poppins", sans-serif; display: flex; align-items:end; gap:6px; padding-bottom: 24px;} 
.s11 .arti1 .tbx .page .current-page{font-size: 24px; line-height: 1; letter-spacing: -0.02em; color: #666666; font-weight: 600; margin-right: 4px;}
.s11 .arti1 .tbx .page o{font-size: 14px; line-height: 1; letter-spacing: -0.02em; color: #cacaca; font-weight: 400; position: relative; top: -5px;}
.s11 .arti1 .tbx .page .full-page{font-size: 18px; line-height: 1; letter-spacing: -0.02em; color: #cacaca; font-weight: 400; position: relative; top: -1px;}

.s11 article dl{display: flex; flex-wrap:wrap; padding-top: 150px;}
.s11 article dl dt{max-width:440px; width: 100%; }
.s11 article dl dt h4{position: relative; display: inline-block; font-size: 36px; line-height: 1; letter-spacing: -0,02em; color: #111; font-weight: 600; padding-right: 24px; letter-spacing: -0.02em;}
.s11 article dl dt h4:after{position: absolute; content: ''; width: 8px; height: 8px; box-sizing: border-box;  border-radius: 50%; background: #085790; right: 0; top: 3px;}
.s11 article dl dd{flex:1;}

.s11 article dl dd .flex-img-wrap{display: flex; flex-direction: column; }
.s11 article dl dd .flex-img-col3{position: relative; display: flex; flex-direction: column; background: #f4f8fb; border-radius: 30px; padding: 40px;}
.s11 article dl dd .flex-img-col3 .img-box{display: flex; flex-wrap:wrap; width: 100%; gap:25px;}
.s11 article dl dd .flex-img-col3 .img-box figure{flex:1; }
.s11 article dl dd .flex-img-col3 .tbx{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; margin-top: 25px;}
.s11 article dl dd .flex-img-col3 .tbx > b{position: relative; font-size: 20px; line-height: 24px; letter-spacing: -0.02em; font-weight: 600; color: #111; padding-right: 30px; margin-right: 20px;}
.s11 article dl dd .flex-img-col3 .tbx > b:after{position: absolute; content: ''; width: 1px; height: 20px; background: #cacaca; right: 0; top: 50%; translate:0 -50%;}
.s11 article dl dd .flex-img-col3 .tbx > b > span{font-size: 16px; line-height: 24px; letter-spacing: -0.02em; color: #085790; font-weight: 400;}
.s11 article dl dd .flex-img-col3 .tbx > p{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666;}
.s11 article dl dd .flex-img-col3 .tbx > i{margin: 0 20px; line-height: 0;}
.s11 article dl dd .flex-img-col3 .tbx > span{width: auto; height: 40px; display: flex; align-items:center; text-align: center; justify-content: center; background: #085790; border-radius: 50px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600; padding: 0 20px;}
.s11 article dl dd .flex-img-col3:not(:last-child){margin-bottom: 80px;}
.s11 article dl dd .flex-img-col3:not(:last-child):after{position: absolute; content: ''; width: 100%; height: 80px; background: url(../img/sub/flex-img-col3-arr2.jpg) center no-repeat; left: 0; bottom: -80px;}

.s11 article dl dd .dd-text-type1{margin-top: 100px;}
.s11 article dl dd .dd-text-type1 h5{position: relative; font-size: 28px; line-height: 45px; letter-spacing: -0.02em; color: #111; font-weight: 600; padding-left: 28px;}
.s11 article dl dd .dd-text-type1 h5:before{position: absolute; content: ''; width: 8px; height: 8px; background: #085790; border-radius: 50%; left: 0; top: 16px;}
.s11 article dl dd .dd-text-type1 h5 span{font-size: 22px; color: #085790; font-weight: 600;}
.s11 article dl dd .dd-text-type1 .flex-box{display: flex; flex-wrap:wrap; gap:20px; margin-top: 24px;}
.s11 article dl dd .dd-text-type1 .flex-box .box{flex:1; }
.s11 article dl dd .dd-text-type1 .flex-box .box .tit{display: flex; justify-content: space-between; align-items:center; height: 122px; background: #085790; border-radius: 30px; padding: 0 45px 0 40px;}
.s11 article dl dd .dd-text-type1 .flex-box .box:last-child .tit{background: #002e4f;}
.s11 article dl dd .dd-text-type1 .flex-box .box .tit p{font-size: 22px; line-height: 30px; font-weight: 600; color: #fff; letter-spacing: -0.02em;}
.s11 article dl dd .dd-text-type1 .flex-box .box .tit span{font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color: rgba(255,255,255,0.3); text-align: right;}
.s11 article dl dd .dd-text-type1 .flex-box .box .cnt{margin-top: 10px;}
.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list{display: flex; flex-direction: column; }
.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list > li{position: relative; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #666; padding-left: 22px; height: 60px; display: flex; align-items:center; border-bottom: 1px solid #ddd; margin-left: 40px;}
.s11 article dl dd .dd-text-type1 .flex-box .box .cnt .dot-list > li:before{position: absolute; content: ''; background: #085790;	left: 0; top: 26px; border-radius: 50%; width: 4px; height: 4px;}
.s11 article dl dd .dd-text-type1 .flex-box .box:first-child .cnt .dot-list > li:after{position: absolute; content: ''; width: 1px; height: 40px; background: #ddd; right: -10px; top: 26px;}

.s11 article dl dd .dd-dot-list-col2{display: flex; flex-wrap:wrap; border-top: 2px solid #085790; position: relative;}
.s11 article dl dd .dd-dot-list-col2:after{position: absolute; content: ''; width: 100%; height: 1px; background: #ddd; left: 0; bottom: -1px;}
.s11 article dl dd .dd-dot-list-col2 ul{display: flex; flex-direction: column; }
.s11 article dl dd .dd-dot-list-col2 ul > li{position: relative;  border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #666; padding: 14px 0; padding-left: 53px; border-bottom: 1px solid #ddd;}
.s11 article dl dd .dd-dot-list-col2 ul > li:before{position: absolute; content: ''; background: #085790;	left: 30px; top: 23px; border-radius: 50%; width: 4px; height: 4px;}
.s11 article dl dd .dd-dot-list-col2 ul > li.line2{height: 74px;}
.s11 article dl dd .dd-dot-list-col2 ul:last-child > li.line2{padding: 30px 0; padding-left: 53px;}
.s11 article dl dd .dd-dot-list-col2 ul:last-child > li.line2:before{top: 37px;}
.s11 article dl dd .dd-dot-list-col2 ul:first-child{width: calc(50% - 30px);}
.s11 article dl dd .dd-dot-list-col2 ul:first-child > li:last-child{border-bottom: 0;}
.s11 article dl dd .dd-dot-list-col2 ul:last-child{flex:1}
.s11 article dl dd .dd-col2-pic{display: flex; flex-wrap:wrap; gap:30px; margin-top: 100px;}
.s11 article dl dd .dd-col2-pic .box{flex:1 1 40%; background: #f4f8fb; border-radius: 30px; padding: 25px 25px 15px; box-sizing: border-box; text-align: center;}
.s11 article dl dd .dd-col2-pic .box .tbx{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666; height: 60px; display: flex; align-items:center; justify-content: center; margin-top: 10px;}
.s11 article dl dd .dd-doc-table .tit{display: flex; width: 100%; background: #002e4f; border-radius: 50px; padding: 5px;}
.s11 article dl dd .dd-doc-table .tit p{position: relative; flex:1; text-align: center; display: flex; align-items:center; text-align: center; justify-content: center; font-size: 22px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600;}
.s11 article dl dd .dd-doc-table .tit p:nth-child(2):after{position: absolute; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3); right: -2px; top: 50%; translate:0 -50%;}
.s11 article dl dd .dd-doc-table .tit p span{position: relative; font-size: 20px; font-weight: 600; color: #002e4f; background: #fff; border-radius: 50px; display: block; display: flex; height: 38px; align-items:center; justify-content: center; text-align: center; width: calc(100% - 5px); margin-right: auto;}
.s11 article dl dd .dd-doc-table table{width: 100%; }
.s11 article dl dd .dd-doc-table table tr td{border: 1px solid #ddd; height: 60px; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666; text-align: center; padding: 13px 10px;}
.s11 article dl dd .dd-doc-table.mt100{margin-top: 100px;}		
.s11 article dl dd .dd-doc-table > p{font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color: #999; margin-top: 15px;}
.s11 article dl dd .dd-doc-table > p span{color: #085790;}
.s11 article dl dd .dd-down .tit{display: flex; width: 100%; background: #085790; border-radius: 50px; padding: 5px;}
.s11 article dl dd .dd-down .tit p{position: relative; width: 150px; text-align: center; display: flex; align-items:center; text-align: center; justify-content: center; font-size: 22px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600;}
.s11 article dl dd .dd-down .tit p:nth-child(2){flex:1; }
.s11 article dl dd .dd-down .tit p:nth-child(2):after{position: absolute; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3); right: -2px; top: 50%; translate:0 -50%;}
.s11 article dl dd .dd-down .tit p span{position: relative; font-size: 20px; font-weight: 600; color: #085790; background: #fff; border-radius: 50px; display: block; display: flex; height: 38px; align-items:center; justify-content: center; text-align: center; width: calc(100% - 5px); margin-right: auto;}
.s11 article dl dd .dd-down table{width: 100%; }
.s11 article dl dd .dd-down table tr td{border: 1px solid #ddd; height: 62px; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666; text-align: center; padding: 13px 10px; }
.s11 article dl dd .dd-down table tr:first-child td{border-top: 0;}
.s11 article dl dd .dd-down table tr td:first-child{border-left: 0;}
.s11 article dl dd .dd-down table tr td:last-child{border-right: 0;}
.s11 article dl dd .dd-down table tr td.left{text-align: left; padding-left: 30px;}
.s11 article dl dd .dd-down table tr td .down-box{display: flex; gap:10px; justify-content: center; align-items:center;}
.s11 article dl dd .dd-down table tr td a{line-height: 0;}
.s11 article dl dd .dd-down table tr td a img{transition:.3s;}
.s11 article dl dd .dd-down table tr td a:hover img{translate:0 -5px;}

.s12 article dl dd .dd-s12-1 .box{position: relative; display: flex; flex-direction: column; background: #f4f8fb; border-radius: 30px; padding: 40px;}
.s12 article dl dd .dd-s12-1 .box1 > p{font-size: 20px; line-height: 24px; letter-spacing: -0.02em; color: #111; font-weight: 600;}
.s12 article dl dd .dd-s12-1 .box1 > .img-box{display: flex; gap:10px; margin-top: 18px;}
.s12 article dl dd .dd-s12-1 .box1 > .flex-box{display: flex; gap:30px; margin-top: 30px;}
.s12 article dl dd .dd-s12-1 .box1 > .bottom-box{position: relative; display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center; margin-top: 40px; padding-top: 30px; gap:72px;}
.s12 article dl dd .dd-s12-1 .box1 > .bottom-box:before{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/new-s12-9.jpg) left center ; left: 0; top: 0;}
.s12 article dl dd .dd-s12-1 .box1 > .bottom-box p{position: relative; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #111; font-weight: 500;}
.s12 article dl dd .dd-s12-1 .box1 > .bottom-box p:after{position: absolute; content: ''; width: 27px; height: 19px; background: url(../img/sub/new-s12-10.jpg) center no-repeat; left: 50%; bottom: -44px; translate:-50% 0;}
.s12 article dl dd .dd-s12-1 .box1 > .bottom-box b{font-size: 20px; letter-spacing: -0.02em; color: #085790; font-weight: 600; line-height: 24px;}
.s12 article dl dd .dd-s12-1 .box2{margin-top: 95px;}
.s12 article dl dd .dd-s12-1 .box2 > .cnt.mt40{margin-top: 40px;}
.s12 article dl dd .dd-s12-1 .box2 > .cnt > p{font-size: 20px; line-height: 24px; letter-spacing: -0.02em; color: #111; font-weight: 600; margin-bottom: 14px;}
.s12 article dl dd .dd-s12-1 .box2 > .cnt > p span{color: #085790;}
.s12 article dl dd .dd-s12-1 .box2 > .cnt > .img-box{display: flex; gap:25px;}
.s12 article dl dd .dd-s12-1 .box2 > .p-box{margin-top: 35px;}
.s12 article dl dd .dd-s12-1 .box2 > .p-box p{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666; }
.s12 article dl dd .dd-s12-1 .box2 .bottom-box{position: relative; display: flex; justify-content: center; align-items:center; gap:19px; text-align: center; padding-top: 30px; margin-top: 30px; }
.s12 article dl dd .dd-s12-1 .box2 .bottom-box:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/new-s12-9.jpg) left center ; left: 0; top: 0;}
.s12 article dl dd .dd-s12-1 .box2 .bottom-box b{font-size: 24px; line-height: 24px; letter-spacing: -0.02em; color: #085790; font-weight: 600;}
.s12 article dl dd .dd-s12-1 .box2 .bottom-box p{font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #111; font-weight: 500;}
.s12 article dl dd .dd-s12-1 .box3 {margin-top: 95px; display: flex; flex-direction: row; justify-content: space-between; gap:10px;}
.s12 article dl dd .dd-s12-1 .box3 .tbx {margin-top: 23px;}
.s12 article dl dd .dd-s12-1 .box3 .tbx b{display: block; width: 100%; height: 40px; display: flex; align-items:center; justify-content: center; text-align: center; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #fff; font-weight: 600; border-radius: 50px; margin-bottom: 16px;}
.s12 article dl dd .dd-s12-1 .box3 .tbx ul{display: flex; flex-wrap:wrap; display: flex; flex-direction: column; gap:6px;}
.s12 article dl dd .dd-s12-1 .box3 .tbx ul > li{position: relative; font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666; padding-left: 23px;}
.s12 article dl dd .dd-s12-1 .box3 .tbx ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #085790; border-radius: 50%; left: 0; top: 14px;	}
.s12 article dl dd .dd-img2{display: flex; flex-wrap:wrap; gap:30px; margin-top: 100px;}
.s12 article dl dd .dd-img2 .box{border-radius: 30px; background: #f4f8fb; padding: 25px;}
.s12 article dl dd .dd-img2 .box .tbx{display: flex; align-items:flex-start; justify-content: center;font-size: 18px; line-height: 26px; color: #666; letter-spacing: -0.02em; margin-top: 28px;}
.s12 article dl dd .dd-img2 .box .tbx b{color: #085790; font-weight: 600; width: 105px;}

/* s13 */
.s13 article dl dd .dd-s13-1{display: flex; gap:30px; background: #f4f8fb; border-radius: 30px; padding: 40px;}
.s13 article dl dd .dd-s13-1 .box{flex:1;}
.s13 article dl dd .dd-s13-1 .box .tbx{display: flex; flex-direction: column; margin-top: 23px;}
.s13 article dl dd .dd-s13-1 .box .tbx .tit{display: flex; flex-wrap:wrap; align-items:center; gap:20px; }
.s13 article dl dd .dd-s13-1 .box .tbx .tit span{display: flex; flex-wrap:wrap; min-width: 120px; height: 40px; align-items:center; justify-content: center; text-align: center; font-size: 18px; line-height: 1.5; color: #fff; font-weight: 600; letter-spacing: -0.02em; border-radius: 50px; padding: 0 19px;}
.s13 article dl dd .dd-s13-1 .box .tbx .tit p{font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color: #333; }
.s13 article dl dd .dd-s13-1 .box .tbx ul{display: flex; flex-direction: column; margin-top: 15px; gap:6px;}
.s13 article dl dd .dd-s13-1 .box .tbx ul > li{position: relative; font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666; padding-left: 20px;}
.s13 article dl dd .dd-s13-1 .box .tbx ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #085790; border-radius: 50%; left: 0; top: 14px;	}
.s13 article dl dd .dd-s13-2 ul{display: flex; flex-direction: column; border-top: 2px solid #085790;}
.s13 article dl dd .dd-s13-2 ul > li{display: flex; font-size: 16px; line-height: 1.5; border-bottom: 1px solid #ddd; padding: 14px 30px; align-items:center;}
.s13 article dl dd .dd-s13-2 ul > li b{color: #111; font-weight: 500; letter-spacing: -0.02em; width: 250px; box-sizing: border-box; position: relative; padding-left: 23px;}
.s13 article dl dd .dd-s13-2 ul > li b:before{position: absolute; content: ''; width: 4px; height: 4px; background: #085790; border-radius: 50%; left: 0; top: 8px;	}
.s13 article dl dd .dd-s13-2 ul > li .tbx{flex:1; }
.s13 article dl dd .dd-s13-2 ul > li p{flex:1; letter-spacing: -0.02em; color: #666;}
.s13 article dl dd .dd-s13-2 ul > li ol > li{line-height: 32px; letter-spacing: -0.02em; color: #666;}
.s13 article dl dd .dd-col2-pic .box{padding: 25px;}
.s11 .arti3 dl dd .dd-col2-pic{margin-top: 0;}

.s13 article dl dd .dd-s13-table-tit{margin-top: 30px;}
.s13 article dl dd .dd-s13-table-tit .tit{display: flex; background: #002e4f; border-radius: 30px; overflow: hidden; height: 96px; }
.s13 article dl dd .dd-s13-table-tit .tit > div{display: flex; flex-wrap:wrap; align-items:center; font-size: 22px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 600; color: #fff; text-align: center; justify-content: center; align-items:center;}
.s13 article dl dd .dd-s13-table-tit .tit > div p{} 
.s13 article dl dd .dd-s13-table-tit .tit > div.fir{width: 33.33%; height: 100%;}
.s13 article dl dd .dd-s13-table-tit .tit > div{width:66.66%; height: 100%;}
.s13 article dl dd .dd-s13-table-tit .tit > div.last{display: flex; flex-direction: column; height: 100%;}
.s13 article dl dd .dd-s13-table-tit .tit > div.last p{height: 48px; line-height: 48px; position: relative; top: -6px;}
.s13 article dl dd .dd-s13-table-tit .tit > div.last ul{display: flex; height: 38px; background: #fff; width: calc(100% - 20px); border-radius: 50px; position: relative; top: -3px;}
.s13 article dl dd .dd-s13-table-tit .tit > div.last ul > li{position: relative; font-size: 20px; letter-spacing: -0.02em; color: #002e4f; font-weight: 600; line-height: 38px; flex:1;}
.s13 article dl dd .dd-s13-table-tit .tit > div.last ul > li:first-child:after{position: absolute; content: ''; width: 1px; height: 20px; background: #ddd; right: 0; top: 50%; translate:0 -50%;}
.s13 article dl dd .dd-s13-table-tit table{width: 100%;}
.s13 article dl dd .dd-s13-table-tit table tr:first-child > td{border-top: 0;}
.s13 article dl dd .dd-s13-table-tit table tr > td{font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #666; height: 61px; border: 1px solid #ddd; text-align: center;}
.s13 article dl dd .dd-s13-table-tit table tr > td:first-child{color: #333; border-left: 0;}
.s13 article dl dd .dd-s13-table-tit table tr > td:last-child{border-right: 0;}
.s13 article dl dd .dd-s13-table-tit table tr > td ul{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; gap:16px}
.s13 article dl dd .dd-s13-table-tit table tr > td ul > li{position: relative; padding-left: 24px;}
.s13 article dl dd .dd-s13-table-tit table tr > td ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #085790; border-radius: 50%; left: 0; top: 8px;	}
.s14 article dl dd .dd-s14-1 .box {background: #f4f8fb; border-radius: 30px; padding: 40px;}
.s14 article dl dd .dd-s14-1 .box1 > p{display: flex; font-size: 18px; line-height: 24px; letter-spacing: -0.02em; color: #333; margin-bottom: 18px;}
.s14 article dl dd .dd-s14-1 .box1 > p b{position: relative; font-size: 20px; color: #111; font-weight: 600; padding-right: 20px; margin-right: 20px; padding-left: 3px;}
.s14 article dl dd .dd-s14-1 .box1 > p b:after{position: absolute; content: ''; width: 1px; height: 10px; background: #ddd; right: 0; top: 50%; translate:0 -50%;}
.s14 article dl dd .dd-s14-1 .box1 > p span{color: #085790; margin-left: 5px;}
.s14 article dl dd .dd-s14-1 .box1 .flex-box{display: flex; gap:10px;}
.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt figure{position: relative;}
.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt:not(:last-child) figure:after{position: absolute; content: ''; width: 40px; height: 40px; background: url(../img/sub/new-s14-4.png) center no-repeat;     right: -22px; top: 50%; margin-top: -21px;  z-index: 1;}
.s14 article dl dd .dd-s14-1 .box1 .flex-box .cnt span{display: flex; text-align: center; justify-content: center; align-items:center; width: 100%; height: 40px; border-radius: 50px; background: #085790; font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color: #fff ;font-weight: 600; margin-top: 14px;}
.s14 article dl dd .dd-s14-1 .box1 .flex-ul{display: flex; }
.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul{display: flex; flex-direction: column; margin-top: 24px; gap:6px; width: 50%;}
.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul > li{font-size: 18px; line-height: 30px; letter-spacing: -0.02em; color: #666; position: relative; padding-left: 24px;}
.s14 article dl dd .dd-s14-1 .box1 .flex-ul ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #085790; border-radius: 50%; left: 0; top: 13px;	}
.s14 article dl dd .dd-s14-1 .box1 .bottom-box{display: flex; justify-content: center; align-items:center; font-size: 18px; line-height: 30px; color: #111; letter-spacing: -0.02em; margin-top: 60px;}
.s14 article dl dd .dd-s14-1 .box1 .bottom-box i{line-height: 0; margin: 0 20px;}
.s14 article dl dd .dd-s14-1 .box1 .bottom-box span{font-weight: 600; color: #085790;}

.s14 article dl dd .dd-s14-1 .box2{margin-top: 90px;}
.s14 article dl dd .dd-s14-1 .box2 tit{display: block; font-size: 20px; line-height: 30px; letter-spacing: -0.02em; color: #111; font-weight: 600; margin-bottom: 14px;}
.s14 article dl dd .dd-s14-1 .box2 tit span{color: #002e4f;}
.s14 article dl dd .dd-col2-pic .box{padding: 25px;}

/* .s11 article dl dd ul.dot-list{display: flex; flex-wrap:wrap; border-top: 2px solid #085790; margin-top: 3px;}
.s11 article dl dd ul.dot-list > li{position: relative; display: flex; align-items:center; border-bottom: 1px solid #ddd; height: 61px; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; color: #666; padding-left: 52px; flex:1 1 40%}
.s11 article dl dd ul.dot-list > li:before{position: absolute; content: ''; left: 30px; top: 50%; margin-top: -1px; width: 4px; height: 4px; background: #085790; border-radius: 50%; }
.s11 article dl dd ul.dot-list > li:nth-child(2n+2){padding-left: 24px;}
.s11 article dl dd ul.dot-list > li:nth-child(2n+2):before{left: 0px;}
.s11 article dl dd ul.dot-list > li.row2{height: 91px; }
.s11 article dl dd ul.dot-list > li.row2:before{margin-top: -18px;}
.s11 article dl dd ol {display: flex; flex-wrap:wrap; gap:30px; }
.s11 article dl dd ol > li{background: #f4f8fb; border-radius: 30px; padding: 25px 25px 35px; box-sizing: border-box; text-align: center; }
.s11 article dl dd ol > li .tbx {font-size: 18px; line-height: 30px; letter-spacing: -0.02em ;color: #666; padding-top: 24px;}
.s11 .arti4 dl{padding-top: 135px;}
.s11 .arti4 dl dt{padding-top: 20px;}
.s11 .arti4 dl dd > p{font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666;}
.s11 .arti4 dl dd > .col4{display: flex; flex-wrap:wrap; margin-left: -20px; gap:20px 0; margin-top: 28px;}
.s11 .arti4 dl dd > .col4 > li{width: calc(25% - 20px); margin-left: 20px; display: flex; align-items:center; justify-content: center; border: 1px solid #ddd; border-radius: 15px; height: 80px;}
.s11 .arti5 dd .table-wrap{}
.s11 .arti5 dd .table-wrap table{width: 100%; }
.s11 .arti5 dd .table-wrap table thead tr {position: relative; }
.s11 .arti5 dd .table-wrap table thead tr th{position: relative;font-size: 22px; line-height: 68px; height: 65px; letter-spacing: -0.02em; color: #fff; font-weight: 600; box-sizing: border-box;}
.s11 .arti5 dd .table-wrap table thead tr th .bg{position: absolute; left: 0; top: 0; background: #4e83a9; width: 300%; height: 100%; z-index: -1; border-radius: 30px;}
.s11 .arti5 dd .table-wrap table thead tr th span{color: #085790; line-height: 50px; display: block; position: relative; top: -12px; font-size: 20px; font-weight: 600; }
.s11 .arti5 dd .table-wrap table thead tr th span.pl10{padding-left: 18px;}
.s11 .arti5 dd .table-wrap table thead tr th span.pl-10{margin-left: -21px;}
.s11 .arti5 dd .table-wrap table thead tr th .bg2{position: absolute; left: 20px; top: -5px; width: calc(200% - 40px); height: 50px; background: #fff; border-radius: 50px; z-index: -1;}
.s11 .arti5 dd .table-wrap table thead tr th .bg2:after{position: absolute; content: ''; width: 1px; height: 20px; background: #ddd; right: 50%; top: 50%; margin-top: -10px; z-index: 1;}
.s11 .arti5 dd .table-wrap table tbody tr td{font-size: 18px; line-height: 60px; letter-spacing: -0.02em; text-align: center; color: #666; font-weight: 400; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.s11 .arti5 dd .table-wrap table tbody tr td ul{display: flex; flex-wrap:wrap; gap:0px 39px; justify-content: center;}
.s11 .arti5 dd .table-wrap table tbody tr td ul > li{position: relative; display: flex; align-items:center;  font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666; padding-left: 24px;}
.s11 .arti5 dd .table-wrap table tbody tr td ul > li:before{position: absolute; content: ''; left: 0px; top: 50%; margin-top: -1px; width: 4px; height: 4px; background: #085790; border-radius: 50%; }
.s11 .arti5 dd .table-wrap table tbody tr td:first-child{font-weight: 500; color: #333;  font-size: 20px;}
.s11 .arti5 dd .table-wrap table tbody tr td:last-child{border-right: 0;}


.s14 article dl dd ul.dot-list > li:not(:nth-child(2n+2)){flex:calc(40% + 50px)} */

/* s2 */
.s2 .arti1{position: relative; }
.s2 .arti1 h4{font-family: "Poppins", sans-serif; font-size: 52px; line-height: 1.5; letter-spacing: -0.02em; color: #111; font-weight: 600;}
.s2 .arti1 .flex-box{position: relative; display: flex; flex-wrap:wrap; gap:120px; margin-top: 35px;}
.s2 .arti1 .flex-box .img-box{border-radius: 20px; overflow: hidden; max-width:600px; flex:1;}
.s2 .arti1 .flex-box .text-box{position: relative; flex:1; margin-top: -4px;}

.s2 .arti1 .flex-box .text-box h5{font-family: "Poppins", sans-serif; font-size: 42px; line-height: 1.5; letter-spacing: -0.02em; color: #111; font-weight: 600; padding-left: 0px; margin-bottom: 50px; margin-left: -10px;}  

.s2 .arti1 .flex-box .text-box ul {position: relative;}
.s2 .arti1 .flex-box .text-box ul:after{position: absolute; content: ''; left: 0; top: 12px; width: 1px; height: calc(100% - 58px); background: #ddd;}
.s2 .arti1 .flex-box .text-box ul > li{position: relative; display: flex; align-items:center; font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #666; padding-left: 49px; padding-bottom: 43px; align-items: flex-start;}
.s2 .arti1 .flex-box .text-box ul > li:before{position: absolute; content: ''; width: 13px; height: 13px; background: #fff; border: 3px solid #085790; border-radius: 50%; left: -6px; top: 11px; z-index: 1;}
.s2 .arti1 .flex-box .text-box ul > li:last-child{padding-bottom: 0;}
.s2 .arti1 .flex-box .text-box ul > li span{font-size: 28px; letter-spacing: -0.02em; color: #333; font-weight: 700; width: 94px;}
.s2 .arti1 .flex-box .text-box ul > li p{flex:1;}


.s2 .arti1 .table-wrap{}
.s2 .arti1 .table-wrap h3{position: relative; display: inline-block; font-size: 46px; line-height: 1; letter-spacing: -0,02em; color: #111; font-weight: 600; padding-right: 24px; letter-spacing: -0.02em; margin-bottom: 58px;}
.s2 .arti1 .table-wrap h3:after{position: absolute; content: ''; width: 8px; height: 8px; box-sizing: border-box;  border-radius: 50%; background: #085790; right: 0; top: 3px;}
.s2 .arti1 .table-wrap table{width: 100%;}
.s2 .arti1 .table-wrap table thead tr{position: relative; z-index: 1;}
.s2 .arti1 .table-wrap table thead tr th{height: 48px; font-size: 22px; line-height: 1.5; font-weight: 600; letter-spacing: -0.02em; color: #fff; }
.s2 .arti1 .table-wrap table thead tr th i{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #002e4f; z-index: -2; border-radius: 50px;}
.s2 .arti1 .table-wrap table thead tr th o{position: absolute; left: 5px; top: 5px; width: 430px; height: calc(100% - 10px);	background: #fff; border-radius: 50px; z-index: -1;}
.s2 .arti1 .table-wrap table thead tr th.c1{font-size: 20px; font-weight: 600; color: #002e4f;}
.s2 .arti1 .table-wrap table thead tr th span{position: relative; display: block; }
.s2 .arti1 .table-wrap table thead tr th span:after{position: absolute; content: ''; width: 1px; height: 20px; background: rgba(255,255,255,0.3); right: 0; top: 50%; margin-top: -10px;}
.s2 .arti1 .table-wrap table thead tr th.c1 span:after{background: #ddd;}
.s2 .arti1 .table-wrap table thead tr th span.line_0:after{display: none;}
.s2 .arti1 .table-wrap table tbody tr td{border: 1px solid #ddd; border-top: 0;text-align: center; height: 60px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666; font-weight: 400;}
.s2 .arti1 .table-wrap table tbody tr td.bdl0{border-left: 0;}
.s2 .arti1 .table-wrap table tbody tr td.bdr0{border-right: 0;}
.s2 .arti1 .table-wrap table tbody tr td.bdb0{border-bottom: 0;}
.s2 .arti1 .table-wrap table tbody tr.subtotal{position: relative; z-index: 1;}
.s2 .arti1 .table-wrap table tbody tr.subtotal span{position: absolute; left: 0; top: -1px; width: 100%; height: calc(100% + 2px); background: #f4f8fb; z-index: -1; border-radius: 50px;}
.s2 .arti1 .table-wrap table tbody tr.subtotal td{border: none; height: 48px; font-size: 18px; font-weight: 600; color: #002e4f;}
.s2 .arti1 .table-wrap table tbody tr.total{position: relative; z-index: 1;}
.s2 .arti1 .table-wrap table tbody tr.total span{position: absolute; left: 0; top: -1px; width: 100%; height: calc(100% + 2px); background: #085790; z-index: -1; border-radius: 50px;}
.s2 .arti1 .table-wrap table tbody tr.total td{border: none; height: 48px; font-size: 18px; font-weight: 600; color: #fff;}
.s2 .arti1 .table-wrap table tbody  .dot-line{position: relative;}
.s2 .arti1 .table-wrap table tbody  .dot-line:after{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/dot-line-r.jpg) center left; left: 0; bottom: 0;}

.s51 {position: relative; overflow: hidden; width: 100%; padding-top: 20px; margin-top: -20px; }
.s51 .arti6 dl{padding-top: 0;}
.s51 .arti6 dd > ul{display: flex; flex-wrap:wrap; gap:35px;  }
.s51 .arti6 dd > ul > li{flex:1; display: flex; flex-direction: column; text-align: center;}
.s51 .arti6 dd > ul > li i{display: flex; align-items:center; justify-content: center; width: 120px; height: 120px; border-radius: 50%; box-shadow: 5px 0 15px rgba(0,46,79,0.2); margin: 0 auto; position: relative; z-index: 1;}
.s51 .arti6 dd > ul > li .tbx{display: flex; flex-direction: column; background: #f4f8fb; border-radius: 30px; height: 210px; margin-top: -60px; box-sizing: border-box; padding:  0 15px; padding-top: 73px; gap:4px; }
.s51 .arti6 dd > ul > li .tbx b{font-size: 24px; line-height: 1.5; letter-spacing: -0.02em; color: #333; font-weight: 600; }
.s51 .arti6 dd > ul > li .tbx p{font-size: 16px ;line-height: 1.5; letter-spacing: -0.02em; color: #333;}
.s51 .bg-line{margin-top: 150px;   }
.s51 .bg-line figure{position: relative; width: max-content; box-shadow:10px 20px 20px rgba(0,0,0,0.2); overflow: hidden; border-radius: 30px;}
.s51 .bg-line figure figcaption{position: absolute; right: -128px; bottom: -53px; }
.s51 .bg-line img{max-width:10000px; }
.s51 .arti2 p{font-size: 24px; line-height: 32px; letter-spacing: -0.02em; color: #333; font-weight: 500; margin-bottom: 46px;}  
.s51 .arti2 figure{border: 1px solid #ddd; display: flex; align-items:center; justify-content: center; padding: 10px; height: 650px; box-sizing: border-box; border-radius: 30px; padding-right: 28px;}

/* s52 */
.s52{}
.s52 .arti1{overflow: hidden; }
.s52 .arti1 figure{padding-bottom: 20px; }
.s52 .arti1 figure img{max-width:10000px; border-radius: 20px 20px 0 0; box-shadow:10px 0 20px rgba(0,0,0,0.2)	}
.s52 .arti2 {padding-top: 115px; display: flex; gap:100px;}
.s52 .arti2 .lbx{width: 375px;;padding-left: 135px; }
.s52 .arti2 .lbx .tit{position: sticky; top: 200px; }
.s52 .arti2 .lbx small{display: block; font-size: 38px; line-height: 1.5; letter-spacing: -0.02em; color: #111; font-weight: 600; margin-bottom: 3px;}
.s52 .arti2 .lbx big{display: block; font-size: 100px; line-height: 1; letter-spacing: -0.02em; color: #085790; font-weight: 700;}
.s52 .arti2 .rbx{position: relative; flex:1; box-sizing: border-box; padding-left: ; display: flex; flex-direction: column; padding-top: 8px;}
.s52 .arti2 .rbx:after{position: absolute; content: ''; width: 1px; height: calc(100% + 315px); left: 0; top: -135px; background: #ddd;}
.s52 .arti2 .rbx ul{position: relative; }
.s52 .arti2 .rbx ul > li{padding-bottom: 120px; padding-left: 49px; position: relative; display: flex; flex-wrap:wrap;}
.s52 .arti2 .rbx ul > li:before{position: absolute; content: ''; width: 17px; height: 17px; border-radius: 50%; background: #fff; border: 4px solid #085790; left: -8px; top: 8px; z-index: 1;}
.s52 .arti2 .rbx ul > li .txt{display: flex; flex-wrap:wrap; align-items:center; margin-bottom: 25px; flex:1;}
.s52 .arti2 .rbx ul > li .txt .day{font-size: 32px; line-height: 1; letter-spacing: -0.02em; color: #333; font-weight: 700; width: 95px;}
.s52 .arti2 .rbx ul > li .txt p{display: flex; font-size: 20px; line-height: 1.5; letter-spacing: -0.02em; color: #666; flex:1; align-items:center; gap:10px;}
.s52 .arti2 .rbx ul > li .txt p span{width: 120px; height: 40px; border-radius: 50px; text-align: center; line-height: 40px; background: #085790; font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: #fff;}
.s52 .arti2 .rbx ul > li .img-box{display: flex; gap:20px; padding-left: 95px; max-width:250px;}
.s52 .arti2 .rbx ul:last-child > li:last-child{padding-bottom: 0;}

/* s53 */
.s53 .arti1 {overflow: hidden; border-radius: 30px;}
.s53 .root_daum_roughmap{width: calc(100% + 2px);  margin: -1px;}
.s53 .root_daum_roughmap .wrap_map{height: 460px !important;}
.s53 .root_daum_roughmap .cont,
.s53 .root_daum_roughmap .wrap_controllers{display: none;}
.s53 .arti2 {display: flex; justify-content: space-between; align-items: flex-start; padding: 0 20px; margin-top: 30px;}
.s53 .arti2 ul > li{display: flex; font-size: 20px; line-height: 32px; letter-spacing: -0.02em; color: #666; }
.s53 .arti2 ul > li span{color: #333; font-weight: 600; width: 80px;}
.s53 .arti2 ul > li p{flex:1;}
.s53 .arti2 ol{display: flex; overflow: hidden; border-radius: 20px; margin-top: 10px;}
.s53 .arti2 ol > li{position: relative; }
.s53 .arti2 ol > li > a{background: #f4f8fb; width: 85px; height: 80px; display: flex; align-items:center; justify-content: center; }
.s53 .arti2 ol > li > a img{transition:.3s; line-height: 0;}
.s53 .arti2 ol > li:hover > a img{rotate:15deg}
.s53 .arti2 ol > li:first-child{border-right: 1px solid #ddd;}



.arti-side{position: relative; display: flex; justify-content: space-between; align-items:center; margin: 0 -11.5vw; margin-top: -135px; margin-bottom: -300px;}
.arti-side figure{position: relative; z-index: -1;}
.arti-side line{position: relative; background: url(../img/sub/new-011-line.jpg) left center;	height: 1px;	flex:1; text-align: center;}
.arti-side line:before{position: absolute; content: ''; width: 30px; height: 30px; background: url(../img/sub/new-011-dot-1.jpg) center no-repeat; left: 0; top: -15px;}
.arti-side line:after{position: absolute; content: ''; width: 10px; height: 11px; background: url(../img/sub/new-011-dot-2.jpg) center no-repeat; right: 0; top: -5px;;}
.arti-side line span{position: relative; top: -35px; font-size: 18px; line-height: 32px; color: #c95d5d; letter-spacing: -0.02em; font-weight: 500;}

.s12 .arti-side{margin: 0 -12vw;  margin-top: -90px; margin-bottom: -260px;}

.s13 .arti-side{margin: 0 -12.2vw; margin-top: -79px; margin-bottom: -198px;}

.s14 .arti-side{margin: 0 -12.2vw; margin-top: -79px; margin-bottom: -198px;}