@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");

.footer {border-top:1px solid var(--border)}


/* °øÅë CSS */
* {box-sizing:border-box}
i {font-style:normal}
span {letter-spacing:inherit}
.ex-bold {font-weight:800}
.before_icon::before {font-family:var(--icon); font-size:24px; font-weight:400; line-height:1}

.fs42 {font-size: 2.333rem; line-height: 138.095%; letter-spacing: -2.1px;}
.fs38 {font-size: 1.801rem; line-height: 142.105%; letter-spacing: -1.9px;}
.fs25 {font-size: 1.19rem; line-height: 140%; letter-spacing: -0.75px;}
.fs23 {font-size: 1.095rem; line-height: 152.174%; letter-spacing: -0.69px;}
.fs21 {font-size: 1rem; line-height: 157.143%; letter-spacing: -0.63px;}

.info_dl {padding:25px 0; border-top: 1px dashed var(--border); border-bottom: 1px dashed var(--border);}
.info_dl.no_btm_border{border-bottom:0; padding-bottom:0 !important}
.info_dl dl {padding-left:69px; position:relative}
.info_dl dl+dl {margin-top:11px}
.info_dl dt {display: flex; justify-content: center; align-items: center; border-radius: 100px; border: 1px solid var(--main); position:absolute; top:-1px; left:0; width:62px}

.img100 img {width:100%}

/* ¸®½ºÆ® ½ºÅ¸ÀÏ */
.grid {display:grid;}
.grid2 {grid-template-columns:repeat(2,1fr)}
.grid4 {grid-template-columns:repeat(4,1fr)}

.grid30 {grid-gap:30px}



/* °øÅë °£°Ý */
.marb70 {margin-bottom:70px}
.marb60 {margin-bottom:60px}
.marb40 {margin-bottom:40px}
.marb35 {margin-bottom:35px}
.marb30 {margin-bottom:30px}
.marb25 {margin-bottom:25px}
.marb20 {margin-bottom:20px}
.marb17 {margin-bottom:17px}
.marb15 {margin-bottom:15px}
.marb10 {margin-bottom:10px}
.marb5 {margin-bottom:5px}

/* Ä«Å×°í¸® */
.tab_wrap {overflow:hidden}
.cate-tab ul {width:fit-content; margin:0 auto}
.cate-tab li {width:auto; margin-right:5px}
.cate-tab li:last-child {margin-right:0}
.cate-tab li a {display:flex; width: 150px; padding: 13px; justify-content: center; align-items: center; color: var(--black); text-align: center; font-size: 1rem; line-height: 157.143%; letter-spacing: -0.63px; border-radius: 100px; background: var(--grayBg);}
.cate-tab li.hover a {background: var(--main); color: var(--white); font-weight: 800;}

.cate-tab li a:hover {background: var(--main); color: var(--white);}  

/* Çù·Â±â°ü ·Ñ¸µ */
.news_partner .basic_in {display:flex; align-items:center;}
.news_partner .basic_in > p.fs38 {width:230px; flex-shrink:0}
.news_partner .basic_in .partner-swiper {width:100%}
.news_partner .basic_in .partner-swiper .swiper-slide {padding:12px; background:var(--white); aspect-ratio:257 / 103; display:flex; align-items:center; justify-content:center;}
.news_partner .basic_in .partner-swiper .swiper-slide img {max-width:100%; height:auto; max-height:100%;}


/* ¼­ºêž */
#visual{position:relative; width:100%; height:440px; background:#000; margin-top:110px}
#visual .visual_in {position:absolute; left:50%; top:0; z-index:9999; height:100%; transform:translateX(-50%);}
#visual .v_txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
#visual .v_txt p {font-size: 2.571rem; line-height: 125.926%; letter-spacing: -2.7px; animation: v_txt 1.8s;}
#visual .v_txt p span {font-weight: 300;}
#visual .v_bg{position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden;}
#visual .v_bg .bg{position:absolute; left:0; top:0; width:100%; height:100%; transform: scale(1); animation: m_vsImg 1.8s;}

