@charset "UTF-8";

/***** Àüü°úÁ¤ *****/
div.course-wrap{width:1400px; margin:0 auto; margin-bottom:9rem;}
div.course-wrap div.course-util{display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; padding:0 0.5rem;}
div.course-wrap div.course-util div.count{color:#777;}
div.course-wrap div.course-util div.count span.num{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap div.course-util div.view-type{display:flex; align-items:center; gap:0.5rem; position:relative;}
div.course-wrap div.course-util div.view-type:after{content:''; display:block; width:1px; height:12px; background:#ccc; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(20deg);}
div.course-wrap div.course-util div.view-type a.type{width:2rem; height:2rem; position:relative; opacity:.5;}
div.course-wrap div.course-util div.view-type a.type span.tooltip{opacity:0; top:0; position:absolute; left:-0.8rem; background:#fff; font-size:13px;  border:1px solid #ddd; padding:0.2rem 0.4rem; text-wrap:nowrap; text-align:center; transition:0.3s; -webkit-transition:0.3s;}
div.course-wrap div.course-util div.view-type a.type.list{background:url("/fro_end/img/course_type_list.svg")center/55% auto no-repeat;}
div.course-wrap div.course-util div.view-type a.type.thumb{background:url("/fro_end/img/course_type_thumb.svg")center/60% auto no-repeat;}
div.course-wrap div.course-util div.view-type a.type:hover{opacity:1;}
div.course-wrap div.course-util div.view-type a.type:hover > span.tooltip{top:-1.2rem; opacity:1;}
div.course-wrap div.course-util div.view-type a.type.on{opacity:1;}
div.course-wrap div.course-util div.view-type a.type.list.on{background-image:url("/fro_end/img/course_type_list_on.svg");}
div.course-wrap div.course-util div.view-type a.type.thumb.on{background-image:url("/fro_end/img/course_type_thumb_on.svg");}
div.course-wrap ul.course-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.course-wrap ul.course-list li{width:48%; margin-bottom:3rem;}
div.course-wrap ul.course-list li div.course{background:#fff; border:2px solid #ddd; border-radius:1.25rem; padding:2rem; transition:0.3s; -webkit-transition:0.3s;}
div.course-wrap ul.course-list li div.course div.left{display:none;}
div.course-wrap ul.course-list li div.course div.left div.thumb{height:14rem;}
div.course-wrap ul.course-list li div.course div.left div.thumb img{width:100%; height:100%; object-fit:cover;}
div.course-wrap ul.course-list li div.course div.right div.top{border-bottom:1px solid #ddd; margin-bottom:1.5rem; padding-bottom:1.5rem; position:relative;}
div.course-wrap ul.course-list li div.course div.right div.top div.icon{display:flex; gap:0.4rem; align-items:center; position:absolute; top:0; right:0;}
div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico{font-size:0.9rem; font-family:'Pretendard-Bold',sans-serif; background:#fff; display:inline-block; border:2px solid; padding:0.25rem 0.5rem; border-radius:5px;}
div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico.ico01{border-color:#ff9344; color:#ff9344; box-shadow:0 8px 18px rgba(255,147,68,0.2); /*½Å±Ô*/}
div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico.ico02{border-color:#43afff; color:#43afff; box-shadow:0 8px 18px rgba(67, 175, 255, 0.2);  /*ÇÒÀÎ*/}
div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico.ico03{border-color:#e43d40; color:#e43d40; box-shadow:0 8px 18px rgba(228, 61, 64, 0.2);  /*̵̧*/}
div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico.ico04{border-color:#b175ff; color:#b175ff; box-shadow:0 8px 18px rgba(177, 117, 255, 0.2); /*Àαâ*/}
div.course-wrap ul.course-list li div.course div.right div.top p.name{font-size:1.5rem; color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif; padding-right:6rem;}
div.course-wrap ul.course-list li div.course div.right div.top p.lang{position:absolute; top:0.25rem; right:0;}
div.course-wrap ul.course-list li div.course div.right div.top p.lang span{display:inline-block; color:#aaa; border:1px solid #ddd; letter-spacing:-0.3px; margin:0 1px; border-radius:50px; padding:4px 8px; font-family:'Montserrat_M','Pretendard-Medium',sans-serif; font-size:12px;}
div.course-wrap ul.course-list li div.course div.right div.top div.label{display:flex; align-items:center; flex-wrap:wrap; gap:0.25rem;}
div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab{font-size:12px; display:inline-block; margin-top:0.5rem; border-radius:50px; color:#fff; background:#a9abb7; padding:0.25rem 0.5rem; font-family:'Pretendard-Medium',sans-serif;}
div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab.lab01{background:#8b939b; /*»ç¾÷ÁÖ*/}
div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab.lab02{background:#2496d6; /*±¸Á÷ÀÚ*/}
div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab.lab03{background:#6ba11e; /*±Ù·ÎÀÚ*/}
div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab.lab04{background:#ff2768; /*ºñȯ±Þ*/}
div.course-wrap ul.course-list li div.course div.right div.mid{margin-bottom:3rem;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf{display:block; padding:0 0.5rem;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li{width:100%; display:flex; margin-bottom:1rem;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li:last-child{margin-bottom:0;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-t{width:5rem; min-width:5rem; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c{}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c ul.modules{display:flex; flex-wrap:wrap; gap:0.25rem; justify-content:flex-start;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c ul.modules li{width:auto; padding:0.4rem 0.8rem; font-size:0.9rem; margin:0; background:rgba(0,45,122,0.08); color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif; border-radius:5px;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c p.fix-inf{font-size:0.85rem; font-family:'Pretendard-SemiBold',sans-serif; color:var(--color-main04); margin-top:0.5rem; position:relative; padding-left:0.6rem;}
div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c p.fix-inf:before{content:''; display:block; width:4px; height:4px; background:var(--color-main04); border-radius:50%; position:absolute; top:0.35rem; left:0;}
div.course-wrap ul.course-list li div.course div.right div.bot{}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap{display:flex; gap:1rem;}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a[class*="btn-"]{flex-grow:1; background:#f5f5f5; border:1px solid #ddd; padding:1rem 1.25rem;position:relative; border-radius:0.5rem; font-family:'Pretendard-Medium',sans-serif; transition:0.3s; -webkit-transition:0.3s;}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a[class*="btn-"]:after{content:''; display:block; width:1.2em; height:1.2em; position:absolute; top:50%; right:1rem; transform:translateY(-50%); background:url("/fro_end/img/ico_next.svg")center/100% auto no-repeat;}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a.btn-download:after{background:url("/fro_end/img/ico_download.svg")center/90% auto no-repeat;}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a.btn-apply{border-color:var(--color-main01); background:var(--color-main01); color:#fff; flex-grow:2; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a.btn-apply:after{background:url("/fro_end/img/ico_next_wh.svg")center/100% auto no-repeat;}
@media(hover:hover){
	div.course-wrap ul.course-list li:hover div.course{border:2px solid #333;}
	div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a[class*="btn-"]:hover{background:#fff;}
	div.course-wrap ul.course-list li div.course div.right div.bot div.btn-wrap a.btn-apply:hover{background:var(--color-main02); border-color:var(--color-main02);}
}

/* Àüü°úÁ¤ - ½æ³×ÀÏÇü */
div.course-wrap ul.course-list.type-thumb{}
div.course-wrap ul.course-list.type-thumb li{width:100%;}
div.course-wrap ul.course-list.type-thumb li div.course{display:flex; justify-content:space-between; align-items:flex-start;}
div.course-wrap ul.course-list.type-thumb li div.course div.left{display:block; width:30%;}
div.course-wrap ul.course-list.type-thumb li div.course div.left div.thumb{width:85%;}
div.course-wrap ul.course-list.type-thumb li div.course div.right{width:70%; display:flex; flex-wrap:wrap;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.top{width:100%; padding-bottom:1rem;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.mid{width:75%; margin-bottom:0;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.mid ul.inf{padding:0;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.mid ul.inf li{margin-bottom:1rem;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.mid ul.inf li:last-child{margin-bottom:0;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot{width:25%; padding-left:1rem;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot div.btn-wrap{flex-direction:column;}
div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot div.btn-wrap a[class*="btn-"]{width:100%;}


/***** Àüü°úÁ¤(¸®½ºÆ®) - ¿Â¶óÀÎ *****/
div.course-wrap.online ul.course-list li div.course div.right div.top{margin-bottom:1rem; padding-bottom:1rem;}


/***** Àüü°úÁ¤ - »ó¼¼ *****/
div.course-wrap.detail div.sect div.sect-tit{margin-bottom:1.5rem;}
div.course-wrap.detail div.sect div.sect-tit h3.tit{font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; padding-bottom:1rem; border-bottom:2px solid #333;}
div.course-wrap.detail div.sect div.sect-tit p.txt{color:#999; margin-top:0.5rem;}
div.course-wrap.detail div.sect div.sect-tit.noline{margin-bottom:1rem;}
div.course-wrap.detail div.sect div.sect-tit.noline h3.tit{border-bottom:none; padding-bottom:0;}
div.course-wrap.detail{display:flex; position:relative;}
div.course-wrap.detail section.left{width:26%;}
div.course-wrap.detail section.left div.fixed{width:23rem; position:absolute; top:0; left:0;}
div.course-wrap.detail section.left ul.course-list{display:block;}
div.course-wrap.detail section.left ul.course-list li{width:100%; margin-bottom:1rem;}
div.course-wrap.detail section.left ul.course-list li div.course{padding:1.6rem; box-shadow:0 10px 25px rgba(0,0,0,0.15); border:0;}
div.course-wrap.detail section.left ul.course-list li div.course div.left{display:block; width:100%; margin-bottom:1rem;}
div.course-wrap.detail section.left ul.course-list li div.course div.left div.thumb{width:100%; height:12rem;}
div.course-wrap.detail section.left ul.course-list li div.course div.right{}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.top p.name{padding-right:0;}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.top div.icon{top:-12.5rem; right:0.5rem;}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.mid{}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.mid ul.inf{}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.mid ul.inf li{display:block;}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.mid ul.inf li div.inf-t{width:100%; margin-bottom:0.25rem;}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.mid ul.inf li div.inf-c{width:100%;}
div.course-wrap.detail section.left ul.course-list li div.course div.right div.bot div.btn-wrap{text-align:left;}
div.course-wrap.detail section.left div.btn-wrap{text-align:right;}
div.course-wrap.detail section.left div.btn-wrap a.btn-back{border-bottom:1px solid #ccc; position:relative; padding:0.5rem 0; padding-left:2rem; padding-bottom:0.25rem;}
div.course-wrap.detail section.left div.btn-wrap a.btn-back:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_next.svg")center/100% auto no-repeat; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(-180deg);}
div.course-wrap.detail section.left div.btn-wrap a.btn-back:hover{border-bottom-color:#333;}
div.course-wrap.detail section.right{width:74%; padding-left:5rem; margin-top:1rem;}
div.course-wrap.detail section.right div.sect{margin-bottom:8rem;}
div.course-wrap.detail section.right div.sect div.sect-con div.con{margin-bottom:3rem;}
div.course-wrap.detail section.right div.sect div.sect-con div.con.last{padding-bottom:3rem; margin-bottom:2rem; border-bottom:1px solid #ddd;}
div.course-wrap.detail section.right div.sect div.sect-con div.con h4.tit{font-size:1.2rem; color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif; position:relative; padding-left:1rem; margin-bottom:1rem;}
div.course-wrap.detail section.right div.sect div.sect-con div.con h4.tit:before{content:''; display:block; width:5px; height:5px; border-radius:50%; background:var(--color-main01); position:absolute; top:0.55rem; left:2px;}
div.course-wrap.detail section.right div.sect div.sect-con div.btn-center-wrap{margin-top:0;}
div.course-wrap.detail section.right div.sect div.sect-con div.btn-center-wrap a.btn-apply{background:var(--color-main02); color:#fff; font-size:1.125rem;  padding:1rem 7rem 1rem 1.5rem; font-family:"Pretendard-SemiBold",sans-serif; border-radius:0.5rem; position:relative; transition:0.3s; -webkit-transition:0.3s;}
div.course-wrap.detail section.right div.sect div.sect-con div.btn-center-wrap a.btn-apply:after{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ico_next_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; right:1.25rem; transform:translateY(-50%);}
div.course-wrap.detail section.right div.sect.sect02{}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap{}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn{display:flex; align-items:center; gap:2rem; border-bottom:1px solid #ddd; margin-bottom:2rem}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li{font-size:1.5rem; color:#777; font-family:'Pretendard-Light',sans-serif;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li a{padding-bottom:1rem; position:relative;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li a:after{content:''; display:block; width:0; height:3px; background:#333; position:absolute; bottom:-1.5px; left:0;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li.on{font-family:'Pretendard-Bold',sans-serif; color:#333;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li.on a{}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li.on a:after{width:100%;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con{}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con{display:none;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con div.set{margin-bottom:2rem;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con div.set h4.tit{margin-bottom:0.5rem;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con div.set div.con-box{margin-left:0.5rem; background:#f5f5f5; padding:1.25rem; line-height:1.4; border-radius:0.5rem;}
div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con div.set div.con-box img{max-width:100%;}
div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject{display:flex; flex-wrap:wrap; justify-content:space-between;}
div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li{width:49%; margin-bottom:0.8rem; border:2px solid #333; border-radius:0.5rem;}
div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a{display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; padding:2rem;}
div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a p.sj-name{padding-right:1rem; font-family:'Pretendard-SemiBold',sans-serif; font-size:1.125rem;}
div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a span.btn-go{border-bottom:1px solid #777; padding-bottom:2px; width:fit-content; font-size:0.95rem; opacity:.6; text-wrap:nowrap;}
@media(hover:hover){
	div.course-wrap.detail section.left ul.course-list li div.course{border:0;}
	div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li:hover{font-family:'Pretendard-Bold',sans-serif; color:#333;}
	div.course-wrap.detail section.right div.sect div.sect-con div.btn-center-wrap a.btn-apply:hover{transform: scaleX(1.08) scaleY(1.12) translateZ(0);}
	div.course-wrap.detail section.right div.sect div.sect-con div.btn-center-wrap a.btn-apply:active{transform: scaleX(0.95) scaleY(0.93) translateZ(0);}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li:hover a span.btn-go{border-color:#333; opacity:1;}
}

/* Àüü°úÁ¤ - »ó¼¼ */
div.course-wrap.detail ul.modules{width:fit-content; display:flex; align-items:center; gap:0.5rem; margin-bottom:2rem; background:#f0f2f3; padding:0.5rem; border-radius:0.5rem;}
div.course-wrap.detail ul.modules li{color:#555; border-radius:0.3rem;}
div.course-wrap.detail ul.modules li a{padding:0.6rem 1.5rem;}
div.course-wrap.detail ul.modules li.on{background:var(--color-main01); box-shadow:0 5px 12px rgba(0,45,122,0.3); color:#fff; font-family:'Pretendard-Bold',sans-serif;}
@media(hover:hover){
	div.course-wrap.detail ul.modules li:not(.on):hover{background:rgba(255,255,255,0.7);}
}

/* Àüü°úÁ¤ - »ó¼¼ - course table  */
div.course-wrap.detail div.course-table{}
div.course-wrap.detail div.course-table div.c-thead{font-family:'Pretendard-Bold',sans-serif; background:var(--color-main01); color:#fff; border-radius:0.5rem;}
div.course-wrap.detail div.course-table div.c-thead ul.c-tr{padding:1rem 0;}
div.course-wrap.detail div.course-table div.c-tbody{}
div.course-wrap.detail div.course-table div.c-tbody ul.c-tr{border:1px solid #ddd; padding:1rem 0; margin-top:0.4rem; border-radius:0.5rem; background:#f7f7f7; transition:0.2s; -webkit-transition:0.2s; cursor:pointer;}
div.course-wrap.detail div.course-table div.c-tbody ul.c-tr li{color:#555;}
div.course-wrap.detail div.course-table div.c-tbody ul.c-tr.chk{border-color:#333; background:#fff;}
div.course-wrap.detail div.course-table div.c-tbody ul.c-tr.chk li{color:#111;}
div.course-wrap.detail div.course-table div.c-tbody ul.c-tr.empty{border:0; text-align:center; border-radius:0; background:#fff; cursor:default; width:100%; display:block;}
div.course-wrap.detail div.course-table ul.c-tr{display:flex; align-items:center;}
div.course-wrap.detail div.course-table ul.c-tr li{text-align:center; padding:0 0.25rem;}
div.course-wrap.detail div.course-table ul.c-tr li.col5{width:5%;}
div.course-wrap.detail div.course-table ul.c-tr li.col10{width:10%;}
div.course-wrap.detail div.course-table ul.c-tr li.col15{width:15%;}
div.course-wrap.detail div.course-table ul.c-tr li.col20{width:20%;}
div.course-wrap.detail div.course-table ul.c-tr li.col25{width:25%;}
div.course-wrap.detail div.course-table ul.c-tr li.col30{width:30%;}
div.course-wrap.detail div.course-table ul.c-tr li.col35{width:35%;}
div.course-wrap.detail div.course-table ul.c-tr li.col40{width:40%;}
div.course-wrap.detail div.course-table ul.c-tr li.col45{width:45%;}
div.course-wrap.detail div.course-table ul.c-tr li.col50{width:50%;}
div.course-wrap.detail div.course-table ul.c-tr li.col55{width:55%;}
div.course-wrap.detail div.course-table ul.c-tr li.col60{width:60%;}
div.course-wrap.detail div.course-table ul.c-tr li.col65{width:65%;}
div.course-wrap.detail div.course-table ul.c-tr li.col70{width:70%;}
div.course-wrap.detail div.course-table ul.c-tr li.col75{width:75%;}
div.course-wrap.detail div.course-table ul.c-tr li.col80{width:80%;}
div.course-wrap.detail div.course-table ul.c-tr li.col85{width:85%;}
div.course-wrap.detail div.course-table ul.c-tr li.col90{width:90%;}
div.course-wrap.detail div.course-table ul.c-tr li.col95{width:95%;}
@media(hover:hover){
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr:not(.chk):hover{background:#fff; border-color:#aaa;}
}


/***** ¼ö°­½Åû *****/
div.course-wrap.regist section.left ul.course-list li div.course div.right div.mid{margin-bottom:0;}
div.course-wrap.regist section.right div.sect{margin-bottom:4rem;}
div.course-wrap.regist section.right div.sect.sect01 div.sect-con div.period{font-size:0.9rem; margin-top:0.25rem; color:#666;}
div.course-wrap.regist section.right div.sect.sect01 div.sect-con div.period span.tag{vertical-align:bottom; margin-right:0.125rem; font-family:'Pretendard-Medium',sans-serif;}
div.course-wrap.regist section.right div.sect.sect01 div.sect-con div.period span.tag.blue{color:var(--color-blue);}
div.course-wrap.regist section.right div.sect.sect01 div.sect-con div.period span.tag.green{color:var(--color-main03);}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.coupon{display:flex; align-items:center; justify-content:center; gap:2rem; margin-bottom:1rem;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.coupon div.tit{font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.coupon div.sel{}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.coupon div.sel select{}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.coupon div.sel a.btn-regist{height:3rem; line-height:3rem; padding:0 1rem; background:#333; border:1px solid #333; color:#fff; border-radius:5px;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total{background:#f5f5f5; padding:2rem; text-align:center; font-size:1.5rem;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total span.tit{margin-right:1rem; font-family:'Pretendard-Bold',sans-serif;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total span.bp{font-family:'Montserrat_B','Pretendard-Bold',sans-serif; color:var(--color-main02); font-size:1.55rem;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total span.bp span.won{font-family:'Pretendard-Regular',sans-serif; color:#333;  margin-left:0.125rem;}
div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total span.coupon{display:block; font-size:0.95rem; margin-top:0.8rem; color:#9f9f9f;}
div.course-wrap.regist section.right div.sect.sect04 div.sect-con div.form{}
div.course-wrap.regist section.right div.sect.sect04 div.sect-con div.form div.form-item{}
div.course-wrap.regist section.right div.sect.sect04 div.sect-tit{margin-bottom:0;}
div.course-wrap.regist section.right div.sect.sect04 div.sect-con div.form div.form-item div.con{margin-bottom:0;}
div.course-wrap.regist section.right div.sect.sect05 div.agree-box{text-align:center; border-top:1px solid #333; padding:2rem 0;}
div.course-wrap.regist section.right div.sect.sect05 div.agree-box div.tit{}
div.course-wrap.regist section.right div.sect.sect05 div.agree-box div.agree{margin-top:1rem;}
div.course-wrap.regist section.right div.sect.sect05 div.agree-box div.agree label.c-input.ci-check{font-size:1.35rem; padding-left:2rem;}
div.course-wrap.regist section.right div.sect.sect05 div.btn-center-wrap{margin-top:1rem;}



/***** 
	* Áö¿ø¼­ ÀÛ¼ºÆû 
	* ¼ö°­»ý¸ðµå¿Í °ü¸®ÀÚ¸ðµå, °­»ç¸ðµå°¡ °°Àº ÆûÀ» »ç¿ë ¼öÁ¤ ½Ã À¯ÀÇ 
*****/
div.apply-form{width:800px; margin:0 auto; min-height:100%; position:relative;}
div.apply-form span.esse{color:var(--color-main04); font-weight:bold;}
div.apply-form p.inf{margin:0.5rem 0; position:relative; font-size:0.9rem; padding-left:1.5em; font-family:'Pretendard-Medium',sans-serif; color:var(--color-main02);}
div.apply-form p.inf:before{content:''; display:block; width:1.125em; height:1.125em; background:url("/fro_end/img/mypage_inf.svg")center/100% auto no-repeat; position:absolute; top:1px; left:0;}
div.apply-form div.apply-top{margin-bottom:5rem;}
div.apply-form div.apply-top ul.step-tit{display:flex;}
div.apply-form div.apply-top ul.step-tit li{width:33.33%; position:relative; padding-top:1.5rem; display:flex; align-items:center; gap:0.5rem;}
div.apply-form div.apply-top ul.step-tit li:before{content:''; display:block; width:13px; height:13px; background:#ddd; border-radius:50%; position:absolute; top:0; left:0; z-index:2;}
div.apply-form div.apply-top ul.step-tit li:after{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; top:6.25px; left:0; z-index:1;}
div.apply-form div.apply-top ul.step-tit li span.num{color:#aaa; font-family:'Montserrat_M','Pretendard-Medium',sans-serif; font-size:0.85rem; letter-spacing:-0.3px;}
div.apply-form div.apply-top ul.step-tit li span.txt{font-family:'Pretendard-Medium',sans-serif; font-size:0.95rem; color:#888;}
div.apply-form div.apply-top ul.step-tit li.on:before{background:var(--color-main01); box-shadow:0 0 0 5px rgba(0,45,122,0.1);}
div.apply-form div.apply-top ul.step-tit li.on:after{background:var(--color-main01);}
div.apply-form div.apply-top ul.step-tit li.on span.num{color:var(--color-main01); font-size:1.2rem;}
div.apply-form div.apply-top ul.step-tit li.on span.txt{font-family:'Pretendard-Bold',sans-serif; color:#333; font-size:1.3rem;}
div.apply-form div.apply-top ul.step-tit li.done:before{width:16px; height:16px; background:var(--color-main01) url("/fro_end/img/ico_check_wh.svg")center/50% auto no-repeat;}
div.apply-form div.apply-top ul.step-tit li.done:after{background:var(--color-main01);}
div.apply-form div.apply-bot{}
div.apply-form div.apply-bot section.sect{margin-bottom:5rem;}
div.apply-form div.apply-bot section.sect h3.sect-tit{display:flex; align-items:center; justify-content:space-between; font-size:1.5rem; border-bottom:2px solid #333; padding-bottom:1rem; margin-bottom:0;}
div.apply-form div.apply-bot section.sect h3.sect-tit span.sect-tit-right{font-size:0.8rem; font-family:'Pretendard-Medium',sans-serif; color:#777;}
div.apply-form div.apply-bot section.sect h3.sect-tit a.btn-fold{width:2rem; height:2rem; background:url("/fro_end/img/ico_next.svg")center/100% auto no-repeat; transform:rotate(90deg);}
div.apply-form div.apply-bot section.sect h3.sect-tit a.btn-fold.open{ transform:rotate(-90deg);}
div.apply-form div.apply-bot section.sect div.sect-con{}
div.apply-form div.apply-bot section.sect div.sect-con div.term div.term-con.short{max-height:unset; font-size:1rem; padding:0.5rem; line-height:1.5;}
div.apply-form div.apply-bot section.sect div.sect-con div.term div.term-con.fold{height:0; overflow:hidden;}
div.apply-form div.apply-bot section.sect div.sect-con div.term div.term-chk{justify-content:space-between; gap:0; padding:0.5rem 1.5rem;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item{padding:1.5rem 0.5rem;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.tit{width:20%;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con{width:80%;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item.form-row div.tit{width:100% !important;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item.form-row div.con{width:100% !important;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con textarea{width:100%; height:8rem; resize:vertical;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area{}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area textarea{height:12rem;}
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area div.t-count{text-align:right; color:#999; font-size:0.825rem;} 
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area div.t-count span.current{color:#333; font-family:'Pretendard-Medium',sans-serif;} 
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area div.t-count span.max{} 
div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con input.input-money{text-align:right; width:10rem;}
div.apply-form div.apply-bot div.btn-center-wrap{margin:3rem 0;}
/* Áö¿ø¼­ - °ü¸®ÀÚ¸ðµå */
div.apply-form-wrap{border:1px solid #cbcbcb; margin:3rem; margin-top:0;}
div.apply-form-wrap h3.apply-name{text-align:center; font-size:2rem; margin:3rem 0; font-family:'Pretendard-Bold',sans-serif;}
div.apply-state{padding:3rem;}
div.apply-state div.tit{font-family:'Pretendard-Bold',sans-serif; font-size:1.125rem;}
div.apply-state div.con div.search-course{display:flex; align-items:center; gap:0.5rem;}
div.apply-state div.con div.search-course a.c-btn{text-wrap:nowrap;}
div.apply-state div.con div.search-course input{}
div.apply-state div.con div.btn-select{display:flex; align-items:Center; gap:0.5rem;}
div.apply-state div.con div.btn-select select{height:2.5rem; line-height:2.5rem;}
div.apply-state div.con div.btn-select a.c-btn{}
div.apply-state div.con ul.modules-list{display:flex; flex-wrap:wrap; gap:0.25rem;}
div.apply-state div.con ul.modules-list li{font-size:0.85em; background:#f5f5f5; color:#6f6f6f; border:1px solid #ccc; border-radius:50px; padding:0.25rem 0.5rem; font-family:'Pretendard-Medium',sans-serif;}
/* Áö¿ø¼­ > ¿ÀÇÁ¶óÀÎ > ¾È³»»çÇ× */
div.apply-form div.notice-box{position:absolute; top:50%; transform:translateY(-50%); width:100%;}
div.apply-form div.notice-box div.tit{text-align:center; font-size:2rem; margin-bottom:1rem; font-family:'Pretendard-Bold',sans-serif;}
div.apply-form div.notice-box div.txt{width:100%; max-height:30rem; padding:2rem; text-align:center; line-height:1.6; font-size:1.125rem; border:2px solid var(--color-main01); overflow-y:auto; border-radius:1rem;}
div.apply-form div.notice-box div.btn-wrap{text-align:center; margin-top:2rem;}


@media screen and (max-width:1600px){
	
	/* Áö¿ø¼­ > ¿ÀÇÁ¶óÀÎ > ¾È³»»çÇ× */
	div.apply-form div.notice-box div.txt{height:24rem;}

}
@media screen and (max-width:1440px){
	
	/* Àüü°úÁ¤ */
	div.course-wrap{width:90%;}
}
@media screen and (max-width:1280px){
	
	/* Àüü°úÁ¤ - »ó¼¼ */
	div.course-wrap.detail section.left div.fixed{width:21rem;}
	div.course-wrap.detail section.right{padding-left:4rem;}
}
@media screen and (max-width:1024px){

	/* Àüü°úÁ¤ */
	div.course-wrap ul.course-list li{width:49%;}
	div.course-wrap ul.course-list li div.course{padding:1.8rem;}
	div.course-wrap ul.course-list li div.course div.right div.top p.name{font-size:1.35rem;}
	div.course-wrap ul.course-list li div.course div.right div.mid{margin-bottom:2.5rem;}
	/* Àüü°úÁ¤ - ½æ³×ÀÏÇü */
	div.course-wrap ul.course-list.type-thumb li div.course div.left{width:35%;}
	div.course-wrap ul.course-list.type-thumb li div.course div.left div.thumb{width:92%;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right{width:65%;}


	/* Àüü°úÁ¤ - »ó¼¼ */
	div.course-wrap.detail{display:block;}
	div.course-wrap.detail section.left{width:100%; margin-bottom:3rem;}
	div.course-wrap.detail section.left div.fixed{width:100%; position:static;}
	div.course-wrap.detail section.left ul.course-list li div.course{display:flex; align-items:center;}
	div.course-wrap.detail section.left ul.course-list li div.course div.left{width:35%; margin:0;}
	div.course-wrap.detail section.left ul.course-list li div.course div.left div.thumb{height:15rem;}
	div.course-wrap.detail section.left ul.course-list li div.course div.right{width:65%; padding-left:2rem;}
	div.course-wrap.detail section.right{width:100%; padding-left:0;}
	
	/* Áö¿ø¼­ */
	div.apply-form{width:92%;}
	div.apply-form div.apply-top ul.step-tit li.on span.num{font-size:1rem;}
	div.apply-form div.apply-top ul.step-tit li.on span.txt{font-size:1.1rem;}

}
@media screen and (max-width:800px){
	
	/* Àüü°úÁ¤ */
	div.course-wrap ul.course-list li{width:100%; margin-bottom:2rem;}
	/* Àüü°úÁ¤ - ½æ³×ÀÏÇü */
	div.course-wrap ul.course-list.type-thumb li div.course div.left{width:40%;}
	div.course-wrap ul.course-list.type-thumb li div.course div.left div.thumb{width:100%; margin:0 auto;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right{width:60%; display:block; padding-left:2rem;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right div.mid{width:100%; margin-bottom:2rem;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot{width:100%; padding:0;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot div.btn-wrap{flex-direction:row;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot div.btn-wrap a[class*="btn-"]{flex-grow:1; width:auto;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right div.bot div.btn-wrap a.btn-apply{flex-grow:2;}

	/* Àüü°úÁ¤ - »ó¼¼ */
	div.course-wrap.detail section.left ul.course-list li div.course div.left{width:40%;}
	div.course-wrap.detail section.left ul.course-list li div.course div.right{width:60%;}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a{padding:2rem 1.5rem;}

}
@media screen and (max-width:640px){

	/* Àüü°úÁ¤ */
	div.course-wrap ul.course-list li div.course div.right div.mid ul.inf{padding:0;}
	div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-c ul.modules li{padding:0.4rem 0.65rem; font-size:0.85rem;}
	/* Àüü°úÁ¤ - ½æ³×ÀÏÇü */
	div.course-wrap ul.course-list.type-thumb li div.course{display:block;}
	div.course-wrap ul.course-list.type-thumb li div.course div.left{width:100%;}
	div.course-wrap ul.course-list.type-thumb li div.course div.right{width:100%; padding:0; margin-top:1rem;}
	
	/* Àüü°úÁ¤ - »ó¼¼ */
	div.course-wrap.detail div.sect div.sect-tit p.txt{font-size:0.9rem;}
	div.course-wrap.detail section.left ul.course-list li div.course{display:block;}
	div.course-wrap.detail section.left ul.course-list li div.course div.left{width:100%;}
	div.course-wrap.detail section.left ul.course-list li div.course div.right{width:100%; padding:0; margin-top:1rem;}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li{width:100%;}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a{padding:1.5rem 1rem;}
	/* Àüü°úÁ¤ - Å×À̺í */
	div.course-wrap.detail div.course-table div.c-thead ul.c-tr{display:none;}
	div.course-wrap.detail div.course-table div.c-tbody{display:flex; justify-content:space-between; flex-wrap:wrap;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr{flex-direction:column; width:49%; border:2px solid #ccc; position:relative; background:#fff; padding:1rem; padding-top:2.8rem; margin-top:0; margin-bottom:0.65rem;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr.empty{padding:0; margin:0;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr li.ico-sel{position:absolute; top:0.8rem; left:0.65rem;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr li:not(.ico-sel){width:100%; text-align:left; font-size:1.05rem; padding:0; padding-bottom:0.65rem; color:#333; margin-bottom:0.65rem; border-bottom:1px dashed #ddd;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr li:not(.ico-sel):before{content:attr(data-label); display:block; text-wrap:nowrap; color:#a3a3a3; text-align:left; font-family:'Pretendard-Bold',sans-serif; font-size:0.8rem; margin-bottom:0.25rem;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr li:not(.ico-sel):last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
	div.course-wrap.detail div.course-table div.c-tbody ul.c-tr.chk{border-color:var(--color-main01);}
	
	/* Áö¿ø¼­ */
	div.apply-form{width:100%;}
	div.apply-form div.apply-top ul.step-tit li{flex-direction:column; align-items:flex-start; gap:0.125rem;}
	div.apply-form div.apply-top ul.step-tit li:before{width:11px; height:11px;}
	div.apply-form div.apply-top ul.step-tit li:after{top:5.25px;}
	div.apply-form div.apply-top ul.step-tit li span.num{font-size:0.8rem;}
	div.apply-form div.apply-top ul.step-tit li span.txt{font-size:0.9rem;}
	div.apply-form div.apply-top ul.step-tit li.on span.num{font-size:0.9rem;}
	div.apply-form div.apply-top ul.step-tit li.on span.txt{font-size:1rem;}
	div.apply-form div.apply-bot section.sect{margin-bottom:4rem;}
	div.apply-form div.apply-bot section.sect h3.sect-tit{font-size:1.25rem;}
	div.apply-form div.apply-bot section.sect div.sect-con div.term div.term-chk{padding:0.5rem 1rem;}
	div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.tit{width:100%;}
	div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con{width:100%;}
	/* Áö¿ø¼­ - °ü¸®ÀÚ¸ðµå */
	div.apply-form-wrap{border:0; margin:1.5rem;}
	div.apply-state{padding:1.5rem;}
	div.apply-state div.con div.table-wrap table.def-table{display:block;}
	div.apply-state div.con div.table-wrap table.def-table colgroup{display:none;}
	div.apply-state div.con div.table-wrap table.def-table thead{display:none;}
	div.apply-state div.con div.table-wrap table.def-table tbody{display:block;}
	div.apply-state div.con div.table-wrap table.def-table tr{display:block;}
	div.apply-state div.con div.table-wrap table.def-table th{display:block;}
	div.apply-state div.con div.table-wrap table.def-table td{display:block;}
	div.apply-state div.con div.table-wrap table.def-table tbody tr{display:flex; flex-wrap:wrap; border:none;}
	div.apply-state div.con div.table-wrap table.def-table tbody th{width:35%; border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center;  padding:0.5rem;}
	div.apply-state div.con div.table-wrap table.def-table tbody td{width:65%; border:none; border-bottom:1px solid #ddd; padding:0.5rem; text-align:left;}
}
@media screen and (max-width:480px){
	
	/* Àüü°úÁ¤ */
	div.course-wrap div.course-util div.view-type a.type span.tooltip{font-size:10px;}
	div.course-wrap ul.course-list li div.course{padding:1.6rem;}
	div.course-wrap ul.course-list li div.course div.right div.top p.name{padding-right:4rem;}
	div.course-wrap ul.course-list li div.course div.right div.mid{margin-bottom:2rem;}
	div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li{display:block;}
	div.course-wrap ul.course-list li div.course div.right div.mid ul.inf li div.inf-t{width:100%; min-width:unset; margin-bottom:0.25rem;}

	/* Àüü°úÁ¤ - »ó¼¼ */
	div.course-wrap.detail section.left ul.course-list li div.course{border:1px solid #cdcdcd; box-shadow:0 6px 12px rgba(0,0,0,0.1);}
	div.course-wrap.detail section.left ul.course-list li div.course div.left{display:none;}
	div.course-wrap.detail section.left ul.course-list li div.course div.right{margin-top:0;}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a p.sj-name{font-size:1rem;}
	div.course-wrap.detail section.right div.sect.sect03 div.sect-con ul.related-subject li a span.btn-go{font-size:0.9rem;}
	div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn{gap:0;}
	div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li{width:25%; text-align:center; font-size:1.3rem;}
	div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap ul.tab-btn li a{width:100%;}
	div.course-wrap.detail section.right div.sect.sect02 div.tab-wrap div.tab-con > div.con div.set div.con-box{margin-left:0; padding:1rem;}
	/* Àüü°úÁ¤(¿ÀÇÁ¶óÀÎ) - »ó¼¼ */
	div.course-wrap.detail ul.modules{padding:0; background:#fff; flex-wrap:wrap; justify-content:center;}
	div.course-wrap.detail ul.modules li{border:1px solid #ccc; background:#f7f7f7; border-radius:50px; font-size:0.9rem;}
	div.course-wrap.detail ul.modules li a{padding:0.6rem 0.8rem;}
	div.course-wrap.detail ul.modules li.on{border-color:var(--color-main01); box-shadow:0 8px 18px rgba(0,45,122,0.18);}

	/* Àüü°úÁ¤ - ¼ö°­½Åû */
	div.course-wrap.regist section.right div.sect.sect02 div.sect-con div.total{font-size:1.25rem;}

	/* Áö¿ø¼­ > ¿ÀÇÁ¶óÀÎ > ¾È³»»çÇ× */
	div.apply-form div.notice-box{position:static; transform:none;}
	div.apply-form div.notice-box div.txt{max-height:unset; padding:0; border:none;}

}
@media screen and (max-width:400px){

	/* Àüü°úÁ¤ */
	div.course-wrap ul.course-list li div.course div.left div.thumb{height:12rem;}
	div.course-wrap ul.course-list li div.course div.right div.top p.name{font-size:1.3rem;}
	div.course-wrap ul.course-list li div.course div.right div.top div.icon span.ico{font-size:0.85rem;}
	div.course-wrap ul.course-list li div.course div.right div.top div.label span.lab{font-size:10px;}
	
	/* Áö¿ø¼­ */
	div.apply-form div.apply-bot section.sect h3.sect-tit span.sect-tit-right{font-size:0.7rem;}
	div.apply-form div.apply-bot section.sect div.sect-con div.form-item{padding:1.5rem 0;}
	div.apply-form div.apply-bot section.sect div.sect-con div.form-item div.con div.text-area textarea{height:10rem;}

}
@media screen and (max-width:320px){}