@charset "utf-8";

@import url('common.css');
@import url('layout2.css');

/*
.visual.s1{background:url(../images/visual1.png) no-repeat 50% 50% #f9f9ff;}
.visual.s2{background:url(../images/visual2.png) no-repeat 50% 50% #f9f9ff;}
.visual.s3{background:url(../images/visual3.png) no-repeat 50% 50% #f9f9ff;}
.visual.s4{background:url(../images/visual4.png) no-repeat 50% 50% #f9f9ff;}
.visual.s5{background:url(../images/visual5.png) no-repeat 50% 50% #f9f9ff;}
.visual.s6{background:url(../images/visual6.png) no-repeat 50% 50% #f9f9ff;}
.visual.s7{background:url(../images/visual7.png) no-repeat 50% 50% #f9f9ff;}
*/
.visual.s1{background:url(../images/visual1.png) no-repeat 50% 100% #f9f9ff;}
.visual.s2{background:url(../images/visual2.png) no-repeat 50% 100% #f9f9ff;}
.visual.s3{background:url(../images/visual3.png) no-repeat 50% 100% #f9f9ff;}
.visual.s4{background:url(../images/visual4.png) no-repeat 50% 100% #f9f9ff;}
.visual.s5{background:url(../images/visual5.png) no-repeat 50% 100% #f9f9ff;}
.visual.s6{background:url(../images/visual6.png) no-repeat 50% 100% #f9f9ff;}
.visual.s7{background:url(../images/visual7.png) no-repeat 50% 100% #f9f9ff;}

/* form */
select{height:40px;padding:0 30px 0 10px;border:1px solid #cdcdcd;background:url(../images/ico_sel.png) no-repeat right 50%;}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"]{height:50px;padding:0 14px;border:1px solid #d9d9d9;}
textarea{padding:15px;border:1px solid #cdcdcd;max-width: 100%;}

/*.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}*/
.chk_box{display:inline-block;position:relative;line-height:18px;}
.chk_box label{display:inline-block;padding-left:20px;}
/*.chk_box input[type="checkbox"]{position:absolute;top:4px;left:0;}*/
.chk_box label:before{content:"";position:absolute;top:3px;left:0;width:18px;height:18px;background:url(../images/ico_chk.png) no-repeat 0 0 #fff}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/ico_chk_on.png) no-repeat 0 0}
.chk_box input:disabled + label:before{background:url(../images/ico_chk_di.png) no-repeat 0 0}
.chk_box input:disabled:checked + label:before{background:url(../images/ico_chk_on_di.png) no-repeat 0 0}
.chk_box.type label{width:18px;height:18px;padding-left:0;font-size:0}
.chk_box~.chk_box{margin-left:20px;}
/* 키보드로 포커스 했을 때만 체크박스에 아웃라인 표시 */
.chk_box input[type=checkbox]:focus {
  outline: 2px solid red;
  outline-offset: 10px;
}

.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:22px;}
.radio_box label{display:inline-block;padding-left:30px;}
.radio_box input[type="radio"]{position:absolute;top:3px;left:0;}
.radio_box label:before{content:"";position:absolute;top:3px;left:0;width:22px;height:22px;background:url(../images/ico_radio.png) no-repeat 0 0}
.radio_box input[type="radio"]:checked + label::before{background:url(../images/ico_radio_on.png) no-repeat 0 0}
.radio_box input:disabled + label:before{background:url(../images/ico_radio_di.png) no-repeat 0 0}
.radio_box input:disabled:checked + label:before{background:url(../images/ico_radio_on_di.png) no-repeat 0 0}
.radio_box.type label{width:22px;height:22px;padding-left:0;font-size:0}
.radio_box~.radio_box{margin-left:20px;}

/* table */
table img{max-width: 100% !important;}
.tbl_col{border-top:2px solid #000;}
/*.tbl_col table{table-layout:fixed;}*/
.tbl_col table thead th,.tbl_col table tbody th{height:60px;padding: 20px;vertical-align:middle;color:#000;font-weight:900;border-bottom:1px solid #ebebeb;background:#fafafa;word-break:normal;text-align:left;box-sizing:border-box;}
.tbl_col table thead th{border-right:1px solid #ebebeb;text-align:center;}
.tbl_col table thead th:last-child{border-right:0;}
.tbl_col table tbody th{height:60px;padding: 20px;vertical-align:middle;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#fafafa;word-break:normal;box-sizing:border-box;}
.tbl_col table td{height:60px;padding: 20px;vertical-align:middle;border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;word-break:normal;box-sizing:border-box;}
.tbl_col table td:last-child{border-right:0;}
.tbl_col table td.border_right{border-right:1px solid #ebebeb;}
.tbl_col table .cell{text-align:left;word-break:break-all;}
.tbl_col table .cell a{text-decoration:underline;}
.tbl_col .s_o{display:inline-block;width:18px;height:18px;border-radius:100%;border:2px solid #23b99e;font-size:0}

.tbl_row table{table-layout:fixed;}
.tbl_row table tbody th,.tbl_row table tbody td{padding:20px 0;border-bottom:1px solid #f1f1f1}
.tbl_row table tbody th{text-align:left;font-weight:600;color:#000}
.tbl_row table tbody th span{position:relative;display:block;}
.tbl_row table tbody th span:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;height:10px;margin:auto 0;background:#b2b2b2}
.tbl_row table tbody td{padding-left:20px;}
.tbl_row .chk_g li{display:inline-block;margin:0 3% 10px 0}
.tbl_row .em{margin-top:10px;text-indent:-19px;padding-left:19px;font-size:14px;color:#e65151}

.boardSearchWrap{position: relative;}
.boardSearch_g{margin-bottom:20px;text-align:right;}
.boardSearch_g label{margin-right:10px;font-size:0;}
.boardSearch_g select{width:130px;border:0;border-bottom:2px solid #000}
.boardSearch_g select~select,.boardSearch_g select~input{margin-left:7px;}
.boardSearch_g input{width:310px;height:40px;margin-left:7px;border:0;border-bottom:2px solid #000}
.boardSearch_g .btn_search{width:108px;height:44px;margin-left:30px;color:#332c71;border:2px solid #332c71}
.boardSearch_g .btn_search:before{content:"";position:relative;top:-1px;display:inline-block;width:19px;height:18px;vertical-align:middle;margin:5px;background:url(../images/i_search.png) no-repeat 50% 50%;}
.boardSearch_g.type .tit{font-size:17px;color:#000;font-weight:600}
.boardSearch_g.type input{width:35%;}
.boardSearch_g.type input + .tit,.boardSearch_g.type select + .tit{margin-left:2%}
.countWrap{position: absolute; left: 0; bottom: 0;}
.countWrap .count{font-size: 14px; color: #555; }
.countWrap .count strong{color: #332c71; font-weight: 900;}

.paging{position:relative;z-index:9;text-align:center;margin:50px auto 0;font-size:0;}
.paging *{vertical-align:middle;}
.paging ul{display:inline-block;margin:0 30px;font-size:0;}
.paging li{display:inline-block;}
.paging li~li{margin-left:10px}
.paging li a,.paging li strong{position:relative;display:inline-block;width:40px;height:40px;line-height:40px;font-weight:600;font-size:14px;text-align:center;color:#070707;border:1px solid #e9e9e9;border-radius:100%;box-sizing:border-box}
.paging li strong a,.paging ul li strong{background:#332c71;color:#fff;border:0;}
.paging .prev,.paging .next,.paging .first,.paging .last{display:inline-block;width:40px;height:40px;font-size:0;text-indent:-5000px;}
.paging .prev{margin-left:-1px;background:url(../images/btn_pre.png) no-repeat 50% 50%;}
.paging .next{background:url(../images/btn_nxt.png) no-repeat 50% 50%;}
.paging .first{margin-right:5px;background:url(../images/btn_first.png) no-repeat 50% 50%;}
.paging .last{margin-left:5px;background:url(../images/btn_last.png) no-repeat 50% 50%;}

.board_list{border-top:2px solid #000; }
.board_list table{table-layout:fixed;width:100%;text-align:center;border-collapse:collapse;}
.board_list.dpi table{table-layout: inherit;}
.board_list thead th{line-height:15px;height:60px;padding:0 5px;vertical-align:middle;color:#000;font-weight:600;border-bottom:1px solid #ebebeb;background:#f9f9f9;word-break:normal;}
.board_list thead th~th{border-left:1px solid #ebebeb;}
.board_list tbody th{height:60px;line-height:19px;padding:0 5px;vertical-align:middle;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:#f9f9f9;word-break:normal;}
.board_list td{height:60px;line-height:19px;padding:0 5px;vertical-align:middle;border-bottom:1px solid #ebebeb;text-align:center;word-break:normal;}
.board_list td~td{border-left:1px solid #ebebeb;}
.board_list th + td{border-right:1px solid #ebebeb;}
.board_list .cell{padding:5px 20px;text-align:left}
.board_list .cell a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board_list tbody tr:hover th,.board_list tbody tr:hover td{background:#f8f8ff}
.board_list tbody tr:hover td a{color:#332c71;text-decoration:underline;}
.board_list tbody tr:hover td .btnX3{text-decoration:none;}
.board_list .num{width:105px}
.board_list .writer{width:110px}
.board_list .date{width:110px}
.board_list .hit{width:105px}
.board_list .file{width:110px}
.board_list .i_noti{display:inline-block;width:56px;height:24px;line-height:24px;font-size:14px;text-align:center;color:#fff;vertical-align:middle;background:#332c71;}
.board_list .i_file{display:inline-block;width:20px;height:20px;font-size:0;vertical-align:middle;background:url(../images/ico_file.png) no-repeat 50% 50%;}
.board_list .new{display:inline-block;width:48px;height:20px;line-height:20px;font-size:11px;text-align:center;color:#fff;vertical-align:middle;vertical-align:middle;border-radius:20px;background:#332c71}
.board_list .s1{display:inline-block;line-height:1em;padding:7px 11px;text-align:center;color:#fff;background:#5A5858;}
.board_list .s2{display:inline-block;line-height:1em;padding:7px 11px;text-align:center;color:#fff;background:#4b4b4b;}
.board_list .s3{display:inline-block;line-height:1em;padding:7px 11px;text-align:center;color:#fff;background:#D5440B;}
.board_list .s1.move{width: auto; padding: 0 5px; width: 70px; height: 30px; line-height: 30px; background: #322d70} /* 신청페이지이동 버튼 추가 210120 */
.board_list td .gubun{display: inline-block; font-size: 15px; line-height: 1em; padding:7px 11px;}
.board_list td .gubun.shortTerm{color:#A36700; border: 1px solid #A36700;}
.board_list td .gubun.medTerm{color:#007D99; border: 1px solid #007D99;}
.board_list td .gubun.longTerm{color:#9e2e90; border: 1px solid #c582bc;}
.board_list td .gubun.eventTerm{color:#008537; border: 1px solid #008537;}
.board_list td .status{display: inline-block; padding: 7px 0; box-sizing: border-box; min-width: 70px; color: #fff; text-align: center; font-weight: 600;}
.board_list td .status.notCompleted{background: #9e9e9e;}
.board_list td .status.completed{background: #332c70;}
.board_list td .status.noShow{background: #df2323;}


.inlineCounter{display: inline-block; color: #605855; font-size: 13px; padding-left: 10px;}
.inlineCounter span{font-weight: bold}
.board_search{position: absolute; right: 0; /*top: 100px;*/ top: 90px;}
.board_search label{font-size: 15px; color: #333; font-weight: bold;padding-right: 10px;}
.board_search select{width: 110px;}

.board_search .btn_search{width:108px;height:44px;margin-left:30px;color:#332c71;border:2px solid #332c71}
.board_search .btn_search:before{content:"";position:relative;top:-1px;display:inline-block;width:19px;height:18px;vertical-align:middle;margin:5px;background:url(../images/i_search.png) no-repeat 50% 50%;}


.gallery_list{border-top: 2px solid #000; border-bottom: 1px solid #dedede;}
.gallery_list ul{font-size: 0; padding: 15px 0 45px;}
.gallery_list li{display: inline-block; width: 25%; padding: 25px 20px; box-sizing: border-box; vertical-align: top;}
.gallery_list li a{display: block;}
.gallery_list li .box{border: 1px solid #ebebeb; position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.gallery_list .thum{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gallery_list .thum img{width:100%; height: 100%;}
.gallery_list .tit{font-size:15px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;margin:10px 0 15px;}
.gallery_list .data{font-size:14px;color:#888;}

.galleryList_ui{position:relative;}
.galleryList_ui .slider-for{width:845px;height:535px;margin:0 auto}
.galleryList_ui .slider-for img{width:100%;max-width:845px;height:535px;}
.galleryList_ui .emvedFrame iframe{display:block;margin:0 auto;width:845px;height:535px}
.galleryList_ui .caption{display:table;width:100%;/*height:115px;*/height:50px;text-align:center}
.galleryList_ui .caption p{display:table-cell;width:100%;/*height:115px;*/ text-align:center;vertical-align:middle;font-size:24px;color:#000;font-weight:600}
.galleryList_ui .subtitle{width: 100%; padding: 10px; margin-bottom: 5px;}
.galleryList_ui .slider-nav{padding:0 0 0 35px}
.galleryList_ui .slider-nav img{max-width:182px;width:100%;}
.galleryList_ui .slider-nav a{position:relative;display:inline-block; border:3px solid transparent; box-sizing: border-box;}
.galleryList_ui .slider-nav a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .3);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.galleryList_ui .slick-prev{z-index:1;position:absolute;top:0;bottom:0;left:-5px;width:14px;height:22px;margin:auto 0;font-size:0;background:url(../images/btn_prev.png) no-repeat 50% 50%;}
.galleryList_ui .slick-next{z-index:1;position:absolute;top:0;bottom:0;right:0;width:14px;height:22px;margin:auto 0;font-size:0;background:url(../images/btn_next.png) no-repeat 50% 50%;}
.galleryList_ui .slick-current a:before{background:rgba(00, 00, 00, 0)}
.galleryList_ui .slider-nav a.on{border:3px solid #332c71;}
.galleryList_ui .slick-slide{text-align: center;} /* 210126 추가 */


.board_view{position:relative;border-top:2px solid #000;border-bottom:1px solid #ebebeb}
.board_view .had{padding:23px 20px;border-bottom:1px solid #ebebeb;}
.board_view h3{margin-bottom:5px;font-size:18px;color:#000}
.board_view .data span{position:relative;display:inline-block;font-size:14px;color:#595959;}
.board_view .data span~span{padding-left:14px;margin-left:14px;}
.board_view .data span~span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:12px;background:#333}
.board_view .memo{min-height:200px;padding:50px 20px;box-sizing:border-box;}
.board_view .memo img{max-width:100%;}
.board_view .cell_g{display:flex;align-items:stretch;border-bottom:1px solid #ebebeb;}
.board_view .cell_g dt{width:13%;font-size:17px;text-align:center;vertical-align:middle;font-weight:600;border-right:1px solid #d2d2d2;background:#fff;box-sizing:border-box;}
.board_view .cell_g dt span{display:table;width:100%;height:100%;}
.board_view .cell_g dt span span{display:table-cell;height:100%;vertical-align:middle;}
.board_view .cell_g dd{width:87%;padding:17px 25px;box-sizing:border-box;}
.board_view .cell_g p~p{margin-top:5px;}
.board_view .cell_g a{display:block;line-height:24px;padding-left:30px;background:url(../images/ico_file.png) no-repeat 0 3px;}



.prevNext_list{border-top:1px solid #f1f1f1;margin-top:50px;}
.prevNext_list li{position:relative;height:60px;line-height:60px;padding-left:155px;border-bottom:1px solid #f1f1f1;color:#595959;}
.prevNext_list li span{position:absolute;top:0;left:0;width:135px;color:#000;font-weight:600;padding-right:30px;box-sizing:border-box;text-align:center;background:#fafafa;}
.prevNext_list li span:before{content:"";position:absolute;top:0;bottom:0;right:30px;margin:auto;width:7px;height:4px;}
.prevNext_list li:first-child span:before{background: url(../images/ico_prev_list.png) no-repeat 0 0;}
.prevNext_list li:last-child span:before{background: url(../images/ico_next_list.png) no-repeat 0 0;}
.prevNext_list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prevNext_list .new{margin-right:5px;display:inline-block;width:48px;height:20px;line-height:20px;font-style:normal;font-size:11px;text-align:center;color:#fff;vertical-align:middle;vertical-align:middle;border-radius:20px;background:#332c71}

.form_data{border-top:2px solid #000}
.form_data table{table-layout:fixed}
.form_data table th{width:16%;padding:8px 10px;vertical-align:middle;font-weight:600;border-bottom:1px solid #ccc;background:#fff;word-break:normal;}
.form_data table th strong{color:#E02D00}
.form_data table th .tit{display:block;position:relative;padding-left:20px;text-align:left}
.form_data table th .tit em{position:absolute;top:0;left:0;width:5px;height:5px;vertical-align:middle;margin-right:5px;font-size:0;border-radius:100%;background:#f6414d}
.form_data table td{height:42px;padding:8px 0 8px 10px;border-bottom:1px solid #ccc;}
.form_data table input[type=text]{width:100%}
.form_data table input[type=text].fileTitle{width:50%; max-height: 25px}
.form_data table input[type=file]{width:100%;background:#fff}
.form_data table select{width:100%;max-width:455px;}
.form_data table textarea{width:100%;height:320px;}
.form_data table .size1{width:33% ! important}
.form_data table .size2{width:30% ! important}
.form_data table .size3{width:49.5% ! important}
.form_data table .edit{height:400px;padding:0;vertical-align:top;}
.form_data table .txt{margin-left:2%;letter-spacing:-1px;font-size:15px;color:#818181}
.form_data table .em{margin-top:12px;font-size:15px;color:#f6414d}
.form_data table input + a{margin-left:5px}
.form_data input + input,.form_data table select + input,.form_data table input + select,.form_data table select + select{margin-left:1%}
.form_data li~li{margin-top:10px}
.form_data .col3_g{width:50%;display:flex;display:-ms-flexbox;}
.form_data .col3_g.type{width:70%;}
.form_data .col3_g span{display:block;line-height:40px;margin:0 1.5%}
.form_data .col2_g{width:50%;display:flex}
.txt_essen{margin-top:10px;}
.txt_essen strong{color:#f6414d}

.form_data.ty2 table{margin-top:50px;}
.form_data.ty2 table th{width:20%;padding:18px 10px 0 40px;vertical-align:top;border-bottom:0;}
.form_data.ty2 table th .tit{padding-left:0;}
.form_data.ty2 table td{padding:8px 40px 8px 0;border-bottom:0;}
.form_data.ty2 .col3_g.type{width:100%;}
.form_data.ty2 table .txt{margin:8px 0 0 0;}
.form_data.ty2 .forms{padding:30px 40px;background-color:#f8f8f8;margin-top:30px;display:flex;}
.form_data.ty2 .forms input{width:100%;}
.form_data.ty2 .forms input::placeholder{color:#b3b3b3;}

.form_data .survey_ui{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0; padding-bottom: 20px;}
.form_data .survey_ui .h4_tit01{margin: 20px 0 10px;}

/* 설문조사 */
.form_data .survey_ui{padding: 20px; background:#efefef; }
.form_data .survey_ui > ul{background:#fff; padding:20px; border-radius: 15px;     box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;}
.form_data .survey_ui > ul > li{font-size: 16px; font-weight: bold; color: #666;}
.form_data .survey_ui .h4_tit01{margin: 20px 0 10px; font-size: 18px; font-weight: bold;color:#444;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);/*position: relative;padding-left: 20px;*/}
/*.form_data .survey_ui .h4_tit01:before{content:''; width: 12px; height: 12px; background:#3f9dce; position: absolute; top: 3px; left: 0;border-radius: 100%;}*/
.form_data .survey_ui > ul > li~li{margin-top: 10px;}
.form_data .survey_ui textarea{display: block; width: 100%; border-radius: 10px; margin: 10px 0 5px; padding:10px;}
.survey .des_box{padding:15px 20px; background:#332c71; font-size: 20px; font-weight: bold; color:#fff; line-height: 1.5em;}
.survey .des_box:last-child{padding:15px 20px; background:#ddd; font-size: 16px;  color:#666; line-height: 1.5em;}

/* 설문조사 result */
.user_box {
	border: 1px solid #848484;
    border-top: 2px solid #424242;
    border-radius: 3px 3px 13px 13px;
    width: 82%;
    padding: 40px 10px;
    text-align: center;
    margin: auto;
    background-color: #F2F2F2;
    font-family: 'NotoM';
}
.user_txt01 {font-size: 1.5em;margin-bottom: 13px;font-weight: 1000;color: #0174DF;}
.user_txt02 {color: black;}

/* button */
.btnD1,.btnD2,.btnD3,.btnD4{position:relative;display:inline-block;min-width:280px;height:70px;line-height:70px;padding:0 20px;letter-spacing:-.2px;font-size:17px;text-align:center;vertical-align:top;box-sizing:border-box;color:#626262;border:1px solid #a1a1a1;background:#fff;font-weight:900;box-sizing: border-box;}
/*.btnD2{color:#332c71! important;border:1px solid #332c71;background:#fff}*/
.btnD2,.btnD3{color:#fff ! important;border:1px solid #332c71;background:#332c71}
.btnD3.email{font-weight:bold;text-align:center;height:40px;line-height:40px;margin-left:10px;}
.btnD1,.btnD4{color:#fff ! important;border:1px solid #595959;background:#595959}

/*.btnD2.go{text-align:left}
.btnD2.go:after{content:"";position:absolute;;top:0;bottom:0;right:20px;margin:auto 0;display:inline-block;width:6px;height:9px;vertical-align:middle;background:url(../images/ico_arrow.png) no-repeat 0 0}*/

.btnS1,.btnS2,.btnS3{position:relative;display:inline-block;min-width:90px;height:40px;line-height:38px;padding:0 20px;letter-spacing:-.2px;font-size:15px;text-align:center;vertical-align:top;box-sizing:border-box;color:#626262;border:1px solid #a1a1a1;background:#fff}
.btnS2{color:#332c71;border:1px solid #332c71;background:#fff}
.btnS2.email{display:block;margin-top:8px;font-weight:bold;color:#332c71;}
.btnS3{color:#fff ! important;border:1px solid #332c71;background:#332c71}

.btnX1,.btnX2,.btnX3{position:relative;display:inline-block;min-width:90px;height:36px;line-height:32px;padding:0 19px;letter-spacing:-.2px;font-size:15px;text-align:center;vertical-align:top;box-sizing:border-box;color:#626262;border:1px solid #a1a1a1;background:#fff}
.btnX2{color:#332c71;border:1px solid #332c71;background:#fff}
.btnX3{color:#fff ! important;border:1px solid #332c71;background:#332c71}

.btnForm_block{position:relative;margin-top:40px;text-align:center}
.btnForm_block a~a,.btnForm_block button~button{margin-left:10px}
.btnForm_block .posi{position:absolute;top:0;right:0}
.btnForm_block2{position:relative;margin-top:40px;text-align:right}
.btnForm_block2 a~a,.btnForm_block2 button~button{margin-left:10px}
.btnForm_block3{font-size:0;margin-top:40px;}
.btnForm_block3 a{width:50%;border:0;font-weight:bold;}
.btnForm_block3 .btnD1{background-color:#ccc;color:#fff}

/* contents */
.tit_type{position:relative;line-height:24px;;margin-top:32px;padding:0 0 10px 30px;font-size:20px;color:#222;font-weight:900;background:url(../images/ico_bul.png) no-repeat 0 2px;}
.tit_type.inline{display: inline-block; margin-top: 0;}
.tit_type2{position:relative;margin-bottom:60px;text-align:center;font-size:32px;color:#000;}
.tit_type3{margin:20px 0 7px 0;color:#000;font-weight:600}
.tit_type + .tit_type3,.tab_ui+.tit_type{margin-top:0;}

.imgWrap{margin:10px 0;}
.imgWrap ul{font-size: 0;}
.imgWrap ul li{display: inline-block; margin: 20px 20px 0px 0; width: calc( 100% / 4 - (60px / 4))}
.imgWrap ul li:nth-child(4n){margin-right: 0;}
.imgWrap ul li img{ width: 100%; height: auto; }

.para{line-height:26px;margin-left:18px;}

.con_list li{position:relative;padding-left:12px;line-height:28px}
.con_list li~li{margin-top:3px;}
.con_list li:before{content:"";position:absolute;top:13px;left:0;display:inline-block;width:4px;height:4px;border-radius:100%;background:#bababa}
.con_list li em{color: #e25555;} /* 210120 추가 */

.tit_type ~ p,.tit_type ~ ul,.tit_type ~ div,/*.tit_type ~ h3*/{margin-left:32px}

.tab_ui{padding-bottom:60px;}
.tab_ui ul:after{content:"";display:block;height:0;clear:both;}
.tab_ui ul li{float:left;}
.tab_ui ul a{display:table;width:100%;height:50px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;text-align:center;background:#fff;box-sizing:border-box;}
.tab_ui ul li a{border-right:1px solid #d3d3d3;}
.tab_ui ul li:nth-child(1) a{border-left:1px solid #d3d3d3;}
.tab_ui ul span{display:table-cell;height:50px;vertical-align:middle;}
.tab_ui ul .on a{position:relative;height:48px;border:2px solid #332c71 ! important;color:#332c71}
.tab_ui ul .on a:before{content:"";position:absolute;left:0;right:0;bottom:-10px;width:17px;height:12px;margin:0 auto;background:url(../images/ico_arrow2.png) no-repeat 0 0}
.tab_ui ul .on span{position:relative;height:48px;background:#fff}
.tab_ui.col1 li{width:100%;}
.tab_ui.col2 li{width:50%;}
.tab_ui.col5 li{width:20%;}

.graph_box{margin:35px 0 50px 0;text-align:center;}
.graph_box p{font-size:0}
.graph_box img{display:none;}
.graph_box.graph1{min-height:155px;background:url(../images/img_graph.jpg) no-repeat 50% 50%;}

.btnApply_block{position:relative;text-align:right}
.btnApply_block a{position:absolute;right:0;top:-60px}

.txtEtc_box{padding:30px;line-height:26px;font-size:15px;color:#7d7d7d;border:1px solid #ebebeb;background:#fafafa}

.coment_form{position:relative;padding-right:100px;}
.coment_form p{font-size:15px;color:#e65151;}
.coment_form strong{font-weight:600}
.coment_form a{position:absolute;top:0;right:0;width:97px;height:27px;line-height:27px;font-size:15px;text-align:center;color:#009a7d;border:1px solid #009a7d}

.agree_form{margin-top:60px;}
.agree_form .chk label{font-weight:600;color:#000;font-size:18px;}
.agree_form .box{margin-top:20px;padding:30px;line-height:26px;font-size:15px;border:1px solid #ebebeb;background:#fafafa}
.agree_form strong{color:#000}

.apply_done p{height:70px;line-height:70px;margin-bottom:20px;text-align:center;font-size:18px;color:#000;border:1px solid #666;}
.apply_done p strong{color:#332c71;}
.apply_done li{text-indent:-17px;padding-left:17px;font-size:15px;color:#e65151;}
.apply_done li~li{margin-top:3px}

.eduCenter_img{margin-top:100px;text-align:center}
.eduCenter_img img{width:100%;max-width:855px;}

.intro_txt{padding-top:308px;background:url(../images/img_intro.jpg) no-repeat 50% 0;}
.intro_txt .txt1{position:relative;padding-top:15px;font-size:32px;color:#000}
.intro_txt .txt1:before{content:"";position:absolute;top:0;left:0;width:35px;height:1px;background:#332c71}
.intro_txt .txt1 strong{font-weight:900}
.intro_txt .txt2{margin-top:10px;font-size:15px;color:#6f6f6f}
.intro_txt .txt3{line-height:26px;margin-top:40px;font-size:15px;color:#555}

.bizIntro_txt{margin:0 0 40px 20px;}
.bizIntro_txt > li{position:relative;padding-left:12px;}
.bizIntro_txt > li~li{margin-top:20px}
.bizIntro_txt > li:before{content:"";position:absolute;top:13px;left:0;display:inline-block;width:4px;height:4px;border-radius:100%;background:#bababa}
.bizIntro_txt > li strong{display:block;font-size:17px;color:#000;}
.bizIntro_txt ul li{line-height:26px;text-indent:-8px;padding-left:8px}
.bizIntro_txt em{color:#e25555}
.img_bizIntro{position:relative;margin-left:0 ! important}
.img_bizIntro img{width:100%;max-width:930px}
.img_bizIntro .btn_view{display:none}

.bizIntro_play_wrap{max-width: 1000px; margin: 10px auto 0;}
.bizIntro_play{width: 100%; height: 0; padding-bottom: 56.25%; position: relative; }
.bizIntro_play .thum{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.bizIntro_play .thum iframe,.bizIntro_play .thum video{width: 100%; height: 100%; display: block;}

#map{width:100%;height:450px;border:1px solid #eee}
.directions_video_area{position:relative;min-height:250px;padding-left:420px}
.directions_video_area video{position:absolute;top:0;left:0;width:400px;}
.campusMap_map img{width:100%}
.campusMap_tab ul{overflow:hidden}
.campusMap_tab ul li{float:left;width:173px;margin:0 5px 5px 0;border:1px solid #332c71}
.campusMap_tab ul li a:hover{color:#fff;background-color:#332c71}
.campusMap_tab ul li.on a{color:#fff;background-color:#332c71}
.campusMap_tab ul li a{display:block;height:100%;padding:13px 0 13px 20px;font-size:15px;font-weight:600;color:#332c71;}
.campusMap_view ul{margin-bottom:20px;padding:15px;border:1px solid #ebebeb;background-color:#fafafa}
.campusMap_view ul li{font-size:13px;line-height:22px}
.campusMap_view h3{margin:20px 0 7px 0;font-size:15px;font-weight:600;color:#332c71}
.campusMap_view div{text-align:center}
.campusMap_view div img{width:100%;max-width:805px}
.campusMap_view.hidden{display:none}


/* https://www.yuhan.ac.kr/ 유한대학교 클래스 그대로 가져온 후 컬러포인트와 테이블 클래스만 변경함 => 유한대학 개인정보처리방침 변경시 그대로 가져올 수 있기 위함 */
.privat_main_box{font-size:15px}
.color_point{color:#332c71}
.margint5{margin-top:5px}
.margint10{margin-top:10px}
.margint20{margin-top:20px}
.marginb20{margin-bottom:20px}
.marginb40{margin-bottom:40px}
.marginl5{margin-left:5px}
.marginl15{margin-left:15px}
.marginl20{margin-left:20px}
.privat_title h2{font-size:30px;font-weight:700;color:#019a7b}
.privat_sub_box h3{font-size:20px;font-weight:700;margin-bottom:15px}
.privat_sub_box ul li{margin-bottom:15px;list-style:none}
.privat_sub_box ul>li>ul{margin-top:10px}
.privat_sub_box ul>li>ul>li{list-style:none}
.privat_sub_box ul>li>ul>li>p{margin-left:20px}
.privat_list_01 li{position:relative;padding-left:10px;list-style:none}
.privat_list_01 li:last-child{margin-bottom:0}
.privat_list_01 li:before{content:'';display:block;position:absolute;width:5px;height:1px;background:#666;left:0;top:12px}
.privat_list_02>li{position:relative;padding-left:10px;margin-bottom:5px!important;list-style:none}
.privat_list_02>li:before{content:'';display:block;position:absolute;width:3px;height:3px;border-radius:100%;background:#666;left:0;top:10px}
.privat_list_02>li>ul>li{margin-bottom:5px!important;list-style:none}
.privat_box{padding:30px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

/* member */
.step_process{margin-bottom:50px}
.step_process:after{content:"";display:block;height:0;clear:both}
.step_process li{float:left;width:30%;margin-right:-1px;display:block;padding:20px 0 20px 35px;color:#535353;font-size:18px;border:1px solid #d3d3d3}
.step_process li:last-child{margin-right:0}
.step_process li span{display:block;font-size:14px;color:#595959}
.step_process li.on {position:relative;font-weight:600;color:#332c71;border:1px solid #332c71; text-decoration: underline;}
.step_process li.on span{font-weight:300;color:inherit;}

/*
.step_process{margin-bottom:50px}
.step_process:after{content:"";display:block;height:0;clear:both}
.step_process li{float:left;width:33.3%;margin-right:-1px}
.step_process li:last-child{margin-right:0}
.step_process li a{display:block;padding:20px 0 20px 35px;color:#535353;font-size:18px;border:1px solid #d3d3d3}
.step_process li span{display:block;font-size:14px;color:#818181}
.step_process li.on a{position:relative;font-weight:600;color:#332c71;border:1px solid #332c71}
.step_process li.on span{font-weight:300;color:inherit;}
*/




.memAgree_ui h3{margin:50px 0 7px 0;font-size:20px;font-weight:600;color:#000}
.memAgree_ui .agree_box{margin-top:35px}
.memAgree_ui .agree_box label{color:#000}
.memAgree_ui .agree_box label em{color:#E02D00}
.memAgree_ui .agree_box .box{height:440px;padding:40px;margin-top:15px;border:1px solid #ebebeb;overflow-y:auto;box-sizing: border-box;}
.memAgree_ui .agree_box .box.auto{height: auto !important;}
.memAgree_ui .all_chk{padding:35px 0 25px; border-bottom: 1px solid #ebebeb;}
.memAgree_ui .all_chk label{font-size:16px;color:#222;font-weight:600;}
.memAgree_ui p + .msg_alert{margin-top:25px}
.memTit_g{position:relative;margin:50px 0 12px 0;}
.memTit_g h3{font-size:20px;font-weight:600;color:#000}
.memTit_g p{position:absolute;top:0;right:0;}
.memTit_g p em{display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:5px;font-size:0;border-radius:100%;background:#f6414d}
.tab_ui + .memTit_g{margin-top:0}

/* memeber 이용약관 200527 추가 */
.memAgree_ui .agree_box h4{font-size:15px;font-weight:700;margin-bottom: 15px;}
.memAgree_ui .agree_box .terms_box{margin-bottom: 30px;}
.memAgree_ui .agree_box .terms_box:last-child{margin-bottom:0;}
.memAgree_ui .agree_box .terms_box h5{font-size:15px;font-weight:700;margin-bottom: 10px;}
.memAgree_ui .agree_box .terms_list li{margin-bottom: 10px;padding-left: 20px;text-indent: -20px;}
.memAgree_ui .agree_box .terms_list.ty2 li{padding-left: 0;text-indent: 0;}
.memAgree_ui .agree_box .terms_list.ty2 li>ul{padding-left: 20px;}
.memAgree_ui .agree_box .terms_list li>ul{margin-top:10px;}

/* memeber 개인정보 200605 추가 */
.memAgree_ui .agree_box.ty2 h5{position:relative;padding-left:10px;}
.memAgree_ui .agree_box.ty2 h5:before{content:'';position:absolute;top:10px;left:0;width:4px;height:4px;background:#444;}
.memAgree_ui .agree_box.ty2 h5+p,.memAgree_ui .agree_box.ty2 h5+ul{padding-left:15px;}

.login_ui .box{padding:30px 10px 50px;margin-bottom:75px;border:1px solid #e5e5e5;border-top:2px solid #332c71;}
.login_ui .box .before{display:block;width:134px;height:48px;background:url(../images/logo_btm.png) no-repeat 50% 50%;margin:0 auto;}
.login_ui .box h3{margin-top:20px;text-align:center;font-weight:900;font-size:26px;color:#000}
.login_ui .box h3 + p{margin-top:7px;text-align:center;}
.login_ui .box .form{position:relative;width:420px;margin:30px auto 0;padding-right:135px;box-sizing:border-box;}
.login_ui .box .form input{width:100%;border:0;outline:none;height:55px;line-height:55px;}
.login_ui .box .form input:focus{
	outline: 2px solid #ff3300;
	outline-offset: -3px;	
}
.login_ui .box .form li{border-bottom:1px solid #000}
.login_ui .box .form .btn_login{position:absolute;top:0;right:0;width:110px;height:110px;color:#fff;font-size:18px;background:#332c71}
.login_ui .solution{overflow:hidden;}
.login_ui .solution .col{float:left;width:33.3%;text-align:center}
.login_ui .solution p:nth-child(1){line-height:28px;font-size:25px;color:#000}
.login_ui .solution p:nth-child(1) strong{color:#332c71}
.login_ui .solution p:nth-child(2){margin-top:20px;font-size:15px;color:#595959}
.login_ui .solution p:nth-child(3){margin-top:30px;}
.login_ui .solution .btn{display:inline-block;width:160px;height:50px;line-height:50px;color:#666;border:1px solid #666}


.memH2_tit{margin-bottom:32px;text-align:center;font-size:30px;color:#000}
.memH2_tit:after{content: none;}
.mem_coment{/*margin-top:30px;*/color:#595959;text-align:center;margin-bottom:30px;}
.mem_coment.left{text-align: left;}
.mem_coment strong{color:#000}

.msg_alert{padding:40px 10px 50px;text-align:center;box-sizing:border-box;border:1px solid #ebebeb;border-top:2px solid #332c71;}
.msg_alert.certification{max-width:745px;margin:70px auto 0; padding: 70px 0;border:1px solid #ebebeb;}
.msg_alert dl{display:inline-block;}
.msg_alert dl~dl{margin-left:50px;}
.msg_alert dt{font-size:26px;color:#000}
.msg_alert dt strong{color:#332c71}
.msg_alert i{display:block;margin:0 auto 7px;}
.msg_alert dd{margin-top:20px;color:#222;font-size:17px;}
.msg_alert dd.bold{font-weight:900;}
.msg_alert dd strong{color: #332c71;}
.msg_alert .box{max-width:530px;padding:20px 0;margin:30px auto 0;font-size:17px;background:#f7f7f7}
.msg_alert .box strong,.msg_alert .box strong.ty2{margin-left:20px;font-size:22px;font-weight:600;color:#000}
.msg_alert .box strong.ty2{margin-left:0;}
.msg_alert .btn{margin-top:40px;}
.msg_alert .btn a~a{margin-left:10px}
.msg_alert i.i_phone{width:146px;height:146px;background:url(../images/i_phone.png) no-repeat 50% 50%;}
.msg_alert i.i_email{width:90px;height:82px;background:url(../images/i_email.png) no-repeat 50% 50%;}
.msg_alert i.i_end{width:63px;height:64px;background:url(../images/i_end.png) no-repeat 50% 50%;}
.msg_alert i.i_pw{width:80px;height:44px;background:url(../images/i_pw.png) no-repeat 50% 50%;}
.msg_alert i.i_id{width:80px;height:54px;background:url(../images/i_id.png) no-repeat 50% 50%;}
.msg_alert i.i_logo{width:177px;height:34px;background:url(../images/logo.png) no-repeat 50% 50%;background-size:80% !important;}

.mypgM_ui ul{overflow:hidden;margin:0 -12px 40px}
.mypgM_ui li{float:left;width:25%;padding:0 12px;text-align:center;box-sizing:border-box;}
.mypgM_ui li a{display:table;width:100%;height:190px;font-size:19px;color:#000;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.mypgM_ui li div{position:relative;display:table-cell;width:100%;height:190px;vertical-align:middle;}
.mypgM_ui li span{display:block;margin-top:7px;color:#595959;font-size:15px;}
.mypgM_ui li.m5,.mypgM_ui li.m6{width:50%;margin-top:24px;text-align:left;}
.mypgM_ui li.m5 a{padding-left:50px;}
.mypgM_ui li.m6 a{padding-left:60px}
.mypgM_ui li.m6 a{color:#595959;background:#fafafa;}
.mypgM_ui li.m6 a span{color:#595959;}
.mypgM_ui li div:before{content:"";display:block;width:70px;height:70px;margin:0 auto;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.mypgM_ui li.m1 div:before{background:url(../images/i_my1.png) no-repeat 50% 50%;}
.mypgM_ui li.m2 div:before{background:url(../images/i_my2.png) no-repeat 50% 50%;}
.mypgM_ui li.m3 div:before{background:url(../images/i_my3.png) no-repeat 50% 50%;}
.mypgM_ui li.m4 div:before{background:url(../images/i_my4.png) no-repeat 50% 50%;}
.mypgM_ui li.m5 div:before{position:absolute;top:65px;right:55px;background:url(../images/i_my5.png) no-repeat 50% 50%;}
.mypgM_ui li.m6 div:before{position:absolute;top:65px;right:55px;background:url(../images/ico_exit.png) no-repeat 50% 50%;}
.mypgM_ui li a:hover{color:#fff;background:#332c71}
.mypgM_ui li a:hover span{color:#fff;}
.mypgM_ui li.m6 a:hover{color:#595959;background:#fafafa;}
.mypgM_ui li.m6 a:hover span{color:#595959;}
.mypgM_ui li.m1 a:hover div:before{background:url(../images/i_my1_ov.png) no-repeat 50% 50%;}
.mypgM_ui li.m2 a:hover div:before{background:url(../images/i_my2_ov.png) no-repeat 50% 50%;}
.mypgM_ui li.m3 a:hover div:before{background:url(../images/i_my3_ov.png) no-repeat 50% 50%;}
.mypgM_ui li.m4 a:hover div:before{background:url(../images/i_my4_ov.png) no-repeat 50% 50%;}
.mypgM_ui li.m5 a:hover div:before{background:url(../images/i_my5_ov.png) no-repeat 50% 50%;}
/*.mypgM_ui li.m6 a:hover div:before{background:url(../images/i_my6_ov.png) no-repeat 50% 50%;}*/
.mypgM_ui p{text-align:right}
.mypgM_ui .btn{margin-top:7px}
.mypgM_ui .btn a{display:inline-block;width:125px;height:30px;line-height:30px;text-align:center;font-size:15px;border:1px solid #9c9c9c}


.mypg_txt{margin:10px 0 60px 0}
.mypg_txt li{line-height:24px;text-indent:-18px;padding-left:18px;color:#595959;font-size:15px;}
.mypg_txt li~li{margin-top:12px}
.mypg_txt a{text-decoration:underline}

.out_ui{padding:40px 10px 50px;margin-bottom:75px;border:1px solid #e5e5e5;}
.out_ui:before{content:"";display:block;width:63px;height:64px;margin:0 auto;background:url(../images/i_out.png) no-repeat 50% 50%;}
.out_ui h3{margin-top:15px;text-align:center;font-weight:900;font-size:26px;color:#000}
.out_ui h3 + p{margin-top:7px;text-align:center;}
.out_ui .form{position:relative;width:420px;margin:30px auto 0;padding-right:135px;box-sizing:border-box;}
.out_ui .form input{width:100%;border:0;outline:none;}
.out_ui .form input:focus{width:100%;border:0;outline:2px solid #ff3300;}
.out_ui .form li{height:55px;line-height:55px;border-bottom:1px solid #000}
.out_ui .form .btn_out{position:absolute;top:0;right:0;width:110px;height:110px;color:#fff;font-size:18px;background:#515151}

/* popup */
.popContainer{z-index:999;position:fixed;top:0;left:0;width:100%;height:100%;}
.popContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(00, 00, 00, .3)}
.popContainer .popup{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;background:#fff}
.popContainer .popup h1{height:60px;line-height:60px;padding-left:20px;font-size:20px;color:#ffffff;background:#000}
.popContainer .popup .close{position:absolute;top:20px;right:20px;width:15px;height:15px;font-size:0;background:url(../images/btn_popClose.png) no-repeat 50% 50%;}
.popContainer .popup .cons{padding:10px 20px}
#popIdChk .popup{width:535px;height:355px;}
#popIdChk .popup.email{height:345px;}
#popIdChk .popup.email.pw{height:386px;}
#popIdChk .popup.email.id{height:326px;}
.popContainer .popup .idchk .txt1{position:relative;padding-top:25px;font-size:20px;text-align:center;color:#000;}
.popContainer .popup .idchk .txt1:before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:25px;height:1px;background:#000}
.popContainer .popup .idchk .txt1 strong,.popContainer .popup .idchk .txt2 strong{font-weight:600}
.popContainer .popup .idchk .txt2{padding-top:30px;margin-bottom:20px;font-size:17px;color:#332c71;text-align:center;}
.popContainer .popup .idchk .forms{display:flex}
.popContainer .popup .idchk .forms input{width:100%}
.popContainer .popup .idchk .forms a{margin-left:10px;}
#popChange .popup{width:535px;height:420px;}
.popContainer .popup .pwchange .txt1{position:relative;padding-top:25px;font-size:26px;text-align:center;color:#000;}
.popContainer .popup .pwchange .txt1:before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;width:25px;height:1px;background:#000}
.popContainer .popup .pwchange .txt1 strong,.popContainer .popup .pwcgange .txt2 strong{font-weight:600}
.popContainer .popup .pwchange .txt2{padding-top:30px;margin-bottom:20px;font-size:17px;text-align:center;}
.popContainer .popup .pwchange .btn{text-align:center;font-size:0;display:flex;}
.popContainer .popup .pwchange .btn a{width: 100%; min-width: auto;}
.popContainer .popup .pwchange .btn a~a{margin-left:10px}
.popContainer .popup .pwchange .btnD4 span{position:relative;top:-10px;display:block;font-size:12px;letter-spacing:0}
.popContainer .popup .pwchange .btnD4{line-height:39px}
#popExcess .popup{width:535px;height:310px;}
.popContainer .popup .pwExcess .txt{font-size:17px;text-align: center;}
.popContainer .popup .pwExcess .btn{text-align: center;margin-top:30px;}

/* 210127 입력폼 수정 */
.memTit_g.maxWid{max-width: 640px; margin: 0 auto 7px;}
.form_data.maxWid{max-width: 640px; margin: 0 auto;}
.form_data.maxWid a.request{width: 100%; height: 50px; line-height: 50px;}
.form_data table input.wid100{width: 100%;}

/* faq */
.faqBox{background: #fafafa; position: relative; padding: 36px 40px; margin-bottom: 30px;}
.faqBox .faqTxt{font-size: 15px; color: #545454; padding-right: 220px; box-sizing: border-box;}
.faqBox .btn{position: absolute; top: 0; bottom: 0; right: 40px; margin: auto; width: 217px; height: 55px; border: 1px solid #332c71; border-radius: 50px; box-sizing: border-box; background: #fff;}
.faqBox .btn a{display: block; font-size: 16px; line-height: 53px; text-align: center; font-weight: 900; color: #332c71;}
.faqBox .btn a .ask{display: inline-block; padding-right: 17px; position: relative; }
.faqBox .btn a .ask:after{content: ''; position: absolute; top: 21px; bottom: 0; right: 0; background: url(../images/ico_query_next.png) no-repeat 0 0; width: 7px; height: 12px;}
.faqWrap{border-top: 2px solid #000;}
.faqWrap dl dt{border-bottom: 1px solid #ebebeb; padding: 30px 86px 30px 86px; position: relative; cursor: pointer; font-size: 15px; line-height: 28px;}
.faqWrap dl dt .before{position: absolute; top: 26px; left: 30px; width: 37px; height: 37px; border-radius: 10px; background: #595959 url(../images/ico_q.png) no-repeat 50% 50%;}
.faqWrap dl dt .after{position: absolute; top: 25px; right: 30px; width: 38px; height: 38px; border: 1px solid #d5d5d5; background: url(../images/ico_faq_down.png) no-repeat 50% 50%; box-sizing: border-box;}
.faqWrap dl dt.on .after{border: 1px solid #332c71; background: url(../images/ico_faq_up.png) no-repeat 50% 50%;}
.faqWrap dl dt.on .q{color: #332c71; font-weight: 900; border-bottom: 1px solid #332c71;}
.faqWrap dl dd{display: none; border-bottom: 1px solid #ebebeb; padding: 30px 30px 30px 86px; position: relative; font-size: 15px; line-height: 28px; box-sizing: border-box; min-height: 88px;}
.faqWrap dl dd .before{position: absolute; top: 26px; left: 30px; width: 37px; height: 37px; border-radius: 10px; background: #332c71 url(../images/ico_a.png) no-repeat 50% 50%;}
.faqWrap dl dt.on + dd{display: block; background: #f8f8ff;}
.faqWrap + .btnWrap{background: #f7f7f7; text-align: center;}
.faqWrap + .btnWrap a{display: block;}
.faqWrap + .btnWrap a .more{font-size: 16px; line-height: 80px; font-weight: 900; color: #332c71; padding-right: 22px; background: url(../images/ico_more.png) no-repeat 100% 50%;}


/* 교육신청 */
.tbl_col table td .className{color: #332c71; font-weight: 900;}
.tbl_col table td .programInfo{position: relative;}
.tbl_col table td .programInfo .tit{color: #fcfcfc; font-size: 15px; line-height: 24px; text-align: center; display: inline-block; padding: 0 9px; box-sizing: border-box; width: 84px; border-radius: 30px; background: #5349aa; position: absolute; top: 0; left: 0;}
.tbl_col table td .programInfo .txt{margin-left: 94px; }
.tbl_col table td .programInfo~.programInfo{margin-top: 10px;}
.tbl_col table td .point{color: #6d66ae; word-break: break-all;}
.tbl_col table td.input{padding: 5px 20px;}
.tbl_col table td.input input[type="text"].wid90{width: 90%;}
.tbl_col table td.input input[type="text"]{width: 100%;}
.tbl_col table td select.full{width: 100%; height: 50px;}
.tbl_col table td input.afterSelect{display: block; margin-top: 5px;}
.applyFormWrap{margin-top: 20px; background: #fafafa; border: 1px solid #ebebeb; position: relative; padding: 60px 149px;}
.applyFormWrap .guideWrap{margin-bottom: 50px; text-align: center;}
.applyFormWrap .guideWrap .guideTxt{font-size: 15px; line-height: 28px; color: #6c64ad; }
.applyFormWrap .guideWrap .guideTxt strong{color: #ea4141; font-weight: 600;}
.applyFormWrap .guideWrap a{max-width: 385px; height: 70px; background: #463aa8; text-align: center; border-radius: 40px; margin: 15px auto 0; display: block;}
.applyFormWrap .guideWrap a .down{font-size: 16px; line-height: 70px; color: #fff; font-weight: 900; padding-right: 17px; background: url(../images/ico_apply_form_down.png) no-repeat 100% 50%;}
.applyFormWrap .inputWrap{position: relative;}
.applyFormWrap .inputWrap .tit{font-size: 20px; line-height: 55px; font-weight: 900; color: #332c71; position: absolute; top: 0; left: 0;}
.applyFormWrap .inputWrap .fileBox{position: relative; margin-left: 130px; font-size: 0;}
.applyFormWrap .inputWrap .fileBox .upload{display:inline-block; width: 85%; height: 55px; line-height: 55px; border: 1px solid #d9d9d9; box-sizing: border-box; background: #fff; font-size: 15px;}
.applyFormWrap .inputWrap .fileBox label{cursor: pointer; border: 1px solid #332c71; box-sizing: border-box; background: #fff; font-size: 16px; line-height: 49px; font-weight: 900; color: #332c71; text-align: center; width: 14%; height: 55px; margin-left: 1%; display: inline-block;}
.applyFormWrap .inputWrap .fileBox label .underline{/*padding-bottom: 4px; */border-bottom: 1px solid #332c71;}
.applyFormWrap .inputWrap .fileBox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 마이페이지 교육신청정보 */
.tbl_row table td.input input[type="text"]{width: 100%;}
.tbl_row table td select.full{width: 100%; height: 50px;}
.tbl_row table td input.afterSelect{display: block; margin-top: 5px;}
.tbl_row table td .fileBox{position: relative; font-size: 0;}
.tbl_row table td .fileBox .upload{display:inline-block; width: 85%; height: 55px; line-height: 55px; border: 1px solid #d9d9d9; box-sizing: border-box; background: #fff; font-size: 15px;}
.tbl_row table td .fileBox label:focus{	outline: 2px solid #ff3300;	outline-offset: -3px;}
.tbl_row table td .fileBox label{cursor: pointer; border: 1px solid #332c71; box-sizing: border-box; background: #fff; font-size: 16px; line-height: 49px; font-weight: 900; color: #332c71; text-align: center; width: 14%; height: 55px; margin-left: 1%; display: inline-block;}
.tbl_row table td .fileBox label .underline{/*padding-bottom: 4px; */border-bottom: 1px solid #332c71;}
.tbl_row table td .fileBox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 알림서비스 신청 */
.eduNoticeBox{padding: 40px; background: #fafafa;}
.eduNoticeBox .guideTxt{font-size: 15px; color: #777; padding-bottom: 10px;}
.eduNoticeBox .campusInfoWrap .campus{display: inline-block; font-size: 15px; line-height: 1em; color: #222; font-weight: 600;}
.eduNoticeBox .campusInfoWrap .campus .name{vertical-align: middle; position: relative; padding: 0 8px 0 7px;}
.eduNoticeBox .campusInfoWrap .campus .name:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 2px; height: 11px; background: #222;}
.eduNoticeBox .campusInfoWrap .campus .num{font-size: 0; display: inline-block; vertical-align: middle;}
.eduNoticeBox .campusInfoWrap .campus:first-child .num{width: 142px; height: 15px; background: url(../images/campus_contact1.png) no-repeat 0 0;}
.eduNoticeBox .campusInfoWrap .campus:last-child .num{width: 156px; height: 15px; background: url(../images/campus_contact2.png) no-repeat 0 0;}
.eduNoticeBox .campusInfoWrap .campus~.campus{margin-left: 40px;}
.eduNotice .tbl_col{margin: 20px 0;}
.eduNotice .tbl_col table{table-layout: inherit;}
.tbl_col table tbody th .necessary{position: relative;}
.tbl_col table tbody th .necessary:before{content: '* '; font-size: 18px; font-weight: 900; color: #e35151; position: absolute; top: 2px; bottom: 0; left: -12px; }
.tbl_col table tbody th .necessary label{vertical-align: top; word-break: break-all;}
.eduNotice .tbl_col table td.input input[type="text"]{width: 384px; color: #6d66ae; }
.eduNotice .tbl_col table td .important{color: #e35151; padding-top: 5px;}
.eduNotice .tbl_col .radio_box~.radio_box{margin-left: 60px;}
.eduNotice .agreeForm .conWrap{border: 1px solid #ebebeb; padding: 40px; box-sizing: border-box;}
.eduNotice .agreeForm .conWrap ul li{font-size: 15px; color: #555;}
.eduNotice .agreeForm .conWrap ul li strong{font-weight: 600;}
.eduNotice .agreeForm .conWrap ul li .important{color: #e35151; display: block;}
.eduNotice .agreeForm .conWrap ul li~li{padding-top: 10px;}
.eduNotice .agreeForm .chkWrap{padding: 25px 0; border-bottom: 1px solid #ebebeb;}
.eduNotice .agreeForm .chkWrap label{font-size: 15px; color: #222; font-weight: 600;}
.eduNotice .agreeForm .chkWrap label em{color: #e45959;}
.eduNotice .btnForm_block{margin-top: 60px;}
.eduNotice .btnForm_block a{display: block; width: 385px; height: 80px; line-height: 80px; background: #332c71; font-size: 16px; color: #fff; font-weight: 900; margin: 0 auto;}

/* 회원정보입력 */
.joinFormWrap{padding: 60px 0; border: 1px solid #ebebeb; box-sizing: border-box;}
.joinFormWrap .completed{max-width: 640px; margin: 0 auto 16px; width: 100%; background: #463e9a; color: #fff; line-height: 70px; text-align: center;}
.joinFormWrap .form_data{max-width: 640px; margin: 0 auto; border-top: 0;}
.joinFormWrap .form_data table td{padding: 4px 0; border: 0; height: auto;}
.joinFormWrap .form_data table input{height: 70px; padding: 0 30px; color: #463e9a;}
.joinFormWrap .form_data table input:-ms-input-placeholder{color:#555;}
.joinFormWrap .form_data table td.id{display: flex;}
.joinFormWrap .form_data table td.id input{width: 100%;}
.joinFormWrap .form_data table td.id .doubleChk{width: 162px; height: 70px; line-height: 68px; font-weight: 600; color: #332c70; text-align: center; border: 1px solid #332c70; position: relative;}
.joinFormWrap .form_data table td.id .doubleChk:before{content: ''; position: absolute; top: 22px; bottom: 0; left: 0; right: 0; margin: auto; width: 98px; height: 1px; background: #332c70;}
.joinFormWrap .btnForm_block{max-width: 640px; margin: 40px auto 0; display: flex;}
.joinFormWrap .btnForm_block a{width: 100%;}

/* 제작역량강화교육 연계교육과정 */
.tbl_col.process table td:nth-child(1),.tbl_col.process table td.key{text-align:center;}
.tbl_col.process table tr.bg{background: #fbfaff;}

/* 연간 교육일정 달력 */
#calendar .fc-header-toolbar{margin-bottom: 25px; position: relative;}
#calendar .fc-today-button{font-size: 15px; color: #332c71; font-weight: 600; width: 55px; /*height: 32px; line-height: 30px;*/ border: 1px solid #dadada; box-sizing: border-box; text-align: center; border-radius: 0; background: #fff; box-shadow: none; position: absolute; left: 0px; top: 0; margin-left: 0;}
#calendar .fc-header-toolbar h2{font-size: 26px; line-height: 32px; font-weight: 900; color: #040404; margin: 0 ;}
#calendar .fc-header-toolbar h2:after{content: none !important;}
#calendar .fc-header-toolbar .fc-prev-button{width: 33px; height: 33px; border-radius: 100%; border: 1px solid #ababab; box-sizing: border-box; background: url(../images/calendar_prev.png) no-repeat 50% 50%;}
#calendar .fc-header-toolbar .fc-next-button{width: 33px; height: 33px; border-radius: 100%; border: 1px solid #ababab; box-sizing: border-box; background: url(../images/calendar_next.png) no-repeat 50% 50%; position: absolute; right: 0;}
#calendar .fc-header-toolbar .fc-prev-button > span{display: none;}
#calendar .fc-header-toolbar .fc-next-button > span{display: none;}
#calendar .fc-icon-left-single-arrow:after,.fc-icon-right-single-arrow:after{content: none;}
#calendar .fc-view-container{border-top: 2px solid #000;}
#calendar .fc-view-container th{background: #fbfbfb; line-height: 60px; font-weight: 900; font-size: 16px;}
#calendar .fc-day-number{font-size: 16px; color: #303030; font-weight: 900; padding: 20px 20px 10px; float: left;}
#calendar .fc-sun,#calendar .fc-sun .fc-day-number{color: #db5d5d;}
#calendar .fc-sat,#calendar .fc-sat .fc-day-number{color: #2c7a9e;}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed tbody, .fc-unthemed td, {border-color: #e6e6e6;}
.fc-unthemed th, .fc-unthemed thead{border-color: #fbfbfb;}
.fc-unthemed td:first-child{border-left-color: #fff;}
.fc-unthemed td:last-child{border-right-color: #fff;}
.fc-unthemed td.fc-today{background: #f6f6fb;}
#calendar .fc-event,#calendar .fc-event:hover{cursor: pointer;}
#calendar .fc-day-grid-event .fc-content{overflow: visible; white-space: inherit;}
#calendar .fc-scroller{}

#calendar .fc-day-sun .fc-col-header-cell-cushion,#calendar .fc-day-sun .fc-daygrid-day-number{color: #d81313;}
#calendar .fc-day-sat .fc-col-header-cell-cushion,#calendar .fc-day-sat .fc-daygrid-day-number{color: #044fd9;}

#calendar .fc-daygrid-event-dot{display: none;}
#calendar .fc-daygrid-dot-event .fc-event-title{position: relative; padding-left: 10px; box-sizing: border-box;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType001:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #c57d00;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType002:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #09a2c3;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType003:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #9e2e90;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType004:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #00b44c;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType005:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #646a7b;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType006:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #cf4c52;}
#calendar .fc-daygrid-dot-event .fc-event-title .lecType001 .gubun{color:#A36700;}/*단기*/
#calendar .fc-daygrid-dot-event .fc-event-title .lecType002 .gubun{color:#007D99;}/*중기*/
#calendar .fc-daygrid-dot-event .fc-event-title .lecType003 .gubun{color:#9e2e90;}/*장기*/
#calendar .fc-daygrid-dot-event .fc-event-title .lecType004 .gubun{color:#008537;}/*워크숍*/
#calendar .fc-daygrid-dot-event .fc-event-title .lecType005 .gubun{color:#646a7b;}/*리크루팅*/
#calendar .fc-daygrid-dot-event .fc-event-title .lecType006 .gubun{color:#cf4c52;}/*행사*/



/* 오시는 길 */
.root_daum_roughmap{max-width: 100% !important;}

/* 교육신청 상세 유튜브 */
.tbl_col table td .youtubeWrap{max-width: 750px; margin: 20px auto;}
.tbl_col table td .youtubeWrap .playWrap{width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.tbl_col table td .youtubeWrap .playWrap .thum{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tbl_col table td .youtubeWrap .playWrap iframe{width: 100%; height: 100%; display: block;}

@media (max-width: 1280px){
	.boardSearch_g.type input{width:25%;}
}

@media (max-width: 1024px) {
	.boardSearch_g.type .tit{display:none}

	.gallery_list li{width: 33.333%;}

	.mypgM_ui li.m5 a,.mypgM_ui li.m6 a{padding-left:25px;}
	.mypgM_ui li.m5 div:before,.mypgM_ui li.m6 div:before{right:25px;}

	.applyFormWrap{padding: 60px 100px;}

	.board_list.dpi,.board_list.lecture{overflow-y:auto}
	.board_list.dpi table,.board_list.lecture table{width: 1200px;}
}

@media (max-width: 930px) {
	.graph_box{min-height:auto ! important;margin:20px 0 0;background:none ! important;}
	.graph_box img{display:block;width:100%;max-width:510px}
}

@media (max-width: 900px) {
	.tit_type.inline{margin-top: 10px}
	.inlineCounter{padding-left: 5px;}
	.board_search label{padding-right: 5px;}

	.btnD1,.btnD2,.btnD3,.btnD4{height: 50px; line-height: 50px;}

	.board_search{position: static}
	.board_search select{width: 85px; height: 35px}
    .board_search .btn_search{width: 70px; height: 35px; margin-left: 10px}

	.gallery_list li{width: 50%; padding: 10px;}
	.gallery_list ul{padding: 15px 0;}

	.memAgree_ui .agree_box .box{padding: 20px; height: 200px;}
	.memAgree_ui .all_chk{padding: 25px 0 15px;}

	.msg_alert.certification{padding: 35px 0; margin: 35px auto 0;}

	.faqBox{padding: 20px;}
	.faqBox .faqTxt{padding-right: 0;}
	.faqBox .btn{width: 160px; height: 40px; position: relative; margin: 15px 0 0 40px;}
	.faqBox .btn a{line-height: 38px;}
	.faqBox .btn a .ask:after{top: 14px;}
	.faqWrap dl dt{padding: 15px 60px 15px 60px;}
	.faqWrap dl dt .before{top: 12px; left: 15px;}
	.faqWrap dl dt .after{top: 11px; right: 15px;}
	.faqWrap dl dd{padding: 15px 60px 15px 60px;}
	.faqWrap dl dd .before{top: 12px; left: 15px;}
	.faqWrap + .btnWrap a .more{line-height: 40px;}

	.tbl_col table td .programInfo .tit{position: relative; display: block;}
	.tbl_col table td .programInfo .txt{margin: 5px 0 0; display: block;}
	.applyFormWrap{padding: 40px;}
	.applyFormWrap .guideWrap a{height: 50px;}
	.applyFormWrap .guideWrap a .down{line-height: 50px;}

	.eduNotice .btnForm_block a{height: 50px; line-height: 50px;}

	.joinFormWrap{padding: 40px 20px;}
	.joinFormWrap .completed{line-height: 50px;}
	.joinFormWrap .form_data table input{height: 50px; padding: 0 14px;}
	.joinFormWrap .form_data table td.id .doubleChk{height: 50px; line-height: 48px;}

	#calendar .fc-header-toolbar h2{font-size: 22px;}
	#calendar .fc-day-number{padding: 5px;}
	#calendar .fc-event, #calendar .fc-event:hover{padding: 0 5px 5px;}
	#calendar .fc-title{word-break: break-all;}

	.popContainer .popup .pwchange .btnD4{line-height: 29px;}

}

@media (max-width: 768px) {
	.tbl_col.dpi{overflow-y:auto}
	.tbl_col.dpi table{width:900px}
	.tbl_col table thead th, .tbl_col table tbody th{font-size:14px; padding: 10px;}
	.tbl_col table td{padding: 10px; font-size: 14px;}
	.tbl_col table .cell{/*height:29px;*/padding:5px}
	.tbl_col .s_o{width:10px;height:10px}

	.tbl_col.block table,.tbl_col.block table colgroup,.tbl_col.block table tbody,.tbl_col.block table tr,.tbl_col.block table th,.tbl_col.block table td{display: block;}
	.tbl_col.block table th,.tbl_col.block table td{width: 100%; height: auto; border-right: 0;}
	.tbl_col.block table td.input input[type="text"].wid90{width: 100%;}

	.tbl_row table colgroup{display:none}
	.tbl_row table tbody tr{overflow:hidden;display:block;width:100%;}
	.tbl_row table tbody th{display:block;padding:8px 0;border:0;box-sizing:border-box;}
	.tbl_row table tbody th span{padding-left:12px;}
	.tbl_row table tbody th span:after{top:9px;bottom:auto;right:auto;left:0;width:4px;height:4px;background:#000;border-radius:100%;}
	.tbl_row table tbody td{display:block;padding:0 0 0 12px;margin-bottom:10px;border:0;box-sizing:border-box;}
	.tbl_row table td .fileBox .upload{width: 80%; font-size: 14px;}
	.tbl_row table td .fileBox label{width: 19%;}
	.tbl_row table td .fileBox label .underline{font-size: 14px;}

	.boardSearch_g{font-size:0;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;}
	.boardSearch_g select{/*width:100%;*/width:50%;margin-left:10px;font-size:14px;}
	.boardSearch_g input{width:100% ! important;font-size:14px;}
	.boardSearch_g .btn_search{margin-left:5px;width:55px;font-size:0;border:0}
	.boardSearch_g .btn_search:before{/*top:5px;*/ top: 0; bottom: 0; margin: auto;}
	.boardSearchWrap .boardSearch_g{padding-bottom: 30px; margin-bottom: 10px;}

	.paging{margin:30px auto 0;}
	.paging ul{margin:0 5px}
	.paging li~li{margin-left:5px}
	.paging .prev, .paging .next, .paging .first, .paging .last{width:30px;height:30px;background-size:cover ! important}
	.paging li a, .paging li strong{width:30px;height:30px;line-height:30px}

	/*.board_list.dpi{overflow-y:auto}*/
	.board_list.dpi table,.board_list.lecture table{width:900px}
	.board_list thead th{/*height:24px;*/font-size:15px;}
	.board_list tbody td{/*height:29px;*/font-size:14px;}
	.board_list .num{width:50px;}
	.board_list .part{display:none}
	.board_list .writer{display:none}
	.board_list .date{display:none}
	.board_list .hit{display:none}
	.board_list .file{display:none}
	.board_list .i_noti{width:48px;height:22px;line-height:22px;font-size:12px;background-size:cover ! important}
	.board_list .i_file{width:14px;height:14px;background-size:cover ! important}

	.galleryList_ui .slider-for{width:auto;height:auto;}
	.galleryList_ui .slider-for img{max-width:auto;height:auto;}
	.galleryList_ui .emvedFrame iframe{width:100%;height:300px}
	.galleryList_ui .caption{height:55px;}
	.galleryList_ui .caption p{height:55px;font-size:14px;}
	.galleryList_ui .slider-nav{padding:0 15px}
	.galleryList_ui .slider-nav a{margin:0 5px}

	.board_view .had{padding:12px 10px 10px 15px;}
	.board_view h3{line-height:24px;font-size:17px;}
	.board_view .data span~span{padding-left:10px;margin-left:10px;}
	.board_view .data span~span:before{height:10px;}
	.board_view.survey .data span{display: block;}
	.board_view.survey .data span~span{padding-left: 0; margin-left: 0; margin-top: 5px;}
	.board_view.survey .data span~span:before{height: 0;}
	.board_view .memo{padding:15px 0;line-height:24px;}
	.board_view .cell_g dt{width:23%;font-size:14px;}
	.board_view .cell_g dd{width:77%;padding:12px 15px}
	.board_view .cell_g a{padding-left:20px;line-height:18px;background-size:14px auto}

	.prevNext_list{margin-top: 40px;}
	.prevNext_list li{height:40px;line-height:40px;padding-left:120px;}
	.prevNext_list li span{width:100px;}
	.prevNext_list li span:before{right:15px;}

	.form_data table tr{display:block;}
	.form_data table th{display:block;width:100%;padding:10px 0 5px;font-size:15px;border:0;text-align:left;background:#fff ! important;box-sizing:border-box;}
	.form_data table td{display:block;width:100%;height:auto;padding:5px 0 10px;background:#fff ! important;box-sizing:border-box;}
	.form_data table .edit{height:250px}
	.form_data table textarea{height:180px;padding:12px}
	.form_data table .size1{width:100% ! important}
	.form_data table .size2{width:100% ! important}
	.form_data table .size3{width:100% ! important}
	.form_data table .txt{margin:5px 0 0;display:block;font-size:12px}
	.form_data table .em{margin:5px 0 0;font-size:12px}
	.form_data .inputBtn_g{display:flex}
	.form_data .addr input + input{margin:5px 0 0 0}
	.form_data .radio_box{margin:0 10px 10px 0}
	.form_data .chk_box{margin:0 10px 10px 0}
	.form_data .col3_g{width:100% ! important}
	.form_data .col2_g{width:100% ! important}
	.txt_essen{margin-bottom:0;font-size:12px}

	.form_data.ty2 table{margin-top:0;padding:10px 20px 20px;display:block;box-sizing:border-box;}
	.form_data.ty2 table th{width:100%;padding:10px 0;display:block;}
	.form_data.ty2 table td{padding:0;}
	.form_data.ty2 table .txt{font-size:12px;}
	.form_data.ty2 .forms{padding:20px;margin-top:0;display:block;}


	.btnForm_block{margin-top:30px;display:flex;align-items:stretch;}
	.btnForm_block a,.btnForm_block button{width:100%}
	.btnForm_block a~a,.btnForm_block button~button{margin-left:15px}
	.btnForm_block .posi{position:static;width:100%;margin-left:15px;}

	.btnForm_block2{margin-top:30px;display:flex;align-items:stretch;}
	.btnForm_block2 a,.btnForm_block2 button{width:100%}
	.btnForm_block2 a~a,.btnForm_block2 button~button{margin-left:15px}
	.btnForm_block3{margin-top:0;}

	.btnD1,.btnD2,.btnD3,.btnD4{min-width:70px;/*height:35px;line-height:31px;*/padding:0 12px;font-size:14px;}
	.btnD2{min-width:70px;}
	.btnD3.email{display:block;margin:8px 0 0;}
	.btnS2.email{font-size:14px;}

	.tit_type2{margin-bottom:20px;font-size:22px;}
	.para{margin-left:0;}
	.tit_type ~ p,.tit_type ~ ul,.tit_type ~ h3{margin-left:0}

	.tab_ui{padding-bottom:30px}
	.tab_ui ul span{line-height:17px;font-size:12px}

	.btnApply_block a{width:50%;position:relative;right:0;top:0}

	.txtEtc_box{padding:20px;line-height:22px;font-size:14px;}

	.agree_form{margin-top:30px;}
	.agree_form .box{padding:20px;line-height:19px;font-size:14px;}

	.apply_done p{height:45px;line-height:45px;margin-bottom:10px;font-size:16px;}
	.apply_done li{font-size:14px;}

	.eduCenter_img{margin:0}

	.intro_txt{padding-top:140px;background-size:auto 120px;}
	.intro_txt .txt1{padding-top:10px;font-size:20px;}
	.intro_txt .txt1:before{width:25px;}
	.intro_txt .txt2{font-size:14px;}
	.intro_txt .txt3{line-height:21px;margin-top:30px;font-size:14px;}

	.bizIntro_txt{margin:0 0 50px 0;}
	.img_bizIntro .btn_view{position:absolute;top:-50px;right:0;display:block;width:55px;height:55px;font-size:0;border-radius:5px;background:url(../images/mo/btn_viewer.png) no-repeat 50% 50% rgba(00, 00, 00, .7);background-size:30px auto}

	#map{width:100%;height:300px;}
	.directions_video_area{padding-left:0}
	.directions_video_area video{display:block;position:static;width:320px;margin:0 auto 10px}
	.campusMap_tab ul li{width:49%;margin:0;box-sizing:border-box;}
	.campusMap_tab ul li:nth-child(even){margin-left:2%;margin-bottom:2%}
	.campusMap_tab ul li a{padding:7px 0 7px 17px;}

	/* member */
	.step_process{margin-bottom:30px}
	.step_process li{width:30%}
	.step_process li:nth-child(1){width:40%}
	.step_process li a{padding:12px 5px;font-size:13px;}
	.step_process li span{font-size:11px;}
	.memAgree_ui h3{margin-top:30px;margin-bottom:4px;font-size:17px;}
	.memAgree_ui .agree_box{margin-top:20px}
	.memAgree_ui .agree_box .box{height:150px;padding:12px}
	.memAgree_ui .all_chk{padding:12px 0;}
	.memAgree_ui .all_chk label{font-size:14px}
	.memAgree_ui p + .msg_alert{margin-top:15px}

	.login_ui .box{padding:20px 10px 25px;margin-bottom:0;}
	.login_ui .box .before{height:32px;background-size:contain ! important;}
	.login_ui .box h3{margin-top:10px;font-size:19px;}
	.login_ui .box .form{width:auto;margin-top:20px;padding-right:0;}
	.login_ui .box .form li input{height:45px;line-height:45px;}
	.login_ui .box .form .btn_login{position:static;width:100%;height:38px;margin-top:10px;font-size:15px;}
	.login_ui .solution .col{margin-top:20px;float:none;width:auto;text-align:left}
	.login_ui .solution p br{display:none}
	.login_ui .solution p:nth-child(1){line-height:22px;font-size:16px;}
	.login_ui .solution p:nth-child(2){margin-top:3px;font-size:12px;}
	.login_ui .solution p:nth-child(3){margin-top:10px;}
	.login_ui .solution .btn{display:block;width:auto;height:32px;line-height:28px;text-align:center}

	.memH2_tit{margin-bottom:15px;font-size:19px;}

	.msg_alert{padding:20px 12px}
	.msg_alert dt{font-size:19px}
	.msg_alert dd{margin-top:7px}
	.msg_alert i{background-size:contain ! important;}
	.msg_alert i.i_phone,.msg_alert i.i_email{height:100px ! important;}
	.msg_alert i.i_end{height:32px ! important;}
	.msg_alert i.i_pw{height:22px;}
	.msg_alert i.i_id{height:27px;}
	.msg_alert .btn{display:flex; margin-top: 20px;}
	.msg_alert .btn a{width:100%}

	.mypgM_ui ul{margin:0 -5px 20px}
	.mypgM_ui li{width:50%;padding:0 5px;margin-top:10px}
	.mypgM_ui li a{height:110px;font-size:16px}
	.mypgM_ui li div{height:110px;}
	.mypgM_ui li span{display:none;margin-top:4px;font-size:12px;}
	.mypgM_ui li.m5,.mypgM_ui li.m6{margin-top:10px;text-align:center}
	.mypgM_ui li.m5 a,.mypgM_ui li.m6 a{padding-left:0}
	.mypgM_ui li div:before{width:32px;height:32px;margin-bottom:10px;background-size:contain ! important}
	.mypgM_ui li.m5 div:before,.mypgM_ui li.m6 div:before{position:static;}
	.mypgM_ui .btn a{font-size:14px;}

	.mypg_txt{margin-bottom:20px;}
	.mypg_txt li{line-height:19px;text-indent:-16px;padding-left:16px;font-size:13px;}
	.mypg_txt li~li{margin-top:7px}

	.out_ui{padding:20px 10px 25px;margin-bottom:0;}
	.out_ui:before{height:32px;background-size:contain ! important;}
	.out_ui h3{margin-top:7px;font-size:19px;}
	.out_ui .form{width:auto;margin-top:20px;padding-right:0;}
	.out_ui .form li{height:45px;line-height:45px;}
	.out_ui .form .btn_out{position:static;width:100%;height:38px;margin-top:10px;font-size:15px;}


	/*popup */
	.popContainer .popup .cons{padding:30px 20px;}
	.popup{top:120px ! important;bottom:auto ! important;width:90% ! important;height:auto ! important;}
	.popup.email{top:70px !important;}
	.popContainer .popup h1{height:40px;line-height:40px;}
	.popContainer .popup .close{top:13px;}
	.popContainer .popup .idchk .txt1{font-size:19px;}
	.popContainer .popup .idchk .txt2{padding-top:10px;font-size:14px;}
	.popContainer .popup .pwchange .txt1{font-size:19px;}
	.popContainer .popup .pwchange .txt2{padding-top:10px;font-size:14px;}
	.popContainer .popup .pwchange .btn{display:flex}
	.popContainer .popup .pwchange .btn a{width:100%;height:50px;}
	.popContainer .popup .pwchange .btnD3{line-height:50px;height:50px;}

	.faqBox .faqTxt{font-size: 14px;}
	.faqBox .btn a{font-size: 14px;}
	.faqWrap dl dt{font-size: 14px;}
	.faqWrap dl dd{font-size: 14px;}
	.faqWrap + .btnWrap a .more{font-size: 14px;}

	.tbl_col table td.input{padding: 5px 10px;}
	.applyFormWrap{padding: 40px 12px;}
	.applyFormWrap .guideWrap{margin-bottom: 25px;}
	.applyFormWrap .guideWrap .guideTxt{font-size: 14px;}
	.applyFormWrap .guideWrap a .down{font-size: 14px;}
	.applyFormWrap .inputWrap .tit{font-size: 16px; position: relative; line-height: inherit;}
	.applyFormWrap .inputWrap .fileBox{margin: 5px 0 0;}
	.applyFormWrap .inputWrap .fileBox .upload{width: 80%; font-size: 14px;}
	.applyFormWrap .inputWrap .fileBox label{width: 19%;}
	.applyFormWrap .inputWrap .fileBox label .underline{font-size: 14px;}

	.eduNoticeBox{padding: 20px;}
	.eduNoticeBox .guideTxt{font-size: 14px;}
	.eduNoticeBox .campusInfoWrap .campus{display: block; font-size: 14px;}
	.eduNoticeBox .campusInfoWrap .campus~.campus{margin: 5px 0 0;}
	.tbl_col table tbody th .necessary{padding-left: 12px;}
	.tbl_col table tbody th .necessary:before{left: 0;}
	.eduNotice .tbl_col .radio_box~.radio_box{margin-left: 20px;}
	.eduNotice .tbl_col table td.input input[type="text"]{width: 100%;}
	.eduNotice .agreeForm .conWrap ul li{font-size: 14px;}
	.eduNotice .agreeForm .conWrap{padding: 20px;}
	.eduNotice .agreeForm .chkWrap{padding: 15px 0;}
	.eduNotice .btnForm_block{margin-top: 30px;}
	.eduNotice .btnForm_block a{width: 100%; font-size: 14px;}

	.joinFormWrap .form_data table td.id .doubleChk:before{width: 90px;}
	.joinFormWrap .btnForm_block{margin: 30px auto 0;}

	#calendar .fc-today-button{font-size: 14px;}
	#calendar .fc-header-toolbar h2{font-size: 20px;}
	#calendar .fc-view-container th{font-size: 15px;}
	#calendar .fc-day-number{font-size: 15px;}
	#calendar .fc-event, #calendar .fc-event:hover{font-size: 14px;}
}

@media (max-width: 640px){
	.msg_alert dl{display:block;}
	.msg_alert dl~dl{margin-left:0;margin-top:20px;}

	.imgWrap ul li{display: inline-block; margin: 20px 20px 0px 0; width: calc( 100% / 2 - 10px)}
	.imgWrap ul li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 530px){
	/*.tbl_row table colgroup{display:none}
	.tbl_row table tbody tr{overflow:hidden;display:block;width:100%;}
	.tbl_row table tbody th{display:block;padding:8px 0;border:0;box-sizing:border-box;}
	.tbl_row table tbody th span{padding-left:12px;}
	.tbl_row table tbody th span:after{top:9px;bottom:auto;right:auto;left:0;width:4px;height:4px;background:#000;border-radius:100%;}
	.tbl_row table tbody td{display:block;padding:0 0 0 12px;margin-bottom:10px;border:0;box-sizing:border-box;}*/

	.tit_type{margin-top:30px;padding:0 0 10px 22px;line-height:19px;font-size:16px;font-weight:600;background-size:18px auto;background-position:0 3px}
	.tit_type ~ div{margin-left:0;}
}

@media (max-width: 480px){
	.gallery_list li{width: 100%;}

	.eduNotice .radio_box{display: block;}
	.eduNotice .tbl_col .radio_box~.radio_box{margin: 5px 0 0;}
}

@media (max-width: 330px) {
	.directions_video_area video{width:290px;}
}



/* 달력 */
.ui-datepicker{width:300px;padding:0;display:none;box-sizing:border-box;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:8px 0;border-bottom:0 !important}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute}
.ui-datepicker .ui-datepicker-prev{left:15px;top:28px}
.ui-datepicker .ui-datepicker-next{right:15px;top:28px}
.ui-datepicker .ui-datepicker-prev-hover{width:49px !important;height:12px !important;background:url(../images/ui-datepicker-prev.png) no-repeat 0 0!important;border:0!important}
.ui-datepicker .ui-datepicker-next-hover{width:49px !important;height:12px !important;background:url(../images/ui-datepicker-next.png) no-repeat 0 0!important;border:0!important}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;font-size:0}
.ui-datepicker-prev{width:49px !important;height:12px !important;background:url(../images/ui-datepicker-prev.png) no-repeat 0 0}
.ui-datepicker-next{width:49px !important;height:12px !important;background:url(../images/ui-datepicker-next.png) no-repeat 0 0}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:13px;color:#222;}
.ui-datepicker .ui-datepicker-title select{font-size:13px;color:#222;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:50px;background:transparent;}
.ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year{font-size:13px;color:#222;font-family:'Lato';}
.ui-datepicker .ui-datepicker-month{display:block;display:block;font-size:25px}
.ui-datepicker table{width:100%;border-collapse:collapse}
.ui-datepicker th{text-align:center;height:35px;}
.ui-datepicker td{height:30px;text-align:center;font-family:'LatoB';}
.ui-datepicker td span,.ui-datepicker td a{display:inline-block;text-align:center;text-decoration:none;width:30px;height:30px;line-height:30px;color:#222;font-size:13px}
.ui-datepicker th span{color:#222;font-size:13px;}
.ui-datepicker .ui-datepicker-buttonpane{display:none}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;display:none}
.ui-widget.ui-widget-content{padding:0 0 30px 0;border:1px solid #535353;border-radius:3px;box-shadow:5px 10px 10px rgba(00, 00, 00, .2)}
.ui-widget-content{background:#fff;color:#333}
.ui-widget-content a{font-size:13px;color:#333}
.ui-widget-header{border:0;background:#fff;color:#222;}
.ui-widget-header a{color:#333}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,.ui-button.ui-state-disabled:hover,.ui-button.ui-state-disabled:active{font-weight:400;color:#222}
.ui-datepicker-close{display:none}
.ui-datepicker-today a{background:#eee !important;border-radius:100%}
.ui-datepicker-calendar a:hover{}



/* 신규달력 */
:root{
  --today-border: #917102;
  --selected-border: #0b62c7;
  --sat-color: #044fd9;
  --sun-color: #d81313;
  --bg: #ffffff;
  --text: #222;
  --border-color: #ccc;
}

/* 전체 래퍼 */
.my-calendar {
  font-family: "Noto Sans KR", Arial, Helvetica, sans-serif;
  color: var(--text);
  width: 100%;
  margin: 16px auto;
}

/* 상단 영역 */
.cal-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:20px;
}

.cal-left { display:flex; align-items:center; gap:8px; }
.cal-center { display:flex; align-items:center; gap:8px; justify-content:center; }
/*.cal-center .nav-btn { display:flex; align-items:center; padding:6px 10px; cursor:pointer; background:#f1f1f1; border-radius:4px; border:1px solid #ddd; }*/
.cal-center .nav-prev-btn {  width: 33px; height: 33px; border-radius: 100%; border: 1px solid #ababab; box-sizing: border-box; background: url(../images/calendar_prev.png) no-repeat 50% 50%; }
.cal-center .nav-next-btn {  width: 33px; height: 33px; border-radius: 100%; border: 1px solid #ababab; box-sizing: border-box; background: url(../images/calendar_next.png) no-repeat 50% 50%; }
.cal-center .title { font-weight:700; min-width:220px; text-align:center; font-size: 26px;}



/* 버튼 스타일 */
button, .nav-btn { font-size:14px; }
.today-btn { background:#fff; border:1px solid #ccc; padding:6px 10px; border-radius:4px; cursor:pointer; }

/* 표(달력) */
.calendar-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed; /* 7등분 유지 */
  border: 1px solid var(--border-color);
}

/* 헤더(요일) */
.calendar-table thead th {
  height: 36px;
  text-align:center;
  font-weight:700;
  border: 1px solid var(--border-color);
  background:#fafafa;
}

/* 본문 셀 */
.calendar-table td {
  aspect-ratio: 1 / 1; /* 정사각형 유지 */
  height: auto; /* 높이 자동 */
  /*height: calc((100vw - 32px) / 7);  반응형 높이: 화면 너비 기준 7등분 */
  vertical-align: top;
  padding: 0 0 0 0;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  background: var(--bg);
}


.calendar-table td .cell-frame {
  aspect-ratio: 1 / 1; /* 정사각형 */
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  border: 3px solid transparent;
  border-radius: 8px;
  padding: 0px;
  box-sizing: border-box;
}


/* 다른 달 날짜 색상 */
.calendar-table td.other-month .fc-day-number {
  color: #747777 !important; /* 회색 */
}


/* 내부 프레임: 날짜와 컨텐츠 분리 */
.cell-frame {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border:3px solid transparent;
  border-radius:8px;
  padding:6px;
  box-sizing:border-box;
}

/* 날짜 상단 (우상단에 숫자 표시) */
.cell-top {
  display:flex;
  justify-content:flex-end; /* 날짜 오른쪽 정렬 */
  align-items:flex-start;
  gap:6px;
}

/* prefix + 날짜 묶음 */
.date-badge {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 4px;
}

/* prefix (오늘/선택) */
.fc-day-prefix {
  font-size: 14px;
  font-weight:700;
  white-space:nowrap;
  color:var(--text);
}


/* 날짜 숫자 */
.fc-day-number {
  font-size:1rem;
  font-weight:700;
}

/* 요일 색상 */
.calendar-table td.sat .fc-day-number { color: var(--sat-color); }
.calendar-table td.sun .fc-day-number { color: var(--sun-color); }

/* 이벤트 영역 */
.cell-body {
  margin-top:8px;
  overflow:auto;
  flex:1 1 auto;
  font-size:0.9rem;
}

.cell-event {
	padding: 2px 2px;
}

/* 오늘 */
.calendar-table td.today .cell-frame {
  border-color: var(--today-border);
}

/* 선택 */
.calendar-table td.selected .cell-frame {
  border-color: var(--selected-border);
}


/*#calendar .fc-daygrid-event-dot{display: none;}*/
.calendar-table td .cell-frame .cell-body {font-size:13px;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title{position: relative; padding-left: 10px; box-sizing: border-box;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType001:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #c57d00;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType002:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #09a2c3;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType003:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #9e2e90;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType004:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #00b44c;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType005:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #646a7b;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType006:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; margin: auto; background: #cf4c52;}
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType001 .gubun{color:#A36700;}/*단기*/
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType002 .gubun{color:#007D99;}/*중기*/
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType003 .gubun{color:#9e2e90;}/*장기*/
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType004 .gubun{color:#008537;}/*워크숍*/
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType005 .gubun{color:#646a7b;}/*리크루팅*/
.calendar-table td .cell-frame .cell-body .cell-event .fc-event-title .lecType006 .gubun{color:#cf4c52;}/*행사*/



/* 포커스 
.calendar-table td:focus {
  outline: 2px dashed #333;
  outline-offset: 2px;
}
*/