@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes v_txt {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

/* Visual_LNB */
.visual_lnb{position: absolute; left: 0; bottom: 0; width:100%; background:var(--white); transform:translateY(50%); box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);}
.visual_lnb dl{display: flex;}
.visual_lnb dl dt a{display: flex; align-items:center; width: 74px; font-size:0; transition:all .3s linear; aspect-ratio:1/1; justify-content:center; background:var(--main);}
.visual_lnb dl dd{display:flex; align-items:center; position:relative; width:calc((100% - 74px) / 3); padding:0 25px 0 25px; box-sizing:border-box; border-right:1px solid var(--border)}
.visual_lnb dl dd:nth-child(4) {border-right:0}
.visual_lnb dl dd .txt{font-size: 1rem; line-height: 157.143%; letter-spacing: -0.63px;box-sizing:border-box; position: relative; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:100%; padding-right:26px}
.visual_lnb dl dd .txt::after {content:"\e313"; font-family:var(--icon); font-size:26px; line-height:1; font-weight:400; opacity:0.6; color:var(--black); position:absolute; top:50%; right:0; transform:translateY(-50%); transition:all 0.3s linear}
.visual_lnb dl dd .txt.on::after {transform:translateY(-50%) rotate(180deg)}
.visual_lnb dl dd:last-child .txt {font-weight:800; color:var(--main);}
.visual_lnb dl dd .dlst{position: absolute; z-index: 999; width: 100%; background-color: var(--white); padding: 10px 25px; box-sizing:border-box; display: none; box-shadow:5px 5px 15px rgba(0,0,0,0.05); top:74px; left:0}
.visual_lnb dl dd .dlst.on{display: block;}
.visual_lnb dl dd .dlst ul li{padding: 0 0 11px;}
.visual_lnb dl dd .dlst ul li:last-child{padding: 0;}
.visual_lnb dl dd .dlst ul li a {line-height:150%; display:block}
.visual_lnb dl dd .dlst ul li a:hover {color:var(--main);}
.visual_lnb dl dd .dlst ul li a.on{color:var(--main); font-weight:700}
.search_none .visual_lnb dl dd:last-child{display: none;}


/* ¼­ºêŸÀÌƲ */
#subtitle {padding:130px 0 70px}
#subtitle.ver2 {margin-top:-50px}


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont{position:relative; overflow:hidden; font-size:1rem;}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding-bottom:18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:var(--letter-spacing-default);}
.policy_cont .cont_txt {padding:0px 0px 35px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:var(--letter-spacing-default); line-height:1.7;}

.privacy_list {width:100%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 


/* ÀÔȸ½Åû */
.enrollment_cont .enroll_flex {display:flex; align-items:flex-start}
.enrollment_cont .enroll_flex > p.fs30 {line-height:133.333%; letter-spacing:-1.5px; width:345px; flex-shrink:0}
.enrollment_cont .enroll_flex .enroll_flex_info ol {counter-reset: number 0;}
.enrollment_cont .enroll_flex .enroll_flex_info ol li {display:flex; align-items:flex-start; gap:8px}
.enrollment_cont .enroll_flex .enroll_flex_info ol li::before {flex-shrink:0; counter-increment: number 1; content: counter(number); display: flex; width: 32px; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 100px; background: var(--main); color: var(--white); font-size: 0.857rem; font-weight: 600; line-height: 166.667%; letter-spacing: -0.54px;}
.enrollment_cont .enroll_flex .enroll_flex_info ol li+li {margin-top:12px}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list {display:flex; gap:4px; flex-wrap:wrap;}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a {padding:14px 17px 14px 20px; display:flex; align-items:center; gap:22px; border:1px solid var(--main); flex-direction:row-reverse}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a.white {background:var(--main);}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a::before {transition:inherit}

.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a.point::before {content:"\f090";}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a.white::before {content:"\e89e";}

.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a.point:hover {background:var(--main); color:var(--white) !important}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a.white:hover {background:var(--white); color:var(--main) !important;}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

}


/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1300px){
/* ºñÁÖ¾ó */
#visual .v_txt p {font-size:2.2rem}

/* ¼­ºêŸÀÌƲ */
#subtitle {padding:100px 0 55px}

/* °øÅë °£°Ý */
.marb70 {margin-bottom:55px}
.marb60 {margin-bottom:45px}
.marb40 {margin-bottom:35px}
.marb35 {margin-bottom:30px}

/* ÀÔȸ½Åû */
.enrollment_cont .enroll_flex br {display:none}
.enrollment_cont .enroll_flex > p.fs30 {width:250px}

/* Çù·Â±â°ü ·Ñ¸µ */
.news_partner .basic_in > p.fs38 {width:190px; flex-shrink:0}

}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* ºñÁÖ¾ó */
#visual {height:350px; margin-top:100px}

