@charset "utf-8";
:root{
 	--color-main:#79256c;  
}
/* #sub{max-width:100%; overflow: hidden;}
#sub_layout{margin-bottom: 180px;} */

.sub-visual{position: relative; height: 560px;}
.sub-visual .sv{width: 100%; height: 100%;}
.sub-visual .sv img{width: 100%; height: 100%; object-fit:cover; }
.sub-visual .sv-tbx{position: absolute; left: 50%; translate:-50% 0;	 top: 0; width: 100%; height: 100%; display: flex; justify-content: end; flex-direction: column; text-align: left; padding-bottom: 97px;}
.sub-visual .sv-tbx .sv-tit{font-family: 'Montserrat'; font-size: 60px; line-height: 1; color: #fff; letter-spacing: -0.03em; font-weight: 600; margin-bottom: 36px; margin-left: -6px;}
.sub-visual .sv-tbx .sv-txt{font-size: 24px; line-height: 1; letter-spacing: -0.03em; color: #fff; font-weight: 600;}
.sub-visual .lnb{position: relative; margin-top: -72px; z-index: 1005;}
.sub-visual .lnb ul{display: flex; flex-wrap:wrap; }
.sub-visual .lnb ul > li{flex:1; border-right: 1px solid #ddd;}
.sub-visual .lnb ul > li:last-child{border-right: 0;}
.sub-visual .lnb ul > li > a{height: 72px; background: #f3f3f3; display: flex; align-items:center; justify-content: center; font-size: 18px; line-height: 1.5; color: #666; letter-spacing: -0.03em; transition:.3s;}
.sub-visual .lnb ul > li.current > a,
.sub-visual .lnb ul > li:hover > a{background: #265350; color: #fff; font-weight: 500;}

.lnb-wrap{border-bottom: 1px solid #ddd; margin-bottom: 140px;}
.lnb{display: flex; flex-wrap:wrap; align-items:center; }
.lnb > li{position: relative; padding-right: 83px; font-size: 20px; line-height: 1.4; letter-spacing: -0.03em; color: #666; height: 97px; align-content:center;}
.lnb > li:not(:last-child):before{position: absolute; content: ''; width: 24px; height: 24px; border-radius: 50%; background: #f2eef4 url(../img/sub/lnb-arr1.jpg) center no-repeat;  right: 42px; top: 50%; margin-top: -13px;} 
.lnb > li:not(:last-child):after{position: absolute; content: ''; width: 4px; height: 4px; background: #d2d2d2; right: 18px; top: 50%; margin-top: -3px;}
.lnb > li.home{line-height: 1; padding-right: 43px;}
.lnb > li.home:before{display: none;}
.lnb > li.cate:after{background: #666;}
.lnb > li.page:before{background: #79256c url(../img/sub/lnb-arr2.jpg) center no-repeat; } 
.lnb > li.page:after{display: none;}
.lnb > li.spage{padding-right: 0; font-size: 20px; line-height: 1.5; letter-spacing: -0.03em; color: #666; }
.lnb > li.spage > ul:before{position: absolute; content: ''; width: 1px; height: 18px; background: #ddd;	left: 0; top: 4px;}
.lnb > li.spage > ul{position: relative; display: flex; flex-wrap:wrap; gap:32px; padding-left: 38px;}
.lnb > li.spage > ul > li.current a{color: #79256c; font-weight: 500;}

.sub-tit{text-align: center; }
.sub-tit h4{font-size: 35px; line-height: 1.5; letter-spacing: -0.03em !important; color: #111; font-weight: 600; margin-bottom: 5px;}
.sub-tit h4 span{color: var(--color-main);}
.sub-tit p{font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #111;}
.sub-tit i{display: block; margin-bottom: 35px;}

.box-type1{display: flex; border: 1px solid #79256c; background: #fff; box-shadow:0px 0px 20px rgba(121,37,108, 0.15); height: 280px; padding: 0 99px; padding-right: 20px; align-items:center;}
.box-type1 .lbx{position: relative; display: flex; align-items:center; }
.box-type1 .lbx:after{position: absolute; content: ''; width: 1px; height: 100px; background: #ddd; right: 0; top: 50%; margin-top: -50px;}
.box-type1 .lbx i{width: 90px;}
.box-type1 .lbx .txt{width: 400px;  box-sizing: border-box; padding-left: 20px; padding-top: 6px; text-align: left;}

.box-type1 .lbx .txt small{font-family: 'Montserrat'; display: block; font-size: 18px; line-height: 1.5;	 color: #79256c; font-weight: 600; letter-spacing: -0.03em;	 margin-bottom: 13px; }
.box-type1 .lbx .txt b{display: block; font-size: 32px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600;}
.box-type1 .rbx{padding-left: 52px;  text-align: left; align-self:center;}
.box-type1 .rbx p{font-size: 18px; line-height: 30px; letter-spacing: -0.03em; color: #111; margin-bottom: 30px;}
.box-type1 .rbx p:last-of-type{margin-bottom: 0;}

/* s11 */
.s11 .sub-tit{margin-bottom: 75px;}
.s11 .img-con{position: relative; height: 430px; }
.s11 .img-con img{width: 100%; height: 100%; object-fit:cover;}
.s11 .img-con .tbx{position: absolute; width: 500px; height: 100%; background: rgba(121,37,108,0.9); align-content:center; right: 0; top: 0; padding: 0 60px;}
.s11 .img-con .tbx small{display: block; font-family: 'Montserrat'; font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #e9e0e7; font-weight: 600; margin-bottom: 9px;}
.s11 .img-con .tbx strong{display: block; font-size: 30px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 600;}
.s11 .arti1 .icon-text > li{}
.s11 .icon-text{display: flex; gap:30px; margin-top: 80px;}
.s11 .icon-text > li{text-align: center; flex:1; padding: 60px 50px; background: #f6f6f6;}
.s11 .icon-text > li figure{height: 100px; align-content:center;}
/* .s11 .icon-text > li figure img{max-width:70px; max-height:70px} */
.s11 .icon-text > li figcaption{font-size: 18px; line-height: 1; letter-spacing:  -0.02em; font-weight: 600; color: var(--color-main);}
.s11 .icon-text > li .tbx{border-top: 1px solid #ddd; height: 120px; margin-top: 27px; padding-top: 33px;}
.s11 .icon-text > li .tbx p{font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #666; }
.s11 .arti2-wrap{background: #f6f6f6; padding: 160px 0 180px; margin-top: 140px;}
/* .s11 .arti2 .img-con .tbx{right: auto; left: 0;} */
.s11 .arti2 .icon-text > li{background: #fff;}

/* s12 */
.s12{/* margin-bottom: 180px; */}
/* .s12 figure{margin-top: 70px;} */
.s12 figure.mt {margin: 0 auto; margin-top: 103px; max-width:1000px; }

.s12 .img-con{position: relative; height: 430px; text-align: left; margin-top: 70px;}
.s12 .img-con img{width: 100%; height: 100%; object-fit:cover;}
.s12 .img-con .tbx{position: absolute; width: 500px; height: 100%; background: rgba(121,37,108,0.9); align-content:center; right: 0; top: 0; padding: 0 60px;}
.s12 .img-con .tbx small{display: block; font-family: 'Montserrat'; font-size: 16px; line-height: 1.5; letter-spacing: -0.03em; color: #e9e0e7; font-weight: 600; margin-bottom: 9px;}
.s12 .img-con .tbx strong{display: block; font-size: 30px; line-height: 1.5; letter-spacing: -0.03em; color: #fff; font-weight: 600;}
.s12 .g-box{ text-align: center; /* padding: 90px 0 ;  */margin-top: 50px;  font-size: 22px; color: #666;}
.s12 .g-box p{display: block; border-top: 1px solid #ddd; padding: 80px 0 80px;}

.mno{display: none;}
/* s13 */
.s13{margin-bottom: 180px;}
.s13 .arti1 .root_daum_roughmap{width: 100%;}
.s13 .arti1 .root_daum_roughmap .wrap_map{height: 600px !important;}
.s13 .arti1 .root_daum_roughmap .wrap_controllers{display: none;}
.s13 .arti2{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top: 44px;} 
.s13 .arti2 ul{}
.s13 .arti2 ul > li{display: flex; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666; margin-bottom: 10px;}
.s13 .arti2 ul > li:last-child{margin-bottom: 0;}
.s13 .arti2 ul > li span{font-weight: 700; color: var(--color-main); width: 140px;}
.s13 .arti2 ul > li p{flex:1;}
.s13 .arti2 ul > li a{display: inline-block; transition:.3s;}
.s13 .arti2 ul > li a:hover{color: #333; text-decoration: underline;}
.s13 .arti2 ol{display: flex; gap:10px; margin-top: 10px;}
.s13 .arti2 ol > li a{width: 160px; height: 55px; align-content:center; text-align: center; font-size: 18px; color: #666; letter-spacing: -0.02em; font-weight: 600; background: #f2eef4; transition:.3s;}
.s13 .arti2 ol > li:first-child a{background: var(--color-main);; color: #fff;} 
.s13 .arti2 ol > li:hover a{opacity: 0.8;}

/* s21 */
.s21{text-align: center; max-width:100%; overflow: hidden;}
.s21 .arti1{margin-bottom: 123px;	}
.s21 .box-type1 .rbx{padding-top: 0;}
.s21 .arti2-wrap{}
.s21 .arti2-wrap .box{position: relative; padding-bottom: 140px; z-index: 10; }
.s21 .arti2-wrap .box .tbx strong{display: block; font-size: 48px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 700;}
.s21 .arti2-wrap .box .tbx p{position: relative; font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #111; margin: 14px 0 30px; z-index: 1;}
.s21 .arti2-wrap .box .tbx p .nobr{display: none;}
.s21 .arti2-wrap .box .tbx p .mark{position: relative; ; z-index: 1;}
.s21 .arti2-wrap .box .tbx p .mark:before{position: absolute; content: ''; width: 100%; height: 50%; background: #ffff00; left: 0; bottom: 0; z-index: -1; opacity: 0.5;}

.s21 .arti2-wrap .box .tbx p b{display: block; font-size: 20px; font-weight: 600;}



.s21 .arti2-wrap .box .tbx dl{display: flex; justify-content: center;  align-items:center;}
.s21 .arti2-wrap .box .tbx dl dt{width: 138px;}
.s21 .arti2-wrap .box .tbx dl dt span{display: block; width: 120px; height: 40px; background: #f2eef4; text-align: center; border-radius: 50px; color: var(--color-main); font-size: 18px; font-weight: 600; align-content:center;}
.s21 .arti2-wrap .box .tbx dl dd{}
.s21 .arti2-wrap .box .tbx dl dd ul{display: flex; flex-wrap:wrap; font-size: 18px; line-height: 33px; letter-spacing: -0.03em; color: #666; gap:16px}
.s21 .arti2-wrap .box > ul{display: flex; gap:20px; justify-content: space-between; margin-top: 82px;} 
.s21 .arti2-wrap .box:nth-child(even){padding-top: 130px; margin-bottom: 127px;}
.s21 .arti2-wrap .box:nth-child(even):before{position: absolute; content: ''; width: 200%; height: 100%; background: #f6f6f6; left: -50%; top: 0; z-index: -1;}

/* s31 */
.s31 .box-type1 .rbx{padding-top: 0;}
.s31 .sub-tit{margin-bottom: 47px;}
.s31 .sub-tit h4{font-family: 'Montserrat'; margin-bottom: 15px;}
.s31 .arti2{margin-top: 123px;	}
.s31 .grid-container {margin: 0 -25px;}
.s31 .grid-container img {display: inline-block; margin: 25px;}
.s31 .grid-container img:nth-child(n+4){margin-top: -76px;}
.s31 .grid-container img:nth-child(5){margin-top: 24px;}
.s31 .arti34-wrap{position: relative; margin-top: 125px; padding: 138px 0 140px; background: #f6f6f6;}

.s31 .new-flex-img{display: flex; flex-wrap:wrap; gap:16px}
.s31 .new-flex-img .lbx{width: 62.08%;}
.s31 .new-flex-img .rbx{flex:1;}
.s31 .new-flex-img .rbx ul{display: flex; flex-wrap:wrap; gap:20px 3.78%; justify-content: space-between;}
.s31 .new-flex-img .rbx ul > li:nth-child(odd){width: 37.73%;}
.s31 .new-flex-img .rbx ul > li:nth-child(even){width: 58.49%;}
.s31 .new-flex-img .rbx ul > li img{width: 100%;}



/* s41 */
.s41 .arti1 .box2{text-align: center; margin-top: 120px;}
.s41 .arti1 .box2 h5{font-family: 'Montserrat'; font-size: 48px; line-height: 1.5; letter-spacing: -0.03em; font-weight: 600; color: #111; margin-bottom: 15px;}
.s41 .arti1 .box2 h5 span{color: var(--color-main);}
.s41 .arti1 .box2 p{font-size: 25px; line-height: 1.5; letter-spacing: -0.03em; color: #111;} 
.s41 .arti1 .box2 figure{margin-top: 72px;}
.s41 .arti2-wrap{background: #f6f6f6; padding: 140px 0 160px; margin-top: 140px;}
.s41 .arti2 .box{display: flex; flex-wrap:wrap; align-items:center; margin-bottom: 80px; padding-bottom: 80px; border-bottom: 1px solid #ddd;	}
.s41 .arti2 .box:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.s41 .arti2 .box > *{width: 50%;}
.s41 .arti2 .box > .tbx{padding-left: 98px;;}
.s41 .arti2 .box > .tbx small{font-family: 'Montserrat';  display: flex;  align-items:flex-end; gap:27px; font-size: 18px; line-height: 1; letter-spacing: -0.03em; font-weight: 600; color: var(--color-main);}
.s41 .arti2 .box > .tbx h6{font-size: 30px; line-height: 1.5; letter-spacing: -0.03em; color: #111; font-weight: 600; margin: 52px 0 13px;}
.s41 .arti2 .box > .tbx p{font-size: 18px; line-height: 1.5; letter-spacing: -0.03em; color: #666; margin-bottom: 1.5em;}
.s41 .arti2 .box > .tbx p:last-of-type{margin-bottom: 0;}
.s41 .arti2 .box:nth-child(even){flex-direction: row-reverse;}
.s41 .arti2 .box:nth-child(even) > .tbx{padding-left: 0; padding-right: 20px;}

/* s51 */
.s51-top{margin-bottom: 100px;}
.s51-top .sub-tit h4{font-family: 'Montserrat'; margin-bottom: 12px;}
/* .s51-top ul{display: flex; flex-wrap:wrap; gap:80px; margin-top: 75px;}
.s51-top ul > li{flex:20%; height: 360px; align-content:center; border: 1px solid #79256c; text-align: center; position: relative; }
.s51-top ul > li .tbx small{display: block; font-size: 18px; line-height: 1; color: var(--color-main); letter-spacing: -0.03em; font-weight: 700;		margin: 27px 0 10px;}
.s51-top ul > li .tbx p{font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.02em; color: #111; font-weight: 600; }
.s51-top ul > li:after{position: absolute; content: ''; width: 80px; height: 100%; background: url(../img/sub/s51-arr.jpg) center no-repeat; right: -80px; top: 0;}
.s51-top ul > li:nth-child(4):after{right: auto; left: 0%; top: auto; bottom: -80px; rotate:90deg; width: 100%; height: 80px;}
.s51-top ul > li:nth-child(n+5):after{right: auto; left: -80px; rotate:-180deg}
.s51-top ul > li:last-child:after{display: none;}
.s51-top ul > li:nth-child(1){order:1}
.s51-top ul > li:nth-child(2){order:2}
.s51-top ul > li:nth-child(3){order:3}
.s51-top ul > li:nth-child(4){order:4}
.s51-top ul > li:nth-child(5){order:8}
.s51-top ul > li:nth-child(6){order:7}
.s51-top ul > li:nth-child(7){order:6}
.s51-top ul > li:nth-child(8){order:5} */


.s51-top ul{display: flex; gap:30px; margin-top: 75px;}
.s51-top ul > li{flex:20%; height: auto;  text-align: center; position: relative; }
.s51-top ul > li figure img{max-width:90px}
.s51-top ul > li .tbx small{display: block; font-size: 14px; line-height: 1; color: var(--color-main); letter-spacing: -0.03em; font-weight: 700;		margin: 20px 0 5px;}
.s51-top ul > li .tbx p{font-size: 18px; line-height: 1.5; font-weight: 600; letter-spacing: -0.02em; color: #111; font-weight: 600; }
.s51-top ul > li:after{position: absolute; content: ''; width: 30px; height: 100%; background: url(../img/sub/s51-arr.jpg) center no-repeat; right: -30px; top: 0;}
.s51-top ul > li:last-child:after{display: none;}



.nobr{display: none;}