/* COMMON */
.wrap{position:relative; min-width:1620px; overflow-x:hidden;}

.inner-container{width:100%; max-width:1620px; margin:0px auto;}

hr{border-top: 1px solid #ddd; margin:55px auto; opacity:1;}

.display-pc{display:block!important;}
.display-m{display:none!important;}
@media (max-width:768px){
body{overflow-x:hidden;}
.wrap{min-width:auto;}

.inner-container{padding:0 20px;}

hr{margin:24px auto;}

.display-pc{display:none!important;}
.display-m{display:block!important;}
}


/* IMG */
.img-wrap{}
.img-wrap img.img-normal{}
.img-wrap img.img-hover{display:none;}
.img-wrap:hover img.img-normal{display:none;}
.img-wrap:hover img.img-hover{display:block;}
.img-wrap.active img.img-normal{display:none;}
.img-wrap.active img.img-hover{display:block;}


/* HEADER */
header{display:flex; flex-direction:column; position:relative;}


.header-mb{display:none;}

.header-gnb-wrap{width:100%; height:72px; display:flex; align-items:center; background:rgba(0,0,0,0.85); backdrop-filter:blur(4px); border-bottom:1px solid rgba(255,255,255,0.2); position:fixed; top:0; transition:0.3s; z-index:100;}
.header-gnb-wrap.headerScroll{}
.main-body .header-gnb-wrap{background:transparent;}
.main-body .header-gnb-wrap.headerScroll{background:rgba(0,0,0,0.85); backdrop-filter:blur(4px);}

.header-gnb-wrap .header-gnb{display:flex; align-items:center;}
.header-gnb-wrap .header-gnb .header-logo{}
.header-gnb-wrap .header-gnb .header-logo a{display:block;}
.header-gnb-wrap .header-gnb .header-logo a img{height:38px; display:block;}

.header-gnb-wrap .header-gnb .gnb{flex:1; display:flex; justify-content:center;}
.header-gnb-wrap .header-gnb .gnb > li{position:relative;}
.header-gnb-wrap .header-gnb .gnb > li > a{height:auto; display:flex; align-items:center; font-size:16px; font-weight:500; line-height:1; color:#fff; padding:18px 26px;}
.header-gnb-wrap .header-gnb .gnb > li > ul{display:none; min-width:200px; background:#fff; border-radius:8px; box-shadow:0 3px 6px rgba(0,0,0,0.15); position:absolute; top:100%; padding:10px 0; z-index:10;}
.header-gnb-wrap .header-gnb .gnb > li > ul.active{display:block;}
.header-gnb-wrap .header-gnb .gnb > li > ul > li{}
.header-gnb-wrap .header-gnb .gnb > li > ul > li > a{width:100%; display:block; font-size:14px; font-weight:400; line-height:1.2; color:#333; letter-spacing:-0.02em; word-break:keep-all; padding:8px 20px 8px 32px;}
.header-gnb-wrap .header-gnb .gnb > li > ul > li > a:hover{font-weight:500; color:#279FD9; background:rgba(39,159,217,0.075);}

.header-gnb-wrap .header-gnb .gnb > li > ul > li .gnb-depth3{display:none;}

.header-gnb-wrap .header-gnb .ask-btn{display:none;}
.header-gnb-wrap .header-gnb .ask-btn a{display:flex; justify-content:center; align-items:center; background:#279FD9; border-radius:50px; font-size:12px; font-weight:700; line-height:1; color:#fff; padding:8px 14px;}
@media (max-width:768px){
.header-pc{display:none;}
    
.header-mb{height:52px; display:flex; z-index:50;}
.header-mb .header-mb-inner{width:100%; height:52px; display:flex; align-items:center;
background:#fff; border-bottom:1px solid #eee; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); position:fixed; top:0; left:0; padding:0 20px;}
.header-mb .header-logo{flex:1; display:flex;}
.header-mb .header-logo a{display:flex; align-items:center;}
.header-mb .header-logo a img{height:32px; display:block;}

.header-mb .hamburger{width:24px;}
}

/* FOOTER */
footer{width:100%; background:#111; padding:48px 0;}

.footer-wrap{display:flex;}

.footer-wrap .footer-l{flex:1; display:flex; flex-direction:column; gap:;}
.footer-wrap .footer-l p{font-size:14px; font-weight:400; line-height:1; color:#A1A1A1;}
.footer-wrap .footer-l .footer-contact{display:flex; gap:24px; margin:8px 0 0;}
.footer-wrap .footer-l .footer-contact dl{display:flex; gap:8px;}
.footer-wrap .footer-l .footer-contact dl dt{font-size:14px; font-weight:400; line-height:1; color:#A1A1A1;}
.footer-wrap .footer-l .footer-contact dl dd{font-size:14px; font-weight:400; line-height:1; color:#A1A1A1;}
.footer-wrap .footer-l strong{font-size:14px; font-weight:400; line-height:1; color:#777; margin:32px 0 0;}

.footer-wrap .footer-r{}
.footer-wrap .footer-r a{display:block;}
.footer-wrap .footer-r a img{height:56px; display:block;}


@media (max-width:768px){
footer{padding:32px 0;}
.footer-wrap{flex-direction:column; align-items:center; gap:20px;}
.footer-wrap .footer-l{order:1; align-items:center;}
.footer-wrap .footer-l p{font-size:12px;}
.footer-wrap .footer-l .footer-contact{flex-direction:column; gap:6px; margin:12px 0 0;}
.footer-wrap .footer-l .footer-contact dl dt{font-size:13px;}
.footer-wrap .footer-l .footer-contact dl dd{font-size:13px;}
.footer-wrap .footer-l strong{font-size:12px; text-align:center; margin:20px 0 0;}
.footer-wrap .footer-r{order:0;}
.footer-wrap .footer-r a img{height:40px;}

}


/* SIDE BAR */
.side-overlay{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:90; opacity:0; transition:all 0.5s ease-in-out;}
.side-overlay.active{display:block; opacity:1;}

#sidebar{width:80%; min-width:300px; max-width:350px; height:100vh; display:block;
background:#fff; transition:0.3s; position:fixed; top:0; right:-350px; overflow-y:scroll; z-index:100;}
#sidebar.active{right:0;}
#sidebar .sidebar{display:flex; align-items:center; background:#222; padding:12px 12px;}
#sidebar .sidebar .sidebar-logo{flex:1;}
#sidebar .sidebar .sidebar-logo a{display:flex; align-items:center;}
#sidebar .sidebar .sidebar-logo a img{height:32px; display:block;}
#sidebar .sidebar .side-out{padding:4px 8px;}
#sidebar .sidebar .side-out i{font-size:20px; color:#fff;}

.side-menu{border-bottom:1px solid #e5e5e5;}
.side-menu .side-depth1{position:relative;}
.side-menu .side-depth1 + .side-depth1{border-top:1px solid #e5e5e5;}
.side-menu .side-depth1 > .side-bt{display:block; font-size:16px; font-weight:500; line-height:1; color:#222; padding:16px 16px;}
.side-menu .side-depth1 > .side-bt.side-bt-on{color:#fff; background:rgba(39,159,217,0.8); border-bottom:1px solid rgba(39,159,217, 0.85);}

.side-menu .side-depth2-wrap{display:none; background:#f7f7f7;}
.side-menu li.side-bt .side-depth2-wrap{display:block;}
.side-menu .side-depth2{position:relative;}
.side-menu .side-depth2 > a{display:block; font-size:15px; line-height:1; padding:14px 14px 14px 32px; color:#353535; font-weight:400;}

.side-menu .open-arrow{width:44px; height:44px; display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; transition:all 0.3s ease; cursor:pointer;}
.side-menu .open-arrow i{font-size:16px; color:#222; position:relative; top:2px;}
.side-menu li > .open-arrow .la-angle-up{display:none;}
.side-menu li.depth-on > .open-arrow .la-angle-up{display:block;}
.side-menu li.depth-on > .open-arrow .la-angle-down{display:none;}
.side-menu li.depth-on > .open-arrow i{color:#fff;}

.side-menu .side-depth3-wrap{display:none;}

#sidebar .ask-btn{padding:16px; display:none;}
#sidebar .ask-btn a{display:flex; justify-content:center; align-items:center; border:1px solid #279FD9; border-radius:50px; font-size:12px; font-weight:700; line-height:1; color:#279FD9; padding:8px 14px;}


/* VISUAL */
.visual-wrap{width:100%; margin:auto;}

.visual-wrap .visual-swiper{width:100%; height:100%;}
.visual-wrap .visual-text{width:100%; display:flex; flex-direction:column; gap:24px; position:absolute; top:162px; left:50%; transform:translate(-50%, 0); z-index:10;}
.visual-wrap .visual-text h2{font-size:60px; font-weight:700; line-height:1.25; color:#fff; text-align:center;}
.visual-wrap .visual-text p{font-size:13px; font-weight:400; line-height:1; color:#fff; text-align:center; letter-spacing:0.6rem;}
.visual-wrap .visual-swiper .swiper-slide{}
.visual-wrap .visual-swiper .swiper-slide a{display:block; position:relative;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg{width:100%; height:; position:relative; left:0; top:0; background-size:cover;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg.visual-bg-pc{display:block;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg.visual-bg-mb{display:none;}
.visual-wrap .visual-swiper .swiper-pagination{bottom:35px;}
.visual-wrap .visual-swiper .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5; margin:0 6px!important;}
.visual-wrap .visual-swiper .swiper-pagination-bullet-active{background:#FF5625; opacity:1;}
@media (max-width:1280px){
.visual-wrap .visual-text h2{font-size:40px;}
.visual-wrap .visual-text p{font-size:12px; letter-spacing:0.3rem;}
}
@media (max-width:768px){
.visual-wrap .visual-text{gap:8px; top:10%; padding:16px;}
.visual-wrap .visual-text h2{font-size:20px; word-break:keep-all;}
.visual-wrap .visual-text h2 br{display:none;}
.visual-wrap .visual-text p{font-size:10px; font-weight:300; letter-spacing:0.15rem;}

.visual-wrap .visual-swiper .swiper-slide a{padding-top:100%;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg{height:100%!important; display:; position:absolute; top:0; left:0;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg.visual-bg-pc{display:none;}
.visual-wrap .visual-swiper .swiper-slide a .visual-bg.visual-bg-mb{display:block;}
.visual-wrap .visual-swiper .swiper-pagination{bottom:4px;}
.visual-wrap .visual-swiper .swiper-pagination-bullet{width:8px; height:8px;}
}

/* MAIN CONTENT */
.main-body section{padding:100px 0;}
.main-body section.section-smpd{padding:60px 0;}
.main-body section.section-bg{background:#F4FAFD;}

.inner-section{display:flex; justify-content:center; gap:48px;}
.inner-section > li{/*flex:1 0 auto;*/ width:100%; display:flex; flex-direction:column;}

.inner-section .section-head{display:flex; align-items:flex-end; gap:8px; padding:0 0 20px;}
.inner-section .section-head h3{font-size:36px; font-weight:700; line-height:1; color:#333;}
.inner-section .section-head a{display:block;}
.inner-section .section-head a img{}

.inner-section .section-head-verti{flex:1 0 auto; display:flex; flex-direction:column; gap:24px;}
.inner-section .section-head-verti .section-head-title{display:flex; flex-direction:column; gap:24px;}
.inner-section .section-head-verti .section-head-title h3{font-size:50px; font-weight:700; line-height:1; color:#333;}
.inner-section .section-head-verti .section-head-title small{font-size:20px; font-weight:400; line-height:1.25; color:#555;}
.inner-section .section-head-verti .swiper-control{display:flex; gap:8px; position:relative;}
.inner-section .section-head-verti .swiper-control .swiper-button-prev,
.inner-section .section-head-verti .swiper-control .swiper-button-next{width:48px; height:48px; background:#fff; border:1px solid rgba(0,0,0,0.25); border-radius:50px; position:relative; left:auto; right:auto; margin:0;}
.inner-section .section-head-verti .swiper-control .swiper-button-prev{}
.inner-section .section-head-verti .swiper-control .swiper-button-prev:after{content:"\f104"; font-size:20px; font-family:'Line Awesome Free'; color:#333;}
.inner-section .section-head-verti .swiper-control .swiper-button-next{}
.inner-section .section-head-verti .swiper-control .swiper-button-next:after{content:"\f105"; font-size:20px; font-family:'Line Awesome Free'; color:#333;}
.inner-section .section-head-verti .swiper-control .swiper-play{}
.inner-section .section-head-verti .swiper-control .swiper-play a{width:48px; height:48px; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid rgba(0,0,0,0.25); border-radius:50px;}
.inner-section .section-head-verti .swiper-control .swiper-play a i{font-size:20px;}

.inner-section .section-body{}
@media (max-width:768px){
.main-body section{padding:48px 0;}
.main-body section.section-smpd{padding:20px 0;}

.inner-section{flex-direction:column;}
.inner-section .section-head{padding:0 0 12px;}
.inner-section .section-head h3{font-size:22px;}
.inner-section .section-head a img{height:22px; display:block;}

.inner-section .section-head-verti{gap:12px;}
.inner-section .section-head-verti .section-head-title{flex:1; gap:12px;}
.inner-section .section-head-verti .section-head-title h3{font-size:24px;}
.inner-section .section-head-verti .section-head-title small{font-size:14px;}

.inner-section .section-head-verti .swiper-control .swiper-button-prev,
.inner-section .section-head-verti .swiper-control .swiper-button-next,
.inner-section .section-head-verti .swiper-control .swiper-play a{width:32px; height:32px; top:0;}
.inner-section .section-head-verti .swiper-control .swiper-button-prev:after,
.inner-section .section-head-verti .swiper-control .swiper-button-next:after,
.inner-section .section-head-verti .swiper-control .swiper-play a i{font-size:14px;}

.inner-section .section-body{}
}

/* MAIN CONTENT - 통계 */
.sec-stats{}
.sec-stats ul{display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.sec-stats ul li{flex:1 0; display:flex; flex-direction:column; align-items:center; gap:12px;}
.sec-stats ul li img{height:48px; display:block;}
.sec-stats ul li p{font-size:18px; font-weight:500; line-height:1; color:#279FD9; text-align:center;}
.sec-stats ul li h3{display:flex; align-items:baseline; font-size:42px; font-weight:500; line-height:1; color:#279FD9;}
.sec-stats ul li h3 small{font-size:24px; font-weight:500; line-height:1; color:#279FD9;}

.sec-stats-standard{font-size:13px; color:#555; text-align:center; margin:40px auto 0;}
@media (max-width:768px){
.sec-stats ul{justify-content:flex-start; gap:1px; background:#eee;}
.sec-stats ul li{flex:0 0 calc((100% - (1px * 1)) / 2); max-width:calc((100% - (1px * 1)) / 2); gap:4px; background:#fff; padding:16px;}
.sec-stats ul li img{height:28px;}
.sec-stats ul li p{font-size:15px;}
.sec-stats ul li h3{font-size:24px;}
.sec-stats ul li h3 small{font-size:13px;}

.sec-stats-standard{font-size:12px; margin:8px auto 0;}
}


/* MAIN CONTENT - 공지사항 */
.sec-notice{}
.sec-notice ul{display:flex; gap:24px;}
.sec-notice ul li{flex:0 0 calc((100% - (24px * 3)) / 4); max-width:calc((100% - (24px * 3)) / 4);}
.sec-notice ul li:last-of-type{border-bottom:none;}
.sec-notice ul li a{display:flex; flex-direction:column; gap:24px; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:1px 4px 10px rgba(0, 0, 0, 0.085); padding:24px;}
.sec-notice ul li a .sec-notice-text{display:flex; flex-direction:column; gap:8px;}
.sec-notice ul li a .sec-notice-text h4{height:2.6em; display:-webkit-box; font-size:20px; font-weight:500; line-height:1.3; color:#333; word-wrap:break-word;
-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.sec-notice ul li a .sec-notice-text p{height:4.2em; display:-webkit-box; font-size:16px; font-weight:400; line-height:1.4; color:#555; word-wrap:break-word;
-webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.sec-notice ul li a span{font-size:14px; font-weight:400; line-height:1; color:#777;}
.sec-notice ul li a:hover p,
.sec-notice ul li a:hover span{text-decoration:underline;}
/*
.sec-notice dl{flex:1; display:flex; flex-direction:column; gap:16px;}
.sec-notice dl dd{}
.sec-notice dl dd a{display:flex; align-items:center; background:#fff; border-radius:8px; box-shadow:2px 2px 12px rgba(0,0,0,0.05); padding:24px 32px;}
.sec-notice dl dd a p{flex:1; font-size:20px; font-weight:500; line-height:1; color:#333;}
.sec-notice dl dd a img{}
.sec-notice dl dd a:hover p{color:#279FD9;}
*/
@media (max-width:768px){
.sec-notice{flex-direction:column; gap:16px;}
.sec-notice ul{flex-wrap:wrap; gap:8px;}
.sec-notice ul li{flex:0 0 calc((100% - (8px * 1)) / 2); max-width:calc((100% - (8px * 1)) / 2);}
.sec-notice ul li a{gap:12px; padding:16px;}
.sec-notice ul li a .sec-notice-text{}
.sec-notice ul li a .sec-notice-text h4{height:2.4em; font-size:16px; line-height:1.2;}
.sec-notice ul li a .sec-notice-text p{height:3.9em; font-size:13px; line-height:1.3;}
.sec-notice ul li a span{font-size:12px;}
/*
.sec-notice dl{gap:6px;}
.sec-notice dl dd a{padding:12px 20px;}
.sec-notice dl dd a p{font-size:15px;}
.sec-notice dl dd a img{width:16px;}
*/
}


/* MAIN CONTENT - 관련뉴스 */
.inner-section > li.news-wrap{flex-direction:row; align-items:center; gap:; background:url(/img/main-con03-bg.png) left center / contain no-repeat;}
.inner-section > li.news-wrap .section-head-verti{width:486px; max-width:486px;}
.inner-section > li.news-wrap .section-body{flex:1;}

.sec-news-wrap{width:calc(100vw - 486px);}
.sec-news{}
.sec-news .sec-news-swiper{}
.sec-news .sec-news-swiper .swiper-slide{width:950px;}
.sec-news .sec-news-swiper .swiper-slide a{display:flex; flex-direction:column; background:#fff; border:1px solid #ddd; border-radius:24px; position:relative; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-img{position:relative; padding-top:56.25%;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-img img{width:100%; height:100%; display:block; position:absolute; top:0; left:0; transition:1s;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text{width:100%; position:absolute; bottom:0; left:0; display:flex; flex-direction:column; background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,1) 70% 100% ); padding:24px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text h3{width:100%; display:block; font-size:24px; font-weight:500; line-height:1; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text p{height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
font-size:16px; font-weight:400; line-height:1.3; color:#fff; text-overflow:ellipsis; margin:16px 0 0; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text span{display:block; font-size:13px; font-weight:400; line-height:1; color:#a1a1a1; margin:42px 0 0;}
.sec-news .sec-news-swiper .swiper-slide a:hover .sec-news-img img{transform:scale(1.05);}
.sec-news .sec-news-swiper .swiper-slide a:hover .sec-news-text{text-decoration:underline;}

.sec-news-wrap-pc{display:block;}
.sec-news-wrap-mb{display:none;}
@media (max-width:768px){
.inner-section > li.news-wrap{flex-direction:column; gap:16px; background:url(/img/main-con03-bg.png) center / contain no-repeat;}
.inner-section > li.news-wrap .section-head-verti{width:100%; max-width:none; flex-direction:row;}
.inner-section > li.news-wrap .section-body{width:100%;}

.sec-news-wrap{width:100%;}
.sec-news{overflow:visible;}
.sec-news .sec-news-swiper{overflow:visible;}
.sec-news .sec-news-swiper .swiper-slide{width:82%;}
.sec-news .sec-news-swiper .swiper-slide a{border-radius:12px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text{padding:12px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text h3{font-size:16px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text p{font-size:12px; margin:8px 0 0;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text span{display:none;}

.sec-news-wrap-pc{display:none;}
.sec-news-wrap-mb{display:block;}
}

/* MAIN CONTENT - 참여대학 */
.main-body section.main-con04{background:url(/img/main-con04-bg.jpg) top center no-repeat; background-size:cover; padding:200px 0;}
.main-body section.main-con04 .section-head-verti{align-items:center; margin:0 auto 200px;}
.main-body section.main-con04 .section-head-verti .section-head-title{align-items:center;}
.main-body section.main-con04 .section-head-verti .section-head-title h3{color:#fff;}
.main-body section.main-con04 .section-head-verti .section-head-title small{color:rgba(255,255,255,0.7);}
.main-body section.main-con04 .section-head-verti .section-head-title small br{display:none;}

.sec-univ-wrap{width:100%; position:relative;}
.sec-univ{display:flex; flex-direction:column; align-items:center; gap:24px;}
.sec-univ .swiper{width:100%;}
.sec-univ .swiper .swiper-wrapper{-webkit-transition-timing-function:linear; transition-timing-function:linear}
.sec-univ .swiper.univ-swiper01 .swiper-wrapper{left:0;}
.sec-univ .swiper.univ-swiper02 .swiper-wrapper{left:-83px;}
.sec-univ .swiper.univ-swiper03 .swiper-wrapper{left:-166px;}
.sec-univ .swiper .swiper-slide{width:250px;}
.sec-univ .swiper .swiper-slide .univ-item{width:100%; height:82px; display:flex; justify-content:center; align-items:center;}
.sec-univ .swiper .swiper-slide .univ-item img{max-width:230px; max-height:62px; display:block;}
@media (max-width:768px){
.main-body section.main-con04{padding:48px 0;}
.main-body section.main-con04 .section-head-verti{width:100%; text-align:center; padding:0 20px; margin:0 auto 32px;}
.main-body section.main-con04 .section-head-verti .section-head-title small br{display:block;}

.sec-univ{gap:8px;}
.sec-univ .swiper .swiper-slide{width:160px;}
.sec-univ .swiper .swiper-slide .univ-item{height:48px;}
.sec-univ .swiper .swiper-slide .univ-item img{max-width:152px; max-height:40px;}
}


/* SUB */
.sub-contents{padding:55px 0;}
.sub-contents .inner-container{max-width:1280px;}

.sub-contents section{min-height:356px; position:relative;}
.sub-contents section article{}
.sub-contents section article:last-of-type{}
@media (max-width:768px){
.sub-contents{padding:24px 0;}
.sub-contents .inner-container{flex-direction:column;}

.sub-contents-l{width:calc(100% + 40px); position:relative; top:0; left:50%; transform:translate(-50%, 0); margin:0;}

.sub-contents-r{width:100%;}
}

/* SUB - FONT */
.sub-title{display:block; font-size:2rem; font-weight:700; line-height:1; color:#222; letter-spacing:-.0125rem; border-bottom:1px solid #ddd; padding:0 0 1.5rem;}

.head-text{}
.head-text01{font-size:2rem; font-weight:700; line-height:1.25; color:#7D1B2C; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}
.head-text02{font-size:1.625rem; font-weight:700; line-height:1.25; color:#222; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}
.head-text03{font-size:1.375rem; font-weight:500; line-height:1.25; color:#333; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}

.body-text{word-break:keep-all;}
.body-text+.body-text{margin:1.5rem 0 0;}
.body-text b{font-weight:500;}
.body-text strong{font-weight:700;}
.body-text01{font-size:1.75rem; font-weight:400; line-height:1.4; color:#222;}
.body-text02{font-size:1.375rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}
.body-text03{font-size:1.125rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}
.body-text04{font-size:1rem; font-weight:400; line-height:1.5; color:#333;}
.body-text05{font-size:.875rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}
.body-text06{font-size:.75rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}

.list-none{}
.list-none li{display:flex; align-items:baseline;}
.list-none li+li{margin:10px 0 0;}
.list-none.list-dot{}
.list-none.list-dot li{}
.list-none.list-dot li:before{content:""; width:3px; height:3px; flex-shrink:0; display:inline-block; background:#7D1B2C; border-radius:50px; position:relative; top:-3px; margin:0 6px 0 0;}

.text-indent{}
.text-indent-depth01{text-indent:0.75rem;}
.text-indent-depth02{text-indent:1.5rem;}
.text-indent-depth03{text-indent:2.25rem;}
.text-indent-item{text-indent:-1.75rem; padding-left:3.125rem;}
.text-indent-item-depth01{text-indent:-1.25rem; padding-left:3.625rem;}

@media (max-width:768px){
.sub-title{font-size:1.5rem; padding:20px 0;}

.body-text+.body-text{margin:1rem 0 0;}

.head-text01{font-size:1.375rem;}
.head-text02{font-size:1.25rem;}
.head-text03{font-size:1.125rem;}

.body-text01{font-size:1.25rem;}
.body-text02{font-size:1rem;}
.body-text03{font-size:.9375rem;}
.body-text04{font-size:.875rem;}
.body-text05{font-size:.75rem;}
.body-text06{font-size:;}
}


/* SUB - TABLE */
.table-type01{width:100%; border-top:3px solid #a1a1a1;}
.table-type01 th,
.table-type01 td{vertical-align:middle; font-size:16px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0;}
.table-type01 th:last-of-type,
.table-type01 td:last-of-type{border-right:0;}
.table-type01 thead th{font-weight:400; color:#333; background:; border-bottom:1px solid #a1a1a1; padding:12px 8px;}
.table-type01 thead td{}
.table-type01 tbody th{}
.table-type01 tbody td{color:#333; padding:8px 8px;}
.table-type01 tbody td .board-link-btn{display:flex; justify-content:center; align-items:center; gap:4px;}
.table-type01 tbody td .board-link-btn:hover{font-weight:500; color:#2774D9;}
.table-type01 tbody td .board-link-btn img{position:relative; top:1px;}

/*
.table-type02{width:100%; border-top:1px solid #333;}
.table-type02 th,
.table-type02 td{vertical-align:middle; font-size:14px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; padding:12px 8px;}
.table-type02 th:last-of-type,
.table-type02 td:last-of-type{border-right:0;}
.table-type02 th{font-weight:400; color:#222; background:#f1f2f7;}
.table-type02 td{font-weight:500; color:#555;}
*/
.scroll_box {position:relative;}
.scroll_box span.scroll_icon {position:absolute; width:100px; height:100px; z-index:49; border-radius:10px; background:rgba(0, 0, 0, 0.75) url('/img/scroll.png') no-repeat center; left:50%; top:5%; transform:translateX(-50%); display:none;}
@media (max-width:768px){
.table-type01 th,
.table-type01 td{font-size:14px;}
.scroll_box .table-type01{width:720px;}
.scroll_box .table-type01 td, .scroll_box .table-type01 th {word-break:keep-all;}
.m_scroll {overflow:auto;}
.scroll_box span.scroll_icon {display:block;}
}

/*  SUB - VISUAL */
.sub-visual-wrap{width:100%; height:300px; display:flex; justify-content:center; align-items:flex-end; position:relative; z-index:0;}
/*
.sub-visual-wrap.one {background:url(/img/sub-visual.jpg)no-repeat center/cover;}
.sub-visual-wrap.two {background:url(/img/sub-visual2.jpg)no-repeat center/cover;}
.sub-visual-wrap.three {background:url(/img/sub-visual3.jpg)no-repeat center/cover;}
.sub-visual-wrap.four {background:url(/img/sub-visual4.jpg)no-repeat center/cover;}
*/
.sub-visual-wrap .sub-visual{height:228px; display:flex; flex-direction:column; align-items:center; border-bottom:1px solid #ddd;}
.sub-visual-wrap .sub-visual .sub-visual-title{flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:14px;}
.sub-visual-wrap .sub-visual .sub-visual-title h1{font-size:42px; font-weight:700; line-height:1; color:#333; text-align:center;}

.sub-visual-wrap .sub-visual .sub-menu{}
.sub-visual-wrap .sub-visual .sub-menu ul{display:flex; justify-content:center;}
.sub-visual-wrap .sub-visual .sub-menu ul li{}
.sub-visual-wrap .sub-visual .sub-menu ul li.on{}
.sub-visual-wrap .sub-visual .sub-menu ul li a{display:flex; justify-content:center; align-items:center; font-size:15px; font-weight:500; line-height:1; color:#555; padding:16px 24px; position:relative;}
.sub-visual-wrap .sub-visual .sub-menu ul li a:hover,
.sub-visual-wrap .sub-visual .sub-menu ul li.on a{color:#279FD9;}
.sub-visual-wrap .sub-visual .sub-menu ul li.on a:after{content:""; width:100%; height:1px; display:block; position:absolute; bottom:-1px; background:#279FD9;}

@media (max-width:768px){
.sub-visual-wrap{height:auto;}
.sub-visual-wrap .sub-visual{height:156px;}
.sub-visual-wrap .sub-visual .sub-visual-title{gap:10px;}
.sub-visual-wrap .sub-visual .sub-visual-title h1{font-size:28px;}

.sub-visual-wrap .sub-visual .sub-menu{width:100%;}
.sub-visual-wrap .sub-visual .sub-menu ul li{flex:1 0;}
.sub-visual-wrap .sub-visual .sub-menu ul li a{font-size:13px; padding:10px 4px;}
}


/* SUB - BreadCrumb */
.breadCrumb{}
.breadCrumb ul{display:flex; justify-content:flex-end;}
.breadCrumb ul li{display:flex; align-items:center;}
.breadCrumb ul li + li{}
.breadCrumb ul li + li:before{content:"\f105"; font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; color:#aaa; margin:0 10px;}
.breadCrumb ul li a{font-size:12px; font-weight:400; line-height:1; color:#777;}
.breadCrumb ul li a:hover{font-weight:500; color:#279FD9;}
.breadCrumb ul li a img{width:14px; display:block;}
@media (max-width:768px){
.breadCrumb{}
.breadCrumb ul li + li:before{margin:0 4px;}
.breadCrumb ul li a{font-size:11px;}
.breadCrumb ul li a img{width:13px;}
}


/* 포럼소개 */
.intro-title{display:flex; flex-direction:column; align-items:center; font-size:28px; font-weight:500; line-height:1.35; color:#222; border-bottom:1px solid #ddd; padding:0 0 24px; margin:0 0 55px;}
.intro-title strong{font-weight:700; color:#279FD9;}
.intro-title br{display:none;}

.intro-intro{display:flex; gap:24px;}
.intro-intro .intro-intro-l{flex:0 50%;}
.intro-intro .intro-intro-l img{}
.intro-intro .intro-intro-r{flex:0 50%;}
@media (max-width:768px){
.intro-title{font-size:20px; gap:6px; margin:0 0 24px;}
.intro-title br{display:block;}

.intro-intro{flex-direction:column; gap:16px;}
.intro-intro .intro-intro-l{flex:1;}
.intro-intro .intro-intro-r{flex:1;}
}


/* 인사말 */
.greeting-wrap{display:flex; flex-direction:column;}

.greeting-president{width:100%; height:420px; display:flex; align-items:center; background-image:linear-gradient(to bottom, rgba(39, 159, 217, 0.08) , #fff); border-radius:0 140px 0 0; position:relative; padding:40px 120px; margin:100px 0 0;}
.greeting-president .greeting-president-text{display:flex; flex-direction:column; gap:28px; position:relative; top:-20px; z-index:2;}
.greeting-president .greeting-president-text h4{display:flex; flex-direction:column; font-size:38px; font-weight:700; line-height:1.3; color:#333; letter-spacing:-0.1rem;}
.greeting-president .greeting-president-text h4 strong{color:#279FD9;}
.greeting-president .greeting-president-text small{font-size:14px; font-weight:300; line-height:1; color:#777; letter-spacing:0.3rem;}

.greeting-president .greeting-president-person{position:absolute; bottom:0; right:120px; z-index:1;}
.greeting-president .greeting-president-person img{display:block;}

.greeting-text{position:relative; top:-40px; padding:0 120px;}
.greeting-text .text-box{border-left:1px solid #ddd; padding:0 0 0 32px;}

@media (max-width:768px){
.greeting-wrap{}

.greeting-president{height:220px; border-radius:0 20px 0 0; padding:20px 20px; margin:0;}
.greeting-president .greeting-president-text{width:calc(100% - 100px); gap:12px; top:0;}
.greeting-president .greeting-president-text h4{display:block; font-size:20px; text-shadow:1px 1px 3px rgba(255, 255, 255, 1);}
.greeting-president .greeting-president-text small{font-size:12px; letter-spacing:0.025rem;}

.greeting-president .greeting-president-person{height:200px; right:12px;}
.greeting-president .greeting-president-person img{height:100%;}

.greeting-text{top:0; padding:0 0 0 20px;}
.greeting-text .text-box{padding:0 0 0 12px;}
}


/* 역대회장 */
.president-list{}
.president-list ul{display:flex; flex-wrap:wrap; gap:24px;}
.president-list ul li{flex:0 0 calc((100% - (24px * 2)) / 3); max-width:calc((100% - (24px * 2)) / 3);
display:flex; flex-direction:column; align-items:center; gap:12px; border:1px solid #ddd; border-radius:8px; padding:24px;}
.president-list ul li strong{display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:400; line-height:1; color:#fff; background:#279FD9; border-radius:50px; padding:6px 12px;}
.president-list ul li .president-text{display:flex; flex-direction:column; align-items:center; gap:8px;}
.president-list ul li .president-text span{font-size:16px; font-weight:400; line-height:1; color:#555;}
.president-list ul li .president-text p{display:flex; flex-direction:column; align-items:center; gap:6px; font-size:24px; font-weight:700; line-height:1; color:#333;}
.president-list ul li .president-text p small{font-size:13px; font-weight:400; line-height:1; color:#a1a1a1;}
@media (max-width:768px){
.president-list ul{gap:8px;}
.president-list ul li{flex:0 0 calc((100% - (8px * 1)) / 2); max-width:calc((100% - (8px * 1)) / 2); gap:8px; padding:16px;}
.president-list ul li strong{font-size:12px;}
.president-list ul li .president-text span{font-size:14px;}
.president-list ul li .president-text p{font-size:20px;}
.president-list ul li .president-text p small{font-size:11px;}
}


/* 회원교현황 */
.member-list{display:flex; flex-wrap:wrap; gap:24px;}
.member-list dl{flex:0 0 calc((100% - (24px * 2)) / 3); max-width:calc((100% - (24px * 2)) / 3);
display:flex; flex-direction:column; align-items:flex-start; gap:24px; border:1px solid #ddd; border-radius:8px; padding:24px;}
.member-list dl dt{width:100%;}
.member-list dl dt a{width:100%; display:flex; justify-content:space-between; align-items:center; gap:24px;}
.member-list dl dt a .member-emblem{flex:1; max-width:170px; max-height:42px; display:flex;}
.member-list dl dt a .member-emblem img{display:block;}
.member-list dl dt a span{width:36px; height:36px; display:flex; justify-content:center; align-items:center; background:#eee; border-radius:50px;}
.member-list dl dt a span:hover{background:#E1EDF3;}
.member-list dl dt a span img{width:14px; display:block;}

.member-list dl dd{width:100%;}
.member-list dl dd a{width:100%; display:flex; align-items:center; gap:24px; background:#f5f5f5; border-radius:8px; padding:16px;}
.member-list dl dd a:hover{background:#E1EDF3;}
.member-list dl dd a .member-name{flex:1; display:flex; align-items:flex-end; gap:8px;}
.member-list dl dd a .member-name p{font-size:20px; font-weight:500; line-height:1; color:#333;}
.member-list dl dd a .member-name small{font-size:14px; font-weight:400; line-height:1; color:#555;}
.member-list dl dd a:hover .member-name p{color:#279FD9;}
.member-list dl dd a:hover .member-name small{color:#279FD9;}
.member-list dl dd a span{display:flex; justify-content:center; align-items:center;}
.member-list dl dd a span img{width:14px; display:block;}
@media (max-width:768px){
.member-list{gap:8px;}
.member-list dl{flex:0 0 calc((100% - (8px * 1)) / 2); max-width:calc((100% - (8px * 1)) / 2); gap:8px; padding:12px;}
.member-list dl dt a{gap:8px;}
.member-list dl dt a .member-emblem{max-width:120px; max-height:32px;}
.member-list dl dt a .member-emblem img{}
.member-list dl dt a span{width:32px; height:32px;}
.member-list dl dt a span img{width:12px;}

.member-list dl dd a{gap:8px; padding:8px 12px;}
.member-list dl dd a .member-name{flex-direction:column; align-items:flex-start; gap:4px;}
.member-list dl dd a .member-name p{font-size:14px;}
.member-list dl dd a .member-name small{font-size:12px;}
.member-list dl dd a span img{width:12px;}
}


/* 문의 */
.form-grid{display:flex; flex-direction:column; gap:16px;}
.form-grid .form-group{display:flex; flex-direction:column; gap:8px;}
.form-grid .form-group .form-label{font-size:14px; font-weight:400; line-height:1; color:#333; margin:0;}
.form-grid .form-group input{height:36px;}
.form-grid .form-group input,
.form-grid .form-group textarea{font-size:14px;}
.form-grid .form-grid-btn{display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; background:#279FD9; border-radius:8px; padding:8px;}


/* 비밀글 확인 */
.secretView-wrap{display:flex; flex-direction:column; gap:8px;}
.secretView-wrap .secretView-box{display:flex; flex-direction:column; gap:8px;}
.secretView-wrap .secretView-box label{flex:1; font-size:14px; font-weight:500; color:#333;}
.secretView-wrap .secretView-box input{width:100%; height:40px; background:#fff; border:1px solid #ddd; border-radius:8px; padding:8px;}
.secretView-wrap .secretView-box .errorMessage{display:none;}
.secretView-wrap .secretView-enter{flex:1;}
.secretView-wrap .secretView-enter button{width:100%; display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; background:#279FD9; border-radius:8px; padding:8px;}
.secretView-wrap .secretView-error{}
.secretView-wrap .secretView-error label{}
.secretView-wrap .secretView-error input{border:1px solid #f44236;}
.secretView-wrap .secretView-error .errorMessage{display:block; font-size:12px; line-height:1; color:#f44236; margin:-4px 0 0;}