/* Visual_LNB */
.visual_lnb dl dt a {width:60px}
.visual_lnb dl dt a svg {Width:23px; height:auto}
.visual_lnb dl dd {width:calc((100% - 60px) / 3); padding:0 15px 0 20px}
.visual_lnb dl dd .txt {padding-right:20px}
.visual_lnb dl dd .txt::after {font-size:20px}
.visual_lnb dl dd .dlst {top:60px; padding:10px 20px}


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont{}
.policy_cont p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_cont .cont_txt {padding:0px 0px 25px 0; }
.policy_cont .cont_txt2 {padding-bottom:25px;}
.policy_cont .cont_box {padding:18px 18px; }

.privacy_list {margin-bottom:30px;}
.privacy_list li {width:100%;  }

/* ¼­ºêŸÀÌƲ */
#subtitle {padding:70px 0 40px}
#subtitle.ver2 {margin-top:-30px}

/* °øÅë CSS */
.fs42 {font-size:1.7rem; letter-spacing:-1.3px}
.fs38 {font-size:1.5rem; letter-spacing:-1.2px}

.info_dl {padding:15px 0}
.info_dl dl {padding-left:65px}
.info_dl dt {width:55px; top:1px}

/* Ä«Å×°í¸® */
.cate-tab li a {width:100px; padding:6px; font-size:16px;}



/* °øÅë °£°Ý */
.marb70 {margin-bottom:40px}
.marb60 {margin-bottom:30px}
.marb40 {margin-bottom:20px}
.marb35 {margin-bottom:20px}
.marb30 {margin-bottom:15px}
.marb25 {margin-bottom:15px}
.marb20 {margin-bottom:12px}
.marb17 {margin-bottom:10px}
.marb15 {margin-bottom:10px}
.marb10 {margin-bottom:5px}

/* ÀÔȸ½Åû */
.enrollment_cont .enroll_flex {display:block}
.enrollment_cont .enroll_flex > p.fs30 {Width:100%; margin-bottom:20px}
.enrollment_cont .enroll_flex .enroll_flex_info ol li {gap:6px}
.enrollment_cont .enroll_flex .enroll_flex_info ol li+li {margin-top:8px}
.enrollment_cont .enroll_flex .enroll_flex_info ol li::before {width:25px; position:relative; top:1px}

.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a {padding:10px 13px 10px 15px; gap:15px}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a::before {font-size:20px}

/* Çù·Â±â°ü ·Ñ¸µ */
.news_partner .basic_in {display:block}
.news_partner .basic_in > p.fs38 {width:100%; margin-bottom:20px}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* ºñÁÖ¾ó */
#visual {height:300px; margin-top:70px}
#visual .v_txt {width:90%}
#visual .v_txt p {font-size:2rem; line-height:140%; letter-spacing:-2px}
.visual_in {width:100%}

/* Visual_LNB */
.visual_lnb dl dt {display:none}
.visual_lnb dl dd {height:55px; width:calc(100% / 3); flex:1; padding:0 12px 0 15px}
.visual_lnb dl dd:last-child {border-right:0}
.visual_lnb dl dd .txt {padding-right:18px}
.visual_lnb dl dd .txt::after {font-size:18px}
.visual_lnb dl dd .dlst {top:55px; padding:8px 15px}
.visual_lnb dl dd .dlst ul li a {word-break:break-all; line-height:140%}

/* ¼­ºêŸÀÌƲ */
#subtitle {padding:60px 0 30px}
#subtitle h3 {font-size:1.8rem; letter-spacing:-1px; word-break:break-all}

/* °øÅë CSS */
.fs42 {font-size:1.4rem}

.info_dl {padding:10px 0}
.info_dl dl {padding-left:53px}
.info_dl dt {width:45px; font-size:15px;}

/* Ä«Å×°í¸® */
.cate-tab li a {width:75px; padding:3px; font-size:15px;}

/* °øÅë °£°Ý */
.marb70 {margin-bottom:30px}
.marb60 {margin-bottom:25px}
.marb40 {margin-bottom:15px}
.marb35 {margin-bottom:15px}
.marb25 {margin-bottom:10px}

/* ÀÔȸ½Åû */
.enrollment_cont .enroll_flex > p.fs30 {margin-bottom:15px}
.enrollment_cont .enroll_flex .enroll_flex_info ol li::before {width:22px}
.enrollment_cont .enroll_flex .enroll_flex_info .btn_list a {width:100%; justify-content:center;}
}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

#visual .v_txt p {text-wrap:balance}
#visual .v_txt p br {display:none}
}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}