@charset "utf-8"; 

@import url("../font/XEIcon-2.3.3/xeicon.css");

@font-face{
	font-family:'S-Core';
	src:url('../font/S-CoreDream-4Regular.eot');
    src:url('../font/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'), 
    	url('../font/S-CoreDream-4Regular.woff') format('woff'),
    	url('../font/S-CoreDream-4Regular.ttf') format('truetype');  
    font-weight: 400;
}
@font-face{
	font-family:'S-Core';
	src:url('../font/S-CoreDream-5Medium.eot');
    src:url('../font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'), 
    	url('../font/S-CoreDream-5Medium.woff') format('woff'),
    	url('../font/S-CoreDream-5Medium.ttf') format('truetype');  
    font-weight: 500;
}
.txt_bold {font-weight: bold;}
.sub_conArea{font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.detail-info{background:#f7f7f9; padding: 4.2rem 2.6rem 2.3rem; overflow: hidden; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size: 1rem;}
.detail-info .tit{font-size: 1.75rem;text-align: center;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;;color: #2f2f2f; padding-bottom: 2.8rem}
.detail-info .titles{font-size: 1.75rem;text-align: center;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;;color: #2f2f2f; padding-bottom: 2.8rem}
.detail-info dd, .detail-info dt {display: block;float: left;color: #494848;font-weight: 500;letter-spacing: -.04em;}
.detail-info dl {float: left;width: 50%;position: relative;padding: 5px 0 15px 12px;}
.detail-info dl:before {content: '';display: block;position: absolute;top: 12px;margin-top: -1px;width: 3px;height: 3px;left: 0;background-color: #1393a6;}
.detail-info dt {color: #222;padding-right: 1.25rem;}
.detail-info dd {color: #6c6c6c;padding-left: 1.25rem;position: relative; width: 70%;}
.detail-info dd:before {position: absolute;top: 10px;left: 0;margin-top: -5px;width: 1px;height: 10px;background-color: #d0d0d0;content: '';}
.detail-info .but{text-align: center;width: 100%;padding-top:2rem;padding-bottom:1rem; overflow: hidden;}

/*버튼*/
.btn.info {min-width:130px; font-size:14px; border-radius: 10px; height: 48px; margin-right: 12px;} 
.btn.info:last-child{margin:0;}
.btnicon1{background:#fff url(../images/sub/icon-img.jpg)no-repeat 26px 2px; padding-left: 17px;}
.btnicon2{background:#fff url(../images/sub/icon-img.jpg)no-repeat 18px -35px; padding-left: 24px;}

.btnBox_cen {clear:both; overflow:hidden; width:100%; margin-top:20px; text-align:center}
.btnBox_cen [class^='btn']+[class^='btn'] {margin-left:4px}
.btnBox_cen .next{position: relative;width: 100%;height: auto;top: 0;right: 0;cursor: pointer;text-indent: 0;z-index: 1;}
.btnBox_cen .next:before{content:none;}
.btnBox_cen .btn:after{content:none;}



.view-info{float: left; width: calc(100% - 280px);font-size: 1rem;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; line-height: 1.4; color:#444; padding-top: 35px;}
.view-info .tit{color: #2f2f2f;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;;font-size: 1.32rem;font-weight: 600;}
.view-info .cont{padding-top: 0.9rem;}
.recommend-lecture{width: 230px;float: left; border: 1px solid #cecece; border-radius: 7px; padding: 28px 22px 20px;}
.recommend-lecture .tit{background:#fff url(../images/sub/icon-img.jpg)no-repeat -9px -92px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size:1.1rem; color:#2f2f2f; letter-spacing: -0.8px; padding-left: 26px; padding-bottom: 12px;    font-weight: 500;}

.recommend-lecture div ~ div{border-top: 1px solid #dedede; padding-top: 20px;}

.playbox {position: relative;padding-bottom: 8px; }
.playbox a {display: block;border-radius: var(--border-radius);transition: all .8s;}
.playbox a:hover {}
.playbox .img-area {position: relative;height: 0;padding-top: 56.25%;overflow: hidden;box-sizing: border-box;border: 1px solid #c9c9c9; height: 120px;}
.recommend-lecture .playbox .img-area img {position: absolute;display: block;top: 50%;left: 50%;width: 100%;max-height: 100%;transform: translate(-50%, -50%);transition: all .5s;}
.recommend-lecture .playbox a:hover .img-area img {transform: translate(-50%, -50%) scale(1.08);}
.recommend-lecture .playbox .img-area:after {content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.2);}

.recommend-lecture .playbox .img-area .btn {top: 0;position: absolute;width: 100%;height: 100%;text-indent: -9999px;background: url(../images/sub/playbtn.png) no-repeat center;z-index: 1;}
.recommend-lecture .playbox .img-area .label{background: rgb(33,58,79,0.8); bottom: 0; padding: 5px;position: absolute;color: #fff;z-index: 1;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;font-size: 0.75rem;}
.recommend-lecture .playbox .txt-area{text-align: center;display: block;padding: 10px;word-break: keep-all;line-height: 1.2;font-size: 0.9rem;color: #333;height: 45px; overflow: hidden; margin-bottom: 5px;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;font-weight: 500;}
.recommend-lecture .playbox .txt-area:hover{color:#127280}

/* 정인철 임시로 수정해봄!! */
.play-view{float: left; width: calc(100% - 280px);font-size: 1rem;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; line-height: 1.4; color:#444;}
/* .play-view .img-area{position: relative;height: 0;padding-top: 56.25%;overflow: hidden;box-sizing: border-box;border: 1px solid #c9c9c9; height: 120px;} */
.play-view .img-area{position: relative;height: 0;overflow: hidden;box-sizing: border-box;border: 1px solid #c9c9c9; height: 600px;}
.play-view .img-area .btn {top: 0;position: absolute;width: 100%;height: 100%;text-indent: -9999px;background: url(../images/sub/playbtn2.png) no-repeat center;z-index: 1;}
.play-view .img-area img {position: absolute;display: block;top: 50%;left: 50%;width: 100%;max-height: 100%;transform: translate(-50%, -50%);transition: all .5s;}
/* .play-view .img-area:after {content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.4);} */

.contents-info{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}


.econtents-info{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
.econtents-info .flex{display: flex; justify-content: space-between; align-items: center;}
.econtents-info .econt-tit {color:#2f2f2f; letter-spacing: -0.6px; float: left; padding-bottom: 1.6rem;}
.econtents-info .econt-tit h3{ font-size:1.6rem;font-weight: 500;word-break: keep-all;}
.econtents-info .econt-tit h4{ font-size:1.1rem;font-weight: 500;}

.econtents-info .econt-btn{float:right; padding-bottom: 1.5rem; display: flex;}
.econtents-info .econt-btn .btn2{width:70px; font-size:13px; border-radius: 10px; height: 65px;  padding-top: 1.2rem;} 
.econtents-info .econt-btn .btn3{width:70px; font-size:13px; border-radius: 10px; height: 65px;}
.econtents-info .econt-btn .ebtnicon1{background:#fff url(../images/sub/btn-icon1.png)no-repeat 27px 17px;padding-top: 22px; margin-right: 8px;}
.econtents-info .econt-btn .ebtnicon2{background:#fff url(../images/sub/btn-icon2.png)no-repeat 24px 15px;padding-top: 22px; margin-right: 8px;}

.econtents-info .detail{font-size:1rem; color:#555}


/* 탭 :1차 탭 */
.sub_tab1 { margin-top:.75rem; background:#f7f8f9;  }
.sub_tab1 ul { display:flex; width:100%; justify-content:space-between; align-items:end; }
.sub_tab1 li { position:relative; width:100%; }
.sub_tab1 li a {position:relative;display:table;table-layout:fixed;width:100%;z-index:1;height:3.2rem;color:#666;font-size:.92rem;text-align:center;border:1px solid #bababa;border-bottom:1px solid #0095ab;}
.sub_tab1 li + li a { border-left:0; }
.sub_tab1 li a > span {position:relative;display:table-cell;width:100%;vertical-align:middle;z-index:2;}

/* 탭 :1차 탭 : active */
.sub_tab1 li.on + li a { border-left:0; }
.sub_tab1 li.on a { color:#0095ab; border-bottom:0;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;;}
.sub_tab1 li.on > a:after {content:'';position:absolute;z-index:1;top:-1px;left:-1px;width:100%;height:100%;background:#fff;border:1px solid #0095ab;border-bottom:0;}

#searchForm .articles_search {} 
.articles .total {color: #ff0000; font-weight: bold;}
.articles_search .articles {float: left; margin-bottom: 0; line-height: 37px; font-size: 0.9rem; padding-top: 10px;}
.articles_search .basic_searchForm {float: right; padding-top: 1px; padding-bottom: 10px;}
.basic_searchForm .btn{width:70px;margin-right:0; height: 38px; border-radius: 0;}
.basic_searchForm input{min-width: 12rem;}

.articles_search .basic_searchForm2{}

.page_box{padding-top:30px;text-align:center;}
.page_box a{display:inline-block;width:30px;height:30px;border:1px solid #ccc;font-size:14px;line-height:30px;text-align:center;}
.page_box a.on{border:1px solid #13294b;background-color:#13294b;color:#fff}
.page_box a.on:hover{border:1px solid #13294b;background-color:#13294b;color:#fff}
.page_box a:hover{border:1px solid #196ab3; color:#196ab3; font-weight:500;}
.page_box .ico{border: 1px solid #ccc;color: transparent;}
.page_box .btn_first{background: url(../images/common/btn_paging_first.gif) 50% 50% no-repeat; background-size: 12px auto; text-indent: -99999px;}
.page_box .btn_last{background: url(../images/common/btn_paging_last.gif) 50% 50% no-repeat; background-size: 12px auto; text-indent: -99999px;}
.page_box .btn_prev{margin: 0 5px 0 2px;background: url(../images/common/btn_paging_prev.gif) 50% 50% no-repeat; background-size: 6px auto; text-indent: -99999px;}
.page_box .btn_next{margin: 0 2px 0 5px;background: url(../images/common/btn_paging_next.gif) 50% 50% no-repeat; background-size: 6px auto; text-indent: -99999px;}


.board_latest_notice {display: inline-block;padding: 5px 11px;margin-right: 4px;font-size: 13px;line-height: 1;font-style: normal;color: #dc480c;border: 1px solid #dc480c;border-radius: 12px;background-color: #fff;}


/************************************************
	table
************************************************/
.tableType1{border-top:2px solid #1a1a1a;width: 100%;}
.tableType1 thead{background:#f7f7f9;}
.tableType1 thead th{padding:17px 0; border-bottom:1px solid #dcdcdc; font-size:0.92rem; color:#222; text-align:center; font-weight: 500;}
.tableType1 thead th:first-child{border-left:0;}
.tableType1 tbody th{border-bottom:1px solid #dcdcdc; padding:22px 0; color:#222; word-break:keep-all}
.tableType1 tbody td{border-bottom:1px solid #dcdcdc; text-align:center; padding:20px 12px; font-size:0.9rem; line-height:1.3; color:#555; word-break:keep-all}
.tableType1 tbody a{color:#222;}
.tableType1 tbody a:hover{color: #0095ab;}
.tableType1 img{vertical-align: middle;}
.tableType1 .tit{text-align:left;   letter-spacing: -0.5px; font-size: 0.94rem;}


.tableType1 tbody tr:hover{background:#f7fbff;}

/************************************************
	view
************************************************/

.tableType1 .titleArea {position:relative; padding:15px 25px; background-color:#fafafa; border-bottom:1px dashed #d4d4d4; }
.tableType1 .titleArea .title {display:block; margin:0; padding:0; line-height:1.38em; color:#333; font-size:1.2rem;letter-spacing: -0.5px; font-weight: 500;}
.tableType1 .titleArea .info {margin-top:10px; font-size: 0.9rem;}
.tableType1 .titleArea .info:after {content:''; display:block; visibility:hidden; clear:both}
.tableType1 .titleArea .info li {position:relative; display:inline-block; float:left; margin-right:10px; padding-right:10px; color:#6c6c6c; font-weight:500;}

.tableType1 .titleArea .infoNotice {margin-top:10px; font-size: 0.9rem; display:grid; justify-content: space-between; grid-template-columns:auto auto;}
.tableType1 .titleArea .infoNotice:after {content:''; display:block; visibility:hidden; clear:both}
.tableType1 .titleArea .infoNotice p {display: inline-block; margin-left:30px;}

.tableType1 .detail_content {position:relative; overflow:hidden; padding:32px 22px; line-height:30px;font-size: 0.95rem;  color:#444; border-bottom: 1px solid #444;}

.jt_single_pagination {display: table;width: 100%;max-width: 1200px;height: 178px;margin: 0 auto;position: relative; }
.single_pagination_link {display: table-cell;width: 50%;height: 100%;max-width: 1px;vertical-align: middle;text-align: center;}
.single_pagination_next {padding-left: 56px;padding-right: 20px;}
.single_pagination_prev {padding-right: 56px;padding-left: 20px;}

.single_pagination_link b {display: inline-block;position: relative;font-size: 17px;line-height: 1;letter-spacing: -0.025em;font-weight: 600;color: #222;-webkit-transition: color 200ms, padding 300ms;transition: color 200ms, padding 300ms;}
.single_pagination_link b:after {content: '';display: block;opacity: 0;visibility: hidden;width: 12px;height: 12px;position: absolute;top: 50%;margin-top: -5px;font-family: 'jt-font';font-size: 12px;line-height: 1;font-weight: normal;text-align: center;color: #0095ab;-webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms;}
.single_pagination_prev b:after {left: 0; background: url(../images/common/pagination_prev.png) -1px -4px no-repeat;}
.single_pagination_next b:after {right: 0; background: url(../images/common/pagination_next.png) -1px -4px no-repeat;}
.single_pagination_link p {display: block;padding-top: 14px;font-size: 15px;font-weight: 400;letter-spacing: -0.025em;color: #666;-webkit-transition: color 200ms;transition: color 200ms;overflow: hidden;text-overflow: ellipsis; height: 38px;}
a.single_pagination_link:hover p {color: #0095ab;}
a.single_pagination_link:hover b {color: #0095ab;}
a.single_pagination_link:hover b:after {opacity: 1;visibility: visible;}
a.single_pagination_prev:hover b {padding-left: 12px;}
a.single_pagination_next:hover b {padding-right: 12px;}
a.single_pagination_prev:hover b:after {left: -12px;}
a.single_pagination_next:hover b:after {right: -12px;}

.single_pagination_list {display: block;width: 73px;height: 73px;position: absolute;top: 50%;left: 50%;margin-top: -36.5px;margin-left: -36.5px;font-size: 0;background: url(../images/common/icon-list.png) no-repeat center center;border: 1px solid #ddd;z-index: 1;-webkit-transition: background 300ms, border 300ms;transition: background 300ms, border 300ms;}
.single_pagination_list:hover {background-image: url(../images/common/icon-list-secondary.png);background-color: #413C7F;border-color: #413C7F;}

.write_btn{padding-top:20px; text-align:center;}

/************************************************
	file
************************************************/

.fileBox {border-bottom:1px solid #d4d4d4}
.fileBox {clear:both; position:relative; padding:7px 15px 10px 20px; background-color:#fff;}
.fileBox:after {content:''; display:block; visibility:hidden; clear:both}
.fileBox a {display:inline-block; margin:3px 10px 2px 0; color:#666; line-height:24px; letter-spacing: -0.3px; font-size:0.86rem}
.fileBox a * {vertical-align:middle}
.fileBox a:hover {text-decoration:underline}
.fileBox a span {overflow:hidden; display:inline-block; margin-right:5px; width:23px; height:23px; font-size:0; background:url('../images/common/ico_file.png') no-repeat}
.fileBox .zip {background-position:-150px 0}
.fileBox .hwp {background-position:-60px 0}
.fileBox .xls {background-position:-90px 0}
.fileBox .pdf {background-position:-30px 0}
.fileBox .png {background-position:-120px 0}
.fileBox .etc {background-position:0 0}

.file_name {font-size: 13px; display: inline-block;width: calc(100% - 230px); text-overflow: ellipsis; white-space: nowrap; vertical-align: -13px; height: 32px; padding: 0 10px; overflow: hidden; line-height: 33px; border: 1px solid #d9d9d9;}
.file_btn {display: inline-block; vertical-align: top;line-height: 100%;}
.file_btn span {display: inline-block; padding: 0 10px; font-weight: 500; color: #fff; font-size:12px; line-height: 33px; height: 32px;}
.file_btn span:before {}
.file_del {font-size:12px; line-height: 33px; height: 32px; padding: 0 20px; font-weight: 500;}
.file_add {font-size:12px; line-height: 33px; height: 32px; padding: 0 10px; font-weight: 500;}

.file_input input{font-size: 13px; display: inline-block;width: 65%; text-overflow: ellipsis; white-space: nowrap; vertical-align: -13px; height: 32px; padding: 0 10px; overflow: hidden; line-height: 33px; border: 1px solid #d9d9d9;}
.file-label{display: inline-block; padding: 0 10px; font-weight: 500; color: #fff; font-size:12px; line-height: 33px; height: 32px; display: inline-block; vertical-align: top; background-color:#565656; border-color:#565656; color:#fff}
.file_input {margin-bottom: 12px;}
.file_input:last-child {margin-bottom: 0;}


.required-area{font-size:15px; letter-spacing: -0.5px;}
.required{position: relative; top: 4px; color: #e10808; margin: 0 3px;}
.hide {position: absolute !important; width: 0 !important; height: 0 ;z-index: -1; color: transparent; overflow: hidden; font-size: xx-small; line-height: 0; }

.tableType1_write table {width:100%; border-bottom:1px solid #999; border-top:2px solid #1a1a1a;width: 100%;}
.tableType1_write th {padding:8px 20px; font-size:15px; color:#4c4c4c; background:#f7f7f7; border-top:1px solid #d9d9d9;text-align:left; font-weight: 500; vertical-align: middle;}
.tableType1_write td {padding:11px 0 9px 20px; text-align:left; border-top:1px solid #d9d9d9}
.tableType1_write tr:first-child th, .tableType1_write tr:first-child td {border-top:0}
.tableType1_write td input, .tableType1_write td textarea {width:97%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tableType1_write td textarea {height:200px; padding:10px 8px}
.tableType1_write td .fileWrap {position:relative; width:97%; padding:10px 10px 5px; border:1px solid #ccc; border-left-color:#bcbcbc; border-top-color:#bcbcbc; background-color:#fff}
.tableType1_write td .fileWrap .file {display:block; margin-bottom:5px; text-align:left}
.tableType1_write td .fileWrap .file input {width:auto}
.btn24 .ico {display:inline-block; height:24px; padding:0; font-size:0; background:url('../images/sub/btn_ico.png') no-repeat}
.btn24 .ico.del {width:43px; background-position:-50px -80px}
.btn24 .ico.add {width:43px; background-position:0 -80px}

/* FAQ */
.bbs_Faq { border-top:2px solid #333; overflow: hidden; display: block; width: 100%;}
.bbs_Faq li {border-bottom:1px solid #e7e7e7; }
.bbs_Faq li a {position:relative; display:block; padding: 1.4rem 3.8rem; font-size: 0.95rem; letter-spacing: -0.5px; color:#333; }
.bbs_Faq li a:before {content:"Q"; display:block; position:absolute; left: 1.1rem; top: 1.1rem; width: 2rem; height: 2rem; line-height: 2rem; color:#fff; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size: 1.2rem; text-align:center; background:#396198; border-radius:50%; }
.bbs_Faq li a::after { position: absolute; top: 1.5rem; right: 2.1rem; color: #8a8a8a; font-family: 'xeicon'; font-weight: 200; font-size: 1.2rem; content: "\e943"; }
.bbs_Faq li div.faq_A { position:relative; display: none; padding: 1.5rem 1.5rem 1.5rem 6.2rem; line-height: 1.7rem; font-size:0.9rem; color:#555; border-top:1px solid #e7e7e7; background:#f7f7f9; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.bbs_Faq li div.faq_A:before {content:"A"; display:block; position:absolute; left: 3.1rem; top: 1.3rem; width: 2rem; height: 2rem; line-height: 2rem; color:#fff; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size: 1.2rem; text-align:center; background:#c52323; border-radius:50%; }
.bbs_Faq li div.faq_A::after { position: absolute; top: 1.65rem; left: 1.8rem; width: 0.6rem; height: 0.6rem; border: 2px solid #d7dce5; border-top: none; border-right: none; content: ""; }
/* FAQ : ative */
.bbs_Faq li.on a::after { transform:rotate(180deg); color: #3271c6; }
.bbs_Faq li.on a { color: #16407a; }


/************************************************
	06_1_로그인
************************************************/

.member_login{width: 100%; background:#f7f8fa;padding: 60px 60px 40px 60px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; letter-spacing: -0.4px;}
.member_login .title {width: 480px;max-width: calc(100% - 2rem);margin-left: auto !important;margin-right: auto !important;text-align: center; font-size: 15px;}
.member_login .title strong {font-size: 1.8rem;display: block;max-width: 100%;margin: 0 auto 0.8rem;padding: 10px;border-radius: 2.5rem;color: #333;text-align: center; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.member_login .title strong span {color: #137ea6; font-size: 2rem;}
.member_login .title span{font-size:1rem}
.member_login .loginArea {width: 450px;max-width: calc(100% - 2rem);margin-left: auto !important;margin-right: auto !important;font-size: 15px; padding-top:30px}
.member_login .loginArea .input3{width: calc(100% - 2.6rem); padding: 8px 20px; margin-bottom: 10px; color: #555; font-size: 1rem; height: 32px; border: 1px solid #dfdfdf;box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
.member_login .loginArea .checkArea{font-family: 'NotoRegular';}
.admin_checkbox{border: 1px solid #c7c7c7;cursor: pointer;background-color: #fff;} 
.loginArea li.btn_login{display: block;width: 100%; background-color: #413C7F; border: 1px solid #413C7F;padding: 12px;font-size: 18px; color:#fff; -webkit-transition: .25s;transition: .25s; text-align:center; cursor: pointer; margin-top: 1.2rem; height: 55px; display: flex; align-items: center; justify-content: center;}
.loginArea li.btn_login:hover {background-color: #fff; color : #413C7F;}
.loginArea li.btn_login a{color: #fff; font-weight: 500; font-size:17px;}
.loginArea li.btn_login:hover a {
    color: #413C7F; /* hover 시에 변경될 링크 색상 */
}
.loginArea .btnArea{padding-top:10px; text-align:center; width:100%; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;}
.loginArea .btnArea span:nth-child(2){padding-left: 10px;margin-left: 10px;position: relative;}
.loginArea .btnArea span::before {content: "";display: block;width: 1px;height: 12px;background-color: #dcdcdc;position: absolute;left: 0;top: 6px;}
.loginArea .btnArea span a:hover{color:#1c54ba; text-decoration: underline;}

.loginArea-info{background: #eaecef; padding: 2rem; font-size: 1rem; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; letter-spacing: -0.6px; color: #222; text-align: center;}
.loginArea-info span{color:#0c899b; text-decoration: underline;}
.loginArea-info img{padding: 0 8px 3px 0;}

/* popup css */
/* popup layer */
.pop-layer .pop-container {}
.pop-container{}
.pop-layer {display: none; position:fixed;top:50%; left:50%; transform: translate(-50%, -50%);height: auto;  background-color: #fff; z-index: 10;}
.dim-layer {display: none;  position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; z-index:1000;}
.dim-layer .dimBg {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}

.layer_popup_top {background:#33659d; height:60px;}
.layer_popup_title {padding:13px 20px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif; font-size:1.2rem; line-height:35px; color:#fff; }
.layerPop_topBtn {position:absolute; right:20px; top:15px;}
.layerPop_topBtn .pop_colse { position: absolute;  right: 0rem; color: #fff; font-size: 1.2rem; }
.sml_pop{color: #fff;font-size: 1.2rem; }

/* 데이터에 따른 창크기, 가로 세로영역 가변, 자동 세로스크롤 */
.layer_popup_cont {overflow:hidden;display:block;max-height: calc(100vh - 510px); overflow-y: auto;padding:13px 20px; min-width: 450px; min-height: 400px; font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;: roboto, 'NotoRegular';}
.pop_tit{font-size:18px;color:#222;background:url('../images/pop_tit.png')no-repeat 0 3px;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;padding:0 0 5px 18px;}


.photoArea{border:1px #dadada solid;height:120px;background:#fff url('../images/no_img.png')no-repeat 50% 50%;}
.pop_infoArea{overflow:hidden;display:block;}

/************************************************
	01_2_교육신청안내 2022.12.28추가
************************************************/
.infobox1{background:#f0f4f9 url('../images/sub/info-img01.png')no-repeat 6% 57%;padding: 6% 20px 34px 25%;border-radius: 10px;}
.infobox1 h3{color:#01869a; font-size:1.5rem; font-weight: bold;}
.infobox1 ul{padding-top:10px;}
.infobox1 li{background:url('../images/sub/nav_dep3_on.png')no-repeat 4px 12px;font-size: 0.94rem;padding-left: 17px;line-height: 1.9;color: #444;}
.infotit{background: url(../images/common/blu1.png) no-repeat 0 10px;font-size: 19px;padding-left: 22px;font-weight: bold;color: #333;}
.infobox2 ul{display: flex;}
.infobox2 li{width: 100%; display: flex;flex-direction: column;align-items: center;font-size: 1.0rem;color: #333;background: url('../images/sub/info-arr.png')no-repeat right center;text-align: center;}
.infobox2 li:last-child{background:none;}
.infobox2 li:before{content: '';display: block;height: 95px;border-radius: 50%;width: 95px;background: #f0f0f4;margin-bottom: 10px;}
.infobox2 .infoicon-1{background: url('../images/sub/info-img02.png')no-repeat 23px 26px;height: 95px;width: 95px;position: absolute;}
.infobox2 .infoicon-2{background: url('../images/sub/info-img02.png')no-repeat -165px 24px;height: 95px;width: 95px;position: absolute;}
.infobox2 .infoicon-3{background: url('../images/sub/info-img02.png')no-repeat -356px 23px;height: 95px;width: 95px;position: absolute;}
.infobox2 .infoicon-4{background: url('../images/sub/info-img02.png')no-repeat -555px 24px;height: 95px;width: 95px;position: absolute;}
.infobox2 .infoicon-5{background: url('../images/sub/info-img02.png')no-repeat -756px 24px;height: 95px;width: 95px;position: absolute;}

.infotit3{font-size: 1.1rem;color: #148698; position: relative;padding-left: 33px;}
.infotit3 .num {position: absolute;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;text-align: center;color: #fff;background: #1593a6;font-size: 1.2rem;border-radius: 50%;padding: 0 0.1rem;font-weight: 500;left: 0;top: 0;}
.infobox3{padding-left: 33px;}
.infobox3 li{background:url('../images/sub/nav_dep3_on.png')no-repeat 4px 10px;font-size: 0.9rem;padding-left: 17px;line-height: 1.7;color: #444;}
.infobox3 li.icon{background:none;}
.infobox3 li.icon:before{content:'※';margin-right: 4px;}
.infobox3 li.icon2{background:none;padding-left: 0;}
.infobox3 li.icon2:before{content:'※';margin-right: 4px;}
.infobox4{border: 2px solid #f0f4f9;margin: 7px 0 0 28px;}
.infobox4 img{max-width: 100%;}

.mob{display: none;}

/************************************************
	01_1_교육소개 2023.01.13 추가
************************************************/
.eduintro_01{font-family: S-Core; background: url('../images/sub/intro_bg2.png')no-repeat right top; padding: 160px 0 0 65px; min-height: 460px;}
.eduintro_01 h3{font-size:1.75rem; font-family: S-Core; font-weight: 500; color:#252424;}
.eduintro_01 h3 span{color:#01acc5;}
.eduintro_01 ul{padding-top: 56px;}
.eduintro_01 li{font-size:1.25rem; color:#202020; background: url('../images/sub/inro_bul.png')no-repeat 0 20px; padding-left: 30px; line-height: 2.2;}

.eduintro_02{font-family: S-Core;}
.eduintro_02 h3{font-size:1.5rem;letter-spacing: -0.9px; font-family: S-Core; font-weight: 500; color:#373737; text-align: center; margin-bottom: 1.25rem;}
.eduintro_02 ul{display: flex; justify-content: center;}
.eduintro_02 li{border-radius: 0.94rem; max-width: 260px; min-height: 290px;display: flex;flex-direction: column;align-items: center; padding: 3.75rem 1.7rem 1.5rem 1.7rem;width: calc(90% / 3);}
.eduintro_02 li ~ li{margin-left:2rem;}
.eduintro_02 li .txt{color:#373737; font-size:1.13rem; padding-top: 1.5rem; text-align: center;}
.eduintro_02 li.introbox_1,
.eduintro_02 li.introbox_3{background:#eaf3fb; }
.eduintro_02 li.introbox_1 .img{background: url('../images/sub/intro_img02.png')no-repeat; width:100px; height:100px; display: block;}
.eduintro_02 li.introbox_2{background:#f0f3fc; }
.eduintro_02 li.introbox_2 .img{background: url('../images/sub/intro_img03.png')no-repeat; width:100px; height:100px; display: block;}
.eduintro_02 li.introbox_3 .img{background: url('../images/sub/intro_img04.png')no-repeat; width:100px; height:100px; display: block;}
.eduintro_03{background:#f6f6f6 url('../images/sub/intro_img05.png')no-repeat right bottom; border-radius: 15px; max-width: 853px; margin: 1.5rem auto; padding: 57px 54px; font-family: S-Core; color:#373737}
.eduintro_03 .tit{background:#1393a6; font-size:1rem; color:#fff; font-family: Montserrat; font-size: 1rem; border-radius: 3px; width:108px; line-height: 1.6; text-align: center;}
.eduintro_03 .txt{font-size:1.13rem; line-height: 2;}
.eduintro_03 li:nth-child(2){ padding-bottom:22px}

/* mobile 480 --------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:1100px){
	.econtents-info .flex{flex-direction: column;}
	.econtents-info .econt-btn{justify-content: center;}
	.codeView04{flex-direction: column;}
	.codeView04 span{padding-top:1.1rem; padding-left:0 !important;}
}
@media screen and (max-width:800px){
	.detail-info dl{width: 100%;}
	.btn.info{min-width:100px;height: 44px;margin-right: 6px; }
	.btnicon1{background:#fff url(../images/sub/icon-img.jpg)no-repeat 12px 0px; padding-left: 19px;}
	.btnicon2{background:#fff url(../images/sub/icon-img.jpg)no-repeat 4px -36px; padding-left: 24px;}

	.view-info{width: 100%;}
	.recommend-lecture{width: 100%;margin: 40px 0 0 0;}
	.playbox{margin-left: 20px; width: calc(50% - 10px); float: left;}
	.playbox:nth-child(2n){margin-left:0}
	.recommend-lecture div ~ div{border-top:0; padding-top:0}
	.recommend-lecture .playbox .txt-area{height: 46px; overflow: hidden;}

	.play-view{width: 100%;}
	

}
@media all and (max-width:767px){
	.articles_search .basic_searchForm{width:100%;}
	.basic_searchForm{display: flex;flex-wrap: nowrap;justify-content: space-between;}
	.basic_searchForm select{}
	.basic_searchForm input{width: calc(100% - 190px);}
	.articles_search .articles{font-size:15px;}
	.tableType1 th,
	.tableType1 .no, 
	.tableType1 .file{display:none;}
	.tableType1 .tit{padding-bottom:2px;}
	.tableType1 tr{border-bottom: 1px solid #dcdcdc;}

	.tableType1 thead,
	.tableType1 tbody,	
	.tableType1 td {display: block;}
	.tableType1 tr{display: table; width: 100%;}
	.tableType1 .tit{border:none; font-size:1.1rem; padding: 20px 20px 5px 20px;}

	.tableType1 .writer, 
	.tableType1 .data, 
	.tableType1 .hits{float:left; display: inline-flex; width: auto; border: 0; padding: 10px 12px 20px 20px}

	.tableType1 .data:before, .tableType1 .hits:before{content: '';display: inline-block;position: relative;right: 1rem;width: 1px;height: 0.7rem;background: #d3d3d4;top: 4px;}
	.tableType1 colgroup{display:none}

	.tableType1_write colgroup{display:none;}
	.tableType1_write tbody th{width:100%; display:block;}
	.tableType1_write tbody td{width:100%; display:block;}

	/*.tableType3 tbody th{width:100%; display:block; padding: 6px 20px; text-align: left;}
	.tableType3 tbody td{width:100%; display:block; padding: 12px 20px;}*/
	
	.eduintro_01{background:url(../images/sub/intro_bg.png)no-repeat right top; padding: 70px 50px;}
	.eduintro_03{padding-bottom: 149px;}
}

@media screen and (max-width:640px){
	.econtents-info .flex{flex-direction: column;}
	.econtents-info .econt-btn{justify-content: center;}
	
	.infobox1{padding:25px; background-image:none;}
	.infobox2 ul{flex-direction: column;}
	.infobox2 li{background: #f0f0f4 ;border-radius: 10px;width:100%;margin: 10px 0;height: 60px;flex-direction: row;align-items: center;justify-content: center;padding-right: 4%;}
	.infobox2 li:last-child{background: #f0f0f4;}
	.infobox2 li:before{content:none;}
	.infobox2 li ~ li{background-image:url(../images/sub/info-arr2.png)no-repeat}
	.infobox2 .infoicon-1{background: url(../images/sub/info-img02.png)no-repeat 23px 13px;background-size: 600px;height: 60px;width: 80px;position: relative;}
	.infobox2 .infoicon-2{background: url('../images/sub/info-img02.png')no-repeat -106px 13px;background-size: 600px;height: 60px;width: 80px;position: relative;}
	.infobox2 .infoicon-3{background: url(../images/sub/info-img02.png)no-repeat -241px 10px;background-size: 600px;height: 60px;width: 80px;position: relative;}
	.infobox2 .infoicon-4{background: url(../images/sub/info-img02.png)no-repeat -391px 10px;background-size: 600px;height: 60px;width: 80px;position: relative;}
	.infobox2 .infoicon-5{background: url(../images/sub/info-img02.png)no-repeat -533px 11px;background-size: 600px;height: 60px;width: 80px;position: relative;}
	
	.mob{display: block;background: #f0f0f4 url(../images/sub/info-arr2.png)no-repeat center bottom;}
	
	.eduintro_01{padding: 52px 38px}
	.eduintro_01 h3{font-size: 1.5rem;}
	.eduintro_01 li{font-size: 1.13rem;}
	.eduintro_02 h3{font-size: 1.25rem;}
	.eduintro_02 ul{display: flex; flex-direction: column;}
	.eduintro_02 li{max-width: 100%; width: 100%; min-height:auto; padding: 1.75rem 1.7rem 1.8rem 1.7rem;}
	.eduintro_02 li ~ li{margin:2rem 0 0 0;}
	.eduintro_02 li .txt{padding-top: 1rem;}
	.eduintro_03{padding: 37px 34px 149px}
	

}
@media screen and (max-width:560px){
	.detail-info{padding:3.2rem 2.0rem 2.0rem;}
	.btn.info{min-width: 48%; float: left; margin: 1%;}
	.btn.info:last-child{margin:1%;}

	.member_login{padding: 30px 10px 40px 10px;}
}

@media screen and (max-width:480px){
	.playbox{width: 100%; margin-left:0}
	.recommend-lecture div ~ div{border-top: 1px solid #dedede; padding-top: 20px;}
}

.imgbg1{background: url(../images/common/no-img1.png) no-repeat center; }
.imgbg2{background: url(../images/common/no-img2.png) no-repeat center; background-size: 70%;}
.imgbg3{background: url(../images/common/no-img3.png) no-repeat center; background-size: 70%;}
.imgbg4{background: url(../images/common/no-img4.png) no-repeat center; background-size: 70%;}

/**준비중**/
.prep_box{background:#f0f4f9; padding:100px 50px; border-radius: 20px; display: flex; flex-direction: column;align-items: center;}
.prep_box h3{font-size:1.7rem;font-family:'Montserrat','NotoRegular', Dotum, '돋움', Helvetica, sans-serif;; color: #222;}
.no-contents{font-size: 1.1rem; text-align: center; padding: 30px 0;}
.borderTB{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.txt-red{color:#c00909; }
.bg-w{background: #fff;}

/**공공누리**/
.codeView04{border: 1px solid #e1e6eb;padding:0.8rem 1rem ; font-size: 0.92rem;display: flex;align-items: center; margin-top: 10px;}
.codeView04 span{float: left; padding-left: 1.1rem;}



/************************************************
	메인롤링이미지 추가 23.01.13
************************************************/
.slide {
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  width: 100%;
  height: 523px;
  float: right;
}

.panel {
  width: 400%;
}

.panel:after {
  content: "";
  display: block;
  clear: both;
}

.panel>li {
  width: 25%;
  height: 523px;
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.panel>li:nth-of-type(1) {
	background: url(../images/main/slide_img01.png)no-repeat right bottom;
	background-size: contain;
}

.panel>li:nth-of-type(2) {
	background: url(../images/main/slide_img02.png)no-repeat right bottom;
	background-size: contain;
}

.panel>li:nth-of-type(3) {
	background: url(../images/main/slide_img03.png)no-repeat right bottom;
	background-size: contain;
}
.panel>li:nth-of-type(4) {
}

.panel>li:nth-of-type(5) {
}
.dot:after {
  content: "";
  display: block;
  clear: both;
}

.dot {
  position: absolute;
  left: 180px;
  bottom: 70px;
  transform: translateX(-50%);
}

.dot>li {
  float: left;
  width: 18px;
  height: 11px;
  border-radius: 22px;
  background-color: #7bd4ea;
  margin-right: 10px;
  text-indent: -9999px;
  cursor: pointer;
}

.dot>li.on {
  background-color: #045969;
  width: 55px;
}

.prev {
  position: absolute;
  width: 20px;
  height: 37px;
  top: 50%;
  transform: translateY(-50%);
  left: 2%;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 1;
}
.prev:before{    
	content: '';
    background: url(../images/main/btn_prev.png)no-repeat;
    position: absolute;
    left: 0;
    width: 20px;
    height: 37px;
}

.next {
  position: absolute;
  width: 20px;
  height: 37px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 1;
}

.next:before{    
	content: '';
    background: url(../images/main/btn_next.png)no-repeat;
    position: absolute;
    left: 0;
    width: 20px;
    height: 37px;
}

@media screen and (max-width:1000px){
	.slide{height: 260px;}
	.panel>li{height: 295px;}
	.next{right:2%}

	.dot{left: 130px;}
}

@media screen and (max-width:420px)	{
	.slide{padding-top:180px;}
	.dot{bottom:30px}
	.tableType1 .titleArea .infoNotice p{display:block; margin-left:5px;}
}