@charset "utf-8";
/* paragraph */
h6.tit{font-size:20px;}
h6.tit small{display:block;font-family: 'NanumGothic'; font-size: 15px; padding:5px 0px 10px; color: #666;}
h5.tit{position: relative;padding-left:20px;}
h5.tit button{position: absolute;right:0;top:0;}
h5.tit::after{position: absolute;top:4px;left:0;background: url(/images/education/common/bullet.png) no-repeat;width:15px;height:21px;display: block;content:"";}
h5.tit small{font-family: 'NanumGothic'; font-size: 15px; padding-left: 10px; color: #666;}
h4.tit + h5.tit{margin-top:25px;}
.txtbox + h5.tit{margin-top:45px;}
h5.tit.fst{margin-top:25px;}
.txtbox{margin:18px 20px;}
.txtbox h6.tit{margin-top: 35px;}
.txtbox > ul, .txtbox > ol, .txtbox > p{margin-top: 10px;}
.txtbox > ul > li span.tit, .txtbox > ol > li span.tit{font-weight: 500;}
.txtbox li > ul, .txtbox li > ol, .txtbox li > p{margin-bottom: 10px;}
.txtbox .table{margin-top: 15px;font-size: 14px;}
ol,.dotlist,.hyphenlist{margin-left: 20px;}
ol > li{list-style-type: decimal;}
.dotlist > li{list-style-type: disc;}
.hyphenlist > li{position: relative;}
.hyphenlist > li::after {content: '-';display: block;position: absolute;left: -14px;top: 0;}
.pointer{cursor: pointer}
.downwrap{position: relative;}
.downwrap .btn.download + ul,
.downwrap .btn.download + p{padding-right:200px;}
.downwrap .btn.download{position: absolute;right: 0;padding: 8px 10px 8px 63px;text-align: left; line-height: 1.4;max-width: 100%;font-size: 15px;font-weight: 500;}
.downwrap .btn.download i{position: absolute;left: 0;top: 0;border-right: 1px solid rgba(255, 255, 255, 0.3);height: calc(100% - 10px);padding: 17px 17px;margin: 5px 0;}

@media (max-width:768px){  
h5.tit small{display: block;padding: 7px 0 0;}
.downwrap .btn.download + ul,
.downwrap .btn.download + p{padding-right:0px;}
.downwrap .btn.download{position: relative; padding-left: 50px;margin-bottom: 10px;}
.downwrap .btn.download br{display:none;}
.downwrap .btn.download i{padding: 5px 12px;}
}
@media (max-width:576px){ 
.txtbox{margin:15px 0px;}
}

/************ table ************/
.table td, table th{vertical-align: middle;}

/* table list */
.table_wrap{padding-top: 24px;}
.table_wrap .table_top{padding-bottom: 12px;}
.table_wrap .table_top::after{display:block;content:'';clear:both;}
.table_wrap .table_top .total{font-size: 16px;font-weight: 500;float: left;line-height: 35px;margin: 0;}
.table_wrap .table_top .total span{color: #5a4eff;font-weight: 600;}
.table_wrap .table_top .search {float: right;}
.table_wrap .table_top .search .btn-search{padding: 7px 13px;}
.table.overflowx{overflow-x: auto;}
.table.overflowx table{min-width: 1000px;}
/* 버튼이 있는 테이블  */
td.inbtn, th.inbtn{padding:12px 10px;} 

/* 게시판 view */
.table.tbview thead th{text-align: left;position: relative; padding:0;}
.table.tbview thead th p{padding:15px 300px 15px 10px;}
.table.tbview thead th p.date{position: absolute;padding:0;right: 10px;top: 14px;font-weight: 400;font-size: 15px;}
.table.tbview thead th p.date span{padding-left:15px;}
.table.tbview .viewlist{margin: 30px 0 ;border-bottom: 1px solid #666;border-top: 1px solid #666;}
.table.tbview .viewlist li{border-bottom: 1px solid #ddd;padding: 11px 10px 4px 10px;}
.table.tbview .viewlist label{width: 80px;}

/* table view */
.table.view table{border-left: 2px solid #fff;}
.table.view table td, .table.view table th{border-left: 1px solid #ddd}
.table.view table th{background: #f9f9f9;text-align: center;}

@media (max-width:768px){
.table_wrap .table_top .search{float: none;}
.table_wrap .table_top .search .form-control{margin-bottom: 5px;}

.table.tbview thead th p{padding:15px 10px;}
.table.tbview thead th p.date{position: relative;top: auto;right: auto;border-top: 1px solid #bbb;line-height: 35px;}
.table.tbview thead th p.date span {padding: 0 10px 0 10px;}
}

/* 검색박스 */
.form-group .ea3 .form-control{width:32%;display:inline-block;}
.form-horizontal .control-label{text-align: left;}

.search-box .row{background: #fff;padding: 20px;margin:0;}
.search-box label{font-size: 14px;padding-left: 4px;}
@media (max-width:1200px){
    .search-box .form-control{ margin-bottom: 10px;}
}
@media (max-width:768px){
    .search-box .row{padding: 15px 5px;}
    .search-box .row .text-white{display:none;}
}

/* 접수확인  */
.receipt.form-horizontal{max-width: 700px; margin: 0 auto;}
.receipt.form-horizontal .control-label{margin-left: 5%;}
@media (max-width:768px){
.form-horizontal .control-label{margin-left:0;}
}
/* 뷰박스 */
.view-box .row{background: #fff;padding: 15px;margin:0;}
.view-box .row + .row{padding-top:0;}
@media (max-width:768px){
}

/* 검색폼 */
.row::after{display: block;clear:both;content:'';}
.datepick.ea2 input{width:calc(50% - 10px);display: inline-block;}
.datepick.ea2 span{width: 8px;text-align: center;display: inline-block;}
.datepick input {background: url(/images/education/common/date_icon.png) no-repeat;background-position: calc(100% - 10px) 50%;}

/* 탭 - 포인트 스타일 */
.tab_point > .nav-tabs{display: table; width: 100%;border:0;text-align: center;border-bottom: 1px solid #ccc;width:100%;max-width: 1200px;padding: 40px 0 10px;margin: 0 auto;text-align:center;}
.tab_point >  .nav-tabs>li{position: relative;float:none;display: table-cell;height: 46px;}
.tab_point >  .nav-tabs>li>a{color: #888;text-decoration: none;font-size: 18px;font-weight: 500;font-family: "NanumSquare";border:0;transition: 1s;}
.tab_point >  .nav-tabs>li>a::before {content: ''; display: block;width: 10px;height: 10px;border-radius: 50%;background: #ccc;position: absolute;bottom: -15px;left: calc(50% - 5px);transition: 0.5s;}
.tab_point >  .nav-tabs>li>a:hover{border: 0;color: #5865ff;background:none;}
.tab_point >  .nav-tabs>li>a:hover::before{background: #5865ff;} 
.tab_point >  .nav-tabs>li.active>a, 
.tab_point >  .nav-tabs>li.active>a:focus{border: 0;color: #5865ff;font-size:20px;}
/* position: absolute;top: 14px;left: calc(50% - 40px);border: 0;background: #5865ff;width: 80px;height: 80px;border-radius: 50px;color: #fff;padding: 30px 0;top: 14px; */
.tab_point >  .nav-tabs>li.active>a::before{background: #5865ff;width: 15px;height: 15px;bottom: -19px;left: calc(50% - 7px);}
.tab_point >  .tab-content{margin-top: 50px;}
/* .tab_point.ea4 >  .nav-tabs li{width:25%;}
.tab_point.ea3 >  .nav-tabs li{width:33.3%;}
.tab_point.ea2 >  .nav-tabs li{width:50%;} */

@media (max-width:850px){
.tab_point > .nav-tabs{display: block;padding: 30px 0 0;border:0;}
.tab_point > .nav-tabs>li{display:inline-block;    margin-bottom: 4px;}
.tab_point > .nav-tabs>li>a::before{display:none;}
.tab_point > .nav-tabs>li>a{background: #f5f5f5; border-radius: 5px;padding: 10px 25px}
.tab_point > .nav-tabs>li.active>a, 
.tab_point > .nav-tabs>li.active>a:focus{background:#FF9800;color: #fff;font-size: 18px;}
.tab_point > .tab-content{margin-top:30px;}

}

@media (max-width:650px){
.tab_point > .nav-tabs{    padding: 15px 0 0;}
.tab_point > .nav-tabs>li>a{padding:10px 15px;}
.tab_point > .tab-content{margin-top:15px;}
}
@media (max-width:450px){
.tab_point > .nav-tabs>li>a{padding:10px 10px; font-size: 16.5px;}
}

/* 탭- 콘테스트 */
.tab_contest > .nav-tabs{border:0;    text-align: center;}
.tab_contest > .nav-tabs>li{float:none;display: inline-block;width: 32%; }
.tab_contest > .nav-tabs>li a{background: #eee; border-radius: 5px;padding: 10px 20px;color: #666; font-family: 'NanumSquare'; font-size: 16.5px;}
.tab_contest > .nav-tabs>li.active>a, 
.tab_contest > .nav-tabs>li.active>a:focus, 
.tab_contest > .nav-tabs>li.active>a:hover{background-color: #5865ff; color: #fff;}

@media (max-width:650px){
.tab_contest > .nav-tabs>li{    margin-bottom: 5px;width: 100%; }
}

/* btn */

/* 배지 */
.badge{padding: 6px 10px;border-radius: 15px;}
.badge.hold{background: #FF9800;}
.badge.end{background: #00BCD4;} 

/* 자동방지코드 */
.captcha_btn{background: #5865ff;color: #fff;border: 0;font-size: 8px;height: 28px;width: 28px;border-radius: 50%;}

/* 갤러리리스트 */
.gallery::after{clear:both;display:block;content:'';}
.gallery li{float: left;padding: 10px;}
.gallery li img{width: 100%;}
.gallery p{text-align: center;padding: 10px 0 20px;}
.gallery.ea4 li{width: 25%;}
.gallery.ea4 li:nth-child(4n+1){clear: both;}
@media (max-width:1050px){
.gallery.ea4 li{width: 33.3%;}
.gallery.ea4 li:nth-child(4n+1){clear: none;}
.gallery.ea4 li:nth-child(3n+1){clear: both;}
}
@media (max-width:768px){
.gallery.ea4 li{width: 50%;}
.gallery.ea4 li:nth-child(3n+1){clear: none;}
.gallery.ea4 li:nth-child(2n+1){clear: both;}
}

.modal-body p.img{text-align:center;}
.modal_infoarea{padding: 5px 20px 20px 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;text-align:center;}
.modal_infoarea span{padding-right: 20px;    display: inline-block;}
.modal_infoarea span.name{}
.modal_infoarea span.belong{}
.modal_infoarea span.subject{}

/* 신청페이지 */
.receipt{max-width:1000px;margin: 50px auto;}
#eduComplete .modal-body{padding:40px 0;}
#eduComplete .modal-body i{padding-bottom: 20px; font-size: 60px;}

.edumsg{background: #fff;border-top: 1px solid #eee;padding: 50px 10px;text-align: center;}
.edumsg h5{font-size: 26px;color: #bbb;}
.edumsg i{font-size: 85px;padding-bottom: 30px;}

@media (max-width:768px){
.receipt{margin: 20px auto;}
}

/* 정보박스 */
.info{background: url(/images/education/common/bgline.png);padding:6px;margin-bottom: 10px;}
.info .head{display: block;border-bottom: 1px solid #eee; padding-bottom: 15px; background: #fff; text-align: center;padding: 26px 15px;}
.infolist{background: #fff;padding: 20px;margin: 0;text-align: center;}
.infolist::after{content: "";display:block;clear:both;}
.infolist li{padding:0 0 5px 15px;position: relative;}
.infolist li:last-child{padding-bottom:0;}
.infolist li::before{content:'⊙';font-weight:800;font-size: 13px;display:block;position: absolute;top:0px;left: 0;color:#666;}
.infolist li span.tit{font-weight: 700}
.infolist li small{font-size:5px;}
.infolist dl{margin: 3px 0;}
.infolist.inline > li{display:inline-block;padding:0 0 0 15px;padding-right:25px;} 
.infolist.inline > li:last-child{padding-right:0;}
@media (max-width:768px){
.info .head{padding: 15px;}
.infolist{text-align: left;}
}

/* 라인 */
.bgline{background: url(/images/mei/mobile/bgline.png);height: 5px;}
.text-center{text-align:center}

/* 개인정보보호안내 */
.privacyinfo{font-size: 14px;}
.privacyinfo .sbj{text-align: center;padding-top: 19px;}
.privacyinfo .sbj .tit{color: #fff;background: #043763;font-size: 14px;padding: 4px 7px;margin: 0px 3px 3px;display: inline-block;}
.privacyinfo .sbj label{display:block; text-align: center;}
.privacyinfo .smr{border-left:1px solid #ddd;padding-left:30px;max-height: 162px;overflow: auto;}
.privacyinfo li{padding-bottom: 6px;}
/* 
.privacyinfo.type1 .sbj{text-align: left;padding-top: 0px;border-bottom: 1px solid #ddd;padding: 0 0 10px;}
.privacyinfo.type1 .sbj label{float:right;}
.privacyinfo.type1 .smr{border-left:0px solid #ddd;padding:20px 20px 0;}
 */
@media (max-width:768px){
.privacyinfo .sbj{text-align: left;padding-top: 0px;border-bottom: 1px solid #ddd;padding: 0 0 10px;}
.privacyinfo .sbj label{float:right;}
.privacyinfo .smr{border-left:0px solid #ddd;padding:20px 20px 0;}
}

/* calendar */
#calendar{ padding: 30px 0;}
.fc table{margin:0;}

/* 신청상세 */
.detailinfo{padding-bottom: 22px;}
.detailinfo img{padding:20px 0;}
.detailinfo .txtarea{text-align: left;padding-top: 20px;}
.detailinfo .txtarea .cate{background: #FF9800;color: #fff;padding: 0 5px 2px 5px;border-radius: 3px;font-size: 14px;font-weight: 500;}
.detailinfo .txtarea .date{font-size: 14px;padding-left: 10px;}
.detailinfo .txtarea .tit{color: #6351ff;font-weight: 500;font-size: 18px;font-family: "NanumSquare";padding-left: 5px;}
.detailinfo .btns button{ color: #fff; width: 100% !important; padding: 14px !important; margin: 0 !important;}

/* 첨부파일 커스텀  */
.custom-file-input{position: relative; z-index: 2; width: 100%; height: calc(1.5em + .75rem + 2px); margin: 0; opacity: 0;}
.custom-file-label{transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
position: absolute; top: 0; right: 0; left: 8px; z-index: 1; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem;}
.custom-file-label::after {position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); padding: .375rem .75rem;
line-height: 1.5; color: #495057; content: "찾아보기"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0;}

/* 연안교육센터소개 */
.m08.s01 .container{max-width: none;padding: 0;}
.centerinfo{max-width: 1000px; margin: 80px auto;    padding: 0 20px;}
.centerinfo > li{padding: 15px 0;}
.centerinfo > li::after{display:block;content:'';clear:both;}
.centerinfo > li span{position: relative;float: left;background: #ddd;width: 65px;height: 65px;display: block;text-align: center;margin-right: 23px;padding: 20px 0;font-size: 19px;
font-weight: 500;font-family: 'NanumSquare';color: #fff;border-radius: 200px;overflow: hidden;z-index: 0;}
.centerinfo > li span::before{display:block;content:'';width:50%;height:100%;background:#c00000;position: absolute;right: 0px;top: 0;z-index: -1;}
.centerinfo > li:nth-child(1) span{background:#ff8a00;}
.centerinfo > li:nth-child(2) span{background:#42bd8e;}
.centerinfo > li:nth-child(3) span{background:#42a0bd;}
.centerinfo > li:nth-child(4) span{background:#9564cb;}
.centerinfo > li:nth-child(1) span::before{background:#ff9e2b;}
.centerinfo > li:nth-child(2) span::before{background:#62c8a1;}
.centerinfo > li:nth-child(3) span::before{background:#62b0c8;}
.centerinfo > li:nth-child(4) span::before{background:#a77ed3;}
.centerinfo > li p{overflow: hidden;}
.centerinfo > li:nth-child(1) p{padding: 17px 0px;}
.centerinfo > li:nth-child(2) p{padding: 10px 0px;}
.centerinfo > li:nth-child(4) p{padding: 17px 0px;}
.centerinfo > li strong{}
.centerpj{background: url(/images/education/main/eduapply_bg.jpg) no-repeat  center;}
.centerpj .inner{max-width: 1000px; margin: 0 auto;padding: 80px 20px;}
.centerpj .inner > li{padding: 20px 0}
.centerpj .inner > li span{float: left;width: 220px;font-weight: 500;font-size: 18px;font-family: 'NanumSquare';margin-right: 35px;text-decoration: underline;    text-align: right;}
.centerpj .inner > li > ul{overflow: hidden;padding-left: 20px;}
.centerpj .inner > li > ul > li{list-style: square;}

@media (max-width:850px){
.centerinfo{margin: 40px auto;max-width: 650px;}
.centerinfo > li{padding:10px 0;}
.centerpj .inner {max-width: 650px;}
.centerpj .inner > li span{float: none;padding-bottom: 12px;display: inline-block;text-align: left;}
}
@media (max-width:450px){
.centerinfo{margin: 20px auto;padding: 0 15px;}
.centerinfo > li p {padding: 5px 0px !important;}
}
/* 연안교육센터오시는길 */
.center_map{max-width: 1100px;padding:0 30px;margin: 30px auto;}
.center_map dl.address{width: 45%;float: left;padding: 50px 50px 0 0;}
.center_map dl.address dd{margin-bottom: 3px;}
.center_map dl.address dt.icon{background: url(/images/education/coastcenter/map_icon.png);height: 140px;width:280px;margin-left: -34px;}
.center_map dl.address dd.add{ font-weight: 600;margin-bottom: 25px;}
.center_map dl.address dd.tel{}
.center_map dl.address dd.tel span{}
.center_map dl.address dt{font-size: 18px;font-family: 'NanumSquare';padding: 25px 0 20px;}
.center_map dl.transit{overflow:hidden;background: url(/images/education/coastcenter/map_line.png) no-repeat left top;padding: 50px 0 50px 50px;background-size: auto 100%;}
.center_map dl.transit dt{font-size: 18px;font-family: 'NanumSquare';padding: 30px 0 10px;}
.center_map dl.transit dt:first-child{padding-top:0;}
.center_map dl.transit dd{margin-bottom: 3px;}
.center_map dl.transit dd span[class *= 'line']{width: 20px;height: 20px;display: inline-block;text-align: center;
border-radius: 50px;color: #fff;font-size: 13px;}
.center_map dl.transit dd span.line3{background: #FF9800;}
.center_map dl.transit dd span.line8{background: #ff0b65;}
.center_map dl.transit dd span.line5{background: #a859ff;}
.center_map .map{margin-top: 30px;border: 1px solid #eee;border-radius: 10px;overflow: hidden;height: 25rem;}

@media (max-width:1000px){
.center_map dl.address{ width: 35%; padding: 50px 30px 0 0;}
.center_map dl.transit{padding: 50px 0 50px 30px;}
}

@media (max-width:850px){
.center_map dl.address{float: none;width: 100%;border-bottom: 1px solid #eee; padding: 30px 30px 50px 30px;}
.center_map dl.transit{background:none; padding: 50px 30px 30px 30px;}
}

@media (max-width:450px){
.center_map{padding: 0 20px;margin: 20px auto;}
.center_map dl.address dt{padding: 10px 0 15px;}
.center_map dl.address{padding: 10px 10px 30px 10px;}
.center_map dl.transit{padding: 30px 10px 10px 10px;}
.center_map dl.address dd.icon{}
}

/* 지난 연안포럼 */
.forum_img::after{content:'';display:block;clear:both;}
.forum_img .invite, .forum_img .inviteCon{width:49%;border-radius: 15px;box-shadow: 0px 0px 10px #ccc;overflow: hidden;}
.forum_img .invite{float:left;}
.forum_img .invite img{width:100%;}
.forum_img .inviteCon{float:right;}
.forum_img .inviteCon img{width:100%;}
	
@media (max-width:650px){
.forum_img .invite,
.forum_img .inviteCon{float: none;margin-bottom: 10px;width: 100%;}
}

.no_event_img{border-radius: 30px;background:#f9f8fd url(/images/education/event/no_event_image.png) no-repeat right bottom; height: 500px;}
.no_event_img p{font-size: 30px;font-family: 'NanumSquare';padding: 171px 13%;}
.no_event_img p .fa-quote-left{font-size: 40px;display: block;line-height: 60px;color: #d6d4f1;padding-left: 5px;}

.m03.s01 .no_event_img{background:#f9f8fd url(/images/education/forum/no_forum_image.png) no-repeat right bottom;}

@media (max-width:850px){
.no_event_img p{padding: 86px 13%;}
}
@media (max-width:600px){
.no_event_img{height: 380px;background-size: 470px;}
.no_event_img p{padding: 50px 0;text-align: center;font-size: 27px;width: 90%;margin: 0 auto;}
.no_event_img p .fa-quote-left{display:none;}
}
							
/* 공모전 접수 */
.m05.s01 .contest_img{height: 1500px;    margin-bottom: 37px;background-size: auto 100%; background-repeat: no-repeat; border-radius: 20px;background-position: center;}

@media (max-width:850px){
.m05.s01 .contest_img{height:550px;}
}
@media (max-width:600px){
.m05.s01 .contest_img{height:480px;}
}

/* 공모전 결과 */
.m05.s02 .contest_history_tit{text-align: center;font-size: 18px;font-family: 'NanumSquare'; padding: 20px 0 0;}
.m05.s02 .contest_cate_tit{position:relative;text-align: center;z-index: 0;padding: 25px 0;}
.m05.s02 .contest_cate_tit::after{content:'';display:block;position:absolute;width:100%;height:1px;background:#eee;z-index: -1;top: 50%;}
.m05.s02 .contest_cate_tit span{position: relative;background: #FF9800; color: #fff; padding: 15px 40px; vertical-align: middle;}
.m05.s02 .contest_cate_tit span::after,
.m05.s02 .contest_cate_tit span::before{content: '';display: block;position: absolute;height: 100%;border-left: 20px solid #ff9800;
border-top: 26px solid transparent;border-bottom: 26px solid transparent;top: 0;right: -20px;}
.m05.s02 .contest_cate_tit span::after{left:-20px;right:auto;border-right: 20px solid #ff9800;border-left:0;}
.m05.s02 .contest_img{height: 281px;border-radius: 15px;background-position: center;margin: 35px 0}
.m05.s02 #contest_2023 .contest_img{background-image:url('/images/education/sub/event_2023_end.jpg');}  
.m05.s02 #contest_2022 .contest_img{background-image:url('/images/education/sub/event_2022_end.jpg');} 
.m05.s02 #contest_2021 .contest_img{background-image:url('/images/education/sub/event_2021_end.jpg');}
.m05.s02 #contest_2020 .contest_img{background-image:url('/images/education/sub/event_2020_end.jpg');}
.m05.s02 #contest_2019 .contest_img{background-image:url('/images/education/sub/event_2019_end.gif');}
.m05.s02 #contest_2018 .contest_img{background-image:url('/images/education/sub/event_2018_end.gif');}
.m05.s02 #contest_2017 .contest_img{background-image:url('/images/education/sub/event_2017_end.jpg');}
.m05.s02 #contest_2016 .contest_img{background-image:url('/images/education/sub/event_2016_end.jpg');}
.m05.s02 #contest_2015 .contest_img{background-image:url('/images/education/sub/event_2015.jpg');} 
.m05.s02 .gallery .imgarea{height: 200px;overflow: hidden;border: 1px solid #eee;padding: 0;}
.m05.s02 .gallery .imgarea img{min-height: 200px;}
.m05.s02 .gallery .imgarea.txt{padding: 15px;    overflow: auto;}
.m05.s02 .gallery .imgarea span{display: block;text-align: left;padding: 6px;}
.m05.s02 #contest_2019 .gallery .imgarea.txt{padding: 12px;height: auto;min-height: 85px;}
.m05.s02 #contest_2018 .gallery .imgarea{height:272px;}

@media (max-width:600px){
.m05.s02 .contest_img{display:none;}
}

/* 동영상자료실 11 */
div [class *= 'videoRoom']{}
div [class *= 'videoRoom'] .hv:hover{color:#504aff; cursor: pointer;}
div [class *= 'videoRoom'] .hv.action{font-weight:800; color:#504aff;}
div [class *= 'videoRoom'] .txt{}
div [class *= 'videoRoom'] .txt p{padding: 0; text-align: left;}
div [class *= 'videoRoom'] .txt .tit{}
div [class *= 'videoRoom'] .txt .etc{}
div [class *= 'videoRoom'] .txt .etc span{display:inline-block;}
div [class *= 'videoRoom'] .txt .etc span + span{margin-left:10px;}
div [class *= 'videoRoom'] .txt .etc span small{}
div [class *= 'videoRoom'] .txt .etc span small{}                       	
div [class *= 'videoRoom'] .txt .con{}                       	
                    	
.videoRoomView{display: flex; justify-content: space-between;margin: 20px 0;}
.videoRoomView .leftCont{width:calc(100% - 300px);}
.videoRoomView .rightThumb{width: 270px;}
/* .videoRoomView .rightThumb{padding: 15px; background: #eee; width: 300px;border-radius: 10px ;} */
.videoRoomView .rightThumb li{margin-bottom: 15px;}
.videoRoomView .rightThumb li a{}
@media (max-width:640px){
	div [class *= 'videoRoom'] .gallery.ea4 li{width:100%;}
}

/* 동영상 모달 */
#md_video .txt{padding: 10px; height: calc(100vh - 600px); overflow: auto;}
#md_video .txt .tit{font-weight: 600;font-size: 17px;    padding-bottom: 5px;}
#md_video .txt .con{    padding: 20px 0;}

@media (max-width:992px){
	#md_video .txt{height: calc(100vh - 450px);}
}
@media (max-width: 450px){
	#md_video .txt { height: auto; }
}

/* 통합검색 */
.totalSrcBox{background: url(/images/education/common/topimg_07.jpg) center; padding: 31px;}
.totalSrcBox > label{display: block;width:100%;max-width:670px;margin: 0 auto;position: relative;}
.totalSrcBox > label input{width: 100%;height: 65px;background: transparent;border: 2px solid #fff;padding: 23px;
font-size: 16.5px;font-family: 'NanumSquare';color: #fff;}
.totalSrcBox > label button{ margin: 4px;width: 40px;height: 38px;background: url(/images/portal/common/icons.png)3px -29px;
border: 0;cursor: pointer;position: absolute;right: 10px;top: 10px;font-size: 0;}
.totalSrcBox .keyword{text-align: center;}       	
.totalSrcBox .keyword li{border: 0; border-radius: 50px; display: inline-block; padding: 8px 15px; margin: 13px 2px 0; color: #554cff; background: #fff; font-weight: 600; font-size: 15px;}
.totalSrcBox input::-moz-placeholder{color:rgb(255 255 255 / 80%)}
.totalSrcBox input:-ms-input-placeholder{color:rgb(255 255 255 / 80%)}
.totalSrcBox input::-webkit-input-placeholder{color:rgb(255 255 255 / 80%)}
.totalSrcList h6.tit{font-size: 18px;}
.totalSrcList h6.tit span{color: #0e88d1;}
.totalSrcList .view{background:#f3f3f3;border:1px solid #ddd;padding:15px 20px;font-size:16.5px;font-family: 'NanumSquare';font-weight:500; margin-top: 15px;}
.totalSrcList .view::after{content:"";display:block;clear:both;} 
.totalSrcList .view p{float: left;}
.totalSrcList .view p strong{color: #0e88d1;}
.totalSrcList .view a{float: right;}
.totalSrcList .data .list{border-bottom:1px solid #ddd; padding: 17px;}
.totalSrcList .data .list:last-child{border:0;}
.totalSrcList .data .list .tit{font-size: 16.5px;font-family: 'NanumSquare';font-weight:500;margin-bottom: 5px;}
.totalSrcList .data .list .con{font-size:15px;color:#333;}
.totalSrcList .data .list .con img{display:none;}
.totalSrcList .marker,
.totalSrcBox .marker{color:#ff7916 !important;font-weight: 600;}

@media (max-width: 600px){
	.totalSrcBox .keyword{display:none;}  
	.totalSrcList h6.tit { font-size: 16.5px;margin-top:20px;}
	.totalSrcList .data .list{padding:15px 0;}
	.totalSrcList .data .list .tit{font-family: 'NanumGothic';font-size: 15px;font-weight:600;}
	.totalSrcList .data .list .con{font-size:14px;}
}

/* error 404 */
.error_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-family: 'NanumSquare';text-align: center;}
.error_wrap::after{display:block;clear:both;content:'';}
.error_wrap .icon{width: 260px;height: 239px;margin: 0 auto;background: url(/images/common/error404.png);}
.error_wrap .error404{padding: 135px 0 0; text-align: center;font-size: 18px;font-weight: 600;color: #777;}
.error_wrap .tit{font-size:30px;font-weight: 600;padding: 25px 0 20px;}
.error_wrap .summary{font-size:16.5px;line-height: 23px;padding-bottom: 25px;}
.error_wrap button{border-radius: 0;color: #fff;padding: 15px 35px;font-weight:600;}
.error_wrap button.btn-pre{background: #0e88d1;}
.error_wrap button.btn-home{background-color: #bbb;}
.error_wrap button.btn-pre:hover{background-color:#006bab;color: #fff;}
.error_wrap button.btn-home:hover{background-color: #aaa;color: #fff;}


/* 개인정보처리방침 */
#privatepolicy_edu h5.tit{font-size:20px;    margin-top: 25px;}
#privatepolicy_edu .modal-body{height: calc(100vh - 200px); overflow-x: auto;}
#privatepolicy_edu .tab-content > div{display:none;}
#privatepolicy_edu .tab-content > div.active{display:block;}
#privatepolicy_edu h5.tit.notIcon{padding:0;}
#privatepolicy_edu h5.tit.notIcon img{width:40px;}
#privatepolicy_edu h5.tit.notIcon::after{display:none;}
#privatepolicy_edu .text-wrap{display: block; margin-top: 0; padding: 30px; border-radius: 5px; border: 1px solid #D9E6F2;}
#privatepolicy_edu .infolist{text-align:left;}

#privatepolicy_edu .table table{min-width: 550px;border-left: 2px solid #fff;}
#privatepolicy_edu .table table td, .table.view table th{border-left: 1px solid #ddd}
#privatepolicy_edu .table table th{background: #f9f9f9;text-align: center;border-left: 1px solid #ddd;}
#privatepolicy_edu .table.labeling th{font-size:16px;}
#privatepolicy_edu .table.labeling td{font-size:14px;}
#privatepolicy_edu .table.labeling img{width:40px;}

#privatepolicy_edu .nav-tabs{display: flex; flex-wrap: wrap;}
#privatepolicy_edu .nav-tabs>li{width: 25%;}
#privatepolicy_edu .nav-tabs>li>a{height: 100%; display: flex; justify-content: center; align-items: center;}
#privatepolicy_edu .nav-tabs.type01{margin-top: 25px;border: 0;}
#privatepolicy_edu .nav-tabs.type01>li{padding:5px;}
#privatepolicy_edu .nav-tabs.type01>li>a{color: #a5a5a5;background: #eee;font-size: 15px; padding: 8px 10px; font-family: 'NanumGothic'; border: 1px solid #eee;border-radius: 5px;}
#privatepolicy_edu .nav-tabs.type01>li.active>a{color: #fff;background: #0e88d1;border:1px solid #0e88d1;}

#privatepolicy_edu ul li > ul{margin-left:20px;}
#privatepolicy_edu .num-list > li > p{position: relative; padding-left: 15px;}
#privatepolicy_edu .num-list > li > p > span{position: absolute; top: 0; left: 0;}
#privatepolicy_edu .num-list.v2 > li {margin-bottom: 10px;}
#privatepolicy_edu .num-list.v2 > li > p{font-weight: 600;}
#privatepolicy_edu .num-list.v2 > li:last-child{margin-bottom: 0;}

#privatepolicy_edu .dot-list {display: block;}
#privatepolicy_edu .dot-list > li {position: relative; padding-left: 10px; margin-bottom: 8px;}
#privatepolicy_edu .dot-list > li:last-child{margin-bottom: 0;}
#privatepolicy_edu .dot-list > li::before {content:""; position: absolute; top: calc(0.65rem - 2px); left: 0; width: 4px; height: 4px; border-radius: 50%; background-color: #000000;}
#privatepolicy_edu .dot-list .dash-list {margin-top: 8px;}

#privatepolicy_edu .bul-list.num1 {counter-reset:num1;}
#privatepolicy_edu .bul-list.num1 > li::before {counter-increment:num1; content:counter(num1, decimal) ".";}
#privatepolicy_edu .bul-list.num2 {counter-reset:num2;}
#privatepolicy_edu .bul-list.num2 > li::before {counter-increment:num2; content:"(" counter(num2, decimal) ")";}
#privatepolicy_edu .bul-list.num3 {counter-reset:num3;}
#privatepolicy_edu .bul-list.num3 > li::before {counter-increment:num3; content:counter(num3, decimal) ")";}
#privatepolicy_edu .bul-list.num4 > li::before {content:'①';}
#privatepolicy_edu .bul-list.num4 > li+li::before {content:'②';}
#privatepolicy_edu .bul-list.num4 > li+li+li::before {content:'③';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li::before {content:'④';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li::before {content:'⑤';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li+li::before {content:'⑥';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li+li+li::before {content:'⑦';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li+li+li+li::before {content:'⑧';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li+li+li+li+li::before {content:'⑨';}
#privatepolicy_edu .bul-list.num4 > li+li+li+li+li+li+li+li+li+li::before {content:'⑩';}

#privatepolicy_edu .progress {margin:0 -20px; padding:15px; text-align: center; color:#fff;display: flex; flex-wrap: wrap;}
#privatepolicy_edu .progress::after {content:''; display: block; clear:both;}
#privatepolicy_edu .progress > li {padding:5px 7px;box-sizing: border-box;}
#privatepolicy_edu .progress > li .item {position: relative; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #0e80dd; min-height: 70px; color: #fff; line-height: 1.2; font-size: 14px; padding: 5px 13px;}
#privatepolicy_edu .progress > li .item::after {content: ''; position: absolute; top: 50%; right: -10px; background-size: contain; transform: translateY(-50%); border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #ccc;}
#privatepolicy_edu .progress > li:last-child .item::after{display:none;}
#privatepolicy_edu .progress > li .item a{color: #fff;}

#privatepolicy_edu .text-wrap .btn-wrap.v2{margin: 10px 0px;}

#privatepolicy_edu .btn-move{display: inline-block; padding: 5px 5px; vertical-align: middle; background-color: transparent;}
#privatepolicy_edu .btn-move>span{padding: 5px 50px 5px 5px; background-image: url(/images/portal/common/i_link_before.svg); background-repeat: no-repeat; background-size: 30px; background-position: center right 15px; color:#000; font-weight: bold; transition:background .3s;}

#privatepolicy_edu .btn-move:focus > span,
#privatepolicy_edu .btn-move:hover > span{background-image: url(/images/portal/common/i_link_after.svg); background-position: center right 6px;}

#privatepolicy_edu #cont20info img{max-width: 362px;}

/* 저작권방침 */
#copyrightpolicy_edu .text-wrap{display: block; margin-top: 0; padding: 30px; border-radius: 5px; border: 1px solid #D9E6F2;}

@media (max-width:600px){ 
	#privatepolicy_edu h5.tit { font-size: 18px; margin:15px 0 5px !important; }
	#privatepolicy_edu .progress > li { width: 100%;    padding: 5px 7px 15px;}
	#privatepolicy_edu .progress > li .item{    min-height: auto; padding: 15px;}
	#privatepolicy_edu .progress > li .item::after{left: 50%; top: calc(100% + 2px); right: auto; transform: rotate(90deg);}
	#privatepolicy_edu .nav-tabs>li{width:50%;}
}
@media (max-width:400px){ 
	#privatepolicy_edu .nav-tabs>li{width:100%;}
}