.c_typo{font-family: 'ChosunKm';}
#header{transition: 0.7s}
/*#header.sub{transform: translateY(-100%)}*/
#sub{padding-top: 120px;}
#sub .tab{margin-bottom: 100px;border-bottom: 1px solid #DCD7D2;display: flex;justify-content: space-between;align-items: flex-end}
#sub .tab .go_link{padding-bottom: 16px;}
#sub .tab .go_link a{display: flex;width: 328px;height: 63px;display: flex;align-items: center;justify-content: center;background: #68A900;border-radius: 10px;font-size: 20px;font-weight: 500;color: #FFFFFF;gap: 0 15px;transition: 0.7s}
#sub .tab .go_link a:hover{background: #407824}
#sub .tab .go_link a i svg{display: block}
#sub .tab ul{display: flex;gap: 0 40px}
#sub .tab ul li{position: relative;top: 1px}
#sub .tab ul li a{display: block;padding-bottom: 22px;font-size: 24px;color: #9E9E9E;font-weight: 600;transition: 0.7s}
#sub .tab ul li:hover a{color: #000}
#sub .tab ul li.on a{border-bottom: 1px solid #111111;color: #111111}
#sub .sub_visual{position: relative}
#sub .sub_visual .vis_img{width: 1920px;overflow: hidden}
#sub .sub_visual .vis_img img{display: block;transition: 3s;transform: scale(1.05)}
#sub .sub_visual.on .vis_img img{transform: scale(1)}
#sub .sub_visual .vis_title strong{transform: translateY(70px);opacity: 0;transition: 1.3s;transition-delay: 0.3s}
#sub .sub_visual.on .vis_title strong{transform: translateY(0);opacity: 1}
#sub .sub_visual .vis_title p{transform: translateY(70px);opacity: 0;transition: 1.3s;transition-delay: 0.6s}
#sub .sub_visual.on .vis_title p{transform: translateY(0);opacity: 1}
#sub .sub_visual .vis_title{position: absolute;left: 0;bottom: 0;width: 100%;padding-bottom: 115px}
#sub .sub_visual .vis_title strong{display: block;font-size: 54px;line-height: 68px;color: #FFFFFF;}
#sub .sub_visual .vis_title p{display: block;font-size: 22px;line-height: 38px;color: #FFFFFF;margin-top: 50px;}
#sub .sub_visual .sub_loc{position: absolute;width: 100%;background: rgba(0,0,0,0.25);backdrop-filter: blur(17px);border-bottom: 1px solid rgba(255,255,255,0.5);transition: background 0.5s;z-index: 99;display: none}
#sub .sub_visual .sub_loc > div{display: flex;position: relative}
#sub .sub_visual .sub_loc > div .home a{width: 80px;height: 100%; display: flex;align-items: center;justify-content: center;;border-right: 1px solid rgba(255,255,255,0.5);border-left: 1px solid rgba(255,255,255,0.5);}
#sub .sub_visual .sub_loc > div > *{height: 80px;}
#sub .sub_visual .sub_loc > div > * button{height: 100%;width: 300px;display: flex;justify-content: space-between;align-items: center;border-right: 1px solid rgba(255,255,255,0.5);padding: 0 30px}
#sub .sub_visual .sub_loc > div > * button span{font-size: 18px;color: #FFFFFF;font-weight: 500}
#sub .sub_visual .sub_loc > div > *{position: relative}
#sub .sub_visual .sub_loc > div > * ul{position: absolute;width: 100%;background: #fff;transform: translateY(10px);padding: 20px;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,0.2);display: none}
#sub .sub_visual .sub_loc > div > * ul li a{display: block;font-size: 20px;color: #333;line-height: 42px;font-weight: 500;transition: 0.7s}
#sub .sub_visual .sub_loc > div > * ul li:hover a{color: #407824}
#sub .sub_visual .sub_loc.act{position: fixed;top: 0;left: 0;background: #fff}
#sub .sub_visual .sub_loc.act > div > * button span{color: #333}
#sub .sub_visual .sub_loc.act > div button path{stroke : #407824}
#sub .sub_visual .sub_loc.act > div a .home{fill : #407824}
#sub .sub_visual .sub_loc.act > div svg g{stroke : #407824}
#sub .sub_visual .sub_loc.act {border-color: #d2d2d2}
#sub .sub_visual .sub_loc.act > div .home a {border-color: #d2d2d2}
#sub .sub_visual .sub_loc.act > div > * button{border-color: #d2d2d2}
#sub .sub_con{padding: 160px 0}
#sub .sub_title{display: flex;align-items: center;gap: 20px;margin-bottom: 60px;}
#sub .sub_title img{display: block;}
#sub .sub_title strong{font-size: 44px;color: #111111;}
#sub .c_title{margin-bottom: 60px;}
#sub .c_title p{font-size: 22px;color: #333333;margin-top: 16px}
#sub .c_title ul{margin-top: 20px;}
#sub .c_title ul li{font-size: 20px;color: #534B45;line-height: 38px}
#sub .c_title strong{display: block;font-size: 32px;color: #111111;font-weight: 500}

