@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
.sub-header{position:relative;}
.sub-header .subVisTextWrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.sub-header .stit{ display: block; font-size: 60px; font-weight: bold; color: #fff;  line-height:1;text-align:Center;}
.sub-header .stxt{ display:block; font-size: 24px;  color: #fff; line-height:1; margin-top:25px;text-align:Center;}
.subTitWrap{padding-top:120px;}
.subTitWrap .subTit{font-size:50px; font-weight:400; color:#333; font-weight:bold; letter-spacing:-0.04em; line-height:1; text-align:center; margin:30px auto;}
.subTitWrap .subTitline{display:block; text-align:Center;}


.stit-02{ display: block; text-align: center; font-size: 40px; font-weight: 400; line-height: 1; padding: 80px 0 35px; margin:0 40px 35px; border-bottom:1px solid #ddd;}
.s-Tit01{font-size:34px; font-weight:500; color:#d2b596; display:block; margin:0 auto 40px; text-align:Center;}
.s-Txt01{font-size:22px; font-weight:400; line-height:1.8; color:#333;  text-align:center;}



.scrollBox::-webkit-scrollbar {
	width: 10px;  /* 스크롤바의 너비 */
}
.scrollBox::-webkit-scrollbar-thumb {
	height: 30%; /* 스크롤바의 길이 */
	background: #ccc; /* 스크롤바의 색상 */
	border-radius: 10px;
}
.scrollBox::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .8);  /*스크롤바 뒷 배경 색상*/
}

.sub-con{ padding-top:120px;}
.lineTxt{ margin-top:20px; font-size:20px;}

.textBox .subTit{font-size:40px; font-weight:400; color:#333; font-weight:bold; letter-spacing:-0.04em; margin:20px auto 45px; line-height:1;}
.textBox .subTxt{font-size:21.99px; font-weight:400; color:#333; letter-spacing:-0.04em; text-align:justify; width:100%; line-height:1.6; display:block;}
.SL-line{width:3px; height:19px; background:#9f56a2; content:""; display:inline-block; transform:rotate(45deg); margin:0 9px;}
.SL-line02{width:3px; height:25px; background:#fff; content:""; display:inline-block; transform:rotate(-45deg); margin-left:27.5px; margin-top:20px;}
.line01{background:#a8dcd9}
.line02{background:#67c1bd}
.line03{background:#26a7a1}
.con + .con{margin-top:100px;}


.s0101{padding-bottom:200px;}
.s0101 .con01{display:flex; justify-content:space-between; position:relative; flex-direction:column;}
.s0101 .con01 img{z-index:1;}
.s0101 .con01 .textBox{width:100%; box-sizing:border-box;}

.s0101 .con02{}
.s0101 .con02 > .flex{flex-direction:column;}
.s0101 .con02 .textBox{width:540px; height:240px; box-sizing:border-box; padding:40px 50px; position:absolute; bottom:0; left:50%; background:#fff; transform:translateX(-50%);}
.s0101 .con02 .textBox > p{font-size:34px; font-weight:600; color:#bf966a; margin-bottom:30px;}
.s0101 .con02 .textBox > span{font-size:22px; font-weight:400; color:#333;display:inline-block; text-align:justify; line-height:1.5; width:100%;}
.s0101 .con02 .flex > div{width:100%}
.s0101 .con02 > div > div > div{width:100%; height:685px; position: relative;}
.s0101 .con02 > div > div > div img{display:block; margin:0 auto;}
.s0101 .con02 > div > div > div + div{margin-top:50px;}



.s0101{}
.s0101 .textBox{width:100%;}
.s0101 .textBox .txt01{display:block; font-size:22px; font-weight:600px; color:#26a7a1}
.s0101 .textBox .txt02{display:block; font-size:34px; font-weight:400; color:#999;}
.s0101 .textBox .txt02 span{font-size:50px; font-weight:bold; color:#333; margin:30px 20px 0 0; display:inline-block;}
.s0101 .textBox .txt03{display:block; font-size:34px; font-weight:bold; color:#333; margin-bottom:35px;}
.s0101 .textBox .infoWrap{display:flex;}
.s0101 .textBox .infoWrap ul{}
.s0101 .textBox .infoWrap ul + ul{margin-left:20px;}
.s0101 .textBox .infoWrap ul li{box-sizing:border-box; padding-left:10px; position:relative; font-size:24px; co}
.s0101 .textBox .infoWrap ul li + li{margin-top:8px;}
.s0101 .textBox .infoWrap ul li:before{content:"·"; display:block; position:absolute; top:0; left:0;}
.s0101 .docBox .textBox .line03{width:3px; height:30px; margin:20px 7.5px;}

.s0101 .docBox{display:flex; flex-direction:column;}
.s0101 .txtWrap{width:670px; margin:0 auto; padding-top:50px;}

.s0102{position:relative;}
.s0102 .wrap{position:relative;}
.s0102 .swiper {width: 100%;height: 100%; overflow:hidden;}
.s0102 .swiperTop{position:relative; padding-bottom:85px;}
.s0102 .swiperTop .swiper-wrapper{padding-top:20px;}
.s0102 .swiperTop .swiper-slide{width:100%; height:440px;}
.s0102 .swiperTop img{width: 670px; height:400px; display:block; text-align:center; object-fit:cover; margin:0 auto;}
.s0102 .swiperBot{width:577px; margin:20px auto 0; position:absolute; bottom:0; height:auto; left:50%; transform:translateX(-50%);}
.s0102 .swiperBot .swiper-slide{width:130px; height:70px; position:relative; cursor:pointer;}
.s0102 .swiperBot .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.s0102 .swiperBot .swiper-slide.swiper-slide-thumb-active:After{width:130px; height:70px; border:4px solid #26a7a1; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-sizing:border-box;}
.s0102 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1; cursor:pointer; pointer-events:auto;}
.s0102 .swiperBtnCustom{position:absolute; top:0; width:100%; height:440px;}
.s0102 .swiperBtnCustom > div{width:45px; height:160px; background:linear-gradient(180deg, rgba(3, 26, 71), rgba(38, 167, 161)); margin:0; box-sizing:border-box; border-radius:2px; }
.s0102 .swiperBtnCustom > div.swiper-button-prev{top:0; left:0;filter: drop-shadow(-8px 0 14px rgba(67, 36, 4, .18));}
.s0102 .swiperBtnCustom > div.swiper-button-next{top:auto; left:auto; bottom:0; right:0; filter: drop-shadow(8px 0 14px rgba(67, 36, 4, .18));}

.s0102 .swiperBtnCustom > div p{transform:rotate(-90deg); color:#fff; font-weight:500; font-size:22px; position:absolute; bottom:0; line-height:90px;}
.s0102 .swiperBtnCustom > div p:After{}
.s0102 .swiperBtnCustom .SL-line02{margin-left:20px;}
.s0102 .swiperBtn{position:absolute; bottom:20px; width:680px; display:flex; justify-content:space-between; left:50%; transform:translateX(-50%);}
.s0102 .swiperBtn > div{position:relative; width:12px; height:22px; background-size:12px 22px; }
.s0102 .swiperBtn > div.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%236c6e71'%2F%3E%3C%2Fsvg%3E") !important;}
.s0102 .swiperBtn > div.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%236c6e71'%2F%3E%3C%2Fsvg%3E") !important;}



/* .s0104{padding-bottom:50px;margin-top:70px;}
.s0104 .flex{justify-content:space-between; flex-wrap:wrap; gap:20px;}
.s0104 .flex li{width:325px; box-sizing:border-box; border-radius:20px; overflow:hidden;}
.s0104 .flex li img{}
.s0104 .flex li .txtBox{box-sizing:border-box; border:1px solid #ddd; border-radius:0 0 20px 20px; height:150px; padding:25px 35px;}
.s0104 .flex li .txtBox h4{font-size:30px; font-weight:700; color:#333; }
.s0104 .flex li .txtBox h4 span{font-family:'Montserrat'; font-size:inherit;}
.s0104 .flex li .txtBox p{margin-top:10px; font-size:22px;  line-height:1.3; word-break: keep-all;} */



.s0103{}
.s0103 > .wrap{ padding-bottom: 100px;}
.s0103 ul.tabs{display:flex; flex-wrap:wrap; width:100%;}
.s0103 ul.tabs li{width:33.3%; height:80px; line-height:80px; text-align:center; box-sizing:border-box; border:1px solid #d6d6d6; font-size:26px; color:#333; cursor: pointer;}
.s0103 ul.tabs li.current{background: #26a7a1;	color: #fff; font-weight:bold;}

.s0103 .tab-content{display: none; padding: 80px 0 0; box-sizing:border-box;}
.s0103 .tab-content.current{display: inherit;}
.s0103 .tab-content h1{font-size:50px; color:#26a7a1; letter-spacing:-1.4px;}
.s0103 .tab-content .tabCon-txt01{display:block; font-size:30px; color:#666; letter-spacing:-1.6px;}
.s0103 .tab-content .tabCon-txt02{display:block; font-size:26px; color:#333; letter-spacing:-1.25px; text-align:justify; word-break:keep-all;}
.s0103 .tab-content li{font-size:26px; color:#333; letter-spacing:-1.4px;}
.s0103 .tab-content p{font-size:26px; font-weight:bold;}
.s0103 .tab-content ul + p{margin-top:25px;}
.s0103 .tab-content p + ul{margin-top:5px;}

.s0103 .tabUl{}
.s0103 .tabUl li{text-align:justify; word-break:keep-all; box-sizing:border-box; padding-left:15px; position:relative; font-size:26px;}
.s0103 .tabUl li + li{margin-top:10px;}
.s0103 .tabUl li:before{content:""; position:absolute; top:7px; left:0; width:12px; height:12px; display:block; border-radius:50%; background:#26a7a1;}
	






































/* layout */
.guide { width: 100%; margin: 0 auto; background-color: #f6f6f6; margin-bottom: 40px; } 
.guide p { text-align: center; font-size: 28px; padding: 40px 0; vertical-align: middle; } 
.guide p img { position: relative; top: 2px; vertical-align:baseline;} 
.layout .tit { display: block; font-size: 50px; text-align: center; font-weight: bold; padding-bottom: 30px; line-height: 1; } 
.layout .txt { display: block; font-size: 30px; text-align: justify; word-break: keep-all; letter-spacing: -1.6px; } 
.layout .txt strong { font-size: 1em; color: inherit; } 
.layout .wrap { padding: 100px 0; } 
.layout .wrap-02 { padding: 40px 0 100px; } 

/* layout-01 */
.layout-01 .con-01 { } 
/* .layout-01 .con-01 .wrap { padding-top: 100px; } */
.layout-01 .con-01 .tit { text-align: left; } 
.layout-01 .con-01 .wrap { padding: 40px 0; } 

.layout-01 .con-02 { background-color: #f6f6f6; } 
/* .layout-01 .con-02 .wrap { padding: 100px 0; } */
.layout-01 .con-02 .tit { } 
.layout-01 .con-02 .txt { text-align: justify; } 
.layout-01 .con-02 ul { margin-top: 50px; } 
.layout-01 .con-02 ul li { height: 80px; width: 100%; line-height: 80px; border: 1px solid #eaeaea; border-radius: 50px; text-align: left; background-color: #fff; position: relative; } 
.layout-01 .con-02 ul li+li { margin-top: 20px; } 
.layout-01 .con-02 ul li::before { content: ""; width: 80px; height: 100%; background-color: #d2b596; background-size: cover; position: absolute; left: 0; border-radius: 50px 0 0 50px; } 
.layout-01 .con-02 ul li .num { font-size: 30px; padding-left: 25px; color: #fff; position: relative; left: 3px; z-index: 1; letter-spacing: -1px !important; } 
.layout-01 .con-02 ul li .text { display: inline-block; font-size: 30px; padding-left: 40px; } 

.layout-01 .con-03 { } 
/* .layout-01 .con-03 .wrap { padding: 100px 0; } */
.layout-01 .con-03 ul { margin-top: 50px; } 
.layout-01 .con-03 ul li { } 
.layout-01 .con-03 ul li+li { margin-top: 50px; } 
.layout-01 .con-03 ul li span { display: block; font-size: 40px; font-weight: bold; padding: 20px 0 10px; } 
.layout-01 .con-03 ul li p { text-align: justify; font-size: 30px; } 

.layout-01 .con-04 { background-color: #f6f6f6; } 
/* .layout-01 .con-04 .wrap { padding: 100px 0; } */
.layout-01 .con-04 ul { justify-content: space-between; flex-wrap: wrap; } 
.layout-01 .con-04 ul li { width: 50%; text-align: center; margin-top: 50px } 
/* .layout-01 .con-04 ul li:nth-child(1),.layout-01 .con-04 ul li:nth-child(2) { margin-top: 0; } */
.layout-01 .con-04 ul li p { padding-top: 20px; font-size: 30px; } 

.layout-01 .con-05 { } 
/* .layout-01 .con-05 .wrap { padding: 100px 0; } */
.layout-01 .con-05 .tit { padding-bottom: 50px; } 
.layout-01 .con-05 .img-wrap { display: flex; } 
.layout-01 .con-05 ul { } 
.layout-01 .con-05 ul li { } 
.layout-01 .con-05 ul li { position: relative; margin-top: 20px; } 
.layout-01 .con-05 ul li+li { } 
.layout-01 .con-05 ul li::before { content: ""; width: 5px; height: 5px; background-color: #d2b596; border-radius: 50%; position: absolute; left: 0; top: 20px; } 
.layout-01 .con-05 ul li span { display: block; font-size: 30px; padding-left: 15px; } 

.layout-01 .con-06 { background-color: #f6f6f6; } 
.layout-01 .con-06 ul { } 
.layout-01 .con-06 ul li { padding-top: 30px; } 
.layout-01 .con-06 ul li+li { padding-top: 50px; } 
.layout-01 .con-06 ul li .num { display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #d2b596; color: #fff; font-weight: bold; font-size: 40px; text-align: center; margin: 0 auto; } 
.layout-01 .con-06 ul li .text { display: block; font-size: 40px; font-weight: bold; text-align: center; padding: 20px 0 30px; } 
.layout-01 .con-06 ul li p { padding-top: 20px; } 

/* layout-02 */
.layout-02 { } 
.layout-02 .con-01 { background-color: #f6f6f6; margin-top: 40px; } 
.layout-02 .con-01 .tit { padding-bottom: 50px; } 
.layout-02 .con-01 .txt { padding-top: 20px; } 
.layout-02 .con-01 .img-wrap { } 
.layout-02 .con-01 .img-wrap img+img { margin-top: 20px; } 

.layout-02 .con-02 { } 
.layout-02 .con-02 .wrap { padding: 100px 0 60px; } 
.layout-02 .con-02 .box { width: 620px; margin: 60px auto 0; overflow: hidden; } 
.layout-02 .con-02 .box li { width: 280px; height: 280px; border: 5px solid #d2b596; border-radius: 50%; display: inline-block; text-align: center; } 
.layout-02 .con-02 .box li:nth-child(2n) { margin-left: 30px; } 
.layout-02 .con-02 .box li dl { padding-top: 60px; } 
.layout-02 .con-02 .box li dl dt { font-size: 40px; color: #d2b596; margin-bottom: 20px; } 
/* .layout-02 .con-02 .box li dl dt:after { content:''; clear:both; display:block; position:absolute; bottom:-15px; left:50%; margin-left:-18px; width:36px; height:1px; background:#e2e2e2; } */
.layout-02 .con-02 .box li dl dd { margin: 0; font-size: 24px;} 
.layout-02 .con-02 .num_box { background-color: #f6f6f6; position: relative; } 
.layout-02 .con-02 .num_box:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 68px; height: 30px; margin-left: -23px; background: url(../image/sub/m_arrow_after.png) no-repeat; } 
.layout-02 .con-02 .num_box .wrap { padding: 60px 0; } 
.layout-02 .con-02 .num_list { margin-bottom:40px; } 
.layout-02 .con-02 .num_list:last-child { margin-bottom: 0; } 
.layout-02 .con-02 .num_list dt { color:#333; font-size: 30px; line-height:1; font-weight:700; } 
.layout-02 .con-02 .num_list dt strong { padding-right: 8px; } 
.layout-02 .con-02 .num_list dd { color:#333; font-size: 30px; padding: 10px 0 0 50px; } 

.layout-02 .con-03 { } 
.layout-02 .con-03 ul { margin-top: 50px; } 
.layout-02 .con-03 ul li { align-items: center; } 
.layout-02 .con-03 ul li+li { margin-top: 20px; } 
.layout-02 .con-03 ul li p { padding-left: 30px; font-size: 30px; } 
.layout-02 .con-03 ul li p span { display: block; font-weight: bold; font-size: 1em; } 

.layout-02 .con-04 { background-color: #555555; } 
.layout-02 .con-04 .tit { color: #fff; padding-bottom: 50px; } 
.layout-02 .con-04 ol { justify-content: space-between; flex-wrap: wrap; } 
.layout-02 .con-04 ol li { width: 320px; height: 320px; border: 1px solid #fff; box-sizing: border-box; margin-top: 30px; text-align: center; } 
.layout-02 .con-04 ol li:nth-child(-n+2) { margin-top: 0; } 
.layout-02 .con-04 ol li .num { display: block; color: #fff; font-size: 45px; padding: 50px 0 20px; } 
.layout-02 .con-04 ol li p { color: #fff; font-size: 30px; } 

.layout-02 .con-05 { } 
.layout-02 .con-05 .tit { padding-bottom: 50px; } 
.layout-02 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-02 .con-05 ul li { width: 320px; text-align: center; margin-top: 40px; } 
.layout-02 .con-05 ul li:nth-child(-n+2) { margin-top: 0; } 
.layout-02 .con-05 ul li .num { display: block; width: 150px; height: 50px; line-height: 50px; background-color: #d2b596; border-radius: 50px; color: #fff; font-size: 25px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: 20px; margin-left: -70px; } 
.layout-02 .con-05 ul li p { font-size: 30px; padding-top: 20px; } 

/* layout-03 */
.layout-03 { } 
.layout-03 .con-01 { position: relative; } 
.layout-03 .con-01 .tit { text-align: left; padding: 50px 0; } 
.layout-03 .con-01 .bg { width: 100%; height: 800px; background-color: #f6f6f6; position: absolute; bottom: 0; z-index: -1; } 

.layout-03 .con-02 .wrap { padding: 100px 0 50px; } 

.layout-03 .con-02 .dot-box { background-color: #555; } 
.layout-03 .con-02 .dot-box .wrap { padding: 50px 0; position: relative; } 
.layout-03 .con-02 .dot-box .line { width: 1px; height: 450px; background-color: #fff; position: absolute; left: 0; top: 72px; border: 0; } 
.layout-03 .con-02 .dot-box ul { } 
.layout-03 .con-02 .dot-box ul li { position: relative; } 
.layout-03 .con-02 .dot-box ul li+li { margin-top: 30px; } 
.layout-03 .con-02 .dot-box ul li::before { content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%); } 
.layout-03 .con-02 .dot-box ul li span { padding-left: 20px; font-size: 30px; color: #fff; font-weight: bold; } 
.layout-03 .con-02 .dot-box ul li p { display: inline-block; padding-left: 20px; color: #fff; font-size: 30px; } 

.layout-03 .con-03 { } 
.layout-03 .con-03 table { margin-top: 50px; } 
.layout-03 .con-03 table tr { } 
.layout-03 .con-03 table .subject { display: block; width: 100%; line-height: 80px; background-color: #f6f6f6; font-size: 30px; font-weight: bold; border-top: 1px solid #d2b596; text-align: center; } 
.layout-03 .con-03 table .txt { font-size: 30px; text-align: justify; padding: 30px 20px; border-top: 1px solid #ddd; margin-bottom: 30px; } 
.layout-03 .con-03 table .last { margin-bottom: 0; } 

.layout-03 .con-04 { background-color: #f6f6f6; } 
.layout-03 .con-04 .tit { padding-bottom: 60px; } 
.layout-03 .con-04 ul { margin-top: 40px; } 
.layout-03 .con-04 ul li { background: url(../image/sub/m_layout_chk.png) no-repeat left top 8px; } 
.layout-03 .con-04 ul li+li { margin-top: 20px; } 
.layout-03 .con-04 ul li span { display: block; padding-left: 35px; font-size: 30px; line-height: 1; } 

.layout-03 .con-05 { } 
.layout-03 .con-05 .tit { padding-bottom: 60px; } 
.layout-03 .con-05 ul { justify-content: space-between; flex-wrap: wrap; } 
.layout-03 .con-05 ul li { width: 45%; text-align: center; } 
.layout-03 .con-05 ul li p { font-size: 30px; padding-top: 10px; letter-spacing: -2px; } 

.layout-03 .con-06 { } 
.layout-03 .con-06 .wrap { padding: 100px 0 50px; } 
.layout-03 .con-06 .tab-wrap { background-color: #555; } 
.layout-03 .con-06 .tab-wrap .tit { color: #fff; text-align: left; } 
.layout-03 .con-06 .tab-wrap .txt { color: #fff; letter-spacing: -1px; } 
.layout-03 .con-06 .tabs { margin-top: 30px; justify-content: space-between; } 
.layout-03 .con-06 .tabs li { width: 215px; height: 150px; border: 1px solid #fff; text-align: center; } 
.layout-03 .con-06 .tabs li.selected { background-color: #d2b596; border: 1px solid #d2b596; } 
.layout-03 .con-06 .tabs li a { display: block; width: 100%; height: 100%; font-weight: bold; color: #fff; padding-top: 30px; box-sizing: border-box; font-size: 30px; } 
.layout-03 .con-06 .tabs li a .num { display: block; color: #fff; font-size: 1em; padding-top: 10px; } 

.layout-03 .con-06 .con { } 
.layout-03 .con-06 .con .wrap { padding: 50px 0 100px; } 
.layout-03 .con-06 .con span { display: block; font-size: 30px; font-weight: bold; line-height: 1; padding-bottom: 30px; } 
.layout-03 .con-06 .con p { padding-top: 30px; } 


/* layout-04 */
.layout-04 { } 
.layout-04 .con-01 { } 
.layout-04 .con-01 .txt { padding-top: 20px; } 

.layout-04 .con-02 { background-color: #f6f6f6; } 
.layout-04 .con-02 .txt { padding-top: 20px; } 
.layout-04 .con-02 ul { flex-wrap: wrap; margin-top: 40px; } 
.layout-04 .con-02 ul li { width: 50%; padding: 20px 0; text-align: center; position: relative; } 
/* .layout-04 .con-02 ul li:nth-child(3), .layout-04 .con-02 ul li:nth-child(4) { margin-top: 20px; } */

/* 첫번째 li 아래 선 */
.layout-04 .con-02 ul li:nth-child(1)::before { content: ""; width: 250px; height: 1px; background-color: #ccc; position: absolute; left: 50px; bottom: 0; } 
/* 첫번째 li 오른쪽 선 */
.layout-04 .con-02 ul li:nth-child(1)::after { content: ""; width: 1px; height: 170px; background-color: #ccc; position: absolute; right: 0; top: 20px; } 
/* 두번째 li 아래 선 */
.layout-04 .con-02 ul li:nth-child(2)::before { content: ""; width: 250px; height: 1px; background-color: #ccc; position: absolute; right: 50px; bottom: 0; } 
/* 세번째 li 오른쪽 선 */
.layout-04 .con-02 ul li:nth-child(3)::after { content: ""; width: 1px; height: 170px; background-color: #ccc; position: absolute; right: 0; bottom: 25px; } 

/* .layout-04 .con-02 ul li:nth-child(3),.layout-04 .con-02 ul li:nth-child(4) { padding-top: 0; } */
.layout-04 .con-02 ul li .color { display: block; color: #d2b596; font-size: 30px; font-weight: bold; } 
.layout-04 .con-02 ul li p { font-size: 30px; padding-top: 20px; line-height: 1.3; } 

.layout-04 .con-03 { } 
.layout-04 .con-03 .box { margin-top: 60px; } 

.layout-04 .con-03 .box .top { background-color: #888; height: 100px; line-height: 100px; } 
.layout-04 .con-03 .color-box .top { background-color: #d2b596; } 
.layout-04 .con-03 .box .top span { display: block; color: #fff; font-weight: bold; font-size: 32px; text-align: center; } 

.layout-04 .con-03 .box .bottom { border: 1px solid #ccc; padding: 50px 60px; } 
.layout-04 .con-03 .box .bottom ul { } 
.layout-04 .con-03 .box .bottom ul li { align-items: center; } 
.layout-04 .con-03 .box .bottom ul li+li { margin-top: 30px; } 
.layout-04 .con-03 .box .bottom ul li p { padding-left: 20px; font-size: 28px; } 
.layout-04 .con-03 .box .bottom ul li p strong { display: block; padding-bottom: 10px; font-size: 1em; } 
.layout-04 .con-03 .box .bottom ul li p span { font-size: 1em; letter-spacing: -1.5px; } 

.layout-04 .con-03 .center { } 
.layout-04 .con-03 .center img { display: block; margin: 0 auto; } 

.layout-04 .con-04 { background-color: #f6f6f6; } 
.layout-04 .con-04 .tit { padding-bottom: 60px; } 
.layout-04 .con-04 ul { margin-top: 30px; } 
.layout-04 .con-04 ul li { background: url(../image/sub/m_layout_chk.png) no-repeat left top 8px; } 
.layout-04 .con-04 ul li+li { margin-top: 20px; } 
.layout-04 .con-04 ul li span { display: block; padding-left: 30px; font-size: 30px; line-height: 1; } 

.layout-04 .con-05 { } 
.layout-04 .con-05 .tit { padding-bottom: 60px; } 
.layout-04 .con-05 ul { } 
.layout-04 .con-05 ul li { } 
.layout-04 .con-05 ul li+li { margin-top: 60px; } 
.layout-04 .con-05 ul li .num { display: block; width: 150px; height: 50px; line-height: 50px; background-color: #d2b596; border-radius: 50px; color: #fff; font-size: 26px; font-weight: bold; text-align: center; position: absolute; left: 50%; bottom: -20px; margin-left: -70px; } 
.layout-04 .con-05 ul li p { font-size: 30px; padding-top: 40px; text-align: center; letter-spacing: -1.5px; } 

/* layout-05 */
.layout-05 { } 
.layout-05 .con-01 { } 

.layout-05 .con-02 { background-color: #f6f6f6; } 
.layout-05 .con-02 .txt { padding-bottom: 60px; } 
.layout-05 .con-02 .txt-2 { padding-top: 20px; padding-bottom: 0; } 

.layout-05 .con-03 { } 
.layout-05 .con-03 ul { margin-top: 60px; } 
.layout-05 .con-03 ul li { } 
.layout-05 .con-03 ul li+li { margin-top: 50px; } 
.layout-05 .con-03 ul li span { display: block; font-size: 30px; font-weight: bold; padding: 20px 0 15px; line-height: 1; } 
.layout-05 .con-03 ul li p { } 

.layout-05 .con-04 { background-color: #f6f6f6; } 
.layout-05 .con-04 .tit { padding-bottom: 60px; } 
.layout-05 .con-04 ul { } 
.layout-05 .con-04 ul li { } 
.layout-05 .con-04 ul li+li { margin-top: 30px; } 
.layout-05 .con-04 ul li .text-wrap { width: 100%; background-color: #fff; border: 1px solid #ccc; text-align: center; padding:40px; box-sizing: border-box; } 
.layout-05 .con-04 ul li .text-wrap span { display: block; font-size: 30px; font-weight: bold; padding-bottom: 10px; } 
.layout-05 .con-04 ul li .text-wrap p { font-size: 30px; text-align:justify; word-break:break-word; word-break: keep-all; } 

.layout-05 .con-05 { } 
.layout-05 .con-05 .tit { padding-bottom: 60px; } 
.layout-05 .con-05 ul { flex-wrap: wrap; justify-content: space-between; } 
.layout-05 .con-05 ul li { width: 315px; padding: 40px 0; border: 1px solid #ccc; box-sizing: border-box; text-align: center; } 
.layout-05 .con-05 ul li:nth-child(-n+6) { margin-bottom: 40px; } 
.layout-05 .con-05 ul li span { font-size: 30px; display: block; padding-top: 20px; } 

.layout-05 .con-06 { background-color: #555; } 
.layout-05 .con-06 .tit { color: #fff; } 
.layout-05 .con-06 .txt { color: #fff; } 



.barTit{font-size:34px; font-weight:600; text-align:center; position:relative; padding-bottom:30px; margin-bottom:30px; letter-spacing:-1.4px;}
.barTit:after{width:40px; height:3px; background:#26a7a1; display:block; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}


.map{margin-bottom:60px;}
.map .flex{width:100%;}
.map .flex li{width:50%; background:#ccc; box-sizing:Border-box; border-radius:0 0 20px 20px; height:75px; text-align:center;}
.map .flex li a{font-size:30px; font-weight:600; vertical-align:middle;  display:block; line-height:75px;}
.map .flex li a img{margin-right:8px; vertical-align:middle; margin-top:-6px;}
.map .flex li.naver{background:#1dc800;}
.map .flex li.naver a{color:#fff;}
.map .flex li.kakao{background:#ffe400;}
.map .flex li.kakao a{color:#333;}

.adress{margin-bottom:95px;}
.adress .flex{align-items:Center;}
.adress .flex > div{}
.adress .flex > div:nth-of-type(1){width:65px; height:65px; background:#bf966a url(../image/sub/s0106_adressMark.png) center center no-repeat; box-sizing:border-box; border-radius:50%; margin-right:20px;}
.adress .flex > div:nth-of-type(2){}
.adress .flex > div:nth-of-type(2) p{font-size:30px; font-weight:600; color:#333;}
.adress .flex > div:nth-of-type(2) span{font-size:22px; color:#333; margin-top:5px; display:inline-block;}

.way{}
.way table{width:100%;}
.way table tr{}
.way table tr td{padding:40px 10px 100px; vertical-align:top;}
.way table tr td h3{font-size:29.64px; font-weight:500; color:#333; text-align:center; white-space:nowrap;}
.way table tr td:nth-of-type(1){width:27%; position:relative; }
.way table tr td:nth-of-type(1):before{width:100%; height:3px; content:""; display:block;background: linear-gradient(-90deg, rgba(3, 26, 71), rgba(38, 167, 161)); position:absolute; top:-1.5px; left:50%; transform:translateX(-50%);}
.way table tr td:nth-of-type(2){padding:40px 0 100px 50px; width:73%; border-top:1px solid #ddd;}
.way table tr td:nth-of-type(2) p{font-size:21.74px}
.way table tr td:nth-of-type(2) ul{}
.way table tr td:nth-of-type(2) ul li{display:flex; align-items:Center; font-size:21.74px}
.way table tr td:nth-of-type(2) ul li + li{margin-top:12px;}
.way table tr td:nth-of-type(2) ul li span{padding:0 10px; display:inline-block; line-height:35px; color:#fff; text-align:center; border-radius:30px; background:#ddd; margin-right:10px; white-space:nowrap;}
.way table tr td:nth-of-type(2) ul li span.bg01{background:#3a55b8;}
.way table tr td:nth-of-type(2) ul li span.bg02{background:#06ad4b;}
.way table tr td:nth-of-type(2) ul li span.bg03{background:#00a64c;}
.way table tr td:nth-of-type(2) ul li p{}

.subTxt{font-size:26px; font-weight:normal; text-align:justify;display:block; line-height:1.5; overflow-wrap: break-word; word-break: keep-all;}
	.s0201{}
	.s0201 .subTitWrap{padding-top:0;}
	.s0201 div.con + div.con{padding-top:80px; margin-top:100px;}	
	.s0201 .con01{}
	.s0201 .con01 .subTxt{margin-top:40px;}
	.s0201 .con02{background:url(../image/sub/s0201_con02_Bg.png) center center no-repeat; height:1140px; box-sizing:border-box;}
	.s0201 .con02 .line01{background:#6a7792}
	.s0201 .con02 .line02{background:#b5bcc9}
	.s0201 .con02 .line03{background:#ffffff}
	.s0201 .con02 .subTit{color:#ffffff; margin-bottom:60px;}
	.s0201 .con02 div img{margin:0 auto; display:block;}
	.s0201 .con02 div p{color:#fff; font-size:26px; text-align:center; margin:10px auto 40px;}
	.s0201 .con03{}
	.s0201 .con03 .subTitWrap{margin-bottom:40px;}
	.s0201 .con03 .subTxt{display:block; text-align:center; font-size:26px; letter-spacing:-1.4px; margin-bottom:50px;}
	.s0201 .con03 ul{}
	.s0201 .con03 ul li ul{display:flex; width:100%; justify-content:space-between;}
	.s0201 .con03 ul li ul li{text-align:center; width:160px; margin:15px 0 50px; font-size:22px;}
	.s0201 .con03 ul li ul li + li{;}
	.s0201 .con03 ul li ul li:last-child{margin:15px 0 0px;}
	.s0201 .con04{background:#e9f6f5; padding-bottom:80px;}
	.s0201 .con04 .subTitWrap{margin-bottom:40px;}
	.s0201 .con04 img{display:block; margin:0 auto;}	
	.s0201 .con04 h4{font-size:34px; font-weight:bold; margin:30px 0;}
	.s0201 .con04 h4 span{display:inline-block; width:30px; height:30px; line-height:30px; background:#26a7a1; border-radius:50%; text-align:center; color:#fff; margin-right:8px;}
	.s0201 .con04 p{font-size:26px; font-weight:normal; text-align:justify; overflow-wrap: break-word; word-break: keep-all; letter-spacing:-1.4px;}
	.s0201 .con04 li + li{margin-top:50px;}
	.s0201 .con04_1{background:none; margin-top:0 !important;}
	.s0201 .con04_1 .subTitWrap{margin-bottom:40px;}


	.s0301 .txt{font-size:26px; overflow-wrap: break-word; word-break: keep-all; letter-spacing:-1.4px; line-height:1.5;}
	.s0301 .con-01 .bg{background:#f3fafa;}
	.s0301 .con-04 ul li{background-size:22px; background-position:left center}
	.s0301 .con-04 ul li span{font-size:26px;}
	.s0301 .Ncon01{}
	.s0301 .Ncon01 ul{display:flex; flex-wrap:wrap;  justify-content:center; width:100%; gap:40px 30px;}
	.s0301 .Ncon01 ul li{}
	.s0301 .Ncon01 ul li img{display:block; text-align:center;}
	.s0301 .Ncon01 ul li p{text-align:Center; font-size:22px; margin-top:10px;}
	.s0301 .Ncon02{background-image:linear-gradient(180deg, #22365d, #26a7a1);}
	.s0301 .Ncon02 .barTit{color:#fff;}
	.s0301 .Ncon02 .barTit:after{background:#fff;}
	.s0301 .Ncon02 .txt{color:#fff;}
	.s0301 .Ncon02 ul{display:flex; justify-content:space-around; border-top:1px solid #fff; margin-top:50px;}
	.s0301 .Ncon02 ul li{width:252px; padding-top:15px; position:relative;}
	.s0301 .Ncon02 ul li:before{width:10px; height:10px; content:""; background:#fff; border-radius:50%; display:block; position:absolute; top:-5px; left:50%; transform:translateX(-50%);}
	.s0301 .Ncon02 ul li p{text-align:justify; font-size:22px; color:#fff; overflow-wrap: break-word; word-break: keep-all; letter-spacing:-1.4px; line-height:1.5;}