@charset "utf-8";

*{margin: 0; padding: 0;}
*[tabindex] {outline:none;}
a{text-decoration: none; color: #111; display: block; white-space: nowrap;}
li{list-style: none;}
div{box-sizing: border-box;}


/************************************************
	skipLink
************************************************/
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}


/************************************************
	layout
************************************************/
body{ background-color: #fff;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}
.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:6;}

#container{ position: relative;}
#indexwrap{ position: relative; z-index: 1; padding-top: 128px;}
#wrap{ position:relative; width:100%; margin:0 auto; overflow:hidden;;}

/*header*/
#header{ position:fixed; width:100%; z-index:90; border-bottom:1px solid rgba(255,255,255,0.15); box-shadow: 0px 0px 4px 0px #cdcdcd;
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; min-width:360px;}
#header .inner{display:flex;margin: 0 auto;align-items:center;justify-content: space-between;height: 90px;padding:0 100px}

#header .inner h1.logo a{ display: block;width: 250px; height: 50px; text-indent: -9999px;background: url(/images/home/kor/user/logo_color.png) center no-repeat; background-size: contain;}


/* #header .header_icon ul{height:100%; display:flex; flex-flow:row nowrap; gap:20px;align-items: center;}
#header .header_icon ul li a{display: block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; transition:all 0.3s; background-size: contain;}
#header .header_icon ul li.login, #header .header_icon ul li.logout,
#header .header_icon ul li.join, #header .header_icon ul li.mypage{width:5.625rem;height:1.8rem;; font-size: 0.8125rem;}

#header .header_icon ul li.login a,
#header .header_icon ul li.logout a{background:url(/images/home/kor/user/login_fixed.png) center left no-repeat;padding-left: 25px; background-size: contain;}
#header .header_icon ul li.join a,
#header .header_icon ul li.mypage a{background:url(/images/home/kor/user/join_fixed.png)center left no-repeat;padding-left: 25px; background-size: contain;} */

#header .header_icon ul{height:100%; display:flex; flex-flow:nowrap; gap:20px;align-items: center;}

#header .header_top_icon{background:#f4f4f4;padding:4px 100px}
#header .header_top_icon li{display: flex; gap:5px;font-size: 0.8125rem;align-items: center;}
#header .header_top_icon ul li a{display: block; width:100%;transition:all 0.3s;}
#header .header_top_icon ul li.login, #header .header_top_icon ul li.logout,
#header .header_top_icon ul li.join, #header .header_top_icon ul li.mypage{width: auto;height:1.8rem;}

#header .header_top_icon ul li.login a,
#header .header_top_icon ul li.logout a{background:url(/images/home/kor/user/login_fixed.png) center left no-repeat;padding-left: 25px; background-size: 20px;}
#header .header_top_icon ul li.join a,
#header .header_top_icon ul li.mypage a{background:url(/images/home/kor/user/join_fixed.png)center left no-repeat;padding-left: 25px; background-size: 20px;}

#header .header_top_icon button{position: relative; font-size: 0;width:22px;height:22px;border-radius:50%;}
#header .header_top_icon button.plus{background:#181818;}
#header .header_top_icon button.plus:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 50%;  background-color: #fff; transition:all 0.3s;}
#header .header_top_icon button.plus:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: 2px; background-color: #fff; opacity:1; transition:all 0.3s;}
#header .header_top_icon button.minus{background:#ccc;}
#header .header_top_icon button.minus:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: 2px; background-color: #181818; opacity:1; transition:all 0.3s;}



#header .header_icon ul li.bt-sch a{background-image:url(/images/home/kor/user/search_fixed.png); text-indent:-9999px;width:2rem; height:2rem; background-size: cover;}
#header .header_icon ul li.bt-mn a{background-image:url(/images/home/kor/user/all-mn_fixed.png); text-indent:-9999px;width:2rem; height:2rem; background-size: cover;}


#header .subBg{width:100%; height:240px; display:none;  z-index:-1; border-top:1px solid #ddd;}

#header {background-color: #fff;}


/*GNB*/	
#gnb-wrap{position: relative; margin:0 auto;}
#gnb{ text-align: center;font-family: 'S-CoreDream'}
#gnb > li{ position: relative; display: inline-block; text-align:center;}
#gnb > li::after {content: '';position: absolute;left: 50%;transform: translateX(-50%);display: block;background-color: #F95600;height: 2px;transition: all 0.3s ease-in-out;}
#gnb > li > a { display: block; line-height: 5.625rem; font-size: 1.125rem; font-weight: 500; min-width:0; padding:0 1.875rem; transition: .5s;}
#gnb > li > a.aaa{ min-width:150px; transition: .5s;}
#gnb > li:hover::after,
#gnb > li.active::after{width:100%; opacity:1;}
#gnb > li > .subDepth{display: none; position:absolute;text-align:center; width:100%; height:240px;/* font-family: 'Noto Sans KR'; */}
#gnb > li > .subDepth > li{ position: relative;}
#gnb > li > .subDepth > li > a{line-height: 2.5rem; transition:all 0.2s ease-in-out;color: #000; padding: 0 14px;}
#gnb > li > .subDepth > li.selected > a { color: #F95600; }
#gnb > li > .subDepth > li > a:hover{color: #F95600;}
#gnb > li > .subDepth > li > .subDepth2 li a{color:#000;}
#gnb > li.on, #gnb > li.on .subDepth {background: rgba(0, 0, 0, 0.02);}