#sub.culture .cul_title{display: flex;justify-content: center;position: relative;margin-bottom: 80px}
#sub.culture .cul_title i{display: block;width: 16px;height: 10px;bottom: -5px;left: 50%;margin-left: -8px;background: #407824;position: absolute;z-index: 3}
#sub.culture .cul_title:after{content: '';display: block;width: 1px;height: 80px;position: absolute;bottom: -80px;left: 50%;background: #DCD7D2;margin-left: -1px;}
#sub.culture .cul_title .in{padding: 0 55px;text-align: center;padding-bottom: 20px;position: relative}
#sub.culture .cul_title .in p{font-size: 24px;color: #333333;margin-bottom: 10px;}
#sub.culture .cul_title .in strong{font-size: 32px;color: #111111;}
#sub.culture .cul_title .in:after{content: '';display: block;width: 100%;height: 70px;border-radius: 35px;border: 1px solid #534B45;position: absolute;left: 0;bottom: 0;clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);}
#sub.culture .cul_con{border-top: 2px solid #534B45;border-bottom: 2px solid #534B45;padding: 10px 0;position: relative}
#sub.culture .cul_con .writer{display: flex;right: 0;top: -56px;font-size: 22px; gap: 10px;position: absolute}
#sub.culture .cul_con .writer strong{color: #111111}
#sub.culture .cul_con .writer strong{color: #555555}
#sub.culture .cul_con .cul_in{border: 1px solid #DCD7D2;border-radius: 10px;position: relative;padding: 60px 45px;}
#sub.culture .cul_con .cul_in .edge{position: absolute}
#sub.culture .cul_con .cul_in .edge img{display: block;}
#sub.culture .cul_con .cul_in .edge01{left: 6px;top: 6px}
#sub.culture .cul_con .cul_in .edge02{right: 6px;top: 6px}
#sub.culture .cul_con .cul_in .edge03{right: 6px;bottom: 6px}
#sub.culture .cul_con .cul_in .edge04{left: 6px;bottom: 6px}
#sub.culture .cul_con .cul_in .edge04{left: 6px;bottom: 6px}
#sub.culture.intro .con_w{display: flex;flex-direction: column;gap: 50px;}
#sub.culture.intro .con_w .title{display: flex;align-items: center;gap: 15px;padding-bottom: 20px;border-bottom: 1px solid #DCD7D2}
#sub.culture.intro .con_w .title span{font-family: 'ChosunKm';font-size: 50px;color: #EDEBE8;}
#sub.culture.intro .con_w .title strong{font-size: 32px;color: #407824;}
#sub.culture.intro .con_w .content{padding-top: 40px;}
#sub.culture.intro .con_w .content3 > ul > li:nth-child(2){ width: 66.666666%; }
#sub.culture.intro .con_w .content3 > Ul > li{ word-break: keep-all; }
#sub.culture.intro .con_w .content1-1 ul li{ line-height: 1.7em; word-break: keep-all; }


