@charset "utf-8";

#board{width:100%;}
#board .btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-style:solid;border-width:1px;font-weight:700;box-sizing:border-box;}
#board .btn.request{border-color:#5d0e99;background-color:#8f4ac4;color:#fff;}/*수강신청*/
#board .btn.check{border-color:#222;background-color:#fff;color:#222;} /*등록확인*/
#board .btn.close{border-color:#777;background-color:#909090;color:#fff;} /*기간종료*/
#board .btn.end{border-color:#aaa;background-color:#b7b7b7;color:#fff;} /*마감*/
#board .btn.prepare{border-color:#a9a9a9;background-color:#a9a9a9;color:#fff;} /*접수준비*/
#board .btn.receipt{border-color:#2c9dff;background-color:#2c9dff;color:#fff;} /*접수중*/
#board .btn.ing{border-color:#ec0096;background-color:#ec0096;color:#fff;} /*접수중*/

#board .guide{padding-bottom:10px;font-size:1.5rem;font-weight:600;text-align:right;}

/* 상단공통 */
.edu_srchbox{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:15px 20px;border:1px solid #d5d5d5;background:#f9f9f9;}
.edu_srchbox select.custom_sel{flex-shrink:0;width:120px;}
.edu_srchbox .inp_txt{flex-grow:1;max-width:400px;}
.edu_srchbox .btn_srch{flex-shrink:0;width:100px;height:100%;padding:0;border:0;background:#060606;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;}
.edu_total{display:flex;justify-content:space-between;margin:30px 0 20px;}
.edu_total .count strong{color:#0c43b7;text-decoration:underline;}
.edu_total .time span{color:#ff4d4d;}

/* List */
.edu_list ul{display:flex;flex-wrap:wrap;gap:40px;}
.edu_list ul li{position:relative;display:flex;flex-direction:column;align-items:center;width:calc(25% - 30px);border:1px solid #e5e5e5;box-sizing:border-box;}
.edu_list ul li .thumb{flex-shrink:0;width:100%;height:200px;}
.edu_list ul li .thumb img{width:100%;height:100%;object-fit:cover;}
.edu_list ul li .cont{flex-grow:1;width:100%;padding:20px;box-sizing:border-box;}
.edu_list ul li .cont .cate{display:inline-flex;align-items:center;justify-content:center;padding:5px 20px;border-radius:20px;background:#e9f4ff;font-size:1.4rem;line-height:1.5;font-weight:700;color:#007de4;}
.edu_list ul li .cont .subj{display:block;padding:10px 0 20px;font-size:1.9rem;line-height:1.3;font-weight:700;color:#222;}
.edu_list ul li .cont .subj:hover{text-decoration:underline;}
.edu_list ul li .cont .info{display:flex;flex-direction:column;gap:4px;}
.edu_list ul li .cont .info dl{display:flex;font-size:1.5rem;}
.edu_list ul li .cont .info dt{flex-shrink:0;width:70px;font-weight:700;}
.edu_list ul li .cont .info dd{flex-grow:1;}
.edu_list ul li .btn_box{display:flex;gap:10px;width:100%;margin-top:auto;padding:0 20px 20px 20px;box-sizing:border-box;}
.edu_list ul li .btn_box .btn{flex:1;font-size:1.5rem;}
.edu_list ul li.empty{width:100%;padding:50px;border:2px dashed #e5e5e5;box-sizing:border-box;}
.edu_list ul li.empty p{position:relative;padding-top:64px;font-weight:600;color:#888;}
.edu_list ul li.empty p::before{content:'';position:absolute;top:0;left:50%;width:48px;height:48px;background:url(/nanum/site/edusat/img/icon_empty.png) no-repeat;background-size:cover;transform:translateX(-50%);opacity:0.4;}

/* View */
.edu_view .info_header{display:flex;gap:40px;}
.edu_view .info_header .thumb{flex-shrink:0;width:300px;height:400px;}
.edu_view .info_header .thumb img{width:100%;height:100%;object-fit:fill;}
.edu_view .info_header .cont{flex-grow:1;}
.edu_view .info_header .cont .tit{display:flex;align-items:center;padding:12px 20px;border-top:1px solid #222;border-bottom:1px solid #e5e5e5;font-size:2rem;font-weight:700;line-height:1.5;text-align:left;box-sizing:border-box;}
.edu_view .info_header .cont .tit .btn{margin-left:auto;padding:5px 15px !important;border-radius:5px;font-size:1.4rem;}
.edu_view .info_header .cont .txtw{display:flex;gap:10px;flex-wrap:wrap;width:100%;padding:40px 20px;box-sizing:border-box;}
.edu_view .info_header .cont .txtw dl{display:flex;width:calc(50% - 5px);box-sizing:border-box;}
.edu_view .info_header .cont .txtw dl dt{flex-shrink:0;width:80px;font-weight:700;}
.edu_view .info_header .cont .txtw dl dd{flex-grow:1;}
.edu_view .content{padding:30px 20px;border-bottom:1px solid #d5d5d5;}
.edu_view .content img{display:block;max-width:100% !important;height:auto !important;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #000;font-size:1.6rem;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{width:auto;padding:15px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f4f8fc;text-align:left;font-weight:700;box-sizing:border-box;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody th .open-btn{margin-left:5px;padding:8px 10px;background:#222;border:0;border-radius:5px;cursor:pointer;font-size:1.3rem;font-weight:700;line-height:1.2;color:#fff;}
#board .table_bwrite tbody td{width:80%;padding:15px;border-bottom:1px solid #d5d5d5;text-align:left;box-sizing:border-box;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td .select_style{display:inline-block;width:100px;}
#board .table_bwrite tbody td span.text1{color:#555;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}
#board .table_bwrite tbody td .item_list{display:flex;flex-wrap:wrap;gap:10px 20px;}
#board .table_bwrite tbody td .item_list li label{font-size:1.6rem;line-height:1.4;}
#board .table_bwrite tbody td .item_list li.direct{display:flex;align-items:center;gap:10px;width:100%;}
#board .table_bwrite tbody td img{max-width:100%;height:auto;}
#board .table_bwrite .ct_bt01 {display:inline-block;height:45px;margin:0 3px;line-height:45px;font-size:1.4rem;text-align:center;padding:0 30px;vertical-align:middle;cursor:pointer;border:0 none;color:#fff;background:#8b95a3;}

/* 옷사이즈안내팝업 */
.popup_sizeguide{display:none;position:fixed;z-index:20;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.popup_sizeguide .cont{position:relative;top:50%;left:50%;width:1400px;padding:64px 20px 20px 20px;transform:translate(-50%,-50%);background-color:#fff;box-sizing:border-box;}
.popup_sizeguide .cont .unit{margin-bottom:10px;text-align:left;font-size:1.4rem;font-weight:500;color:#555;}
.popup_sizeguide .cont .table1{table-layout:fixed;font-size:1.4rem;}
.popup_sizeguide .cont .table1 th,
.popup_sizeguide .cont .table1 td{padding:10px;}
.popup_sizeguide .close-btn{position:absolute;top:20px;right:20px;width:24px;height:24px;cursor:pointer;text-indent:-9999px;}
.popup_sizeguide .close-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/nanum/site/builder/skin/main/img/common/btn_cls.png) no-repeat;background-size:cover;}

/***동의박스***/
.agreeBox{width:100%;}
.agreeBox .area{width:100%;margin-top:50px;}
.agreeBox .area .tit_area{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.agreeBox .area .tit_area h4.tit{margin-bottom:0;}
.agreeBox .area .tit_area .check label{font-size:1.6rem;}
.agreeBox .area .txt_box{overflow-y:scroll;width:100%;height:140px;padding:20px;border:1px solid #dfdfdf;word-break:keep-all;box-sizing:border-box;resize:none;}
.agreeBox .allagree{padding-bottom:40px;border-bottom:1px dashed #ccc;text-align:center;font-size:17px;color:#222;}
.agreeBox .allagree label{color:#222;}
.agreeBox .btn_w{padding:40px 0;}


/********************태블릿********************/
@media all and (max-width:1024px){

/* 상단공통 */
.edu_srchbox{height:40px;}
.edu_srchbox .inp_txt{max-width:100%;}
	
/* List */
.edu_list ul{gap:20px;}
.edu_list ul li{width:calc(50% - 10px);}

/* View */
.edu_view .info_header{gap:20px;}
.edu_view .info_header .thumb{width:150px;height:200px;}
.edu_view .info_header .cont .tit{padding:12px 0;}
.edu_view .info_header .cont .txtw{flex-direction:column;padding:20px 0;}
.edu_view .info_header .cont .txtw dl{width:100%;font-size:1.6rem;}
.edu_view .content{padding:30px 0;}

/* Write */
#board .table_bwrite table{table-layout:fixed;}
#board .table_bwrite table tr{display:flex;flex-direction:column;}
#board .table_bwrite tbody th{width:100%;padding:10px;border-right:0;}
#board .table_bwrite tbody td{width:100%;padding:10px;}
#board .table_bwrite tbody td .item_list li{width:calc(25% - 15px);}
#board .table_bwrite tbody td .item_list li.direct{flex-direction:column;align-items:flex-start;}
#board .table_bwrite tbody td span.text1{display:block;}
	
}

/********************모바일********************/
@media all and (max-width:767px){

/* 상단공통 */
.edu_srchbox{flex-wrap:wrap;height:auto;}
.edu_srchbox *{flex:auto;width:auto;}
.edu_srchbox .btn_srch{width:100%;height:40px;}

.edu_total{flex-direction:column;gap:5px;margin:10px 0;}

/* List */


/* View */
.edu_view .info_header{flex-direction:column;align-items:center;}
.edu_view .info_header .cont{width:100%;}
.edu_view .info_header .cont .txtw dl{justify-content:space-between;gap:20px;}
.edu_view .info_header .cont .txtw dl dt{flex:none;width:auto;}
.edu_view .info_header .cont .txtw dl dd{text-align:right;}

/* Wirte */
#board .table_bwrite tbody td .item_list li{width:calc(50% - 10px);}

/* 옷사이즈안내팝업 */
.popup_sizeguide .close-btn{width:16px;height:16px;}
.popup_sizeguide .cont{width:95vw;height:95vh;}
.popup_sizeguide .cont .table1 th,
.popup_sizeguide .cont .table1 td{padding:5px;}
.popup_sizeguide .cont .unit{margin-bottom:0;}

/***동의박스***/
.agreeBox .area{margin-top:40px;}
.agreeBox .area h3.tit,
.agreeBox .area .check{float:none;}
.agreeBox .area .check{text-align:left;word-break:keep-all;}
.agreeBox .area .txt_box{padding:15px;}
.agreeBox .area .tit_area{flex-direction:column;align-items:flex-start;gap:10px;}
.agreeBox .allagree{padding-bottom:30px;}

}

/********************모바일2********************/
@media all and (max-width:480px){
	

/* List */
.edu_list ul li{width:100%;}

/* View */
.edu_view .info_header .cont .tit{flex-direction:column-reverse;gap:10px;text-align:center;}
.edu_view .info_header .cont .tit .btn{margin-left:0;}
	
}