/*siteFunctions*/
#siteFunctions{ position: fixed; pointer-events: none; top: 0; right: -100%; width: 100%; padding-left: 110px; z-index: 99; transition:all 0.3s ease-out;}
#siteFunctions.active { pointer-events: auto; right: 0; }
#siteFunctions .inner{ background-color:#fff; height:100vh !important; width:80%; max-width: 560px; overflow-y: auto; padding: 0 3.125rem !important; float: right; display: block;box-shadow: 0px 0px 4px 0px #cdcdcd;}
#siteFunctions .inner .hd{ position:relative; padding:2rem 0 0 0; border-bottom:#333 1px solid; height:5rem;}
#siteFunctions .inner .hd .util ul {display: flex; gap: 2rem;}
#siteFunctions .inner .hd .util ul li {position:relative; display:inline-block; text-transform:uppercase;}
#siteFunctions .inner .hd .util ul li + li::before{content: '';display: block;position: absolute;top: calc(50% - 7px);left: -20px;width: 1px;height: 14px; background-color: #999;}
#siteFunctions .inner .hd .util ul .bt-mn,
#siteFunctions .inner .hd .util ul .bt-mn::before{display:none;}
#siteFunctions .inner .hd .util a:hover{color:#F95600;}
#siteFunctions .inner .hd .bt-close{ width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; right: 0; margin-top: -2rem; overflow: hidden;}
#siteFunctions .inner .hd .bt-close span{ position: absolute; top: -9999px; left: -9999px;}
#siteFunctions .inner .hd .bt-close::before{ content: ''; display: block; width: 2rem; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(45deg);}
#siteFunctions .inner .hd .bt-close::after{ content: ''; display: block; width: 2rem; height: 2px; background-color: #333; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -1rem; transform: rotate(-45deg);}