#sub.culture.intro .con_w .content1 ul{display: flex;gap: 20px;align-items: center}
#sub.culture.intro .con_w .content1 ul li {font-size: 22px;color: #191919;font-weight: 500}
#sub.culture.intro .con_w .content2 > ul{display: flex}
#sub.culture.intro .con_w .content2 > ul > li{width: 33.33%} 
#sub.culture.intro .con_w .content2 > ul > li strong{font-size: 22px;color: #191919}
#sub.culture.intro .con_w .content2 > ul > li ul{padding: 20px;padding-bottom: 0}
#sub.culture.intro .con_w .content2 > ul > li ul li{font-size: 20px;line-height: 38px;color: #534B45;}
#sub.culture.intro .con_w .content2 > ul > li ul li span{display: block;color: #534B45;font-weight: 600}
#sub.culture.intro .con_w .content2_2 > ul{flex-direction: column;gap: 40px}
#sub.culture.intro .con_w .content2_2 > ul > li{width: 100%}
#sub.culture.intro .con_w .info{padding-top: 60px;margin-top: 60px;border-top: 1px solid #DCD7D2}
#sub.culture.intro .con_w .info .info_in{background: #F8F7F6;display: flex;height: 175px;align-items: center;text-align: center;border: 1px solid #DCD7D2;border-radius: 10px;}
#sub.culture.intro .con_w .info .info_in > div{width: 100%}
#sub.culture.intro .con_w .info .info_in > div strong{display: block;color: #534B45;font-size: 24px;margin-bottom: 20px;}
#sub.culture.intro .con_w .info .info_in > div p{font-size: 22px;color: #534B45;}
#sub.culture.intro .con_w .info span{display: block;font-size: 22px;color: #534B45;margin-top: 40px;}
#sub.culture.intro .txt{margin-top: 60px;}
#sub.culture.intro .txt span{display: block;text-align: center;color: #9E9E9E;font-size: 20px;}
#sub.culture.congratulatory .con_w p{text-indent : 10px;}
#sub.culture.congratulatory .con_w .txt{margin-bottom: 60px;}
#sub.culture.congratulatory .con_w .txt p{font-size: 22px;line-height: 38px;color: #534B45;}
#sub.culture.congratulatory .con_w ul{border: 1px solid #DCD7D2;border-radius: 10px;background: #F8F7F6}
#sub.culture.congratulatory .con_w ul li{display: flex;justify-content: center;align-items: center;height: 120px;border-bottom: 1px solid #DCD7D2}
#sub.culture.congratulatory .con_w ul li:last-child{border-bottom: none}
#sub.culture.congratulatory .con_w ul li strong{font-family: 'ChosunKm';font-size: 32px;color: #407824;font-weight: 400}
#sub.culture.congratulatory .con_w ul li em{font-family: 'ChosunKm';font-size: 24px;color: #534B45;font-weight: 400}
#sub.culture.congratulatory .con_w {margin-top: 60px}
#sub.culture.congratulatory .con_w span{display: block;font-size: 22px;text-align: center;line-height: 38px;color: #534B45;padding-top: 60px;}
#sub.culture.congratulatory .con_w .con1{padding-bottom: 60px;border-bottom: 1px solid #DCD7D2;position: relative}
#sub.culture.congratulatory .con_w .con1:after{content: '';display: block;width: 16px;height: 10px;position: absolute;bottom: -5px;left: 50%;margin-left: -8px;background: #DCD7D2}
#sub.culture.congratulatory .con_w .con2{padding-top: 60px;}
#sub.culture.congratulatory .con_w .con2 strong{display: block;margin-bottom: 30px; font-size: 24px;color: #534B45;}
#sub.culture.congratulatory .con_w .con2 p{font-size: 22px;line-height: 38px;color: #534B45;}
#sub.culture.publish .con01 .con_w{display: flex;flex-direction: column;gap: 27px}
#sub.culture.publish .con01 .con_w p{text-indent : 10px;font-size: 22px;line-height: 38px;color: #534B45;text-align: justify}
#sub.culture.publish .con01 .con_w > span{display: block;text-align: center;margin-top: 20px;color: #9E9E9E;font-size: 22px;}
#sub.culture.publish .con01 .con_w strong{display: block;font-size: 32px;color: #111111;}
#sub.culture.publish .con01 .st_title{margin-bottom: 60px;text-align: center}
#sub.culture.publish .con01 .st_title strong{display: block;color: #407824;font-size: 32px;line-height: 38px;margin-bottom: 10px;}
#sub.culture.publish .con01 .st_title p{display: block;color: #407824;font-size: 32px;line-height: 38px;}
#sub.culture.publish .con01 .con_w2{margin-bottom: 60px;padding-top: 60px;margin-top: 60px;border-top: 1px solid #DCD7D2;position: relative}
#sub.culture.publish .con01 .con_w2:after{content: '';display: block;width: 16px;height: 10px;position: absolute;top: -5px;left: 50%;margin-left: -8px;background: #DCD7D2}
#sub.culture.publish .con01 .con_w > ul{display: flex;flex-direction: column;gap: 38px}
#sub.culture.publish .con01 .con_w > ul > li{font-size: 22px;line-height: 38px;color: #534B45;word-break: keep-all;position: relative;padding-left: 23px;}
#sub.culture.publish .con01 .con_w > ul.hangul > li{;padding-left: 49px;}
#sub.culture.publish .con01 .con_w > ul.hangul > li.h2{padding-left: 29px;}
#sub.culture.publish .con01 .con_w > ul > li span{position: absolute;left: 0}
#sub.culture.publish .con01 .con_w > em{display: block;margin-top: 20px; text-align: center;font-size: 24px;line-height: 38px;color: #534B45;word-break: keep-all;font-weight: 600;display: block;text-align: center}
#sub.culture.publish .con01 .con_w > em i{display: block;font-size: 22px;color: #111111;}
#sub.culture.publish .con01 .con_w > b{display: block;margin-top: 20px; font-size: 24px;line-height: 38px;color: #407824;font-weight: 500; word-break: keep-all;font-weight: 600;display: block}
#sub.culture .cul_title3{ margin-top: 150px; }
#sub.culture .cul_title2{display: flex;justify-content: space-between;align-items: flex-end;background: #F8F7F6;padding: 40px 50px;border-radius: 10px;margin-bottom: 40px}
#sub.culture .cul_title2 .tit span{display: block;font-size: 22px;color: #534B45;margin-bottom: 10px;}
#sub.culture .cul_title2 .year p{font-size: 22px;color: #534B45;}
#sub.culture .cul_title2 .tit strong{display: block;font-size: 24px;color: #111111;}
#sub.stat .con01 .list ul{display: flex;flex-direction: column;gap : 30px;}
#sub.stat .con01 .list ul li a{display: flex;align-items: center;height: 178px;justify-content: space-between;border: 1px solid #DCD7D2;border-radius: 10px;padding: 0 35px;transition: 0.7s}
#sub.stat .con01 .list ul li.link a:hover{background: #68A900;border-color: #68A900}
#sub.stat .con01 .list ul li a .txt{display: flex;align-items: center;gap: 35px}
#sub.stat .con01 .list ul li a .txt span{display: block;font-size: 50px;color: #DCD7D2;}
#sub.stat .con01 .list ul li a .txt strong{font-size: 24px;color: #111111;display: block;margin-bottom: 20px;transition: 0.7s}
#sub.stat .con01 .list ul li:hover a .txt strong{color: #FFFFFF}
#sub.stat .con01 .list ul li:hover a .txt p{color: #E1EFD9}
#sub.stat .con01 .list ul li a .txt p{font-size: 20px;color: #534B45;transition: 0.7s}
#sub.stat .con01 .list ul li a .icon{display: flex;width: 60px;height: 60px;background: #68A900;display: flex;align-items: center;justify-content: center;border-radius: 4px;transition: 0.7s}
#sub.stat .con01 .list ul li a:hover .icon{background: #407824}
#sub.stat .con01 .list ul li.link a .icon div{width: 19px;overflow: hidden}
#sub.stat .con01 .list ul li.down:hover a{background: #00AFD8}
#sub.stat .con01 .list ul li.down:hover a .icon{background: #008BAB}
#sub.stat .con01 .list ul li.down:hover a .txt p{color: #E7F4F6}
#sub.stat .con01 .list ul li.down a .icon{background: #00AFD8}
#sub.stat .con01 .list ul li.link a .icon div i{display: flex;width: 200%}
#sub .btn_go{margin-top: 100px}
#sub .btn_go a{border: 1px solid #111111;margin: 0 auto}
#sub .btn_go a i{display: block;transform: rotate(180deg)}
#sub.intro2.children .con01{padding-top: 142px;}
#sub.intro2 .con01{display: flex;align-items: flex-end}
#sub.intro2 .con01 .left{padding-right: 105px;}
#sub.intro2 .con01 .left .txt_in{height: 258px;position: relative;display: flex;align-items: center;justify-content: flex-end}
#sub.intro2 .con01 .left .txt_in .txt{position: relative;z-index: 3;padding-right: 50px;}
#sub.intro2 .con01 .left .txt_in .txt p{font-size: 24px;color: #FFFFFF;line-height: 42px;font-weight: 600;text-align: right}
#sub.intro2 .con01 .left .txt_in .bg{position: absolute;right: 0;border-radius: 0 20px 20px 0;overflow: hidden}
#sub.intro2 .con01 .left .txt_in .bg img{display: block;}
#sub.intro2 .con01 .left{width: 48%}
#sub.intro2 .con01 .right{width: 52%;display: flex;flex-direction: column;gap: 38px;position: relative}
#sub.intro2 .con01 .right strong{position: relative;z-index: 2}
#sub.intro2 .con01 .right ul{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 38px}
#sub.intro2 .con01 .right ul li span{color: #407824;font-weight: 600}
#sub.intro2 .con01 .right ul li {font-size: 20px;color: #534B45;line-height: 38px;padding-left: 40px;
  text-indent: -40px;}
