@charset "utf-8";
/* total-search */
.board-search{overflow:hidden; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-search .total{font-size:16px; color:#000; line-height:38px; float:left;}
.board-search .total strong{font-weight:500; color:#3357ac;}

.board-search .search{position:relative; width:350px; padding-left:90px; box-sizing:border-box; float:right; overflow:hidden;}
.board-search .search .chk-select{position:absolute; top:0px; left:0px; width:90px; border-right:none;}
.board-search .search .chk-select select{border-right:none;}
.board-search .search .input-btn{position:relative; width:100%; padding-right:40px; box-sizing:border-box;}
.board-search .search .input-btn input[type="text"]{width:100%;}
.board-search .search .input-btn .btn{position:absolute; top:0px; right:0px; width:40px; height:38px; display:block; background:url("/images/Reser_/layout/mgnb-search.png") no-repeat center #333333; background-size:20px; text-indent: -9999px;}


@media only screen and (max-width:1000px) {
    .board-search .total{font-size:15px;}
}

@media only screen and (max-width:680px) {
    .board-search .total{font-size:14px; line-height:120%; float:none; margin-bottom:10px;}

    .board-search .search{width:100%; float:none;}

    .board-search .search .input-btn{padding-right:34px; box-sizing:border-box;}
    .board-search .search .input-btn .btn{width:34px; height:34px; background-size:15px;}

}

/* board-list.list01 */
.board-list{position:relative; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-list:after{clear:both; content:""; display:block;}
.board-list table.list01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #023367;}
.board-list table.list01 thead th{background:#f1f4fa; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-list table.list01 thead th:last-child{border-right:none;}
.board-list table.list01 tbody tr{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list table.list01 tbody tr:hover{background:#f1f7fa;}
.board-list table.list01 tbody th{letter-spacing:-0.02em; padding:12px 10px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#fbfbfb; font-weight:500; text-align:center;}
.board-list table.list01 tbody td{letter-spacing:-0.02em; padding:12px 10px; color:#444; border-bottom:1px solid #e7e7e7; font-size:16px; text-align:center;}

.board-list table.list01 tbody td.title{text-align:left;}
.board-list table.list01 tbody td.title a:hover{color:#373789; text-decoration:underline;}

.board-list table.list01 tbody td .icons{display:inline-block; vertical-align:middle;}
.board-list table.list01 tbody td .icons.att{width:31px; height:25px; background:url("/images/Reser_/layout/bd-att-icon.png") no-repeat center;}

.board-list table.list01 tbody td .btns{display:inline-block; vertical-align:middle; padding:10px 15px; background:#61564b; color:#fff; font-size:14px;}
.board-list table.list01 tbody td .btns span{display:block; line-height:120%;}
.board-list table.list01 tbody td .btns.map{background:#373789;}
.board-list table.list01 tbody td .btns.map span{padding-right:24px; background:url("/images/Reser_/layout/bd-loca-icon.png") no-repeat right;}

.board-list table.list01 tbody td .btns.march{background:#4d5bbc;}
.board-list table.list01 tbody td .btns.comp{background:#666666;}

@media only screen and (max-width:1000px) {
    .board-list table.list01 colgroup{display:none;}
    .board-list table.list01 thead {display:none;}

    .board-list table.list01 tbody tr{display:block; padding:7px 10px 4px 10px; border-bottom:1px solid #e7e7e7;}

    .board-list table.list01 tbody th{text-align:left; font-size:14px; padding:0px 0px 5px 0px;}
    .board-list table.list01 tbody td{position:relative; text-align:left; font-size:14px; padding:0px 0px 5px 0px; display:inline-block; border-bottom:none; box-sizing:border-box; color:#9b9b9b;}
    .board-list table.list01 tbody td:after{display:inline-block; line-height:120%; vertical-align:middle; content: "/"; margin:0 8px; color:#9b9b9b;}

    .board-list table.list01 tbody td.title{display:block; font-size:15px; margin-right:0px;}
    .board-list table.list01 tbody td.title:after{display:none;}

    .board-list table.list01 tbody td.mnone{display:none;}
    .board-list table.list01 tbody td.mblock{display:block; margin-right:0px;}
    .board-list table.list01 tbody td.mblock:after{display:none;}

    .board-list table.list01 tbody td .icons.att{width:26px; height:21px; background-size:26px;}

    .board-list table.list01 tbody td .btns{padding:7px 10px; font-size:13px;}
    .board-list table.list01 tbody td .btns.map span{padding-right:18px; background-size:12px;}
}

@media only screen and (max-width:680px) {

    .board-list table.list01 tbody tr{padding:5px 10px 3px 10px;}

    .board-list table.list01 tbody th{font-size:13px; padding:0px 0px 3px 0px;}
    .board-list table.list01 tbody td{font-size:13px; padding:0px 0px 3px 0px;}

    .board-list table.list01 tbody td.title{font-size:14px;}

    .board-list table.list01 tbody td .btns{padding:5px 8px; font-size:12px;}
    .board-list table.list01 tbody td .btns.map span{padding-right:16px; background-size:11px;}
}

/* .board-list .gallery01*/
.board-list .gallery01{position:relative; margin:0px -1%; padding-top:32px;}
.board-list .gallery01:after{clear:both; content:""; display:block;}
.board-list .gallery01:before{position:absolute; top:0px; left:50%; width:98%; margin-left:-49%; height:2px; background:#023367; content:"";}
.board-list .gallery01 li{width:31.333333333%; margin:0px 1%; margin-bottom:40px; float:left;}
.board-list .gallery01 li a{display:block; border:1px solid #e7e7e7;}
.board-list .gallery01 li a .img{display:block; width:100%; height:35

















px;  position: relative;}
.board-list .gallery01 li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:none;}
.board-list .gallery01 li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.board-list .gallery01 li a .tit{position:relative; font-size:16px; padding:10px 15px; color:#333; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-list .gallery01 li a .tit:before{position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:url("/images/Reser_/layout/dotted-line.png")repeat-x left bottom; content:""; z-index:1;}
.board-list .gallery01 li a:hover .tit{background:#f1f6fa; color:#373789; text-decoration:underline;}


.board-list .gallery01 li a .date-write{display:block; padding:10px 15px; font-size:16px; color:#888; overflow:hidden;}
.board-list .gallery01 li a:hover .date-write{background:#f1f6fa; color:#373789;}
.board-list .gallery01 li a .date-write .date{display:block; font-weight:300; float:left;}
.board-list .gallery01 li a .date-write .write{display:block; float:right;}

/*course_edu*/
.flex-st{display: flex; justify-content: space-between;}
/*.board-list .li-wt{display: flex;}*/
.board-list .li-wt li{height:430px; border:solid 1px #d1d1d1; padding: 0px 15px 15px 15px; background:#f1f7fa;  box-sizing: border-box; position: relative; }
.board-list .li-wt li:hover{background: #f1f7fa;}
.board-list .li-wt:before{position:absolute; top:0px; left:50%; width:100%; margin-left:-49%; height:2px; background:#023367; content:"";}

.board-list .li-wt li a .img i.deadline{width:96px; height: 59px; text-align: center; display: block; position: absolute; top:0; right:0; background: url('/images/Reser_/layout/label01.png') no-repeat; color:#fff; padding: 15px 0px; font-size:15px;}
.board-list .li-wt li a .img i.Receipt{width:96px; height: 59px; text-align: center; display: block; position: absolute; top:0; right:0; background: url('/images/Reser_/layout/label02.png') no-repeat; color:#fff; padding: 15px 0px; font-size:15px;}
.board-list .li-wt li a .img i.Accept{width:96px; height: 59px; text-align: center; display: block; position: absolute; top:0; right:0; background: url('/images/Reser_/layout/label03.png') no-repeat; color:#fff; padding: 15px 0px; font-size:15px;}
.board-list .li-wt li a .img i:before{content: ""; width:20px; height: 2px; background: #fff; position: absolute; top:10px; left: 50%; transform: translate(-50%, 0px);}

.board-list .li-wt li.Ready{border-top:solid 2px #ec6941;}
.board-list .li-wt li.Ing{border-top:solid 2px #404daf;}
.board-list .li-wt li.End{border-top:solid 2px #616578;}

.edu-tit{display:block; font-size:15px; color:#333; padding:30px 0 0 0;}
.board-list .li-wt li a.bd{border:none;}
.board-list .li-wt li a .course-tit{font-size: 22px;color:#111111;padding: 10px 0 10px 0;margin-bottom:10px;display: block;line-height: 120%;border-bottom:dashed 1px #bbb;height: 98px;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 119%;}
.board-list .li-wt li a .course-con{font-size:18px; color:#666666; padding: 5px 0 15px 0; margin-bottom: 15px; display: block; letter-spacing: -0.2px; border-bottom:solid 1px #bbb;}
.board-list .li-wt li a.bd .step01 li{width: 100%; margin-bottom: 0px; line-height: 170%; border: none; padding: 0 0 0 15px; height: auto;}

/*facility*/
.board-list .li-facilty .facilty-tit{ font-size:22px; color:#111111; padding: 10px 0 10px 0; margin-bottom:10px; display: block; line-height: 120%; border-bottom:solid 1px #d1d1d1; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board-list .li-facilty .facilty-list{width: 100%; float: left; margin-bottom:15px;}
.board-list .li-facilty .facilty-list li{width:100%; height: auto; border: none; padding: 0 0 15px 85px; margin-bottom: 0px; font-size:14px; color:#333333; position: relative;}
.board-list .li-facilty .facilty-list li:before{content: "기관"; width: 58px; text-align: center; display: inline-block; background: #555555; color:#fff; position: absolute; top:-2px; left:0; padding: 3px 10px;}
.board-list .li-facilty .facilty-list li:nth-child(2):before{content: "이용시간";}
.board-list .li-facilty .facilty-list li:nth-child(3):before{content: "이용대상";}
.board-list .li-facilty .facilty-list li:nth-child(4):before{content: "주소";}

.board-list .li-facilty .facilty-list-ct{width: 100%; float: left; margin-bottom:15px;}
.board-list .li-facilty .facilty-list-ct li{width:100%; height: auto; border: none; padding: 0 0 15px 85px; margin-bottom: 0px; font-size:14px; color:#333333; position: relative;}
.board-list .li-facilty .facilty-list-ct li:before{content: "운영일시"; width: 58px; text-align: center; display: inline-block; background: #555555; color:#fff; position: absolute; top:-2px; left:0; padding: 3px 10px;}
.board-list .li-facilty .facilty-list-ct li:nth-child(2):before{content: "운영시간";}
.board-list .li-facilty .facilty-list-ct li:nth-child(3):before{content: "참가대상";}
.board-list .li-facilty .facilty-list-ct li:nth-child(4):before{content: "참가장소";}

.board-list .li-facilty .more{width:80%; display: block; background: #023367; color:#fff; text-align: center; font-size:16px; clear: both; border: none; padding: 10px 0px; position: absolute; bottom:12px; left:50%; transform: translate(-50%, 0);}
.board-list .li-facilty .more i{position: relative; display: inline-block;}
.board-list .li-facilty .more i:after{content: ""; width:13px; height: 13px; background:url("/images/Reser_/board/more-btn.png") no-repeat; position: absolute; top:4px; right:-18px; display: inline-block;}

/*facility-dt*/
.fac-dt-fx{display: flex; height: 352px; background:url("/images/Reser_/board/box-bg.jpg") no-repeat; padding: 16px 30px; justify-content: space-between;}
.fac-dt-fx .left-fac{}
.fac-dt-fx .right-fac{width: 70%}
.fac-dt-fx .right-fac .right-fac-list{overflow: hidden; padding: 20px 0 0 0;}
.fac-dt-fx .right-fac .right-fac-list li{ font-size:16px; padding-bottom: 20px;}
.fac-dt-fx .right-fac .right-fac-list li span.tit{width:75px; color:#111111; position: relative; display: inline-block; padding: 0 0 0 15px;}
.fac-dt-fx .right-fac .right-fac-list li span.tit:before{content:""; width:4px; height: 4px; background: #80809f; border-radius: 30px; position: absolute; top:8px; left:5px;}
.fac-dt-fx .right-fac .right-fac-list li span.con{padding: 0 0 0 30px; display: inline-block;}
.fac-dt-fx .right-fac .read-more{width:225px; background: #023367; color:#fff; text-align: center; padding: 10px 10px; display: block;}

.dt-conbox-calnder #calendarFrm{width:100%;}
.dt-conbox-calnder .calender{width:100%; background: #fff; box-sizing:border-box; }
.dt-conbox-calnder .calender .calender-wrap{border:solid 1px #d1d1d1; padding: 40px; position: relative;}
.dt-conbox-calnder .calender .top{position:relative; width: 250px; margin: 0 auto; padding: 0px 0px 40px 0;}
.dt-conbox-calnder .calender .top h4{text-align:center; font-size:28px; padding: 0 0 20px 0px; font-weight:400; color:#111111; font-family: 'SCDream6';}
.dt-conbox-calnder .calender .top h4 span{}
.dt-conbox-calnder .calender .top .btn a{position:absolute; top:3px; width:13px; height:24px; font-size:0; text-indent: -999em; background-repeat:no-repeat; background-position:0 0;}
.dt-conbox-calnder .calender .top .btn a.prev{background-image:url('/images/Library_/board/calL-arrorw.png'); left:0px;}
.dt-conbox-calnder .calender .top .btn a.next{background-image:url('/images/Library_/board/calR-arrorw.png'); right:0px;}
.dt-conbox-calnder .calender .calender-wrap .right-txt{position: absolute; top:90px; right:42px;}
.dt-conbox-calnder .calender .calender-wrap .right-txt span{display: inline-block; position: relative;}
.dt-conbox-calnder .calender .calender-wrap .right-txt span.closed{}
.dt-conbox-calnder .calender .calender-wrap .right-txt span.closed:before{content: "휴"; width:24px; height: 22px; background: #999999; color:#fff; border-radius: 30px; position: absolute; top:0; left:-27px; text-align: center;}
.dt-conbox-calnder .calender .calender-wrap .right-txt span.Impossible{padding: 0 0 0 40px;}
.dt-conbox-calnder .calender .calender-wrap .right-txt span.Impossible:before{content: "불"; width:24px; height: 22px; background: #f54949; color:#fff; border-radius: 30px; position: absolute; top:0; left:10px; text-align: center;}

.dt-conbox-calnder .calender table{width: 100%;border-spacing: 0; border-collapse: collapse; border:solid 1px #d6d6d6;}
.dt-conbox-calnder .calender thead th{ font-size:18px; background: #666666; color:#fff;  padding:7px 5px; text-align: center; font-family: 'SCDream3'; border-top:solid 1px #c1c1c1; border-bottom:solid 1px #c1c1c1;}
.dt-conbox-calnder .calender thead th.sun-red{color:#ff0000;}
.dt-conbox-calnder .calender tbody td{ text-align:center; font-size:15px;  padding:40px; position:relative; border:solid 1px #d1d1d1; position: relative;}
.dt-conbox-calnder .calender tbody td em{color: #555555; font-family: 'SCDream3'; font-weight: 200; position: absolute; top:10px; left:0px;  color: #333333;}
.dt-conbox-calnder .calender tbody td a{color: #555555; font-family: 'SCDream3'; font-weight: 200; position: absolute; top:10px; left:0px;  color: #333333;}
.dt-conbox-calnder .calender tbody td a.date-on{background: #342883; border-radius: 30px; color: #fff; display: inline-block; width: 28px; height: auto; vertical-align: middle; padding: 4px 0 4px 0; }
.dt-conbox-calnder .calender tbody td a.rain{top:5px; left:50%; margin-left:-20px; position:absolute; display:block; width:40px; height:40px; background:url('/2018/images/01.potal/program/06/icon-rain1.png'); font-size:0; text-indent: -999em; }
.dt-conbox-calnder .calender tbody td.sat{color:#2244c2}
.dt-conbox-calnder .calender tbody td.sun{color:#d40f14}
.dt-conbox-calnder .calender tbody td.today{background:#f1f1f1}
.dt-conbox-calnder .calender tbody td .Impossible-txt{width:45px; height:33px; border-radius: 30px; text-align: center; background: #f54949; padding: 10px 0 0 0; color:#fff; display: block; position:absolute; transform: translate(-50%, -50%); left: 50%;}
.dt-conbox-calnder .calender tbody td .closed-txt{width:45px; height:33px; border-radius: 30px; text-align: center; background: #999999; padding: 10px 0 0 0; color:#fff; margin: 0 auto; display: block; position:absolute; transform: translate(-50%, -50%); left: 50%;}
.dt-conbox-calnder .calender tbody td.Impossible{background: #fffbea; box-shadow: 3px 5px 6px -4px #d7d7d7;}
.dt-conbox-calnder .calender tbody td .txt{width:100%; position: absolute; transform: translate(-50%, -50%); left: 50%; }
.dt-conbox-calnder .calender tbody td.join{background: #ecf8f6; box-shadow: 3px 5px 6px -4px #d7d7d7;}

@media (max-width:1280px) {
	.dt-conbox-calnder .calender .calender-wrap .right-txt + div {overflow-x: auto;}
	.dt-conbox-calnder .calender .calender-wrap .right-txt + div:before {content:'모바일기기에서는 스크롤하여 보실수 있습니다.'; display:block; margin-bottom:5px;}
	.dt-conbox-calnder .calender .calender-wrap .right-txt + div > table {width:900px;}
}
@media (max-width:768px) {
	.dt-conbox-calnder .calender .calender-wrap {padding:20px;}
}

/*course_edu-dt*/
.edu-dt-listbox{width: 100%; box-sizing:border-box;}
.edu-dt-listbox li{background: #f1f7fa; border: solid 1px #d7d7d7; border-top:solid 2px #ec6941;  padding: 40px 40px 0px 40px; position: relative;}
.edu-dt-listbox li .list-tit{ border-bottom:dashed 1px #d7d7d7; padding: 0 0 15px 35px; position: relative; font-size: 24px; color:#111111; line-height: 120%;}
.edu-dt-listbox li .list-tit:before{content: ""; width:26px; height: 21px; background: url("/images/Reser_/layout/list-ico-bk.png") no-repeat; position: absolute; top:4px; left:0;}
.edu-dt-listbox li .edu-dt-listtype01{ padding: 20px 10px; border-bottom:dashed 1px #d7d7d7;}
.edu-dt-listbox li .edu-dt-listtype01 li{border:none; padding: 10px; position: relative;}
.edu-dt-listbox li .edu-dt-listtype01 li span.tit{width:75px; margin-right:20px; display: inline-block; position: relative; font-size:16px; color: #333333;}
.edu-dt-listbox li .edu-dt-listtype01 li span.tit:after{content: ""; width:1px; height: 15px; background: #999999; position: absolute; top:3px; right:0;}
.edu-dt-listbox li .edu-dt-listtype01 li:before{content: ""; width:4px; height: 4px; border-radius: 10px; background: #7e7f9e; position: absolute; top:19px; left:0;}
.edu-dt-listbox li .label-Ready{width:96px; height: 59px; background: url("/images/Reser_/layout/label01.png") no-repeat; position: absolute; top:0; right:100px;}
.edu-dt-listbox li .label-Ready span{color:#fff; display: inline-block; text-align: center; width: 100%; padding: 15px 0 0 0; position: relative;}
.edu-dt-listbox li .label-Ready span:before{content: ""; width:20px; height: 2px; background: #fff; position: absolute; top:0px; left: 50%; transform: translate(-50%, 8px);}
.edu-dt-listbox li .label-Ing{width:96px; height: 59px; background: url("/images/Reser_/layout/label02.png") no-repeat; position: absolute; top:0; right:100px;}
.edu-dt-listbox li .label-Ing span{color:#fff; display: inline-block; text-align: center; width: 100%; padding: 15px 0 0 0; position: relative;}
.edu-dt-listbox li .label-Ing span:before{content: ""; width:20px; height: 2px; background: #fff; position: absolute; top:0px; left: 50%; transform: translate(-50%, 8px);}
.edu-dt-listbox li .label-End{width:96px; height: 59px; background: url("/images/Reser_/layout/label03.png") no-repeat; position: absolute; top:0; right:100px;}
.edu-dt-listbox li .label-End span{color:#fff; display: inline-block; text-align: center; width: 100%; padding: 15px 0 0 0; position: relative;}
.edu-dt-listbox li .label-End span:before{content: ""; width:20px; height: 2px; background: #fff; position: absolute; top:0px; left: 50%; transform: translate(-50%, 8px);}


.dt-conbox-infor{overflow: hidden;}
.dt-conbox-infor .con-txt{height: 250px; border::1px solid #dddddd; box-sizing:border-box; padding: 20px;}

.dt-conbox-list{overflow: hidden;}
.dt-conbox-list .con-txt{height: 250px; background: #dddddd; padding: 20px;}



@media only screen and (max-width:1600px) {
    .edu-dt-listbox{background: none; border:solid 1px #d1d1d1;}
}

@media only screen and (max-width:1300px) {
    .board-list .gallery01 li a .img{}

    /*facility-dt*/
    .fac-dt-fx{background: none; border:solid 5px #d1d1d1;  height: auto;}

    .board-list .li-wt li{height:330px;}

}

@media only screen and (max-width:1000px) {
    .board-list .gallery01{padding-top:22px; margin-bottom:10px;}
    .board-list .gallery01 li a .img{}
    .board-list .gallery01 li{margin-bottom:20px;}

    .board-list .gallery01 li a .tit{font-size:15px; padding:5px 10px;}
    .board-list .gallery01 li a .date-write{font-size:14px; padding:5px 10px;}

    /*course_edu*/
    .board-list .gallery01 li a .course-tit{font-size:18px;}
    .board-list .gallery01 li a .course-con{font-size:15px;}

    /*course_edu-dt*/
    .edu-dt-listbox .edu-dt-tit{font-size:20px; line-height: 150%;}
    .edu-dt-listbox .edu-dt-list li .list-subtit{font-size:18px;}
    .edu-dt-listbox .edu-dt-list li .list-subcon{font-size:16px;}

    /*facility-dt*/
    .fac-dt-fx{display: block;}
    .fac-dt-fx .left-fac img{display: block; margin: 0 auto;}
    .fac-dt-fx .right-fac{width: 100%;}
    .fac-dt-fx .right-fac .right-fac-list li{display: flex; font-size:14px;}
    .fac-dt-fx .right-fac .right-fac-list li span.con{width: 70%;}
    .fac-dt-fx .right-fac .read-more{margin: 0 auto;}

    /*강좌교육 상세정보*/
    .edu-dt-listbox li{padding: 70px 40px 0px 40px ;}
    .edu-dt-listbox li .label-Ready{right:20px;}

}


@media only screen and (max-width:680px) {
    .board-list .gallery01{padding-top:12px;}
    .board-list .gallery01 li{width:48%;}
    .board-list .gallery01 li{margin-bottom:10px;}

    .board-list .gallery01 li a .tit{font-size:13px; padding:5px;}
    .board-list .gallery01 li a .date-write{font-size:12px; padding:5px;}

    /*course_edu*/
    .board-list .li-wt{display: block; box-sizing: border-box;}
    .board-list .li-wt li a .img{height: auto;}

    /*course_edu-dt*/
    .edu-dt-listbox{height: auto; float: left; padding:0px;}
    .edu-dt-listbox .edu-dt-list{display: block;}
    .edu-dt-listbox .edu-dt-list li{width: 40%; height: 185px; padding: 15px;}
		.edu-dt-listbox > li{padding:70px 10px 10px 10px!important;}
    .edu-dt-listbox .edu-dt-tit .receipt{padding: 3px 10px;}

    .dt-conbox-calnder .calender tbody td{padding: 24px;}
    .dt-conbox-calnder .calender tbody td .Impossible-txt{width:23px; height: 20px; padding: 2px 0 0 0; left: 72%; bottom:-8px; top:auto; ; font-size:13px;}
    .dt-conbox-calnder .calender tbody td .closed-txt{width:23px; height: 20px; padding: 2px 0 0 0; left: 72%; bottom:-8px; top:auto;  font-size:13px;}
    .dt-conbox-calnder .calender tbody td .txt a{left: auto; top:4px; font-size:10px; line-height: 100%;}

    .dt-conbox-calnder .calender tbody td a{font-size:10px;}
    .dt-conbox-calnder .calender tbody td span.txt a{font-size:10px;}

    .board-list .li-wt li a .course-tit{height:45px;}
}

@media only screen and (max-width:480px) {
    .board-list .gallery01 li a .img{height:70px;}

    /*course_edu*/
    .board-list .li-wt li a .img{height: auto;}
    .board-list .li-wt li{width:100%; height: auto;}

    .board-list .li-facilty .more{width:100%; position: relative; float: left; margin-top:20px;}

    /*course_edu-dt*/
    .edu-dt-listbox .edu-dt-list li{width:100%; height: auto; padding: 0px; margin-bottom:30px;}
    .dt-conbox-calnder .calender tbody td{padding: 22px; padding-bottom: 28px;}
    .dt-conbox-calnder .calender tbody td .Impossible-txt{display: none;}
    .dt-conbox-calnder .calender tbody td .closed-txt{display: none;}
    .dt-conbox-calnder .calender tbody td .txt{}
    .dt-conbox-calnder .calender tbody td.Impossible{background: none;}
    .dt-conbox-calnder .calender tbody td.join{background: none; box-shadow: none;}
}

/* .board-list .gallery02*/
.board-list .gallery02{position:relative; margin:0px -1%; padding-top:32px;}
.board-list .gallery02:after{clear:both; content:""; display:block;}
.board-list .gallery02:before{position:absolute; top:0px; left:50%; width:98%; margin-left:-49%; height:2px; background:#023367; content:"";}
.board-list .gallery02 li{width:31.333333333%; margin:0px 1%; margin-bottom:40px; float:left;}
.board-list .gallery02 li a{display:block; border:1px solid #e7e7e7;}
.board-list .gallery02 li a .img{display:block; width:100%; height:445px; overflow:hidden;}
.board-list .gallery02 li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.board-list .gallery02 li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.board-list .gallery02 li a .tit{position:relative; font-size:16px; padding:15px 20px; color:#333; letter-spacing:-0.02em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-list .gallery02 li a:hover .tit{background:#f1f6fa; color:#373789; text-decoration:underline;}

@media only screen and (max-width:1300px) {
    .board-list .gallery02 li a .img{height:330px;}
}

@media only screen and (max-width:1000px) {
    .board-list .gallery02{padding-top:22px; margin-bottom:10px;}
    .board-list .gallery02 li{margin-bottom:20px;}
    .board-list .gallery02 li a .img{height:220px;}

    .board-list .gallery02 li a .tit{font-size:15px; padding:10px 15px;}
}

@media only screen and (max-width:680px) {
    .board-list .gallery02{padding-top:12px;}
    .board-list .gallery02 li{width:48%; margin-bottom:10px;}
    .board-list .gallery02 li a .img{height:235px;}

    .board-list .gallery02 li a .tit{font-size:13px; padding:5px;}
}

@media only screen and (max-width:480px) {
    .board-list .gallery02 li a .img{height:155px;}
}

/* board-list qna01 */
.board-list .qna01{border-top:1px solid #d1d1d1;}
.board-list .qna01 li{border-bottom:1px solid #d1d1d1;}
.board-list .qna01 li .ques a{position:relative; display:block; padding:24px 300px 24px 80px;}
.board-list .qna01 li .ques a:before{position:absolute; top:50%; left:20px; display:block; width:38px; line-height:38px; margin-top:-19px; text-align:center; font-size:20px; color:#3551ae; font-weight:600; background:#f7f7f7; border-radius:50%; content:"Q"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques a:after{position:absolute; top:50%; right:30px; display:block; color:#3551ae; font-size:42px; line-height:32px; margin-top:-16px; content:"+"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .ques a .btxt{font-size:18px; color:#333; line-height:120%;}

.board-list .qna01 li .ques a .write-date{display:none; position:absolute; top:50%; right:50px; margin-top:-10px; font-size:0px; line-height:120%; color:#fff;}
.board-list .qna01 li .ques a .write-date .write{position:relative; padding-right:22px; font-size:16px; display:inline-block; vertical-align:top; line-height:120%;}
.board-list .qna01 li .ques a .write-date .write:after{display:block; position:absolute; top:50%; right:0px; width:1px; height:14px; margin-top:-7px; background:#fff; content:"";}
.board-list .qna01 li .ques a .write-date .date{position:relative; padding-left:22px; font-size:16px; display:inline-block; vertical-align:top; line-height:120%;}

.board-list .qna01 li .answer{display:none; position:relative; background:#f7f7f7; padding:25px 50px 25px 80px;}
.board-list .qna01 li .answer:before{position:absolute; top:16px; left:20px; display:block; width:38px; line-height:38px; text-align:center; font-size:20px; color:#fff; font-weight:600; background:#ff6000; border-radius:50%; content:"A"; font-family:'S-CoreDream-4Regular','Malgun Gothic',sans-serif;}
.board-list .qna01 li .answer .attach{position:relative; padding:0px 0px 13px 70px; border-bottom:1px solid #d1d1d1; font-size:16px; margin-bottom:18px;}
.board-list .qna01 li .answer .attach .btxt{position:absolute; top:0px; left:0px; color:#333; font-weight:500;}
.board-list .qna01 li .answer .attach .atta{padding-left:20px; background:url("/images/Reser_/layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-list .qna01 li .answer .attach .atta:hover{color:#373789; text-decoration:underline;}
.board-view .view01 .attach.viewBtn .vbLi{margin:3px 0;}

.board-list .qna01 li.active .ques a{background:#4d5bbc;}
.board-list .qna01 li.active .ques a:before{background:#fff;}
.board-list .qna01 li.active .ques a:after{display:none;}
.board-list .qna01 li.active .ques a .btxt{color:#fff;}
.board-list .qna01 li.active .ques a .write-date{display:block;}

.board-list .qna01 li.active .answer{display:block;}

.board-list .qna01 li.active .substan{font-size:16px; color:#333; line-height:140%;}

@media only screen and (max-width:1000px) {
    .board-list .qna01 li .ques a{position:relative; display:block; padding:15px 130px 15px 80px;}
    .board-list .qna01 li .ques a .btxt{font-size:16px;}

    .board-list .qna01 li .ques a .write-date{right:25px; margin-top:-22px; text-align:right; }
    .board-list .qna01 li .ques a .write-date .write{display:block; padding-right:0px; font-size:15px; margin-bottom:5px;}
    .board-list .qna01 li .ques a .write-date .write:after{display:none;}
    .board-list .qna01 li .ques a .write-date .date{position:block; padding-left:0px; font-size:15px;}

    .board-list .qna01 li .answer{padding:15px 25px 15px 80px;}
    .board-list .qna01 li .answer .attach{padding:0px 0px 7px 70px; font-size:14px; margin-bottom:15px;}
    .board-list .qna01 li .answer .attach .btxt{font-size:15px;}
    .board-list .qna01 li .answer .attach .atta{margin-right:10px; background-size:12px}

    .board-list .qna01 li.active .substan{font-size:15px;}
}

@media only screen and (max-width:680px) {
    .board-list .qna01 li .ques a{padding:10px;}
    .board-list .qna01 li .ques a:before{position:relative; top:auto; left:auto; margin-top:0px; margin-bottom:7px; width:32px; line-height:32px; font-size:18px;}
    .board-list .qna01 li .ques a:after{top:7px; right:15px; margin-top:0px; font-size:32px;}
    .board-list .qna01 li .ques a .btxt{font-size:14px;}

    .board-list .qna01 li .ques a .write-date{top:17px; right:15px; margin-top:0px; text-align:left; }
    .board-list .qna01 li .ques a .write-date .write{display:inline-block; padding-right:10px; font-size:14px; margin-bottom:0px;}
    .board-list .qna01 li .ques a .write-date .write:after{display:block;}
    .board-list .qna01 li .ques a .write-date .date{position:inline-block; padding-left:10px; font-size:14px;}

    .board-list .qna01 li .answer{padding:10px;}
    .board-list .qna01 li .answer:before{position:relative; top:auto; left:auto; margin-top:0px; margin-bottom:7px; width:32px; line-height:32px; font-size:18px;}
    .board-list .qna01 li .answer .attach{padding:0px 0px 7px 0px; font-size:13px; margin-bottom:10px;}
    .board-list .qna01 li .answer .attach .btxt{position:relative; top:auto; left:auto; margin-bottom:5px; font-size:14px;}

    .board-list .qna01 li.active .substan{font-size:14px;}
}

/* board-view */
.board-view{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-view .view01{border-top:2px solid #023367;}
.board-view .view01 .title{font-size:18px; padding:20px 15px; color:#333353; background:#fff; border-bottom:1px solid #d1d1d1;}
.board-view .view01 .info{padding:15px; background:#fff;  border-bottom:1px solid #d1d1d1; font-size:0px; background:#f1f7fa;}
.board-view .view01 .info .btxt{font-size:16px; display:inline-block; color:#797979; line-height:120%; vertical-align:top;}
.board-view .view01 .info .btxt:after{display:inline-block; line-height:120%; vertical-align:top; content:"/"; margin:0 15px; color:#333353;}
.board-view .view01 .info .btxt:last-child:after{display:none;}
.board-view .view01 .info .btxt strong{font-weight:500; margin-right:7px; color:#333353;}
.board-view .view01 .attach{font-size:15px; padding:10px 15px; background:#fff; border-bottom:1px solid #d1d1d1;}
.board-view .view01 .attach .atta{padding-left:20px; background:url("/images/Reser_/layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-view .view01 .attach .atta:hover{color:#373789; text-decoration:underline;}
.board-view .view01 .substan{font-size:16px; letter-spacing:-0.02em; padding:50px 20px 40px 20px; color:#333; line-height:180%; border-bottom:1px solid #d1d1d1;}

.board-view .view01 .prne-link li{border-bottom:1px solid #d1d1d1;}
.board-view .view01 .prne-link li a{position:relative; display:block; padding:15px 15px 15px 200px; font-size:16px;}
.board-view .view01 .prne-link li a .btn{position:absolute; top:0px; left:0px; width:180px; height:100%; padding:15px 20px; box-sizing:border-box; background:#f1f7fa; display:block; color:#111; font-weight:500;}
.board-view .view01 .prne-link li a .btn i{padding-left:30px; background:url("/images/Reser_/layout/bdm-att-icon.png")no-repeat left;}
.board-view .view01 .prne-link li a .tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-view .view01 .prne-link li a:hover .tit{color:#373789; text-decoration:underline;}

.board-view .view01 .prne-link li.prev a .btn i{background:url("/images/Reser_/layout/prne-arrowT.png")no-repeat left;}
.board-view .view01 .prne-link li.next a .btn i{background:url("/images/Reser_/layout/prne-arrowB.png")no-repeat left;}

@media only screen and (max-width:1000px) {
    .board-view .view01 .title{font-size:17px; padding:15px;}
    .board-view .view01 .info{padding:10px 15px;}
    .board-view .view01 .info .btxt{font-size:15px;}
    .board-view .view01 .info .btxt:after{margin:0 10px;}
    .board-view .view01 .attach{font-size:14px; padding:8px 15px;}
    .board-view .view01 .attach .atta{padding-left:17px; background-size:12px; background-position:0px 2px; }
    .board-view .view01 .substan{font-size:15px; padding:20px 10px 20px 10px;}

    .board-view .view01 .prne-link li a{padding:10px 15px 10px 125px; font-size:15px;}
    .board-view .view01 .prne-link li a .btn{width:110px; padding:10px 15px;}
    .board-view .view01 .prne-link li a .btn i{padding-left:25px; background-size:;}
}

@media only screen and (max-width:680px) {
    .board-view .view01 .title{font-size:16px; padding:10px;}
    .board-view .view01 .info{padding:8px 10px; }
    .board-view .view01 .info .btxt{font-size:14px;}
    .board-view .view01 .attach{font-size:13px; padding:5px 10px;}
    .board-view .view01 .attach .atta{padding-left:17px; background-size:12px;}
    .board-view .view01 .attach.viewBtn .atta{width:60%;}
    .board-view .view01 .attach.viewBtn .vbLi > a:nth-child(2){vertical-align: top;}
    .board-view .view01 .substan{font-size:15px; padding:20px 10px 20px 10px;}

    .board-view .view01 .prne-link li a{padding:8px 10px 8px 105px; font-size:13px;}
    .board-view .view01 .prne-link li a .btn{width:95px; padding:8px 15px;}
    .board-view .view01 .prne-link li a .btn i{padding-left:25px; background-size:;}
}

@media only screen and (max-width:480px) {
    .board-view .view01 .info .btxt{display:block; margin-bottom:3px;}
    .board-view .view01 .info .btxt:after{display:none;}
    .board-view .view01 .info .btxt:last-child{margin-bottom:0px;}
}

/* board-write.write01 */
.board-write{position:relative; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-write:after{clear:both; content:""; display:block;}
.board-write table.write01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:2px solid #023367;}
.board-write table.write01 thead th{background:#f1f4fa; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-write table.write01 tbody th{letter-spacing:-0.02em; padding:12px 15px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#f1f7fa; font-weight:500; text-align:center;}
.board-write table.write01 tbody td{letter-spacing:-0.02em; padding:12px 15px; color:#444; border-bottom:1px solid #e7e7e7; font-size:16px;}

.board-write table.write01 tbody th .impor-txt{position:relative; display:inline-block; padding-right:15px;}
.board-write table.write01 tbody th .impor-txt:before{position:absolute; top:1px; right:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-write table.write01 tbody td .tel-input{font-size:0px;}
.board-write table.write01 tbody td .tel-input .chk-select{width:30%;}
.board-write table.write01 tbody td .tel-input input[type="text"]{width:30%;}
.board-write table.write01 tbody td .tel-input .line{width:5%; line-height:38px; vertical-align:middle; font-size:16px; display:inline-block; text-align:center;}

.board-write table.write01 tbody td .email-input{font-size:0px;}
.board-write table.write01 tbody td .email-input .id{width:30%;}
.board-write table.write01 tbody td .email-input .at{width:5%; display:inline-block; line-height:38px; font-size:16px; color:#555454; text-align:center; vertical-align:middle;}
.board-write table.write01 tbody td .email-input .email{width:35%; margin-right:1%;}
.board-write table.write01 tbody td .email-input .chk-select{width:28%;}

.board-write table.write01 tbody td .radios-group .radios{margin-right:30px;}
.board-write table.write01 tbody td .radios-group .radios:last-child{margin-right:0px;}

@media only screen and (max-width:1000px) {
    .board-write table.write01{border:1px solid #d8d8d8;}

    .board-write table.write01 colgroup{display:none;}
    .board-write table.write01 thead {display:none;}

    .board-write table.write01 tbody th{display:block; text-align:left; padding:10px 15px; font-size:15px; border-bottom:none;}
    .board-write table.write01 tbody td{display:block; text-align:left; padding:10px 15px; font-size:15px;}
    .board-write table.write01 tbody td:last-child{border-bottom:none;}

    .board-write table.write01 tbody td .tel-input.w60p{width:100% !important;}
    .board-write table.write01 tbody td .email-input.w70p{width:100% !important;}
    .board-write table.write01 tbody td .filebox.w60p{width:100% !important;}

    .board-write table.write01 tbody td .tel-input .line{line-height:34px; font-size:14px;}
    .board-write table.write01 tbody td .email-input .at{line-height:34px; font-size:13px;}
}

@media only screen and (max-width:680px) {
    .board-write table.write01 tbody th{padding:7px 10px; font-size:14px;}
    .board-write table.write01 tbody td{padding:7px 10px; font-size:14px;}
}

/* board-btns */
.board-btns{}
.board-btns{position:relative; font-size:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-btns:after{clear:both; content:""; display:block;}
.board-btns .btns{display:inline-block; padding:12px 25px; background:#61564b; color:#fff; font-size:16px;}
.board-btns .btns span{padding-right:30px; line-height:120%; display:block;}

.board-btns a{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;vertical-align:middle;}
.board-btns a:first-child{margin-left:0px;}
.board-btns a:hover{opacity:0.7;}
.board-btns input[type="image"]{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; vertical-align:middle;}
.board-btns input[type="image"]:hover{opacity:0.7;}

.board-btns .btns.ok{background:#333353;}
.board-btns .btns.ok span{background:url("/images/Reser_/layout/bbtn-ok-icon.png") no-repeat right;}

.board-btns .btns.cancel{background:#777;}
.board-btns .btns.cancel span{background:url("/images/Reser_/layout/bbtn-cancel-icon.png") no-repeat right;}

.board-btns .btns.write{background:#373789;}
.board-btns .btns.write span{background:url("/images/Reser_/layout/bbtn-write-icon.png") no-repeat right;}

.board-btns .btns.list{background:#777;}
.board-btns .btns.list span{background:url("/images/Reser_/layout/bbtn-list-icon.png") no-repeat right;}

.board-btns .btns.del{background:#333353;}
.board-btns .btns.del span{background:url("/images/Reser_/layout/bbtn-del-icon.png") no-repeat right;}

.board-btns .btns.modi{background:#777;}
.board-btns .btns.modi span{background:url("/images/Reser_/layout/bbtn-modi-icon.png") no-repeat right;}

.board-btns .btns.answ{background:#777;}
.board-btns .btns.answ span{background:url("/images/Reser_/layout/bbtn-answ-icon.png") no-repeat right;}



@media only screen and (max-width:1000px) {
    .board-btns .btns{padding:10px 17px; font-size:14px;}
    .board-btns .btns span{padding-right:22px;}

    .board-btns .btns.ok span{background-size:15px;}
    .board-btns .btns.cancel span{background-size:15px;}
    .board-btns .btns.write span{ background-size:14px;}
    .board-btns .btns.list span{ background-size:11px;}
    .board-btns .btns.del span{ background-size:12px;}
    .board-btns .btns.modi span{ background-size:14px;}
    .board-btns .btns.answ span{ background-size:12px;}

    .board-btns a img{width:90px;}
    .board-btns input[type="image"]{width:90px;}
}

@media only screen and (max-width:680px) {
    .board-btns .btns{padding:8px 12px; font-size:13px;}
    .board-btns .btns span{padding-right:16px;}

    .board-btns .btns.ok span{background-size:13px;}
    .board-btns .btns.cancel span{background-size:13px;}
    .board-btns .btns.write span{ background-size:12px;}
    .board-btns .btns.list span{ background-size:9px;}
    .board-btns .btns.del span{ background-size:10px;}
    .board-btns .btns.modi span{ background-size:12px;}
    .board-btns .btns.answ span{ background-size:10px;}

    .board-btns a img{width:66px;}
    .board-btns input[type="image"]{width:66px;}
}



/* 회원가입 약관 */
.argeeScroll{height:auto; max-height:250px; overflow-y: scroll; border:1px solid #ddd; padding:20px;}

@media screen and (max-width:640px){
    .argeeScroll{ max-height:200px;}
}


/* 회원가입 작성*/
.board-write table.write01 tbody td .jiBtn{padding:6px 20px 7px; vertical-align: middle; background-color:#657381; color:#fff;}

/* 추가삭제버튼 */
.photoBtn button{padding:7px 55px 7px 25px; color:#fff; border:none; }
.photoBtn .photoAdd{background:url("/images/Reser_/layout/photoAdd.png") 80% center no-repeat #d75959;}
.photoBtn .photoDel{background:url("/images/Reser_/layout/photoDel.png") 80% center no-repeat #666666;}