.mobMenu{width: 100%; padding: 0 0 0; display: flex; flex-flow: column nowrap;}
.mobMenu > li > a{ position: relative; display: block; font-size:1.125rem; padding:1rem 0; border-bottom: #e1e1e1 1px solid; font-weight: 500;}
.mobMenu > li.active > a{ color: #F95600;}
.mobMenu > li.active > a::after{ transform: rotate(-45deg);}
.mobMenu > li > ul{padding: 0.625rem 1.25rem 1.25rem; display: none;}
.mobMenu > li.active > ul.active {display:none;}
.mobMenu > li > ul > li > a{ position: relative; display: block; padding:5px 10px;}
.mobMenu > li > ul > li > a:hover{color:#F95600;}
.mobMenu > li > ul > li > .subDepth2 {padding:0 1.25rem 5px;}
.mobMenu > li > ul > li > .subDepth2 li {padding:2px 0px;}



/*search*/
#header .hd-schbx{ background-color: #fff; position: absolute; left: 0; width: 100%; padding: 2.5rem 0; border-top: #eee 1px solid; border-bottom: #eee 1px solid; display: none;}
#header .hd-schbx .schInbx{max-width: 1200px;margin: 0 auto;gap: 6.25rem;}
#header .hd-schbx .tit{ color: #FC851D; font-size: 2rem; text-align: center; font-weight: 600;}
#header .hd-schbx .inp-bx{position: relative;max-width: 670px;width: 100%;padding-right: 3.75rem;/* border-bottom: #000 2px solid; */background: #f5f5f5;border-radius: 50px;overflow: hidden;}
#header .hd-schbx .inp-bx .inp{display: block;height: 3.75rem;line-height: 3.75rem;width: 100%;border: none;background-color: #f5f5f5;padding-left: 1.875rem;}
#header .hd-schbx .inp-bx .sch{position: absolute;display: block;top: 0;right: 0;width: 3.75rem;height: 3.75rem;background: url(/images/home/kor/user/search_fixed.png) 0% 50% no-repeat;text-indent: -9999px;    background-size: 2rem;}

.tbl-search{ text-align: right; margin-bottom: 30px;}
.tbl-search fieldset{display:flex; justify-content: flex-end;}
.tbl-search .select{ min-width: 120px; height: 40px; line-height: 40px;}
.tbl-search .inp{ max-width:500px; width: 100%; margin: 0 8px; height: 40px; line-height: 40px;}


/*footer*/
#footer{background-color:#333; color:#989898; font-size:14px; min-width:360px;font-family: 'S-CoreDream'; padding: 40px 0;}
#footer .footer-wrap{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; max-width:1400px; width:100%; margin:0 auto;}

#footer h1.logo {display: block;width: 230px; height: 50px;text-indent: -9999px;background: url(/images/home/kor/user/logo.png) center no-repeat;background-size: contain;}
#footer .left .copyright{font-size:14px;margin-top: 1rem;color:#656565;}

#footer .right .right-top{display:flex; flex-flow:row nowrap; gap:15px;justify-content:end;margin-bottom:10px;}
#footer .right .right-top a{color:#989898;}
#footer .right .right-btm address{margin-bottom:10px;text-align: end;color:#656565;}
#footer .right .right-btm .info-wrap{display:flex; flex-flow:row nowrap; gap:30px;}
#footer .right .right-btm .info-wrap > li{position:relative;}
#footer .right .right-btm .info-wrap > li + li::before {content:''; display:block; width:1px; height:12px; position:absolute; top:6px; left:-15px; background-color:#ccc; }

.fix_btn{position: fixed; bottom: 100px; right: 40px; z-index: 99;text-align: center;width: 8rem;margin: 0 auto;}
.fix_btn .custom-button-1 img { width: 100%; height: auto; }
.fix_btn .top_btn{width: 3.75rem; height:3.75rem; border-radius: 50%; background:#fff; box-shadow: 0px 0px 4px 0px #cdcdcd;}
.fix_btn .top_btn img{transform: rotateZ(-90deg);}
.fix_btn .foryouLetter{width: 3.75rem; height:3.75rem;background:#4CC8F2;box-shadow: 0px 0px 4px 0px #cdcdcd;border-radius: 50%;}
.fix_btn button{display:block; }
.fix_btn .custom-button-1 {animation: ani02 0.7s infinite alternate;}
@keyframes ani02 { 0%{transform:translate(0, 0px);} 100%{transform:translate(0px, 10px);} }

.fix_btn a.kakao{background: url(/images/home/kor/user/kakao_icon_ch.png) center no-repeat #FEE500;border-radius:50%;padding:1rem;width:3.75rem;height:3.75rem;box-shadow: 0px 0px 4px 0px #cdcdcd;}

.sns_wrap a{width:3.75rem;height:3.75rem;border-radius:50%;padding:1rem;}
.sns_wrap a.kakao{background: url(/images/home/kor/user/kakao_icon.png) center no-repeat #FEE500;}
.sns_wrap a.naver{background: url(/images/home/kor/user/naver_icon.png) center no-repeat #03C75A;}

#footer .sns_wrap a{width:3.5rem;height:3.5rem;border-radius:50%;padding:1rem;}
#footer .sns_wrap a.kakao{background: url(/images/home/kor/user/kakao_icon_w.png) center no-repeat #5E5E5E;}
#footer .sns_wrap a.naver{background: url(/images/home/kor/user/naver_icon.png) center no-repeat #5E5E5E;}
#footer .sns_wrap a.instagram{background: url(/images/home/kor/user/instagram_icon_w.png) center no-repeat #5E5E5E;}
#footer .sns_wrap a.kakao:hover{background: url(/images/home/kor/user/kakao_icon.png) center no-repeat #FEE500}
#footer .sns_wrap a.naver:hover{background: url(/images/home/kor/user/naver_icon.png) center no-repeat #03C75A;}
#footer .sns_wrap a.instagram:hover{background: url(/images/home/kor/user/instagram_icon_w.png) center no-repeat, linear-gradient(-60deg,red,blue) ;}

/*con_common*/
.contents{ padding: 110px 0 120px;}

/*txt*/
.tit-area{ margin-bottom: 130px;}
.h3-tit{ text-align: center; font-weight: 600; color: #3da8e3; font-size: 50px; position: relative; padding-bottom: 15px;}
.h3-tit::after{ content: ''; display: block; height: 2px; width: 50px; position: absolute; bottom: 0; left: 50%; margin-left: -25px; background-color: #3190c5;}
.tit-sub{ font-size: 25px; color: #333; text-align: center; margin-top: 20px; font-weight: 600;}
.h4-tit{ position: relative; font-size: 25px; color: #333; margin-bottom: 30px;}
.h4-tit.dot{ color: #000; font-size: 22px; padding-left: 28px;}
.h4-tit.dot::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1rem; height: 2px; background-color: #3190c5;}


/*table*/
.n_mark {min-width: 1.875rem; height: 1.875rem;display: inline-block;background: url(/images/home/kor/user/n_mark_icon.png) center no-repeat;}
table.list{ table-layout: fixed; width: 100%;}
table thead {height:3.75rem;}
table.list thead th{ background-color: #f7f7f7; padding: 0.875rem 0; text-align: center; font-weight: 500;}
table.list tbody td{ text-align: center; padding: 1rem 0.625rem; color: #333;}
table.list thead tr th:first-child, table.list tbody tr td:first-child{border-radius: 10px 0 0 10px;}
table.list thead tr th:last-child, table.list tbody tr td:last-child{border-radius: 0 10px 10px 0;}
table.list .subject{ text-align: left;padding: 0.875rem 0.625rem;}
table.list .subject a{display: -webkit-box;display: -ms-flexbox;max-height:4.8125rem;overflow:hidden;vertical-align:top;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
table.list tbody tr:hover{ background-color:#FAFAFA;}
table.list.tbl-noti .reserve1{ width: 8%;}  
table.list.tbl-noti .reserve3{ width: 10%;}  
table.list.tbl-noti .reserve4{ width: 10%;}  
table.list.tbl-noti .reserve5{ width: 10%;}  
table.list.tbl-noti .reserve6{ width: 10%;}  
table.list .eduTbl1{ width: 140px;}
table.list .eduTbl3,
table.list .eduTbl6,
table.list .eduTbl7{ width: 110px;}
table.list .eduTbl4{ width: 120px;}
table.list .eduTbl5{ width: 130px;}

/*table_line*/
.table_line{border-top: 2px #000 solid; table-layout: fixed; width: 100%; overflow-x: auto; position: relative;}
.table_line thead > *,
.table_line tbody > * {word-break: keep-all; font-size:1rem;}
.table_line thead th{ text-align: left; padding: 10px 20px; color: #333; font-weight: 500; background-color: #f7f7f7; border-bottom: #ccc 1px solid; border-left: 1px solid #ccc; }
.table_line thead td{ text-align: left; padding: 10px 20px; color: #333; font-weight: 500; background-color: #f7f7f7; border-bottom: #ccc 1px solid; border-left: 1px solid #ccc; }
.table_line tbody th{ text-align: left; padding: 10px 20px; color: #333; font-weight: 500; background-color: #f7f7f7; border-bottom: #ccc 1px solid; }
.table_line tbody td{ text-align: left; padding: 14px 20px; font-weight: 300; border-bottom: #ccc 1px solid; border-left: 1px solid #ccc; }
.table_line thead th:first-child, table.data3 tbody td:first-child { border-left: 0; }
.table_line thead th:first-child,
/* .table_line tbody td:first-child  */{ border-left: 0; }

/*.table_line tbody td a{display: inline; color: #666; text-decoration: underline;}*/
.table_line tbody td .file{ display: block; background: url(/images/home/kor/user/file-icon.png) 50% 50% no-repeat; width: 18px; height: 16px; margin: 0 auto;}
.table_line tbody td .delete{ display: block; background: url(/images/home/kor/user/delete.png) 50% 50% no-repeat; width: 18px; height: 18px; margin: 0 auto;}

.table_line.hover tbody tr:hover{background: #f7f7f7; transition: all 0.2s ease-in-out;}
.table_line.non_bg tbody th { background: none;}
.table_line.non_bg tbody td { border-left: none; }

/*table_block*/
.table_block {border-top: 0px;}
.table_block thead th {background: #000; color: #fff; text-align: center;}
.table_block tbody td:first-child {border-left: 1px solid #ccc;}
.table_block tbody td.field {border-left: 0 !important; /* font-size: 1.25rem; */ color: #000;  font-weight: 500;}
.table_block tbody td.ti {background: rgba(0,0,0,0.08); color: #000; /* font-size: 17px; */ font-weight: 500;}
.table_block tbody td{background: rgba(0,0,0,0.02); text-align: center; color : #000; padding: 12px; }
.table_block span.cate01,.table_block span.cate02,
.table_block span.cate03,.table_block span.cate04 {border: 1px solid #EDA11D;  color: #EDA11D; width: 60px; display: inline-block; text-align: center; height: 25px; line-height: 25px; font-size: 14px; border-radius: 8px;}
.table_block span.cate02 {border-color: #29B268; color : #29B268;}
.table_block span.cate03 {border-color: #197BC5; color : #197BC5;}
.table_block span.cate04 {border-color: #6c5dbb; color : #6c5dbb;}

/* info */
table.info{ table-layout: fixed; width: 100%;}
table thead {height:2rem;}
table.info thead th{ background-color: #666; padding: 0.875rem 0; text-align: center; font-weight: 500;color:#fff;border-left: 1px solid #fff;}
table.info tbody td{ text-align: center; padding: 0.875rem; color: #333;background-color:#f9f9f9;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.info thead tr th:first-child{border-radius: 10px 0 0 0;border-left: none;}
table.info thead tr th:last-child{border-radius: 0 10px 0 0;}
table.info tbody tr:last-child td:last-child{border-radius: 0 0 10px 0;}
table.info tbody tr:last-child td:first-child{border-radius: 0 0 0 10px;}
table.info tbody td:first-child{border-left: none;}
table.info tbody tr:last-child td{border-bottom:none;}
table.info tbody td .label{margin: 0 10px 0 0;border:1px solid #FC851D;}
table.info tbody td .label.green3{border:1px solid #29B268;}


/*paging*/
div.paging{ text-align:center; padding:0; margin:60px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ position: relative; display:inline-block; width:40px; height:40px; line-height:40px; font-size: 16px;border-radius: 6px; border: 1px solid #E5E5E5; color:#999; text-align:center; vertical-align:middle; 
background-color: transparent; overflow: hidden; margin: 0 5px;}
div.paging .on, div.paging .active{background-color: #E5E5E5; color: #000;}
div.paging .direction{ position:relative; width: 30px; margin: 0 2px; background-color: #f6f6f7; border: #ccc 1px solid;}
div.paging .direction:hover{ background-color: #f0f0f0;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.prev{ margin-right: 20px;}
div.paging .direction.next{ margin-left: 20px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.page_arrow.r1{background: url(/images/home/kor/user/btn_next.png)no-repeat center;}
.page_arrow.r2{background: url(/images/home/kor/user/btn_last.png)no-repeat center;}
.page_arrow.l1{background: url(/images/home/kor/user/btn_prev.png)no-repeat center;}
.page_arrow.l2{background: url(/images/home/kor/user/btn_first.png)no-repeat center;}


/*view_page*/
.tbl-view{ border-top: #000 2px solid; border-bottom: #a0a0a0 1px solid;}
.tbl-view .hd{ padding: 20px 0; }
.tbl-view .hd .blt-bx{ margin-bottom: 1rem; text-align: center;}
.tbl-view .hd .tit{ display: block; color: #000; font-size: 22px; font-weight: 600; line-height: 1.2; text-align: center; padding: 0 25px;}
.tbl-view .hd .tit i{ display: inline-block; margin-right: .4rem; vertical-align: -.4rem;}
.tbl-view .hd .click{ margin-top: 20px; text-align: right; padding: 0 25px;}
.tbl-view .hd .loc{ margin-top: 20px;}
.tbl-view .hd > table{ width: 100%; table-layout: fixed; border-top: #a0a0a0 1px solid; margin-top: 10px;}
.tbl-view .hd > table tr{ border-bottom: #a0a0a0 1px solid;}
.tbl-view .hd > table th{ padding: 15px 25px; text-align: left; font-weight: 500; color: #333; border-left: #a0a0a0 1px solid; background-color: #f0f0f0; white-space: nowrap;}
.tbl-view .hd > table td{ padding: 15px 25px; text-align: left; border-left: #a0a0a0 1px solid;}
.tbl-view .hd > table .brdLn{ border-left: none;}
.tbl-view .bd{ padding: 50px; border-bottom: #ccc 1px solid;}
.tbl-view .a-hd{ text-align: center; border-top: #000 2px solid; padding: 15px 0; text-align: center; color: #000; font-weight: 500; background-color: #f0f0f0; border-bottom: #ccc 1px solid;}

.viewBottomList{ margin-top: -1px; background-color: #fafafa;}
.viewBottomList ul{ display:block; width:100%; border-bottom: #ccc 1px solid;}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 10rem; height:3.5rem; line-height:3.5rem; position:relative; border-bottom:#ccc 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 10rem; height:3.5rem; line-height:3.5rem; position:relative; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:3.5rem; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:3.5rem; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#999; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:3.5rem; line-height:3.5rem;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

/*faq*/


/*faq*/
.faq-wr{ border-top: #000 2px solid;}
.faq-wr dt{ position: relative; padding: 1.875rem 5rem 1.875rem 5rem; font-size: 1.125rem; border-bottom: #ccc 1px solid;}
.faq-wr dt::after{ content: ''; display: block; width: 1rem; height: 1rem; border-top:#ccc 2px solid; border-right:#ccc 2px solid; position: absolute; top: 50%; right: 1.875rem; margin-top: -10px; transform: rotate(135deg); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.faq-wr dt a{ color: #333;white-space: normal;}
.faq-wr dt i{display: flex;justify-content: center;align-items: center;color: #fff;font-weight: 600;position: absolute;
	top: calc((100% - 2.5rem) / 2);left: 1.25rem; font-size:1.125rem;width: 2.5rem;height: 2.5rem;background: #ddd;border-radius: 50%;}
.faq-wr dt.active{ border-bottom: none;}
.faq-wr dt.active::after{ transform: rotate(-45deg); margin-top: -6px;}
.faq-wr dt.active i{background: #181818;}

.faq-wr dd{position: relative;padding: 1.875rem 1.25rem 1.875rem 5rem;background-color: #f5f5f5;border-bottom: #ccc 1px solid;}
.faq-wr dd i{display: flex;justify-content: center;align-items: center;color: #ffffff;font-weight: 600;position: absolute;left: 1.25rem; font-size:1.125rem;width: 2.5rem;height: 2.5rem;background: #FC851D;border-radius: 50%;}


.div-tab{ border-top: #000 2px solid; margin-bottom: 60px;}
.div-tab ul{ display: table; width: 100%; table-layout: fixed;}
.div-tab ul li{ display: table-cell;}
.div-tab ul li a{ display: block; text-align: center; background-color: #f0f0f0; height: 60px; line-height: 60px; color: #666; border-bottom: #a0a0a0 1px solid; border-right: #a0a0a0 1px solid;}
.div-tab ul li:first-child a{ border-left: #a0a0a0 1px solid;}
.div-tab ul li a:hover{ background-color: transparent;}
.div-tab ul li.active a{ background-color: transparent; color: #000; border-bottom-color:#fafafa;}

/* .ul-list01 {font-family: 'Noto Sans KR';} */
.ul-list01 > li{ text-indent: -1rem; padding-left: 1rem;}
.ul-list01 > li + li{ margin-top: .4rem;}
.ul-list01 > li::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #999; margin-right: .5rem; vertical-align: .2rem;}

.ui-widget-header{ background-color: transparent; border: none;}
.ui-datepicker th{ color: #8d8d8d;}
.ui-datepicker .ui-datepicker-prev::after{ content:''; position: absolute; top: 50%; left: 50%; margin: -.4rem 0 0 -.4rem; display: block; width: .8rem; height: .8rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(-135deg);}
.ui-datepicker .ui-datepicker-next::after{ content:''; position: absolute; top: 50%; left: 50%; margin: -.4rem 0 0 -.4rem; display: block; width: .8rem; height: .8rem; border-top: #000 2px solid; border-right: #000 2px solid; transform: rotate(45deg);}

.down::after{ content: ''; background: url(/images/home/kor/user/ic_down.png) 50% 50% no-repeat; width: 18px; height: 18px; display: inline-block; margin: 0 10px;}

.filebox{ position:relative; padding:0 64px 0 0; width: auto; display:inline-block; vertical-align:middle;}
.filebox input[type="file"]{ position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.filebox label{ position:absolute; top:0; right:0; width:64px; height:40px; line-height:40px; margin:0; display:block; background: url(/images/home/kor/user/ic_folder.png) 50% 50% no-repeat; text-indent: -9999px; cursor: pointer;}
.filebox .upload-name{height:40px; line-height:40px; padding:0 10px; width:420px; font-size: 16px; margin:0; vertical-align:middle; background:#fff; border-radius:0; border:#ccc 1px solid; box-shadow:none; -webkit-border-radius:0;  ime-mode:inactive; outline:none; -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}

.sch-bx{ position: relative; padding: 0 65px 0 0; }
.sch-bx .inp{ display: block; width: 100%;}
.sch-bx .sch{ position: absolute; top: 0; right: 0; display: block; width: 60px; height: 40px; background:#314770 url(/images/home/kor/user/ic_sch.png) 50% 50% no-repeat;}

.dv-ready{ max-width: 640px; margin: 0 auto; text-align: center;}
.dv-ready .desc{ margin: 50px 0 0 0;}
.dv-ready .desc p{ font-size: 60px; color: #000;}
.dv-ready .desc p b{ color: #0e6ca7;}
.dv-ready .desc span{ display: block; margin-top: 20px;}

.tbl-scroll{ position: relative;}




/* 메인 레이어 팝업 */
.pop_layer {position: fixed; z-index: 9999; top: 0; left: 0; border-radius:10px; overflow: hidden; box-shadow: 0px 0px 4px 0px #cdcdcd;}
.pop_layer .pop_box {width: 100%; height: 100%; background-color: #ffffff; overflow-y: auto; }
.pop_layer .pop_box img {border: none;}
.pop_layer .pop_box p {font-weight: 400; font-size: 18px; line-height: 27px; color: #333333; overflow: overlay; height: 100%;}
.pop_layer .pop_btn_area {position: relative; overflow: hidden; padding: 8px 10px; background-color: #aaaaaa;}
.pop_layer .pop_btn_area .chk_each {vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each label {display: inline-block; position: relative;/*  font-family: 'Noto Sans KR'; */ font-weight: 400; font-size: 14px; line-height: 24px; color: #ffffff; z-index: 1; padding-left: 1px; cursor:pointer; vertical-align: middle;}
.pop_layer .pop_btn_area .chk_each .vchkbox {display: block; position: absolute; left: 0; top: 50%; z-index: 1; width: 15px; height: 15px; margin: -7px 0 0; border: 1px solid #cacaca; background-color: #fff;}
.pop_layer .pop_btn_area .chk_each .vchkbox > i {display: none; color: #0562a9; margin-top: 1px; margin-left: 1px; font-size: 12px; font-weight: 700; text-align: center;}
.pop_layer .pop_btn_area .close {position: absolute; top: 50%; right: 8px; margin: -11px 0 0;}
.pop_layer .pop_btn_area .chk_each input:checked + label .vchkbox > i {display: block;}
.pop_layer .pop_btn_area .chk_each input:focus + label .vchkbox {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
/* .hide {position:absolute; left:-9999px; overflow:hidden; width:1px; height:1px; line-height:1px; font-size:1px;} */
/* 메인 레이어 팝업 */

/* 회원가입 */
.n_join .join_info .table_line td > ul > li {margin-bottom : 0.65rem !important;}



/* 반응형 */
@media screen and (max-width:1700px){

#header .header_top_icon {padding : 4px 1rem;}
#header .inner{padding: 0 1rem;}

#header .header_icon ul li.login a,
#header .header_icon ul li.logout a,
#header .header_icon ul li.join a,
#header .header_icon ul li.mypage a{display:none;}


}


@media screen and (max-width:1600px){
#gnb {display:none;}
#header .header_top_icon {padding: 4px 6rem;}
#header .header_icon ul li.login,
#header .header_icon ul li.logout,
#header .header_icon ul li.join,
#header .header_icon ul li.mypage{width: auto;height: auto;}
}


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


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

}

@media screen and (max-width:1350px){
	#header .inner { height: 80px;}
	#header .header_top_icon {padding: 4px 3rem;}
	#header .inner h1.logo a{width:200px;height: 40px}
	#footer .footer-wrap {width: calc(100% - 60px);}
	
	.fix_btn {right : 10px;}
}

@media screen and (max-width:1200px){
	#footer .footer-wrap {}
}

@media screen and (max-width:1024px){
	#siteFunctions .inner { max-width: 100% !important; padding: 0 30px;}
	#siteFunctions .inner .hd .bt-close::after,
	#siteFunctions .inner .hd .bt-close::before{width: 25px;}
	.mobMenu > li > a {font-size: 17px;}
	.mobMenu > li > ul > li > a {font-size: 16px;}
	#siteFunctions .inner .hd {height:auto; padding:25px 0 15px;}
	#siteFunctions .inner .hd .bt-close {right:-15px; top:57%;}

	#header .header_icon {top: calc(45px - 22px);}
	

	#footer {font-size: 12px;}
	#footer .footer-wrap {flex-flow: column nowrap;}
	#footer .footer-wrap .logo {width:210px; margin-bottom:10px;}
	#footer .footer-wrap .right .right-top {justify-content:center; margin-bottom:15px;}
	#footer .footer-wrap .right .right-btm .btm-con {justify-content:center; gap:25px;}
	#footer .footer-wrap .right .right-top a {font-size:14px;}
	#footer .footer-wrap .right .right-top a:first-child {padding: 0 15px;}
	#footer .footer-wrap .right .right-btm {text-align: center;}
}



@media screen and (min-width:1025px) and (max-width:1500px){
    #header .header-top{ padding: 0 20px;}
    #header .inner h1.logo{}
    #header .inner .bt-mn{ right: 20px;}
    #header .inner .bt-sch{ right: 80px;}
}

@media screen and (min-width:1025px) and (max-width:1250px){
    #gnb > li + li{ margin-left: 4vw; }
}

@media screen and (min-width:641px) and (max-width:1024px){ 
    #header .header-top,
    #gnb-wrap{display:none;}
    #header .inner{height:70px; max-width:calc(100% - 60px)}
    #header .inner h1.logo{}
    #header .inner h1.logo a{ background-size:contain;}
    #header .inner .bt-mn > i{ height: .2rem;}
    #header .inner .bt-mn > i:nth-child(1){ margin-top: -.8rem;}
    #header .inner .bt-mn > i:nth-child(3){ margin-top: .6rem;}
    #header .inner .bt-sch{ width: 2rem; height: 2rem; right: 5rem; background-size: cover;}
    
    .tit-area,
    body.sub03 .tit-area,
    body.sub04 .tit-area,
    body.sub05 .tit-area{ margin-bottom: 50px;}
    
    .contents{padding:5rem 2rem;}
    
    #footer{}
    #footer .footer-wrap{ padding: 0;}
    #footer .footer-wrap .logo{ /* display: none; */}
    #footer .footer-wrap .copy{ position: relative; bottom: auto; left: auto; width: 100%; margin-top: 0.5rem;}
    #footer .footer-wrap .footer-link{ margin-top: 0.5rem;}
    #footer .footer-wrap .copy em{ font-size:1rem;}
    
    .tbl-search .inp{ width: 350px;}
    
    table.list.tbl-edu colgroup{ display: none;}
    table.list.tbl-edu thead{ display: none;}
    table.list.tbl-edu tbody tr{ border-bottom: #ccc 1px solid; padding: 1rem 0; display: block;}
    table.list.tbl-edu tbody tr:nth-child(even){background-color: #f7f7f7;}
    table.list.tbl-edu tbody td{ display: inline-block; border-bottom: none; text-align: left; padding: .2rem 0; width: 30%;}
    table.list.tbl-edu tbody td.eduTbl1{ width: 100%;}
    table.list.tbl-edu tbody td.subject{ width: 100%; font-weight: 600; color: #222;}
    table.list.tbl-edu tbody td.eduTbl4{ width: 60%;}    

    .tbl-scroll{ width: 100%; overflow-x: auto;}
    
	.responsive-dim{position: absolute; top: 0; left:0; width:100%; bottom:0;}
	.responsive-dim::after{ content:""; position: absolute; top:50%; left:50%; width:10rem; height:10rem; margin:-5rem 0 0 -5rem; border-radius: 50px; background:rgba(0,0,0,.3) url(/images/home/kor/user/tx_scroll.png) 50% 50% no-repeat;  }
}

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

	/* .locationBar_inner {  max-width: calc(100% - 60px) !important;} */
	.locationBar .location.depth1 {width : 100% !important;}
    
}


@media screen and (max-width:880px) {
    #header .hd-schbx .schInbx{max-width: 1200px;margin: 0 auto;gap: 1rem;}

}


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

	.table_line { overflow-x: auto; }

	.pop_layer{width: 400px !important;}
	.pop_box{height: auto !important;}
	
	/* 회원가입 */
	.n_join input#pw1 + span,
	.n_join input#pw2 + span,
	.n_join input#paramKey19 + span{display: block; margin-top: 10px;}
}


@media screen and (max-width:640px){
    #header .header-top,
    #gnb-wrap{display: none;}
    #header .inner{height:60px; max-width:calc(100% - 40px);}
	#header .inner h1.logo {width:120px;}
    #header .inner h1.logo a{background-size: contain;width:100%;}
    #header .inner .bt-sch{ width: 2.25rem; height: 2.25rem; right: 5rem; background-size: cover;}
	#header .header_icon {top: calc(45px - 27px);}
	#header .header_icon ul {gap: 10px;}
	#header .header_icon ul li.login,
	#header .header_icon ul li.join {margin-right:15px;}
	#header .header_icon ul li a {width:90%;}
	#header .header_icon ul li.login a,
	#header .header_icon ul li.logout a {background-size: 100% !important; padding-top: 40px; font-size: 10px;}
	#header .header_icon ul li.join a,
	#header .header_icon ul li.mypage a{background-size: 100% !important; padding-top: 40px; font-size: 10px;}

	#siteFunctions .inner {width:100%;}
	#siteFunctions .inner .hd .bt-close::after, 
	#siteFunctions .inner .hd .bt-close::before{width: 20px;}

	.mobMenu > li > a {font-size: 15px;}
	.mobMenu > li > ul > li > a {font-size:14px; padding:3px 7px;}
 
    .contents{padding: 5rem 2rem;}
    
    .tit-area,
    body.sub03 .tit-area,
    body.sub04 .tit-area,
    body.sub05 .tit-area{ margin-bottom: 5rem;}
    .h3-tit{ font-size: 2.5rem;}
    .tit-sub{ margin-top: 1rem; font-size: 1.5rem; line-height: 1.2;}
    .h4-tit{ font-size: 2rem; margin-bottom: 2rem;}
    
    #footer{}
    #footer .footer-wrap{}
    #footer .footer-wrap .logo{}
    #footer .footer-wrap .copy{}
    #footer .footer-wrap .footer-link{}
    #footer .footer-wrap .copy em{}
	#footer .footer-wrap .right .right-btm .btm-con {gap:0px; flex-flow:column; align-items:center;}
	#footer .footer-wrap .right .right-btm address {text-align:center;}
	#footer .footer-wrap .right .right-top a {padding:0 10px; font-size:13px;}
	#footer .footer-wrap .right .right-top a:first-child {padding:0 10px;}
	#footer .footer-wrap .right .right-top a + a::before {height:10px; top:5px;}
	.fix_btn {display:none}
    
    table.data thead th{ padding: 1rem .5rem;}
    table.data tbody th,
    table.data tbody td{ padding: 1rem .5rem;}
    table.data.reserveData colgroup,
    table.data.reserveData2 colgroup,
    table.data.reserveData3 colgroup,
    table.data.qna colgroup{ display: none;}
    table.data.reserveData tbody tr th:first-child,
    table.data.reserveData2 tbody tr th:first-child,
    table.data.reserveData3 tbody tr th:first-child{ width: 8rem; }
    table.data.reserveData3 tbody tr > *:nth-child(3){ width: 8rem; }
    table.data.qna tbody tr > *:nth-child(1){ width: 8rem; }
    table.data .mBlock{ width: 100%;}
    table.data .eduSel{ width: 100%;}
    table.data .myp0101{ width: 20%;}
    table.data .myp0102{ width: 40%;}
    table.data .tx-pw i{ vertical-align: -.2rem;}

   /*    
    table.list.tbl-noti colgroup{ display: none;}
    table.list.tbl-noti thead{ display:none;}
    table.list.tbl-noti tbody{ display: block;}
	table.list.tbl-noti tbody tr{ display: block; border-bottom: #ccc 1px solid; width: 100%; padding: .5rem 1rem; }
    table.list.tbl-noti tbody tr:nth-child(even){ background-color: #f7f7f7;}
    table.list.tbl-noti tbody td{ border-bottom: none; display: inline-block; padding: .5rem 0; text-align: left;} */
    table.list.tbl-noti .noti1{ display: none;}
    table.list.tbl-noti .subject{ display: block; width: 100%;}
    table.list.tbl-noti .noti3{ width: 30%;}
    table.list.tbl-noti .noti4{ width: 30%;} 
    table.list.tbl-noti .reserve1{ display: none;}
    table.list.tbl-noti .reserve3,
    table.list.tbl-noti .reserve4,
    table.list.tbl-noti .reserve5,
    table.list.tbl-noti .reserve6{ width: 22%;}
    table.list.tbl-noti .eduTbl3,
    table.list.tbl-noti .eduTbl5,
    table.list.tbl-noti .eduTbl6{ width: 30%;}
    table.list.tbl-noti .eduTbl4{ width: 65%;}
    
    div.paging{ margin-top: 3rem;}
    div.paging a, div.paging strong{ margin: 0;width:30px;height:30px;line-height:30px;font-size:15px;}
    div.paging .direction.prev{ margin-right: 0rem;}
    div.paging .direction.next{ margin-left: 0rem;}
    
    .tbl-search{ margin-bottom: 2rem;}
    .tbl-search::after{ content: ''; display: block; clear: both;}
    .tbl-search .select{ width: 100%; margin-bottom: 5px; height: 34px; line-height: 34px;}
    .tbl-search .inp{ width: calc(100% - 40px); float: left; margin: 0; height: 34px; line-height: 34px;}
    .tbl-search .sch{ float: right; width: 3.4rem; height: 3.4rem;}
    
    .tbl-view .hd .tit{ font-size: 2rem;}
    .tbl-view .hd{ padding: 1rem 0;}
    .tbl-view .hd .click{ margin-top: .5rem;}
    .tbl-view .hd > table colgroup{ display: none;}
    .tbl-view .hd > table th{ padding: .5rem;}
    .tbl-view .hd > table td{ padding: .5rem;}
    .tbl-view .bd{ padding: 1rem;}
    .tbl-view .a-hd{ padding: .5rem;}
    
    .viewBottomList .orderNext,
    .viewBottomList .orderPrev{padding-left: 3rem; width: 5rem;}
    .viewBottomList .orderPrev::before,
    .viewBottomList .orderNext::before{ left: 1rem;}
    .viewBottomList a{ height: 4rem; line-height: 4rem;}
    .viewBottomList .viewBottomNext,
    .viewBottomList .viewBottomPrev{ height: 4rem; line-height: 4rem; padding-left: 9rem;}    

    
    .div-tab{ /*margin-bottom: 2rem;*/}
    .div-tab ul{ display: block;}
    .div-tab ul::after{ content: ''; display: block; clear: both;}
    .div-tab ul li{ display: block; float: left; width: 33.3%;}
    .div-tab ul li a{ height: 4rem; line-height: 4rem; border-left: #a0a0a0 1px solid; margin: 0 -1px;}
    .div-tab ul li.active a{ border-bottom: #a0a0a0 1px solid;}
    
    .filebox{ display: block; width: 100%; padding-right: 40px;}
    .filebox .upload-name{ width: 100%; height: 34px; line-height: 34px; font-size: 1rem;}
    .filebox label{ top: 0; right: 0; position: absolute; width: 40px; height: 34px;}
    
    .sch-bx{ padding-right: 4rem;}
    .sch-bx .sch{ width: 4rem; height: 3.4rem;}
    
    .dv-ready .desc p{ font-size: 2rem; margin-top: 2rem;}
    .dv-ready .desc span{ margin-top: 1rem;}   

    .tbl-scroll{ width: 100%; overflow-x: auto;}
}


@media screen and (max-width:640px){
	.table_line tbody th {padding: 10px 10px;}
	.n_join table td ul li input{margin-top:6px}
	.n_join table th{width:22% !important }
	.n_join table td ul li input{margin-top:6px}
	.n_join table th, .n_join table td {padding: 15px 10px;}

	
}


@media screen and (max-width:480px){
	#header .inner {height:50px; max-width:calc(100% - 20px);}
	#header .header_icon {top: calc(50% - 10px);}
	#header .header_icon ul li a {width:76%; height:76%;}
	#header .header_icon ul li.login a,
	#header .header_icon ul li.logout a {margin-right:12px; background-size: 100%; padding-top: 35px; font-size: 10px; justify-content: center;}
	#header .header_icon ul li.join a,
	#header .header_icon ul li.mypage a{margin-right:12px; background-size: 100%; padding-top: 35px; font-size: 10px; justify-content: center;}
	#siteFunctions .inner .hd {padding: 20px 0 10px;}


	.fixed #header .header_icon ul li.login a,
	.fixed #header .header_icon ul li.logout a,
	.fixed #header .header_icon ul li.join a,
	.fixed #header .header_icon ul li.mypage a{background-size: 100%;}

	#footer {font-size:10px; height:auto;}
	#footer .footer-wrap .logo {width:160px;}
	#footer .footer-wrap .right .right-top {margin-bottom:10px;}
	#footer .footer-wrap .right .right-top a {font-size:12px;}
	#footer .footer-wrap .right .right-btm .btm-con .span-wrap span:first-child {margin-right:7px;}


	.pop_layer{width: 90% !important;top: 100px !important;left: 50% !important;transform: translateX(-50%);}
	
	/* 회원가입 */
	/* .n_join .board-write .input {margin-top : 6px !important;} */
	.n_join .btn_wrap > a.btn { min-width: 6.25rem !important;  width: 4rem !important;  height: 3rem !important;  line-height: 3rem ;}
}

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

	#header .header_top_icon {padding: 4px 2rem;}

}


@media screen and (max-width:400px) {
	
	#footer .footer-wrap .logo {width: 140px;}
	#footer .left > .flex_box {flex-wrap : nowrap;}
	#footer .sns_wrap a {width: 3rem; height: 3rem;}
}

@media screen and (max-width:375px){
	.table_line { overflow: auto; }
}





/*sub.css*/

/* 대관신청 */
.check-01view .rent_box {gap: 1rem;}
.check-01view .rent_box h4.rent_tit {font-size: 1.25rem; font-weight: 600; position: relative; z-index: 3;}
.check-01view .rent_box h4.rent_tit:before {display: inline-block; content: ""; width: 5.25rem; height: 16px; background: #ffe2c4; vertical-align: text-top; /* margin-right: 6px; */ border-radius: 8px; position: absolute;   z-index: -1; bottom: 0;}
.check-01view .rent_box .rent:nth-child(2) h4.rent_tit:before,
.check-01view .rent_box .rent:nth-child(3) h4.rent_tit:before{width : 8.25rem;}
.check-01view .rent_box .info > li {display: flex; align-items: center; margin-bottom: 6px;}
.check-01view .rent_box .info > li span {display: block;}
.check-01view .rent_box .info > li span.info01 {font-weight: 500; min-width: 10.625rem; color: #212121 !important;}

.state{display: flex;align-items: center; gap: 10px;position: absolute;right: 0;margin-top: 20px;}
.state li{position: relative;padding-left: 30px;}
.state li:nth-child(1)::after{background-color: #aaa;}
.state li:after{content: '✓';display: block;position: absolute;top: 50%;left: 0;text-align: center;transform: translateY(-50%);background-color: #1d8f25;width: 24px;height: 24px;border-radius: 3px;color: #fff;line-height: 24px;}

.calendar-wrap{position: relative;}



/* 교육일정 */
.calendar .state{}
.calendar .state li{position: relative;padding-left: 10px;}
.calendar .state li::after{display: none;}
.calendar .state li:nth-child(1){border-left: 5px solid #F95600  ; color: #F95600 ;}
.calendar .state li:nth-child(2){border-left: 5px solid #1d8f25  ; color: #1d8f25 ;}
.calendar .state li:nth-child(3){border-left: 5px solid #006bb7 ; color: #006bb7;}

@media screen and (max-width:980px){
    .check-01view #calendar{display: none;}
    .state{display: none;}
}
@media screen and (max-width:900px) {
	.check-01view .rent_box .rent {width : 100%;}
	.check-01view .rent_box {gap: 1.85rem;}
	
}

@media screen and (max-width:640px) {
	.check-01view .btm-com .com-btm .btm_tap_con .tap_con1 {height: auto !important; margin-bottom: 30px;}
}

/*사후관리*/
.intro01 .btm-com .pc{ height : auto; display :  block;}
.intro01 .btm-com .mb {display : none;}
@media screen and (max-width:800px){
	.intro01 .btm-com .pc {display : none;}
	.intro01 .btm-com .mb {display : block;}
}

/*지원사업 상세 반응형*/
@media screen and (max-width:1024px){
	.check-01view .btm-com .com-top {gap : 2.25rem !important;}
	.check-01view .btm-com .com-top .top-tit {padding-top : 0 !important;}
}
@media screen and (max-width:680px) {
.check-01view .btm-com .com-top {flex-direction: column !important; gap: 1.25rem !important;}
.box_style.list_img {height: 12rem !important;}
.check-01view .btm-com .com-top .top-tit {width : 100% !important;}
}

/* 로케이션 */
.sub_visual .tit_wrap {padding : 0 16px !important;}