#sub.intro2 .con01 .right strong {font-size: 20px;color: #534B45;line-height: 38px;}
#sub.intro2 .con01 .right .img{position: absolute;top: -278px;opacity: 0.2;left: 60px;}
#sub.intro2 .con01 .right .character{position: absolute;display: flex;gap: 72px;right: -58px;top: -90px}
#sub.intro2 .con01 .right .character i{font-size: 220px;color: #F6F6F6;display: block}
#sub.intro2 .con01 .right .character i.line{color: #fff;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #F2F2F2;}
#sub.intro2 .con01 .right .character i.i01{margin-top: 80px;}
#sub.intro2 .con01 .right .character i.i03{margin-top: 43px;}
#sub.intro2 .con01 .right .character i.i04{margin-top: 11px;}
#sub.intro2 .con01 .right p{font-size: 20px;line-height: 38px;color: #534B45;text-indent: 10px;position: relative;z-index: 3;}
#sub.intro2 .con02{border-top: 1px solid #DCD7D2;padding-top: 80px;margin-top: 80px;padding-bottom: 80px;margin-bottom: 80px;border-bottom: 1px solid #DCD7D2}
#sub.intro2 .con02 ul{display: flex;flex-wrap: wrap;gap: 40px 20px}
#sub.intro2 .con02 ul li{width: calc(25% - 30px)}
#sub.intro2 .con02 ul li .wrap{height: 142px;display: flex;align-items: center;border: 1px solid #DCD7D2;padding: 0 40px;gap: 40px;border-radius: 10px;transition: 0.7s}
/*#sub.intro2 .con02 ul li:hover .wrap{}*/
#sub.intro2 .con02 ul li .wrap p{font-size: 20px;color: #111111;line-height: 38px;font-weight: 500}
#sub.intro2 .con03 strong{display: block;font-weight: 500;font-size: 24px;color: #111111;margin-bottom: 20px;}
#sub.intro2 .con03 p{font-size: 20px;line-height: 38px;color: #534B45}
#sub.intro2 .con03 ul{display: flex;gap: 40px;margin-bottom: 40px;}
#sub.intro2 .con03 table{width: 100%;border-collapse: inherit;border-spacing: 0;margin-top: 20px;}
#sub.intro2 .con03 table td{height: 80px;text-align: center;vertical-align: middle;border: 1px solid #DCD7D2;font-size: 20px;color: #534B45;border-right: none;border-bottom: none}
#sub.intro2 .con03 table td:last-child{border-right:  1px solid #DCD7D2;}
#sub.intro2 .con03 table th{text-align: center;vertical-align: middle;border: 1px solid #DCD7D2;;border-radius: 10px 0 0 10px;background: #F8F7F6;font-size: 22px;font-weight: 400;color: #111111;border-right: none}
#sub.intro2 .con03 table td:last-child{border-radius: 0 10px 0 0 }
#sub.intro2 .con03 table tr:last-child td{border-bottom:  1px solid #DCD7D2;}
#sub.intro2 .con03 table tr:last-child td:last-child{border-radius: 0 0 10px 0 }
#sub.history .img img{max-width: 100%}
#sub.history.history1 .sub_con{background: url(/img/sub/history_bg.png) no-repeat center top}
#sub.history .con01 .his_con{border-top: 2px solid #534B45;border-bottom: 2px solid #534B45;;display: flex;flex-direction: column;gap: 80px;padding: 80px 0;position: relative}
#sub.history .con01 .his_con .line{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #DCD7D2}
#sub.history .con01 .con {display: flex}
#sub.history .con01 .con .wrap{width: 50%}
#sub.history .con01 .con.right{justify-content: flex-end}
#sub.history .con01 .con .year{margin-bottom: 30px;}
#sub.history .con01 .con .year strong{display: block;font-size: 24px;color: #111111;}
#sub.history .con01 .con .year strong span{color: #407824}
#sub.history .con01 .con.left{text-align: right}
#sub.history .con01 .con ul{display: flex;flex-direction: column;gap: 16px;}
#sub.history .con01 .con ul li{position: relative;padding-left: 55px;}
#sub.history .con01 .con ul li span{position: absolute;left: 0;font-size: 20px;color: #111111;font-weight: 500;line-height: 38px;}
#sub.history .con01 .con.left ul li {padding-left: 0;padding-right: 55px;}
#sub.history.pho .con01 .con.left ul li {padding-left: 0;padding-right: 85px;}
#sub.history .con01 .con.left ul li span{left: auto;right: 0}
#sub.history .con01 .con ul li p{font-size: 20px;color: #534B45;line-height: 38px;}
#sub.history .con01 .con ul li p i{display: block;}
#sub.history .con01 .con ul li p em{color: #407824;font-weight: 500}
#sub.history .con01 .con .wrap{padding-left: 40px;}
#sub.history .con01 .con.left .wrap{padding-right: 40px;padding-left: 0}
#sub.lab .con01{margin-bottom: 95px;}
#sub.lab .con01 .txt{padding: 50px;background: #F8F7F6;border-radius: 10px}
#sub.lab .con01 .txt p{font-size: 22px;color: #534B45;line-height: 38px;}
#sub.lab .con02{display: flex;gap: 60px;flex-wrap: wrap;flex-direction: column}
#sub.lab .con02 .tit{margin-bottom: 30px;}
#sub.lab .con02 .tit strong{display: block;font-size: 32px;color: #111111;}
#sub.lab .con02 .txt{padding: 50px;border: 1px solid #DCD7D2;border-radius: 10px;}
#sub.lab .con02 .txt p{font-size: 20px;text-indent: 10px;color: #534B45;line-height: 38px;}
#sub.lab .con02 .txt p span{color: #407824;font-weight: 500}
#sub.lab .con02 .txt p a{color: #407824;font-weight: 500;text-decoration: underline}
#sub.lab .con02 .txt ul{display: flex;gap: 40px;flex-wrap: wrap;flex-direction: column}
#sub.lab .con02 .txt ul li strong{display: block;font-size: 20px;color: #407824;font-weight: 500;margin-bottom: 10px;}
#sub.lab .con02 .txt ul li p{text-indent: 0;}
#sub.program .tab{margin-bottom: 40px;}
#sub.program .tab3{margin-bottom: 100px;}
#sub.program .tab3 ul{display: flex;gap: 20px;}
#sub.program .tab3 ul li a{display: flex;height: 66px;padding: 0 40px;border: 1px solid #9E9E9E;border-radius: 33px;align-items: center;font-size: 22px;color: #9E9E9E;font-weight: 500}
#sub.program .tab3 ul li.on a{border-color: #111111;color: #111111}
#sub.program .con02 .tb{padding-bottom: 60px;}
#sub.program .con02 .tb_w{border: 1px solid #DCD7D2;border-radius: 10px;overflow: hidden}
#sub.program .con02 .tb_w th{border-right: 1px solid #DCD7D2;height: 84px;align-items: center;background: #F8F7F6;font-size: 22px;color: #111111;font-weight: 500;vertical-align: middle}
#sub.program .con02 .tb_w th.number{width: 140px;}
#sub.program .con02 .tb_w th.name{width: 280px;}
#sub.program .con02 .tb_w th:last-child{border-right: none}
#sub.program .con02 .tb_w td{border: 1px solid #DCD7D2;padding: 22px 0;font-size: 20px;color: #534B45;text-align: center;line-height: 38px;vertical-align: middle}
#sub.program .con02 .tb_w td:nth-child(1){border-left: none}
#sub.program .con02 .tb_w td:last-child{border-right: none}
#sub.program .con02 .tb_w tr:last-child td{border-bottom: none}
#sub.program .con02 .tb_w table{width: 100%}
#sub.program .c_title2{display: block;font-size: 24px;color: #111111;margin-bottom: 30px;}
#sub.program .con02 .info{margin-bottom: 70px;}
#sub.program .con02 .info div{display: flex;gap: 0 60px;align-items: center}
#sub.program .con02 .info div ul{display: flex;flex-direction: column;gap: 20px;}
#sub.program .con02 .info div ul li{font-size: 20px;color: #534B45;display: flex;gap: 14px}
#sub.program .con02 .info div ul li span{color: #407824;font-weight: 600}
#sub.program .con02 .info div i{display: block;width: 1px;height: 65px;background: #DCD7D2;}
#sub.program .con02 .tb_w.tb_w1 td{padding: 0;height: 60px;vertical-align: middle}
#sub.program .con02 .tb1 .tb_w td{padding: 0;height: 60px;vertical-align: middle}
#sub.program .dash{margin-bottom: 60px;border-bottom: 1px solid #DCD7D2}
#sub.program .con02 .month .month_w{display: flex;gap: 85px}
#sub.program .con02 .month .month_w .number{width: 220px;}
#sub.program .con02 .month .month_w strong{display: block;font-size: 22px;color: #407824;margin-bottom: 20px;}

#sub.connection .con01 ul{display: flex;flex-wrap: wrap;gap: 100px 60px;}
#sub.connection .con01 ul li{width: calc(50% - 30px)}
#sub.connection .con01 ul li .tit{padding: 0 50px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px dashed #DCD7D2;position: relative}
#sub.connection .con01 ul li .tit span{display: flex;width: 40px;height: 40px;border-radius: 4px;background: #407824;align-items: center;justify-content: center;color: #fff;font-size: 18px;font-weight: 500;position: absolute;left: 0;top: -5px;}
#sub.connection .con01 ul li .tit strong{display: block;font-size: 24px;color: #407824;margin-bottom: 10px;}
#sub.connection .con01 ul li .tit em{display: block;font-size: 22px;color: #333333;font-weight: 500}
#sub.connection .con01 ul li .txt{padding: 0 50px;}
#sub.connection .con01 ul li .txt p{font-size: 20px;line-height: 1.9;color: #534B45}
#sub.connection .con01 ul li .txt p i{display: block}
#sub.online .con_title{margin-bottom: 80px;}
#sub.online .con_title strong{display: block;color: #111111;font-size: 32px;1.5}
#sub.online .con_title strong{display: block;color: #111111;font-size: 32px;1.5}
#sub.online .con_title div{padding: 50px;background: #F8F7F6;border-radius: 10px;margin-top: 30px;}
#sub.online .con_title div p{font-size: 20px;line-height: 38px;color: #534B45;}
#sub.gallery_list .list ul{display: flex;flex-wrap: wrap;gap: 60px 40px ;}
#sub.gallery_list .list ul li{width: calc(25% - 30px)}
#sub.gallery_list .list ul li .img{padding: 10px;background: #EEEEEE;position: relative;border-radius: 10px;overflow: hidden;transition: 0.5s}
#sub.gallery_list .list ul li:hover .img{padding: 0}
#sub.gallery_list .list ul li .img .img_in{overflow: hidden;padding-top: 54.7%;position: relative}
#sub.gallery_list .list ul li .img .img_in img{position: absolute;left: 50%;top: 50%;display: block;transform: translate(-50%, -50%);width: 100%}
#sub.gallery_list .list ul li .img .vid{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 5}

#sub.gallery_list.gallery_list3 .list ul li{width: calc(20% - 32px);}
#sub.gallery_list.gallery_list3 .list ul li .img .img_in{    padding-top: 128.5%;}
#sub.gallery_list .list ul li .img .vid i{display: block;background: rgba(255,255,255,0);backdrop-filter: blur(30px);border-radius: 50%}
#sub.gallery_list .list ul li .img .vid img{display: block}
#sub.gallery_list .list ul li .txt{margin-top: 11px;position: relative}
#sub.gallery_list .list ul li .txt .over{position: absolute;left: 0;top: 0;color: #000;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition: 0.5s}
#sub.gallery_list .list ul li:hover .txt .over{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
#sub.gallery_list .list ul li .txt strong{display: block;font-size: 20px;color: #777777;font-weight: 500}

#sub.gallery_list.member .list ul li{width: calc(20% - 32px)}
#sub.gallery_list.member .list ul li .img .img_in{padding-top: 128.5%}
#sub.gallery_list.member .list ul li .name{display: flex;align-items: center;justify-content: center;height: 70px;border-radius: 10px;border: 1px solid #DCD7D2;gap: 10px;margin-top: 20px;}
#sub.gallery_list.member .list ul li .name span{font-size: 22px;color: #407824;font-weight: 600}
#sub.gallery_list.member .list ul li .name strong{font-size: 22px;color: #111111;font-weight: 400}


#sub .paging{margin-top: 80px;position: relative}
#sub .paging .btn_go{margin-top: 0;position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#sub .paging .btn_go a i{transform: rotate(0deg)}
#sub .paging ul{display: flex;justify-content: center;gap: 20px;}
#sub .paging ul li a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;font-size: 18px;color: #9E9E9E;font-weight: 500}
#sub .paging ul li.m_prev a{background: url(/img/sub/m_prev.png)}
#sub .paging ul li.prev a{background: url(/img/sub/prev.png)}
#sub .paging ul li.next a{background: url(/img/sub/next.png)}
#sub .paging ul li.m_next a{background: url(/img/sub/m_next.png)}
#sub .paging ul li.on a{background: #407824;color: #fff;border-radius: 50%}
#sub.board_list .list table{width: 100%;border-collapse: inherit}
#sub.board_list .list tr{position: relative}
#sub.board_list .list td{height: 84px;vertical-align: middle;font-size: 20px;color: #9E9E9E;text-align: center;border-bottom: 1px solid #DCD7D2}
#sub.board_list .list th{height: 84px;border-bottom: 1px solid #111111;border-top: 1px solid #111111;vertical-align: middle;font-size: 22px;font-weight: 500;color: #111111;}
#sub.board_list .list th:nth-child(1){border-left: 1px solid #111111;border-radius: 47px 0 0 47px}
#sub.board_list .list th:last-child{border-right: 1px solid #111111;border-radius: 0 47px 47px 0}
#sub.board_list .list th.num{width: 120px;}
#sub.board_list .list th.date{width: 220px;}
#sub.board_list .list td a{display: flex;align-items: center;padding-left: 60px;gap: 20px;color: #111111}
#sub.view .con02 .title{display: flex;justify-content: space-between;height: 86px;align-items: center;border: 1px solid #111111;border-radius: 47px;padding: 0 60px;}
#sub.view .con02 .title div{display: flex;align-items: center;gap: 40px;}
#sub.view .con02 .title div .name{color: #111111}
#sub.view .con02 .title strong{display: block;font-size: 20px;color: #111111;font-weight: 500}
#sub.view .con02 .title p{display: block;font-size: 20px;color: #9E9E9E;}
#sub.view .con02 .content{padding: 40px 60px;min-height: 400px;border-bottom: 1px solid #DCD7D2; line-height: 1.7em; }
#sub.view .con02 .file ul li{display: flex;padding: 0 20px;align-items: center;height: 70px;border-bottom: 1px solid #DCD7D2;}
#sub.view .con02 .file ul li span{width: 95px;display: flex;font-size: 18px;color: #111111}
#sub.view .con02 .file ul li a{display: block;width: calc(100% - 95px);color: #407824;font-size: 18px;text-decoration: underline}
#sub.view .btn_go i{display: block;transform: rotate(180deg)}
#sub.academic.intro2 .con01 .right .character{gap: 10px;right: auto;left: -110px}
#sub.academic.intro2 .con01 .right .mail_w{display: flex;align-items: center;justify-content: space-between}
#sub.academic.intro2 .con01 .right .mail_w ul{display: flex;gap: 20px;flex-direction: row}
#sub.academic.intro2 .con01 .right .mail_w .btn_go{margin-top: 0}
#sub.academic.intro2 .con01 .right .mail_w .btn_go i {transform: rotate(0deg);}
#sub.academic.intro2 .con01 .right .mail_w .tit{padding-left: 0px;position: relative}
#sub.academic.intro2 .con01 .right .mail_w .tit:before{content: '';display: block;width: 7px;height: 100%;border-radius: 99px;background: #DCD7D2;position: absolute;left: 0;top: 0}
#sub.academic.intro2 .con01 .right .mail_w .tit strong{font-size: 22px;color: #111111;font-weight: 500;display: block;margin-bottom: 10px;}
#sub.academic.intro2 .con01 .right .mail_w .tit a{font-size: 20px;color: #534B45;font-weight: 500;display: block;}
#sub.intro2 .con05{margin-top: 80px;padding-top: 80px;border-top: 1px solid #DCD7D2}
#sub.intro2 .con05 .list_txt ul{display: flex;flex-wrap: wrap;gap:35px}
#sub.intro2 .con05 .list_txt ul li{width: calc(50% - 17.5px)}
#sub.intro2 .con05 .list_txt ul li{border: 1px solid #DCD7D2;padding: 60px 50px 40px 50px;border-radius: 10px;position: relative}
#sub.intro2 .con05 .list_txt ul li i{position: absolute;font-family: 'ChosunKm';display: flex;width: 100px;height: 100px;background: #fff;top: -35px;left: -10px;align-items: center;justify-content: center;font-size: 50px;color: #DCD7D2;}
#sub.intro2 .con05 .list_txt ul li div{display: flex;flex-direction: column;gap: 20px;}
#sub.intro2 .con05 .list_txt ul li strong{font-size: 22px;color: #407824;font-weight: 600}
#sub.intro2 .con05 .list_txt ul li p{font-size: 20px;color: #534B45;font-weight: 400;line-height: 38px}
#sub.intro2 .con05 .list_txt ul li p span{color: #407824;}
#sub.intro2 .con05 .list_txt2 ul li{width: calc(33.33% - 26.66px)}
#sub.intro2 .con06{position: relative;height: 550px;overflow: hidden;display: flex;align-items: center;justify-content: center;margin-top: 100px}
#sub.intro2 .con06 .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
#sub.intro2 .con06 .txt_in{position: relative;z-index: 2;width: 100%;text-align: center}
#sub.intro2 .con06 .txt_in strong{font-size: 32px;color: #FFFFFF;font-weight: 600;}
#sub.intro2 .con06 .txt_in p{font-size: 24px;line-height: 44px;color: #FFFFFF;font-weight: 500;margin-bottom: 45px}
#sub.intro2.hohak_intro .sub_con{padding-bottom: 0}
#sub.direction .map{overflow: hidden;height: 533px;}
#sub.direction .map .root_daum_roughmap{width: 100%; height: 100%;}
#sub.direction .map .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}
#sub.direction .add{height: 90px;background: #407824;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 40px;}
#sub.direction .add strong{display: flex;gap: 20px;font-size: 24px; color: #FFFFFF;font-weight: 400}
#sub.direction .info{height: 90px;background: #F8F7F6;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 20px;gap: 50px;}
#sub.direction .info strong{font-size: 24px;color: #111111}
#sub.direction .info ul{display: flex;gap: 40px;}
#sub.direction .info ul li{font-size: 20px;color: #534B45;font-weight: 400}
#sub.direction .info ul li span{color: #534B45;font-weight: 500;display: inline-block;margin-right: 20px;}
#sub.direction .info i{display: block;width: 1px;height: 20px;background: #A4A09C}
#sub.form .con01{display: flex;flex-direction: column;gap: 100px;}
#sub.form .con01 ul{display: flex;flex-wrap: wrap;gap: 40px 60px;}
#sub.form .con01 ul li{width: calc(50% - 30px)}
#sub.form .con01 ul li input[type="text"]{border: none;height: 64px;border-bottom: 1px solid #DCD7D2;width: 100%;display: block;font-size: 20px;color: #333}
#sub.form .con01 ul li textarea{border: none;height: 270px;border-bottom: 1px solid #DCD7D2;width: 100%;display: block;font-size: 20px;color: #333}
#sub.form .con01 ul li p{border: none;height: 64px;border-bottom: 1px solid #DCD7D2;width: 100%;display: block;font-size: 20px;color: #9e9e9e;display: flex;align-items: center}
#sub.form .con01 ul li input::placeholder{color: #9E9E9E}
#sub.form .con01 ul li textarea::placeholder{color: #9E9E9E}
#sub.form .con01 ul li label{font-size: 22px;color: #534B45;font-weight: 500;display: block;}
#sub.form .con01 ul li label i{color: #407824;font-weight: 500}
#sub.form .con01 ul li .file{position: relative}
#sub.form .con01 ul li .file input{position: absolute;top: 0;left: 0;opacity: 0}
#sub.form .con01 ul li .pri{display: flex;justify-content: space-between;border-bottom: 1px solid #DCD7D2}
#sub.form .con01 ul li .check{display: flex;align-items: center;gap: 10px;height: 64px;align-items: center}
#sub.form .con01 ul li .check input{width: 20px;display: block;height:20px;position: relative}
#sub.form .con01 ul li .check input:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/sub/chk.png)}
#sub.form .con01 ul li .check input:checked:after{background: url(/img/sub/chk_on.png)}
#sub.form .con01 ul li .pri input{border-bottom: none}
#sub.form .con01 ul li .pri2{display: flex;align-items: center;font-size: 20px;color: #534B45;}
#sub.form .con01 ul li .pri2 input{border-bottom: none;width: 180px;}
#sub.form .con01 ul li .date{display: flex;height: 64px;align-items: center;gap: 60px;border-bottom: 1px solid #DCD7D2;}
#sub.form .con01 ul li .chk_list{display: flex;height: 64px;align-items: center;gap: 60px;border-bottom: 1px solid #DCD7D2;}
#sub.form .con01 ul li .date strong{font-size: 20px;color: #534B45;}
#sub.form .con01 ul li .date em{width: 1px;height: 12px;background: #534B45}
#sub.form .con01 ul li .date span{color: #534B45;font-size: 20px;font-weight: 500}
#sub.form .con01 ul li .date div{display: flex;gap: 15px;align-items: center}
#sub.form .con01 ul li .date div i{display: flex;gap: 6px;align-items: center}
#sub.form .con01 ul li .date div i input{width: 30px;height: auto;border-bottom: none}
#sub.form .con01 .tit{margin-bottom: 30px;}
#sub.form .con01 .tit strong{display: block;font-size: 32px;color: #111;font-weight: 500}
#sub.form .con01 .tit p{font-size: 22px;color: #534B45;line-height: 42px;margin-top: 30px;}
#sub.form .con01 .tit + .box{border-top: 1px solid #DCD7D2;}
#sub.form .con01 .box {position: relative;padding: 0 40px;border-bottom: 1px solid #DCD7D2;padding-right: 390px;}
#sub.form .con01 .box:after{content: '';display: block;width: 16px;height: 10px;position: absolute;right: 40px;background: url(/img/sub/toggle.png);top: 29px}
#sub.form .con01 .box p{white-space: pre-wrap;font-size: 18px;color: #534B45;padding-bottom: 30px;line-height: 30px;}
#sub.form .con01 .box .content{display: none}
#sub.form .con01 .box strong{font-size: 20px;color: #111111;height: 63px;display: flex;align-items: center;cursor: pointer}
#sub.form .con01 .box .chk_in{position: absolute;height: 63px;bottom: 0;right: 115px;display: flex;align-items: center;justify-content: center;gap: 40px;}
#sub.form .con01 .box .chk_in div{display: flex;gap: 10px;align-items: center;font-size: 20px;color: #534B45;font-weight: 500}
#sub.form .con01 .box .chk_in input{width: 20px;display: block;height:20px;position: relative}
#sub.form .con01 .box .chk_in input:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/sub/chk.png)}
#sub.form .con01 .box .chk_in input:checked:after{background: url(/img/sub/chk_on.png)}
#sub.form .btn_go a i {display: block;transform: rotate(0deg);}
#sub.form .con01 .con1 ul li{width: 100%}
#sub.form .info_title{padding: 50px;border-radius: 10px;background: #F8F7F6;display: flex;align-items: center;justify-content: space-between;margin-bottom: 100px}
#sub.form .info_title p{font-size: 22px;color: #534B45;line-height: 42px;}
#sub.form .info_title .info{padding: 20px 35px;text-align: center;background: #407824;border-radius: 10px;}
#sub.form .info_title .info strong{display: block;font-size: 20px;color: #ECF5E7;font-weight: 400;margin-bottom: 12px;}
#sub.form .info_title .info span{font-size: 22px;color: #FFFFFF;display: flex;gap: 20px;align-items: center}
#sub.form .info_title .info span i{display: block;background: #96B786;width: 1px;height: 20px;}
#sub .sch{display: flex;justify-content: flex-end;margin-bottom: 40px;gap : 20px;}
#sub .sch{display: flex;justify-content: flex-end;margin-bottom: 40px;gap : 20px;}
#sub .sch > div{display: flex;gap: 10px;;}
#sub .sch .searchBox{position: relative}
#sub .sch select{width: 135px;height: 60px;border: 1px solid #DCD7D2;border-radius: 50px;padding-left: 30px;font-size: 18px;  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;background: url(/img/sub/sch_arr.png) no-repeat right 20px center }
#sub .sch .searchBox input{width: 395px;height: 60px;border: 1px solid #DCD7D2;border-radius: 50px;padding-left: 30px;font-size: 18px;}
#sub .sch .searchBox button{position: absolute;right: 0;top: 0}
#sub.offer .con_w .con{display: flex;padding: 55px 0;flex-direction: column;gap: 38px}
#sub.offer .con_w .con > strong{font-size: 24px;color: #407824;}
#sub.offer .con_w .c {display: flex;flex-direction: column;gap: 38px}
#sub.offer .con_w .c > em{display: block;font-size: 22px;line-height: 38px;color: #534B45;font-weight: 600}
#sub.offer .con_w .c > ul li{display: block;font-size: 22px;line-height: 38px;color: #534B45;position: relative;padding-left: 23px;}
#sub.offer .con_w .c > ul li span{position: absolute;left: 0}
#sub.offer .con_w .c > p{display: block;font-size: 22px;line-height: 38px;color: #534B45;}
#sub.offer .con_w .con > p{display: block;font-size: 24px;line-height: 38px;color: #534B45;}
#sub.offer .con_w .con{border-bottom: 1px solid #DCD7D2;position: relative}
#sub.offer .con_w .con:after{content: '';display: block;width: 16px;height: 10px;background: #DCD7D2;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%)}
#sub.offer .con_w .con:nth-child(1){padding-top: 0}
#sub.offer .con_w .con.end{border-bottom: none;padding-bottom: 0}
#sub.offer .con_w .con.end:after{display: none}
#sub.offer .con_w .list{display: flex;gap: 40px}
#sub.offer .con_w .list img{width: 100%}