@charset "utf-8";
.tab-ul.type2 li a.ov { background: linear-gradient(121deg, #008656 10.2%, #008A9C 95.47%); }
.tab-ul.type2 li a.ov span { color:#fff; font-weight:bold; }
.tab-ul.type2 li a.ov:before { position:absolute; top:calc(50% - 5.5px); right:29px; width:18px; height:11px; background: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98549 10.2547C9.36949 10.8707 8.37075 10.8707 7.75475 10.2547C7.13874 9.63875 7.13874 8.64001 7.75475 8.02401L14.3941 1.38463C15.0101 0.768628 16.0089 0.768629 16.6249 1.38463C17.2409 2.00063 17.2409 2.99937 16.6249 3.61537L9.98549 10.2547Z' fill='white'/%3E%3Cpath d='M9.98549 8.02401C10.6015 8.64001 10.6015 9.63875 9.98549 10.2547C9.36949 10.8707 8.37075 10.8707 7.75475 10.2547L1.11537 3.61537C0.499367 2.99937 0.499368 2.00063 1.11537 1.38463C1.73137 0.768629 2.73011 0.768628 3.34611 1.38463L9.98549 8.02401Z' fill='white'/%3E%3C/svg%3E%0A"); }
.tab-ul.type2 li a.ov:after { border:2px solid #008656; }
.mentoring .h2:first-child { padding-right:100px; }
.program--search .search--btn input,
.prog_search .right_con .submit input, .prog_search .right_con .submit button { border:none; }
/* 공통 */
#body_layout { overflow:hidden; }
.prog_search { position: relative; z-index: 1; padding:42px 50px; border-radius:10px; background: #fff; box-shadow:1px 1px 3px rgba(0,0,0,.2); }
.prog_search input,
.prog_search select { padding-left: 15px; color:#666; font-size:15px; border-radius: 5px; }
.prog_search .inner { position:relative; }
.prog_search .left_con { float:left; }
.prog_search .left_con .dateform { }
.prog_search .left_con .dateform input { float:left; height:42px; line-height:42px; border: 1px solid #e2e2e2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; }
.prog_search .left_con .dateform span { display: inline-block; float:left; width: 40px; line-height: 42px; text-align: center; }
.prog_search .left_con .col { position:relative; padding-left: 100px; margin: 5px 0; }
.prog_search .left_con .col strong { display:block; position:absolute; top:0; left:0; color: #000; font-weight: bold; font-size: 16px; }
.prog_search .left_con .col label { width: 120px; margin: 0; color:#555; font-weight:normal; font-size:15px; }
.prog_search .left_con .col label input { margin-right:5px; }
.prog_search .right_con { float:right; }
.prog_search .right_con .item { }
.prog_search .right_con .select_form { float:left; }
.prog_search .right_con .select_form select { width: 100px; height:42px; border:1px solid #e2e2e2; line-height:42px; }
.prog_search .right_con .search_form { float:left; }
.prog_search .right_con .search_form input { width: 230px; height:42px; margin: 0 10px 0 5px; border:1px solid #e2e2e2; line-height:42px; }
.prog_search .right_con .submit { float:left; }
.prog_search .right_con .submit input,
.prog_search .right_con .submit button { width: 60px; height:42px; padding: 0; border-radius: 5px; background: #354346; color: #fff; font-size: 14px; line-height:42px; text-align: center; }

.prog_search2 { padding: 25px 50px; }
.prog_search2 .right_con { float: left; margin:0; }
.prog_search2 .search_click { float:left; width:100%; }
.prog_search2 .search_click > p { position:absolute; top:0; right: 100px; margin:5px 0 0; color:#333; font-weight:bold; font-size:18px; }
.prog_search2 .search_click > button { position:absolute; top: -3px; right:0; width: 70px; height: 75px; padding: 0; border-radius: 20px 20px 0 0; background: #00965a; color: #fff; font-weight: bold; font-size: 14px; text-align: center; }
.prog_search2 .search_click > button:after { display:block; position:absolute; right: -5px; bottom:0; content:''; border-right: 5px solid transparent; border-top: 5px solid #005831; }
/* .prog_search2 .search_click > button span { display:inline-block; width:7px; height:7px; margin: -5px 0 0 5px; border:solid #fff; border-width:0 2px 2px 0; font-size:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:middle; } */
.prog_search2 .search_click > button span { display:block; width:20px; height:21px; margin: 0 auto 10px; background:url(/images/prog/search.png)no-repeat; font-size:0; }
.prog_search2 .search_click > div { display:none; padding: 0 50px 30px; margin: 0 -50px -25px; border-radius: 0 0 10px 10px; background: #00a45b; box-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.prog_search2 .search_click.on > div { display:block; }
.prog_search2 .search_click > div .clickClose { position:absolute; top: -3px; right:0; width: 70px; height: 75px; padding: 0; border-radius: 20px 20px 0 0; background: #00a45b; color: #fff; font-weight: bold; font-size: 14px; text-align: center; }
/* .prog_search2 .search_click > div .clickClose span { display:inline-block; width:7px; height:7px; margin: -2px 0 0 5px; border:solid #fff; border-width: 2px 0 0 2px; font-size:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); vertical-align:middle; } */
.prog_search2 .search_click > div .clickClose span { display:block; width:20px; height:21px; margin: 0 auto 10px; background:url(/images/prog/search.png)no-repeat; font-size:0; }
.prog_search2 .search_click > div .d_box { position:relative; padding-top: 30px; /* border-top: 1px solid #ededed; */ padding-left:150px; margin: 25px 0 0; }
.prog_search2 .search_click > div .d_box .tit { position:absolute; top: 40px; left:0; width: 100px; height: 85px; background: url(/images/prog/tit_ico.png)no-repeat center bottom; color: #fff; font-weight: bold; font-size: 22px; line-height: 1; text-align: center; }
.prog_search2 .search_click > div .d_box .col { position:relative; padding-left: 120px; margin: 5px 0; }
.prog_search2 .search_click > div .d_box .col strong { display:block; position:absolute; top:0; left: 10px; color: #fff; font-weight: bold; font-size: 16px; }
.prog_search2 .search_click > div .d_box .col strong:before { display:block; position:absolute; top: 13px; left:-10px; width:2px; height:2px; background: #fff; content:''; }
.prog_search2 .search_click > div .d_box .col label { width: 24%; margin: 0; color: #fff; font-weight:normal; font-size:15px; }
.prog_search2 .search_click > div .d_box .col label input { margin-top: -2px; margin-right:5px; vertical-align: middle; }

.prog_subtitle { display:none; margin:95px 0 20px; color: #000; font-weight: bold; font-size: 26px; line-height: 1; text-align: center; }

.prog_cate { position: relative; z-index: 1; /* max-width: 580px; */margin: 50px auto 20px; text-align:center; }
.prog_cate .clickopenbtn,
.prog_cate .clickClose { display:none; }
.prog_cate button { display:inline-block; padding: 0 15px; margin: 3px 2px; border: 1px solid #d6d6d6; border-radius: 30px; color:#555; font-size: 16px; line-height: 35px; }
.prog_cate button.on { border:1px solid #00a95c; color:#00a95c; }

.prog_total { margin: 0 0 50px; color: #000; font-size: 16px; line-height:45px; border-bottom:1px solid #000; }
.prog_total span { display:inline-block; color:#00c374; font-weight:bold; }

.prog_search .right_con .reset_btn1 { display: block; float:left; height: 42px; border: 1px solid #e2e2e2; vertical-align:top; }

@media(max-width:1200px) {
 .prog_search2 .right_con { width: calc(100% - 350px); }
 .prog_search2 .right_con .select_form { width:30%; }
 .prog_search2 .right_con .select_form select { width:100%; }
 .prog_search2 .right_con .search_form { width: 46%; margin: 0 2%; }
 .prog_search2 .right_con .search_form input { width:100%; margin: 0; }
 .prog_search2 .right_con .submit { width: 10%; margin: 0 2% 0 0; }
 .prog_search2 .right_con .submit input { width:100%; }
 .prog_search2 .right_con .reset_btn1 { width: 8%; margin:0; }

}

@media(max-width:1140px) {
 .prog_search .left_con { float:none; width:100%; margin:0 0 20px; }
 .prog_search .left_con .dateform input { width:45%; }
 .prog_search .left_con .dateform span { width:10%; }
 .prog_search .right_con { float:none; width:100%; }
 .prog_search .right_con .select_form { width: 25%; }
 .prog_search .right_con .select_form select { width:100%; }
 .prog_search .right_con .search_form { width: 48%; margin: 0 2%; }
 .prog_search .right_con .search_form input { width:100%; margin: 0; }
 .prog_search .right_con .submit { width: 13%; }
 .prog_search .right_con .submit input,
 .prog_search .right_con .submit button { width:100%; }
}

@media(max-width:1023px) {



 .prog_search2 .right_con { padding-right: 90px; }
 .prog_search2 .search_click { float:none; }
 .prog_search2 .search_click > p { display:none; }
 .prog_search2 .search_click > div .d_box { /* margin: 30px 0 0; */padding: 30px 0 0; }
 .prog_search2 .search_click > div .d_box .tit { display:none; }

 .prog_cate { margin:40px auto 20px; }
 .prog_cate .clickopenbtn,
 .prog_cate .clickClose { display:block; position:relative; width:100%; height:50px; border:none; border-radius:0; background: #fff; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
 .prog_cate .clickopenbtn { z-index:1; }
 .prog_cate .clickClose { position:absolute; top: -3px; left:0; }
 .prog_cate.on .clickClose { z-index:2; }
 .prog_cate .clickopenbtn span,
 .prog_cate .clickClose span { display:inline-block; width:10px; height:10px; font-size:0; border-left:6px solid transparent; border-right:6px solid transparent; vertical-align:middle; }
 .prog_cate .clickopenbtn span { margin:0 0 0 10px; border-top:9px solid #00965a; }
 .prog_cate .clickClose span { margin:-2px 0 0 10px; border-bottom:9px solid #00965a; }
 .prog_cate > div { display:none; margin:20px 0 0; }
 .prog_cate.on > div { display:block; }
}

@media(max-width:767px) {
 .prog_search { padding:30px; }
 .prog_search2 .search_click > div { padding: 0 30px 30px; margin: 0 -30px -30px; }
 .prog_search2 .search_click > div .d_box .col { padding:0; margin: 0 0 15px; }
 .prog_search2 .search_click > div .d_box .col strong { position:static; margin:0 0 5px; line-height: 1; }
 .prog_search2 .search_click > div .d_box .col strong:before { display:none; }
 .prog_search2 .search_click > div .d_box .col label { width:49%; }

}
@media(max-width:880px) {
 .tab-ul.type2 li a span{padding: 0;}
}
@media(max-width:580px) {
 .prog_search2 .right_con { padding:0 0 47px; }
 .prog_search2 .right_con .select_form,
 .prog_search2 .right_con .search_form,
 .prog_search2 .right_con .submit,
 .prog_search .right_con .reset_btn1 { float:none; width:100%; margin:5px 0; }
 .prog_search .right_con .reset_btn1 { float: none; background: #999; color: #fff; font-size: 14px; }
 .prog_search .right_con .submit { width:100%; margin:5px 0; }
 .prog_search .right_con .submit input,
 .prog_search .right_con .submit button { width:100%; }
 .prog_search .right_con .select_form { float:none; width:100%; }
 .prog_search .right_con .search_form { float:none; width:100%; margin:5px 0; }

 .prog_search2 .search_click > button,
 .prog_search2 .search_click > div .clickClose { top: 188px; width:100%; height:42px; border-radius: 5px; font-weight: normal; line-height:42px; }
 .prog_search2 .search_click > button:after { display:none; }
 .prog_search2 .search_click > button span,
 .prog_search2 .search_click > div .clickClose span { display:none; }
 .prog_search2 .search_click > div .d_box .col label { width:100%; }

}

@media(max-width:500px) {
 .prog_search .left_con .dateform input,
 .prog_search .left_con .dateform span,
 .prog_search .right_con .select_form,
 .prog_search .right_con .search_form,
 .prog_search .right_con .submit { float:none; width:100%; margin:5px 0; }

 .prog_search .left_con .col { padding:0; margin: 0 0 15px; }
 .prog_search .left_con .col strong { position:static; margin:0 0 5px; line-height: 1; }
 .prog_search .left_con .col label { width: 48%; }

}
@media(max-width:410px) {
 .login .login-new .logo-wrap{border: none;}
}
/*공공일자리 백서 아이콘 위치*/
.board_faq .ico{top: 17px;}
.board_faq .pt .a_ico{top: 8px;}

/* 멘토링 목록 */
.mento_list { margin:0 -15px; }
.mento_list .col { float:left; width:calc(25% - 30px); height: 725px; margin: 0 15px 65px; }
.mento_list .col a,
.mento_list .col button { display:block; width:100%; height:100%; }
.mento_list .col .thumb { width:100%; height:425px; border: 1px solid #d6d6d6; }
.mento_list .col .thumb span { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.mento_list .col .thumb span img { position:absolute; top:50%; left:50%; width: auto; max-width: 100%; height: auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.mento_list .col .tag { height: 64px; margin: 15px 0; overflow: hidden; }
.mento_list .col .tag span { display:inline-block; padding: 0 10px; margin: 3px 1px; border:1px solid #d6d6d6; border-radius:20px; color: #767676; font-size: 15px; }
.mento_list .col .info { }
.mento_list .col .info strong { display: block; display: -webkit-box; height: 52px; margin: 0 0 10px; color:#333; font-weight: bold; font-size:20px; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.mento_list .col .info p { min-height: 24px; margin:0; color:#666; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mento_list .col .btntype { display:block; position:relative; width:125px; height:45px; margin: 25px 0 0; border-radius:5px; color: #222; font-size: 16px; line-height:43px; text-align:center; overflow: hidden; }
.mento_list .col .btntype span { position:relative; z-index:1; }
.mento_list .col .btntype1 { border:1px solid #008749; background:#008749; color: #fff; }
.mento_list .col .btntype2 { border:1px solid #fed100; background:#fed100; }
.mento_list .col .btntype3 { border:1px solid #d6d6d6; }
.mento_list .col .btntype3:after { display:block; position:absolute; top: -57px; left: 61px; width:1px; height: 155px; background:#d6d6d6; content:''; transform: rotate(-72deg); -webkit-transform: rotate(-72deg); }

#mento_listSlide { position:relative; }
#mento_listSlide .grap { height: 580px; overflow:hidden; }
#mento_listSlide .obj { position:relative; }

#mento_listSlide2 { position:relative; }
#mento_listSlide2 .grap { height: 580px; overflow:hidden; }
#mento_listSlide2 .obj { position:relative; }

#mento_listSlide3 { position:relative; margin-bottom: 50px; }
#mento_listSlide3 .grap { height: 725px; overflow:hidden; }
#mento_listSlide3 .obj { position:relative; }


.mento_list2 { position:relative; margin:0 -15px; }
.mento_list2 .col { float:left; width:calc(25% - 30px); height: 550px; padding:30px 20px; margin: 0 15px 30px; border:1px solid #ddd; border-radius: 10px; }
.mento_list2 .col a { display:inline-block; }
.mento_list2 .col .thumb { width:177px; height:177px; margin:0 auto; }
.mento_list2 .col .thumb span { display:block; position:relative; width:100%; height:100%; border-radius:50%; background: #f6f6f6; overflow:hidden; }
.mento_list2 .col .thumb span img { position:absolute; top:50%; left:50%; width: 100%; max-width: 1000%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.mento_list2 .col strong { display:block; margin:15px 0 10px; color:#333; font-weight:bold; font-size:26px; line-height: 1.3; text-align:center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.mento_list2 .col .company { display: block; color: #666; font-size: 16px; text-align: center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.mento_list2 .col .tag { display:block; display: -webkit-box; height: 48px; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.mento_list2 .col .tag span { display:inline-block; margin:0 5px; color:#1ac377; font-size:15px; }
.mento_list2 .col .info { }
.mento_list2 .col .info p { display:block; display: -webkit-box; height: 60px; margin: 10px 0; color:#666; font-size:16px; line-height:1.3; text-align:center; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; }
.mento_list2 .col .cate { margin: 15px 0; text-align:center; }
.mento_list2 .col .cate span { display:inline-block; margin: 0 5px; color:#008749; font-weight:bold; font-size:13px; }
.mento_list2 .col .cate .n1:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico1.png)no-repeat; content:''; vertical-align:middle; }
.mento_list2 .col .cate .n2:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico2.png)no-repeat; content:''; vertical-align:middle; }
.mento_list2 .col .cate .n3:before { display:inline-block; width:18px; height:16px; margin-right:3px; background:url(/images/prog/ico3.png)no-repeat; content:''; vertical-align:middle; }
.mento_list2 .col .btntype { display:block; width: 100%; height:45px; border-radius: 5px; background: #2a3354; color:#fff; font-size:16px; line-height:45px; text-align:center; }

.mento_list2 .control { position:absolute; top: -55px; right: 15px; }
.mento_list2 .control > button { width:35px; height:35px; margin-left:10px; border:1px solid #000; border-radius:50%; font-size: 0; }
.mento_list2 .control > button[data-control="prev"]:before,
.mento_list2 .control > button[data-control="next"]:before { width:8px; height:8px; border-width:2px; border-style: solid; border-color: #000; transform: rotate(45deg); }
.mento_list2 .control > button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
.mento_list2 .control > button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; }
#mento_listSlide2 .control { right:70px; }


.mento_list .control { position:absolute; top: -55px; right: 15px; }
.mento_list .control > button { position: relative; width:35px; height:35px; margin-left:10px; border:1px solid #008656; border-radius:50%; font-size: 0; }
.mento_list .control > button[data-control="prev"]:before,
.mento_list .control > button[data-control="next"]:before { position: absolute; top: 52%; width: 11px; height: 12px; background-repeat: no-repeat; background-size: contain; content: ''; transform: translate(-50%,-50%); }
.mento_list .control > button[data-control="prev"]:before { left: 52%; background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2L2.70711 12.2929C2.31658 12.6834 2.31658 13.3166 2.70711 13.7071L13 24' stroke='%23008656' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
.mento_list .control > button[data-control="next"]:before { left: 60%; background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.97754 2.38086L12.2704 12.6738C12.661 13.0643 12.661 13.6974 12.2704 14.088L1.97754 24.3809' stroke='%23008656' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }



.mento_list3 { margin:0 -15px; }
.mento_list3 .col { float:left; width:calc(25% - 30px); height: 725px; margin: 0 15px 65px; }
.mento_list3 .col a,
.mento_list3 .col button { display:block; width:100%; height:100%; }
.mento_list3 .col .thumb { width:100%; height:425px; /* border: 1px solid #d6d6d6; */ }
.mento_list3 .col .thumb span { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.mento_list3 .col .thumb span img { position:absolute; top:50%; left:50%; width: auto; max-width: 1000%; height: 100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.mento_list3 .col .tag { height: 64px; margin: 15px 0; overflow: hidden; }
.mento_list3 .col .tag span { display:inline-block; margin: 3px 1px; /* padding: 0 10px; */color: #767676; font-size: 15px; /* border:1px solid #d6d6d6; *//* border-radius:20px; */ }
.mento_list3 .col .info { }
.mento_list3 .col .info strong { display: block; display: -webkit-box; height: 52px; margin: 0 0 10px; color:#333; font-weight: bold; font-size:20px; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.mento_list3 .col .info p { min-height: 24px; margin:0; color:#666; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mento_list3 .col .btntype { display:block; position:relative; width:125px; height:45px; margin: 25px 0 0; border-radius:5px; color: #222; font-size: 16px; line-height:43px; text-align:center; overflow: hidden; }
.mento_list3 .col .btntype span { position:relative; z-index:1; }
.mento_list3 .col .btntype1 { border:1px solid #008749; background:#008749; color: #fff; }
.mento_list3 .col .btntype2 { border:1px solid #fed100; background:#fed100; }
.mento_list3 .col .btntype3 { border:1px solid #d6d6d6; }
.mento_list3 .col .btntype3:after { display:block; position:absolute; top: -57px; left: 61px; width:1px; height: 155px; background:#d6d6d6; content:''; transform: rotate(-72deg); -webkit-transform: rotate(-72deg); }



@media(max-width:1319px) {
 .mento_list .col { width:calc(33.33% - 30px); }
 .mento_list2 .col { width: calc(33.33% - 30px); }
}

@media(max-width:1023px) {
 .mento_list .col { width:calc(50% - 30px); }
 .mento_list2 .col { width: calc(50% - 30px); }
}

@media(max-width:767px) {
 .mento_list .col { width:calc(100% - 30px); }
 .mento_list2 .col { width: calc(100% - 30px); }
}




/* 멘토링 상세 */
.mento_view { margin:0 0 150px; }
.mento_view .top_con .thumb {  float: left;width: 45%;height: 575px;margin-right: 5%;border: 1px solid #ddd;}
.mento_view .top_con .thumb span { display:block;    position: relative; width:100%; height:100%; overflow:hidden; }
.mento_view .top_con .thumb span img { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: none; max-width: none; object-fit: cover; }
.mento_view .top_con .info { position: relative; float:right; width:50%; min-height: 575px; padding: 0 0 100px; }
.mento_view .top_con .info .tag span { display:inline-block; padding: 0 10px; margin: 3px 1px; border:1px solid #1ac377; border-radius:20px; color: #1ac377; font-size: 15px; }
.mento_view .top_con .info strong { display:block; margin:30px 0; color:#333; font-weight:bold; font-size:40px; line-height: 1.3; }
.mento_view .top_con .info ul li { position:relative; min-height: 25px; padding-left:80px; margin: 0 0 10px; color: #666; font-size: 16px; }
.mento_view .top_con .info ul li span { display:block; position:absolute; top:0; left:0; color: #333; font-weight:bold; font-size: 16px; }
.mento_view .top_con .info ul li em { color:#00c374; font-weight: bold; }
.mento_view .top_con .info .btnbox { position: absolute; bottom: 0; left: 0; width: 100%; margin:50px 0 0; }
.mento_view .top_con .info .btnbox .btntype { display:block; position:relative; width:100%; height:70px; border-radius:5px; font-weight: bold; font-size: 20px; line-height:70px; text-align:center; overflow:hidden; }
.mento_view .top_con .info .btnbox .btntype span { position:relative; z-index:1; }
.mento_view .top_con .info .btnbox .btntype1 { border:1px solid #008749; background:#008749; color: #fff; }
.mento_view .top_con .info .btnbox .btntype2 { border:1px solid #fed100; background:#fed100; }
.mento_view .top_con .info .btnbox .btntype3 { border:1px solid #d6d6d6; }
.mento_view .top_con .info .btnbox .btntype3:after { display:block; position:absolute; top: 33px; left: -10px; width: 103%; height:1px; background:#d6d6d6; content:''; transform: rotate(6deg); -webkit-transform: rotate(6deg); }
#view_tab { position:relative; }
#view_tab:before { display:block; position:absolute; top:0; right:-50%; left:-50%; width:auto; height:1px; background:#000; content:''; }
#view_tab .menu_wrap { position:relative; }
#view_tab .menu_wrap:before { display:block; position:absolute; right:-50%; bottom: 0; left:-50%; width:auto; height:1px; background:#b5b5b5; content:''; }
#view_tab .menu_wrap li { float:left; }
#view_tab .menu_wrap.col4 li { width:25%; }
#view_tab .menu_wrap.col5 li { width:20%; }
#view_tab .menu_wrap.col6 li { width:16.666%; }
#view_tab .menu_wrap li a { display:block; position: relative; color: #000; font-weight: bold; font-size: 18px; line-height: 90px; text-align:center; }
#view_tab .menu_wrap li a:after { display:block; position:absolute; right:30px; bottom:-1px; left:30px; width:auto; height:5px; background:#00c374; content:''; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; }
#view_tab .menu_wrap li a:hover:after,
#view_tab .menu_wrap li a:focus:after { opacity:1; }
#view_tab .con_wrap .con { position:relative; padding:100px 0; }
#view_tab .con_wrap .con:before { display:block; position:absolute; right:-50%; bottom:0; left:-50%; width:auto; height:1px; background:#b5b5b5; content:''; }
#view_tab .con_wrap .con .leftcon { float:left; width:315px; padding-right:50px; }
#view_tab .con_wrap .con .leftcon strong { display:block; color:#000; font-weight:bold; font-size:30px; }
#view_tab .con_wrap .con .leftcon strong:before { display:block; width:13px; height:13px; margin: 0 0 20px; border-radius:50%; background:#57c17c; content:''; }
#view_tab .con_wrap .con .rightcon { float:right; width:calc(100% - 315px); color: #000; font-size: 16px; }
#view_tab .con_wrap .con .rightcon #map { width:100%; height:450px; margin:10px 0 0; }

/* 2021-01-15 레이아웃변경수정요청관련 css 추가작업 */
#view_tab .con_wrap .con .rightcon .inner { position: relative; }
#view_tab .con_wrap .con .rightcon .inner .time_wrap { display: inline-block; width:25%; vertical-align: top; }
#view_tab .con_wrap .con .rightcon .inner .time_wrap span { display: block; margin-bottom:5px; font-weight:bold; font-size:18px; }
#view_tab .con_wrap .con .rightcon .inner .context_wrap { display: inline-block; width:calc(100% - 26%); vertical-align: top; }
#view_tab .con_wrap .con .rightcon .inner .context_wrap .main_title { display: block; margin-bottom:20px; color:#000; font-weight:bold; font-size:25px; }
#view_tab .con_wrap .con .rightcon .inner .context_wrap .img { text-align: center; }
#view_tab .con_wrap .con .rightcon .inner .context_wrap .context .sub_title { display: block; margin-top:20px; color:#000; font-size:18px; }

#view_tab .con_wrap .con .rightcon .inner .reader_img { position: absolute; top:20px; left:5%; text-align: center; }
#view_tab .con_wrap .con .rightcon .inner .reader_img .img { position: relative; width:100px; height:100px; margin:0 auto; margin-bottom:15px; border:1px solid #ddd; border-radius: 100%; overflow: hidden; }
#view_tab .con_wrap .con .rightcon .inner .reader_img .img img { position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#view_tab .con_wrap .con .rightcon .inner .reader_img .name strong { display: block; color:#000; font-weight:bold; font-size:20px; line-height: 1.2; }
#view_tab .con_wrap .con .rightcon .inner .reader_img .name em { color:rgba(0,0,0,0.7); font-size:15px; }
#view_tab .con_wrap .con .rightcon .inner .reader_info { float:right; width:calc(100% - 30%); padding:25px 50px; background: #ddd; }
#view_tab .con_wrap .con .rightcon .inner .table_title strong { font-weight: bold; font-size:23px; }
#view_tab .con_wrap .con .rightcon .inner .table_title p { font-size:15px; }

#view_tab .con_wrap .con .rightcon .inner.imgtype { }
#view_tab .con_wrap .con .rightcon .inner.imgtype .context_wrap { display: block; width:100%; }

@media(max-width:767px) {
 #view_tab .con_wrap .con .rightcon .inner .time_wrap { display: block; width:100%; margin-bottom:20px; }
 #view_tab .con_wrap .con .rightcon .inner .context_wrap { display: block; width:100%; }

 #view_tab .con_wrap .con .rightcon .inner .reader_img { position: relative; top:auto; left:auto; margin-bottom:25px; }
 #view_tab .con_wrap .con .rightcon .inner .reader_info { float:none; width:100%; padding:25px 35px; }
}

.careerin #view_tab .con_wrap .con .leftcon { float:none; width:100%; margin: 0 0 30px; }
.careerin #view_tab .con_wrap .con .rightcon { float:none; width:100%; }



.mento_view2 { }
.mento_view2 .fixcon { float: left; width:385px; }
.mento_view2 .fixcon .col { padding: 30px 40px; border:1px solid #ddd; border-radius: 10px; text-align:center; }
.mento_view2 .fixcon .col .thumb { width:177px; height:177px; margin:0 auto; }
.mento_view2 .fixcon .col .thumb span { display:block; position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; }
.mento_view2 .fixcon .col .thumb span img { position:absolute; top:50%; left:50%; width: 100%; max-width: 1000%; height:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.mento_view2 .fixcon .col > strong { display:block; margin: 20px 0 10px; color:#333333; font-weight:bold; font-size:32px; line-height: 1; }
.mento_view2 .fixcon .col > span { display:block; margin: 0 0 30px; color:#666; font-size:18px; line-height: 1; }
.mento_view2 .fixcon .col .tag { text-align:left; }
.mento_view2 .fixcon .col .tag strong { display:block; margin: 20px 0 10px; color: #333; font-weight:bold; font-size:16px; line-height: 1; text-align: left; }
.mento_view2 .fixcon .col .tag span { display:inline-block; height:30px; padding:0 10px; margin: 3px 5px 3px 0; border: 1px solid #d6d6d6; border-radius: 30px; line-height:28px; }
.mento_view2 .fixcon .col .cate { padding: 20px 0 0; margin: 40px 0 0; text-align:center; border-top: 1px solid #58a37a; }
.mento_view2 .fixcon .col .cate span { display:inline-block; margin: 0 7px; color:#008749; font-weight:bold; font-size:13px; }
.mento_view2 .fixcon .col .cate .n1:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico1.png)no-repeat; content:''; vertical-align:middle; }
.mento_view2 .fixcon .col .cate .n2:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico2.png)no-repeat; content:''; vertical-align:middle; }
.mento_view2 .fixcon .col .cate .n3:before { display:inline-block; width:18px; height:16px; margin-right:3px; background:url(/images/prog/ico3.png)no-repeat; content:''; vertical-align:middle; }
.mento_view2 .rightcon { float:right; width:calc(100% - 485px); }
.mento_view2 .rightcon .con { margin:0 0 55px; }
.mento_view2 .rightcon .con strong { display:block; margin: 0 0 20px; color:#333; font-weight:bold; font-size:24px; line-height: 1; }
.mento_view2 .rightcon .con p { }
.mento_view2 .rightcon .con .review { }
.mento_view2 .rightcon .con .review li { padding: 30px 0 0; margin: 40px 0 55px; background:url(/images/prog/ico4.png)no-repeat left top; }
.mento_view2 .rightcon .con .review li p { margin:0; color:#666; font-size:15px; }
.mento_view2 .rightcon .con .review li strong { display:block; margin: 15px 0 0; color:#666; font-weight:normal; font-size:15px; }
.mento_view2 .rightcon .con .review li strong span { margin-right:10px; color: #333; font-weight:bold; font-size: 18px; }
.mento_view2 .list-1st>li:before { top: 11px; }

@media(max-width:1023px) {
 .mento_view { margin: 0 0 80px; }
 .mento_view .top_con .thumb { float:none; width:100%; height: auto; padding: 0; margin:0 0 30px; text-align:center; }
 .mento_view .top_con .thumb span img { height:auto; }
 .mento_view .top_con .info { float:none; width:100%; height: auto; min-height: auto; padding: 0; }
 .mento_view .top_con .info strong { font-size:30px; }
 .mento_view .top_con .info .btnbox { position:static; }
 #view_tab .menu_wrap { padding: 30px 0; text-align:center; }
 #view_tab .menu_wrap li { display:inline-block; float:none; width:auto; margin: 10px 0; }
 #view_tab .menu_wrap.col4 li,
 #view_tab .menu_wrap.col5 li,
 #view_tab .menu_wrap.col6 li { width:auto; }
 #view_tab .menu_wrap li a { padding: 0 20px; line-height: 1.3; }
 #view_tab .menu_wrap li a:hover:after,
 #view_tab .menu_wrap li a:focus:after { opacity:0; }
 #view_tab .con_wrap .con { padding:50px 0; }
 #view_tab .con_wrap .con .leftcon { float:none; width:100%; margin:0 0 20px; }
 #view_tab .con_wrap .con .leftcon strong { font-size:25px; }
 #view_tab .con_wrap .con .rightcon { float:none; width:100%; }
 #view_tab .con_wrap .con .rightcon #map { height:350px; }

 .mento_view2 .fixcon { float:none; width:100%; margin:0 0 50px; }
 .mento_view2 .rightcon { float:none; width:100%; }
}
@media(max-width:767px) {
 #view_tab .menu_wrap li a { padding:0 10px; }

 .mento_view2 .fixcon .col { padding:30px 20px; }
}



/* 테이블 */
table .cate { display:block; font-weight:bold; }
table .cate button { font-weight:bold; }
table .cate1 { color:#2a3354; }
table .cate2 { color:#777; }
table .cate3 { color: #ce171f; }
table .cate4 { color: #00c374; }
table .btntype { display:block; width: 100%; padding:2px 10px; margin:3px 0; border:1px solid #ddd; font-size: 15px; line-height: 1.5; }


/* 팝업 */
.modalpop .modal__body { width:600px !important; padding: 0; }
.modalpop .modal__content { height: 100%; padding:50px; }
.modalpop .modal__close-button span { width:50px; height:50px; }
.modalpop .modal__close-button span:before { width:30px; margin-left:-15px; }
.modalpop .modal__close-button span:after { height:30px; margin-top:-15px; }

@media(max-width:767px) {
 .modalpop .modal__body { top:10%; right:30px; bottom:10%; left:30px; width:auto !important; transform:translate(0,0); -webkit-transform:translate(0,0); }
 .modalpop .modal__content { padding:30px 50px 30px 30px; }
}


/* 입력폼 */
.help-block { margin-top: 10px; }
.select2-container--default .select2-selection--multiple { min-height: 40px;height:100%; border: 1px solid #e2e2e4 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { top: 3px !important; }
.tag-box .inner .tag { width: auto; height: 35px; border: 1px solid #999; background-color: #fff; border-radius: 100px; margin: 5px; padding: 8px 15px; color: #444; font-size: 14px; line-height: 135%; }
.tag-box .inner .tag:active,
.tag-box .inner .tag:focus,
.tag-box .inner .tag.on { background-color: #008656; color: #fff; border-color: #008656; }
.pilsu { font-size: 0!important; }
.form-upload { margin-bottom: 0; }
.form-horizontal.bucket-form .form-group select { background-position: 96% 50%; padding-right: 10px; }
.form-horizontal.bucket-form .checkbox-inline input[type=checkbox], .radio-inline input[type=radio] { margin-top: -2px; margin-left: 0; }
.form-control, .form-group__upload .form-control {height: 40px;}
.form-control::placeholder, .form-group__upload .form-control::placeholder {color: #555555;}
.form-horizontal.bucket-form.ba-write .btn { margin-top: 0; background-color: #008656; border-color: #008656; color: #fff; border-radius: 5px; top: 0; }
.form-horizontal.bucket-form.ba-write .btn:hover,
.form-horizontal.bucket-form.ba-write .btn:focus,
.form-horizontal.bucket-form.ba-write .btn:active { color: #008656; background-color: #fff; }
.form-horizontal.bucket-form.ba-write .form-group .control-label *,
.form-horizontal label { padding: 0; margin: 0; border-radius: 0; color:#333; font-size:16px; }
.form-horizontal input[type=file] { margin:5px 0; }
.form-horizontal .radio-inline { padding-top: 0; }
.form-horizontal .datebox { padding-top:7px; padding-bottom:7px; }
.form-horizontal .datebox > input { float:left; width:180px; margin-right:10px; }
.form-horizontal .datebox .dateform { /* float:left; */width: 100%; }
.form-horizontal .datebox .dateform input { margin-right: 3px; float:left; height:40px; line-height:42px; border: 1px solid #e2e2e2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zm3 8H4v8h16v-8zm-5-6H9v2H7V5H4v4h16V5h-3v2h-2V5zm-9 8h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z' fill='rgba(149,164,166,1)'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; border-radius: 5px; }
.form-horizontal .datebox .dateform span { display:block; float:left; width:30px; line-height:34px; text-align:center; }
.form-horizontal.ba-write .btn { font-size: 15px; padding: 8px 10px 6px; }
.form-horizontal .form-input__addon .btn { height: 40px; border-radius: 5px;}
.form-horizontal .checkbox-inline { padding-top: 0; }
.form-horizontal.bucket-form .form-group .control-label { text-align:left; }
.form-horizontal.bucket-form .form-group>div[class^=col-] label,
.form-horizontal.bucket-form .form-group>div[class^=col-] .label { padding:5px 12px; color: #333;font-size: 16px;}
.form-horizontal.bucket-form .form-upload .form-input__addon {padding: 0;}
.form-horizontal.bucket-form .form-upload .form-input__addon .btn.btn-primary { padding: 10px; background-color: #18114E; font-size: 16px; font-weight: 400; color: #FFF; border: 1px solid #18114E; }
.form-horizontal.bucket-form .file-form-group .form-input__addon .btn.sel{color: #fff;background-color: #18114E;border: 1px solid #18114E;}
.form-horizontal.bucket-form .form-upload .form-input__addon .btn.btn-primary:hover,
.form-horizontal.bucket-form .form-upload .form-input__addon .btn.btn-primary:focus {color: #18114E; background-color: #FFF;}
.form-horizontal.bucket-form .form-upload {margin: 3px 0;}
.form-horizontal.bucket-form .file-form-group .form-group__upload {padding: 0;}
.form-horizontal.bucket-form .file-form-group .form-input__addon {padding: 0 3px;}
.form-horizontal.bucket-form .file-form-group .form-input__addon .btn.sel:hover,
.form-horizontal.bucket-form .file-form-group .form-input__addon .btn.sel:focus,
.form-horizontal.bucket-form .file-form-group .form-input__addon .btn.sel:active{color: #333;background-color: #fff;}

/* .form-horizontal.bucket-form #fileInfo .file-form-group {display: block;} */
.form-horizontal.bucket-form #fileInfo .form-previewbox {display: block; width: 100%; padding: 0 0 5px 0; white-space: normal;}


@media(max-width:1035px) {

 .form-horizontal .datebox .dateform input { margin-bottom: 5px; }
}
@media(max-width:1023px) {
 .form-horizontal .datebox > input { float:none; width:100%; margin:0 0 5px; }
 .form-horizontal .datebox .dateform { float:none; }
 .form-horizontal .datebox .dateform input { width:45%; }
 .form-horizontal .datebox .dateform span { width:10%; }
}
@media(max-width:490px) {
 .form-horizontal .datebox .dateform input{width: 100%;}

 .form-horizontal.bucket-form .file-form-group {display: block; width: 100%;}
 .form-horizontal.bucket-form .file-form-group .form-input__addon {display: flex; width: 100%; padding: 3px 0;}
 .form-horizontal.bucket-form .file-form-group .form-input__addon .btn {width: 100%; text-align: center; font-size: 15px; padding: 10px 7px 7px;}
 .form-horizontal.bucket-form .file-form-group .form-input__addon .btn + .btn {margin-left: 3px;}
 .form-horizontal.bucket-form .file-form-group .form-group__upload {display: block; width: 100%;}
 .form-horizontal.bucket-form .file-form-group .form-group__upload input[type="text"] {display: table-cell;}
 .form-horizontal.bucket-form .form-upload .form-input__addon .btn.btn-primary {font-size: 15px;}
}

/*이미지 파일 첨부*/
.form-group.img_file .file-form-group { display: block; width: 100%; }
.form-group.img_file .file-form-group .form-group__upload { display: block; width: 100%; max-width: 630px; }
.form-group.img_file .file-form-group .form-control { margin-right: 3px; width: auto; }
.form-group.img_file .file-form-group .form-input__addon { width: auto; display: flex; padding-right: 0; }
.form-group.img_file .file-form-group .form-input__addon .btn { padding-top: 10px; border-radius: 5px; color: #fff; font-weight: 500; }
.form-group.img_file .file-form-group .form-input__addon .btn:hover,
.form-group.img_file .file-form-group .form-input__addon .btn:focus,
.form-group.img_file .file-form-group .form-input__addon .btn:active { color: #008656; }
.form-group.img_file .file-form-group .form-input__addon .fe-btn { margin: 0 3px; }


/*비공개 버튼 : s*/
.form-horizontal.bucket-form .form-group.pri .control-label .checkbox-inline { font-weight: bold; }
.form-horizontal.bucket-form .form-group.pri input[type=checkbox] { position: absolute; left: -1000000000000000%; }
.form-horizontal.bucket-form .form-group.pri .pri-btn { position: relative; border: 1px solid #ddd; padding: 4px 10px; border-radius: 15px; background-color: #fff; font-size: 15px; margin-left: 20px; }
.form-horizontal.bucket-form .form-group.pri input[type=checkbox]:checked + .pri-btn { background-color: #008656; color: #fff; }
.form-horizontal.bucket-form.ba-write .form-group.pri { position: relative; }
/*비공개 버튼 : e*/



/*프로필 사진 버튼 : s*/
.form-horizontal.bucket-form .form-group.img_file input[type="radio"] { position: absolute; left: -1000000000000000%; }
.form-horizontal.bucket-form .form-group.img_file .img-check { position: relative; margin-bottom: 5px; width: 80px; height: 80px; display: block; border-radius: 80px; background-position: center; background-size: contain; background-repeat: no-repeat; border: 2px solid transparent; }
.form-horizontal.bucket-form .form-group.img_file input[type="radio"]:checked + .img-check { background-color: #008656; color: #fff; }
.form-horizontal.bucket-form .form-group.img_file .img-check .ico { display: none; }
.form-horizontal.bucket-form .form-group.img_file input[type="radio"]:checked + .img-check .ico { position: absolute; display: block; width: 26px; height: 26px; right: -6px; top: 0; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12' fill='%23008656' stroke='white' stroke-width='2'/%3E%3Cpath d='M8.5 13.1216L11.3784 16L17.3784 10' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); }

.form-horizontal.bucket-form .form-group.img_file .radio-inline { display: inline-block; margin: 0; padding: 0; }
.form-horizontal.bucket-form .form-upload .cus { margin-top: 20px; display: flex; align-items: center; }
.form-horizontal.bucket-form .form-group.img_file .form-upload .cus .img-check { position: relative; margin-right: 20px; width: 80px; height: 80px; display: block; border-radius: 80px; background-position: center; background-size: 100%; background-repeat: no-repeat; border: 2px solid #ccc; overflow: hidden; }
/*프로필 사진 버튼 : e*/




@media(max-width:520px) {
 .btn-wrap.text-sb { display: block; }
 .btn-wrap .fe-btn { display: block; margin: 0 auto 5px; }
}

@media(max-width:510px) {
 .form-horizontal.bucket-form .form-upload .cus { display: block; }
 .file-form-group .form-control { width: 100%; margin: 5px 0; }
 .form-horizontal.bucket-form .file-form-group .form-group__upload .form-control {margin: 0;}
}
/* 버튼 */
.progbtn .btn { margin:3px 1px; }



/* 댓글 */
.comment { border-top: 2px solid #222; }
.comment .group { margin-bottom: 10px; }
.comment .group .item { padding: 20px 0; border-bottom: 1px dashed #ddd; }
.comment .group .item:last-child { border-bottom: 1px solid #ddd; }
.comment .group .item strong { display:block; color:#666; font-weight:normal; font-size:15px; }
.comment .group .item strong span { margin-right:10px; color: #333; font-weight:bold; font-size: 18px; }
.comment .comment_write { position:relative; padding: 26px 173px 26px 38px; border-radius: 15px; background-color: #F8F9FB; }
.comment .comment_write textarea { width:100%; height: 117px; border: none; }
.comment .comment_write a,
.comment .comment_write button { display:block; position:absolute; top: 26px; right: 38px; width: 117px; height: 117px; border-radius: 5px; background-color: #18114E; color:#fff; font-weight:bold; font-size: 15px; text-align:center; line-height: 130%; /* 19.5px */letter-spacing: -0.15px; }

@media(max-width:500px) {
 .comment .comment_write { padding:20px; }
 .comment .comment_write a,
 .comment .comment_write button { position:static; width:100%; height:50px; margin:10px 0 0; line-height:50px; }
}




/* 재직자 역량진단 */
.clear:after { display:block; clear:both; content:''; visibility:hidden; }
.prog_step { }
.prog_step ol { text-align:center; }
.prog_step ol li { display: inline-block; position:relative; min-height: 90px; padding: 15px 0 0 100px; margin-right: 20px; text-align:left; }
.prog_step ol li:last-child { margin-right:0; }
.prog_step ol li:before { display:block; position:absolute; top:50%; right:-30px; width:6px; height:6px; margin-top:-5.5px; border:solid #333; content:''; border-width: 2px 2px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.prog_step ol li:last-child:before { display:none; }

.prog_step ol li em { display:block; position:absolute; top:0; left:0; width:90px; height:90px; background:url(/images/prog/ico_ir.png)no-repeat; }
.prog_step ol li:nth-child(1) em { background-position:0 -90px; }
.prog_step ol li:nth-child(2) em { background-position:-90px -90px; }
.prog_step ol li:nth-child(3) em { background-position:-180px -90px; }
.prog_step ol li:nth-child(4) em { background-position: -270px -90px; }

.prog_step ol li:nth-child(1).on em { background-position:0 0; }
.prog_step ol li:nth-child(2).on em { background-position:-90px 0; }
.prog_step ol li:nth-child(3).on em { background-position:-180px 0; }

.prog_step ol li:nth-child(4).on em { background-position:-270px 0; }




.prog_step ol li span { display:block; color:#888; font-weight:bold; font-size:15px; }
.prog_step ol li.on span { color:#11ab66; }
.prog_step ol li strong { display:block; color: #333; font-weight: bold; font-size: 17px; }
.testbox { padding: 70px 0; }
.testbox .stepbox { padding: 70px; }
.testbox .stepbox .tit1 { position:relative; max-width:455px; margin:0 auto 30px; text-align:center; }
.testbox .stepbox .tit1:after { display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#ddd; content:''; }
.testbox .stepbox .tit1 span { display: inline-block; position:relative; z-index:1; padding: 0 10px; background: #fff; color:#11ab66; font-weight:bold; font-size:30px; }
.testbox .stepbox .tit2 span { display: block; color:#11ab66; font-weight:bold; font-size:28px; }
.testbox .stepbox .tit3 span { display: block; margin: 25px 0 10px; color:#353535; font-weight:bold; font-size:20px; }
.testbox .step1box p { color: #6e7179; font-size: 16px; text-align:center; }
.testbox .step1box .infobox { max-width: 525px; margin: 60px auto 0; }
.testbox .step1box .infobox .col { margin:0 0 10px; }
.testbox .step1box .infobox .col strong { display:block; float: left; width: 75px; padding-left:25px; color: #333; font-weight: bold; font-size: 17px; line-height:45px; }
.testbox .step1box .infobox .col.n1 strong { background:url(/images/prog/ico5.png)no-repeat left center; }
.testbox .step1box .infobox .col.n2 strong { background:url(/images/prog/ico6.png)no-repeat left center; }
.testbox .step1box .infobox .col.n3 strong { background:url(/images/prog/ico7.png)no-repeat left center; }
.testbox .step1box .infobox .col input { float:left; width:calc(100% - 75px); height:45px; padding: 0 10px; border:1px solid #dddddd; border-radius:5px; background:#f9f9f9; line-height:43px; }
.testbox .step1box .infobox .modif { display: inline-block; padding:0 15px; border:1px solid #11ab66; border-radius: 30px; color:#555; font-size:16px; line-height:36px; text-align:center; }
.testbox .step1box .infobox .modif span { display:inline-block; width:14px; height:15px; margin: -2px 5px 0 0; background:url(/images/prog/ico8.png)no-repeat; vertical-align:middle; }

.testbox .btnbox { padding:50px 0 0; margin:50px 0 0; text-align:center; border-top:1px solid #ddd; }
.testbox .btntype { display:inline-block; position:relative; width: 200px; height: 60px; padding: 0 30px; margin:3px; border-radius: 5px; font-weight: bold; font-size: 16px; line-height: 56px; text-align: left; }
.testbox .btntype:after { display:block; position:absolute; top: 24px; content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.testbox .btntype1 { border: 1px solid #079261; background: #079261; color: #fff; }
.testbox .btntype1:after { right: 25px; width: 9px; height: 9px; border:solid #fff; border-width:2px 2px 0 0; }

.testbox .btntype2 { border: 1px solid #079261; background: #fff; color:#079261; text-align:right; }
.testbox .btntype2:after { left: 25px; width: 9px; height: 9px; border:solid #079261; border-width:0 0 2px 2px; }

.testbox .table-bordered { border:none; }
.testbox .table thead th { border:none; background:#11ab66; color:#fff; font-weight:bold; font-size:16px; }
.testbox .table tbody th { background:#fff; color:#007c50; font-weight:bold; font-size:16px; }
.testbox .table tbody>tr>td,
.testbox .table tbody>tr>th,
.testbox .table tfoot>tr>td,
.testbox .table tfoot>tr>th { padding:10px 8px; line-height:1.4; }
.testbox .table thead>tr>td,
.testbox .table thead>tr>th { padding:13px 8px; line-height:1.4; }

.testbox .pageinfo { position:relative; margin: 40px 0; }
.testbox .pageinfo:before,
.testbox .pageinfo:after { display:block; position:absolute; top:50%; width:34px; height:34px; z-index:1; margin:-17px 0 0 -17px; border:4px solid #fff; border-radius:50%; background:#f5f5f5; content:''; box-sizing: border-box; }
.testbox .pageinfo:before { left:20%; }
.testbox .pageinfo:after { left:40%; }
.testbox .pageinfo .inner { position:relative; width:100%; height:20px; border-radius: 20px; background:#f5f5f5; }
.testbox .pageinfo .inner:before,
.testbox .pageinfo .inner:after { display:block; position:absolute; top:50%; width: 28px; height: 28px; z-index:1; margin: -14px 0 0 -14px; border:4px solid #fff; border-radius:50%; background:#f5f5f5; content:''; box-sizing: border-box; }
.testbox .pageinfo .inner:before { left:60%; }
/*
.testbox .pageinfo .inner:after { left:80% } 
*/
.testbox .pageinfo .inner .num { position:absolute; top: -30px; color: #a4a4a4; font-weight: bold; font-size: 14px; }
.testbox .pageinfo .inner .num1 { left:0; }
.testbox .pageinfo .inner .num2 { right:0; }

.testbox .pageinfo .inner .obj { position:relative; height:100%; z-index: 2; border-radius:20px; background:#11ab66; }
.testbox .pageinfo .inner .obj span { display:block; position:absolute; top: 50%; right: -23px; width: 46px; height: 46px; z-index: 2; margin-top: -23px; border: 5px solid #fff; border-radius: 50%; background:#11ab66; color:#fff; font-weight:bold; font-size: 14px; line-height: 36px; letter-spacing: -0.09em; text-align:center; }
.testbox .questbox { }
.testbox .questbox .col { margin:35px 0 0; }
.testbox .questbox .col > span { display:block; color:#767676; font-weight:bold; font-size: 14px; }
.testbox .questbox .col > strong { display:block; color:#007c50; font-weight:bold; font-size:17px; }
.testbox .questbox .col > .inner { padding:10px 10px 0; }
.testbox .questbox .col > .inner label { margin: 0 40px 5px 0; }
.testbox .questbox .col > .inner label input { }

/* 재직자 색상 변경 */
.incDgnss .prog_step ol li em { background-image:url(/images/prog/ico_ir2.png); }
.incDgnss .prog_step ol li.on span,
.incDgnss.testbox .stepbox .tit1 span,
.incDgnss.testbox .stepbox .tit2 span,
.incDgnss.testbox .table tbody th,
.incDgnss.testbox .questbox .col > strong { color:#2a3256; }
.incDgnss.testbox .table thead th,
.incDgnss.testbox .pageinfo .inner .obj,
.incDgnss.testbox .pageinfo .inner .obj span { background:#2a3256; }
.incDgnss.testbox .step1box .infobox .modif { border:1px solid #2a3256; }
.incDgnss.testbox .btntype1 { background: #2a3256; border-color:#2a3256; }
.incDgnss.testbox .btntype2 { color:#2a3256; border-color:#2a3256; }
.incDgnss.testbox .btntype2:after { border-color:#2a3256; }
.incDgnss.testbox .step1box .infobox .col.n1 strong { background:url(/images/prog/ico5-1.png)no-repeat left center; }
.incDgnss.testbox .step1box .infobox .col.n2 strong { background:url(/images/prog/ico6-1.png)no-repeat left center; }
.incDgnss.testbox .step1box .infobox .col.n3 strong { background:url(/images/prog/ico7-1.png)no-repeat left center; }

@media(max-width:1023px) {
 .testbox .questbox .col > .inner label { margin: 0 20px 5px 0; }
}
@media(max-width:900px) {
 .prog_step ol li { margin-right:30px; }
 .prog_step ol li:before { right:-20px; }
}
@media(max-width:767px) {
 .testbox { padding:30px 0; }
 .testbox .stepbox { padding:30px; }
 .testbox .btnbox { padding:30px 0 0; margin:30px 0 0; }
 .testbox .btntype { width:150px; }
 .testbox .btntype { height: 45px; line-height: 41px; }
 .testbox .btntype:after { top:17px; }

 .prog_step ol li { display:block; width:100%; max-width: 250px; margin: 0 auto 40px; }
 .prog_step ol li:last-child { margin:0 auto; }
 .prog_step ol li:before { top:auto; right:50%; bottom: -21px; margin: 0; border-width:0 2px 2px 0; }


}




/* 경력사례라이브러리 리슷흥 */

.option { position: relative; /* right: 0; */text-align:right; /* bottom: 60px; */ }
.option select { width: 100px; height:40px; border:none; line-height:40px; border-bottom: 2px solid #999; }
.option.type2 { position:static; margin:30px 0 0; }
.option .optionbtn { display:inline-block; height:40px; padding: 0 10px; border-radius: 5px; background: #999; color: #fff; font-size: 15px; /* font-weight: bold; */ line-height:40px; }

.option.type2.cnrs_option { position:relative; }
.cnrs_option:after { display:block; clear:both; content:''; visibility:hidden; }
.cnrs_option > span { position:absolute; top:0; left:0; }
.cnrs_option ul { display:inline-block; margin-right: 20px; }
.cnrs_option ul li { display:inline-block; }
.cnrs_option ul li button { width:40px; height:40px; border-radius: 5px; background: #f3f2f7; font-size:0; }
.cnrs_option ul li button.ov { background:#0a844d; }
.cnrs_option ul li button span { display:block; width:100%; height:100%; background:url(/images/prog/home_ico.png)no-repeat; }
.cnrs_option ul li button.btntype1 span { background-position:0 0; }
.cnrs_option ul li button.btntype2 span { background-position:-40px 0; }
.cnrs_option ul li button.btntype3 span { background-position:-80px 0; }
.cnrs_option ul li button.btntype1.ov span { background-position:0 -40px; }
.cnrs_option ul li button.btntype2.ov span { background-position:-40px -40px; }
.cnrs_option ul li button.btntype3.ov span { background-position:-80px -40px; }

@media(max-width:640px) {
 .option.type2.cnrs_option { padding-top:50px; }
}
@media(max-width:480px) {
 .option > span { display:block; margin:0 0 5px; }
}
@media(max-width:400px) {
 .cnrs_option ul { display:block; margin:0 0 10px; }
}


.stroy_list { margin: 70px -15px 0; }
.stroy_list .col { position:relative; float:left; width:calc(33.33% - 30px); margin:0 15px 30px; border: 1px solid #ddd; border-radius: 20px; /* min-height: 223px; */ overflow: hidden; }
.stroy_list .col.thumb1 .thumb:after,
.stroy_list .col.thumb2 .thumb:after,
.stroy_list .col.thumb3 .thumb:after,
.stroy_list .col.thumb4 .thumb:after,
.stroy_list .col.thumb5 .thumb:after,
.stroy_list .col.thumb6 .thumb:after,
.stroy_list .col.thumb7 .thumb:after,
.stroy_list .col.thumb8 .thumb:after,
.stroy_list .col.thumb9 .thumb:after,
.stroy_list .col.thumb10 .thumb:after { display: none !important; }

.stroy_list .col.thumb1 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb1 a:hover .info,
.stroy_list .col.thumb1 a:focus .info,
.stroy_list .col.thumb1 button:hover .info,
.stroy_list .col.thumb1 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb1 .info .tag,
.stroy_list .col.thumb1 .info ul li.n2,
.stroy_list .col.thumb1 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb1 a:hover .info ul li.n2,
.stroy_list .col.thumb1 a:focus .info ul li.n2,
.stroy_list .col.thumb1 button:hover .info ul li.n2,
.stroy_list .col.thumb1 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb1 a:hover .info ul li.n3,
.stroy_list .col.thumb1 a:focus .info ul li.n3,
.stroy_list .col.thumb1 button:hover .info ul li.n3,
.stroy_list .col.thumb1 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb1 a:hover .info .tag,
.stroy_list .col.thumb1 a:focus .info .tag,
.stroy_list .col.thumb1 button:hover .info .tag,
.stroy_list .col.thumb1 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb1 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb1 a:hover .info .inner strong,
.stroy_list .col.thumb1 a:focus .info .inner strong,
.stroy_list .col.thumb1 button:hover .info .inner strong,
.stroy_list .col.thumb1 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb1 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb1 a:hover .info ul li.n1,
.stroy_list .col.thumb1 a:focus .info ul li.n1,
.stroy_list .col.thumb1 button:hover .info ul li.n1,
.stroy_list .col.thumb1 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }


.stroy_list .col.thumb2 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb2 a:hover .info,
.stroy_list .col.thumb2 a:focus .info,
.stroy_list .col.thumb2 button:hover .info,
.stroy_list .col.thumb2 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb2 .info .tag,
.stroy_list .col.thumb2 .info ul li.n2,
.stroy_list .col.thumb2 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb2 a:hover .info ul li.n2,
.stroy_list .col.thumb2 a:focus .info ul li.n2,
.stroy_list .col.thumb2 button:hover .info ul li.n2,
.stroy_list .col.thumb2 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb2 a:hover .info ul li.n3,
.stroy_list .col.thumb2 a:focus .info ul li.n3,
.stroy_list .col.thumb2 button:hover .info ul li.n3,
.stroy_list .col.thumb2 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb2 a:hover .info .tag,
.stroy_list .col.thumb2 a:focus .info .tag,
.stroy_list .col.thumb2 button:hover .info .tag,
.stroy_list .col.thumb2 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb2 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb2 a:hover .info .inner strong,
.stroy_list .col.thumb2 a:focus .info .inner strong,
.stroy_list .col.thumb2 button:hover .info .inner strong,
.stroy_list .col.thumb2 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb2 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb2 a:hover .info ul li.n1,
.stroy_list .col.thumb2 a:focus .info ul li.n1,
.stroy_list .col.thumb2 button:hover .info ul li.n1,
.stroy_list .col.thumb2 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }

.stroy_list .col.thumb3 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb3 a:hover .info,
.stroy_list .col.thumb3 a:focus .info,
.stroy_list .col.thumb3 button:hover .info,
.stroy_list .col.thumb3 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb3 .info .tag,
.stroy_list .col.thumb3 .info ul li.n2,
.stroy_list .col.thumb3 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb3 a:hover .info ul li.n2,
.stroy_list .col.thumb3 a:focus .info ul li.n2,
.stroy_list .col.thumb3 button:hover .info ul li.n2,
.stroy_list .col.thumb3 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb3 a:hover .info ul li.n3,
.stroy_list .col.thumb3 a:focus .info ul li.n3,
.stroy_list .col.thumb3 button:hover .info ul li.n3,
.stroy_list .col.thumb3 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb3 a:hover .info .tag,
.stroy_list .col.thumb3 a:focus .info .tag,
.stroy_list .col.thumb3 button:hover .info .tag,
.stroy_list .col.thumb3 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb3 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb3 a:hover .info .inner strong,
.stroy_list .col.thumb3 a:focus .info .inner strong,
.stroy_list .col.thumb3 button:hover .info .inner strong,
.stroy_list .col.thumb3 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb3 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb3 a:hover .info ul li.n1,
.stroy_list .col.thumb3 a:focus .info ul li.n1,
.stroy_list .col.thumb3 button:hover .info ul li.n1,
.stroy_list .col.thumb3 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }

.stroy_list .col.thumb4 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb4 a:hover .info,
.stroy_list .col.thumb4 a:focus .info,
.stroy_list .col.thumb4 button:hover .info,
.stroy_list .col.thumb4 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb4 .info .tag,
.stroy_list .col.thumb4 .info ul li.n2,
.stroy_list .col.thumb4 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb4 a:hover .info ul li.n2,
.stroy_list .col.thumb4 a:focus .info ul li.n2,
.stroy_list .col.thumb4 button:hover .info ul li.n2,
.stroy_list .col.thumb4 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb4 a:hover .info ul li.n3,
.stroy_list .col.thumb4 a:focus .info ul li.n3,
.stroy_list .col.thumb4 button:hover .info ul li.n3,
.stroy_list .col.thumb4 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb4 a:hover .info .tag,
.stroy_list .col.thumb4 a:focus .info .tag,
.stroy_list .col.thumb4 button:hover .info .tag,
.stroy_list .col.thumb4 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb4 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb4 a:hover .info .inner strong,
.stroy_list .col.thumb4 a:focus .info .inner strong,
.stroy_list .col.thumb4 button:hover .info .inner strong,
.stroy_list .col.thumb4 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb4 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb4 a:hover .info ul li.n1,
.stroy_list .col.thumb4 a:focus .info ul li.n1,
.stroy_list .col.thumb4 button:hover .info ul li.n1,
.stroy_list .col.thumb4 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }


.stroy_list .col.thumb5 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb5 a:hover .info,
.stroy_list .col.thumb5 a:focus .info,
.stroy_list .col.thumb5 button:hover .info,
.stroy_list .col.thumb5 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb5 .info .tag,
.stroy_list .col.thumb5 .info ul li.n2,
.stroy_list .col.thumb5 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb5 a:hover .info ul li.n2,
.stroy_list .col.thumb5 a:focus .info ul li.n2,
.stroy_list .col.thumb5 button:hover .info ul li.n2,
.stroy_list .col.thumb5 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb5 a:hover .info ul li.n3,
.stroy_list .col.thumb5 a:focus .info ul li.n3,
.stroy_list .col.thumb5 button:hover .info ul li.n3,
.stroy_list .col.thumb5 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb5 a:hover .info .tag,
.stroy_list .col.thumb5 a:focus .info .tag,
.stroy_list .col.thumb5 button:hover .info .tag,
.stroy_list .col.thumb5 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb5 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb5 a:hover .info .inner strong,
.stroy_list .col.thumb5 a:focus .info .inner strong,
.stroy_list .col.thumb5 button:hover .info .inner strong,
.stroy_list .col.thumb5 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb5 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb5 a:hover .info ul li.n1,
.stroy_list .col.thumb5 a:focus .info ul li.n1,
.stroy_list .col.thumb5 button:hover .info ul li.n1,
.stroy_list .col.thumb5 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }


.stroy_list .col.thumb6 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb6 a:hover .info,
.stroy_list .col.thumb6 a:focus .info,
.stroy_list .col.thumb6 button:hover .info,
.stroy_list .col.thumb6 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb6 .info .tag,
.stroy_list .col.thumb6 .info ul li.n2,
.stroy_list .col.thumb6 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb6 a:hover .info ul li.n2,
.stroy_list .col.thumb6 a:focus .info ul li.n2,
.stroy_list .col.thumb6 button:hover .info ul li.n2,
.stroy_list .col.thumb6 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb6 a:hover .info ul li.n3,
.stroy_list .col.thumb6 a:focus .info ul li.n3,
.stroy_list .col.thumb6 button:hover .info ul li.n3,
.stroy_list .col.thumb6 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb6 a:hover .info .tag,
.stroy_list .col.thumb6 a:focus .info .tag,
.stroy_list .col.thumb6 button:hover .info .tag,
.stroy_list .col.thumb6 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb6 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb6 a:hover .info .inner strong,
.stroy_list .col.thumb6 a:focus .info .inner strong,
.stroy_list .col.thumb6 button:hover .info .inner strong,
.stroy_list .col.thumb6 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb6 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb6 a:hover .info ul li.n1,
.stroy_list .col.thumb6 a:focus .info ul li.n1,
.stroy_list .col.thumb6 button:hover .info ul li.n1,
.stroy_list .col.thumb6 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }


.stroy_list .col.thumb7 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb7 a:hover .info,
.stroy_list .col.thumb7 a:focus .info,
.stroy_list .col.thumb7 button:hover .info,
.stroy_list .col.thumb7 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb7 .info .tag,
.stroy_list .col.thumb7 .info ul li.n2,
.stroy_list .col.thumb7 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb7 a:hover .info ul li.n2,
.stroy_list .col.thumb7 a:focus .info ul li.n2,
.stroy_list .col.thumb7 button:hover .info ul li.n2,
.stroy_list .col.thumb7 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb7 a:hover .info ul li.n3,
.stroy_list .col.thumb7 a:focus .info ul li.n3,
.stroy_list .col.thumb7 button:hover .info ul li.n3,
.stroy_list .col.thumb7 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb7 a:hover .info .tag,
.stroy_list .col.thumb7 a:focus .info .tag,
.stroy_list .col.thumb7 button:hover .info .tag,
.stroy_list .col.thumb7 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb7 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb7 a:hover .info .inner strong,
.stroy_list .col.thumb7 a:focus .info .inner strong,
.stroy_list .col.thumb7 button:hover .info .inner strong,
.stroy_list .col.thumb7 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb7 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb7 a:hover .info ul li.n1,
.stroy_list .col.thumb7 a:focus .info ul li.n1,
.stroy_list .col.thumb7 button:hover .info ul li.n1,
.stroy_list .col.thumb7 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }


.stroy_list .col.thumb8 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb8 a:hover .info,
.stroy_list .col.thumb8 a:focus .info,
.stroy_list .col.thumb8 button:hover .info,
.stroy_list .col.thumb8 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb8 .info .tag,
.stroy_list .col.thumb8 .info ul li.n2,
.stroy_list .col.thumb8 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb8 a:hover .info ul li.n2,
.stroy_list .col.thumb8 a:focus .info ul li.n2,
.stroy_list .col.thumb8 button:hover .info ul li.n2,
.stroy_list .col.thumb8 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb8 a:hover .info ul li.n3,
.stroy_list .col.thumb8 a:focus .info ul li.n3,
.stroy_list .col.thumb8 button:hover .info ul li.n3,
.stroy_list .col.thumb8 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb8 a:hover .info .tag,
.stroy_list .col.thumb8 a:focus .info .tag,
.stroy_list .col.thumb8 button:hover .info .tag,
.stroy_list .col.thumb8 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb8 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb8 a:hover .info .inner strong,
.stroy_list .col.thumb8 a:focus .info .inner strong,
.stroy_list .col.thumb8 button:hover .info .inner strong,
.stroy_list .col.thumb8 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb8 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb8 a:hover .info ul li.n1,
.stroy_list .col.thumb8 a:focus .info ul li.n1,
.stroy_list .col.thumb8 button:hover .info ul li.n1,
.stroy_list .col.thumb8 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }



.stroy_list .col.thumb9 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb9 a:hover .info,
.stroy_list .col.thumb9 a:focus .info,
.stroy_list .col.thumb9 button:hover .info,
.stroy_list .col.thumb9 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb9 .info .tag,
.stroy_list .col.thumb9 .info ul li.n2,
.stroy_list .col.thumb9 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb9 a:hover .info ul li.n2,
.stroy_list .col.thumb9 a:focus .info ul li.n2,
.stroy_list .col.thumb9 button:hover .info ul li.n2,
.stroy_list .col.thumb9 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb9 a:hover .info ul li.n3,
.stroy_list .col.thumb9 a:focus .info ul li.n3,
.stroy_list .col.thumb9 button:hover .info ul li.n3,
.stroy_list .col.thumb9 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb9 a:hover .info .tag,
.stroy_list .col.thumb9 a:focus .info .tag,
.stroy_list .col.thumb9 button:hover .info .tag,
.stroy_list .col.thumb9 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb9 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb9 a:hover .info .inner strong,
.stroy_list .col.thumb9 a:focus .info .inner strong,
.stroy_list .col.thumb9 button:hover .info .inner strong,
.stroy_list .col.thumb9 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb9 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb9 a:hover .info ul li.n1,
.stroy_list .col.thumb9 a:focus .info ul li.n1,
.stroy_list .col.thumb9 button:hover .info ul li.n1,
.stroy_list .col.thumb9 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }



.stroy_list .col.thumb10 .info { background: rgba(0,0,0,0); opacity:1; }
.stroy_list .col.thumb10 a:hover .info,
.stroy_list .col.thumb10 a:focus .info,
.stroy_list .col.thumb10 button:hover .info,
.stroy_list .col.thumb10 button:focus .info { background: rgba(0,0,0,0.6); }
.stroy_list .col.thumb10 .info .tag,
.stroy_list .col.thumb10 .info ul li.n2,
.stroy_list .col.thumb10 .info ul li.n3 { opacity:0; }
.stroy_list .col.thumb10 a:hover .info ul li.n2,
.stroy_list .col.thumb10 a:focus .info ul li.n2,
.stroy_list .col.thumb10 button:hover .info ul li.n2,
.stroy_list .col.thumb10 button:focus .info ul li.n2 { opacity:1; }
.stroy_list .col.thumb10 a:hover .info ul li.n3,
.stroy_list .col.thumb10 a:focus .info ul li.n3,
.stroy_list .col.thumb10 button:hover .info ul li.n3,
.stroy_list .col.thumb10 button:focus .info ul li.n3 { opacity:1; }
.stroy_list .col.thumb10 a:hover .info .tag,
.stroy_list .col.thumb10 a:focus .info .tag,
.stroy_list .col.thumb10 button:hover .info .tag,
.stroy_list .col.thumb10 button:focus .info .tag { opacity:1; }
.stroy_list .col.thumb10 .info .inner strong { display: block; display: -webkit-box; height: 80px; padding-left: 20px; font-size: 30px; text-align: left; white-space: break-spaces; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.stroy_list .col.thumb10 a:hover .info .inner strong,
.stroy_list .col.thumb10 a:focus .info .inner strong,
.stroy_list .col.thumb10 button:hover .info .inner strong,
.stroy_list .col.thumb10 button:focus .info .inner strong { height: 26px; padding-left: 0; font-size: 20px; text-align: center; white-space: break-spaces; -webkit-line-clamp: 1; }
.stroy_list .col.thumb10 .info ul li.n1 { position:absolute; top: auto !important; right: 10px; bottom: 0; padding-right: 40px; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E"); */ text-align:right; }
.stroy_list .col.thumb10 a:hover .info ul li.n1,
.stroy_list .col.thumb10 a:focus .info ul li.n1,
.stroy_list .col.thumb10 button:hover .info ul li.n1,
.stroy_list .col.thumb10 button:focus .info ul li.n1 { top: 31px !important; right: auto; bottom: auto; left: 0; padding-right: 0; text-align: center; }

.stroy_list .col.imgTy { min-height: 220px; }
.stroy_list .col.imgTy a { display:block; }
.stroy_list .col.imgTy a .thumb { min-height:220px; }
.stroy_list .col.imgTy a .thumb span { display:block; width:100%; height:220px; }
.stroy_list .col.imgTy a .thumb span img { width:100%; max-width:none; height:100%; }


.stroy_list .col a,
.stroy_list .col button { display:block; width:100%; height:100%; }
.stroy_list .col a:after,
.stroy_list .col button:after { display:block; clear:both; content:''; visibility:hidden; }
.stroy_list .col .thumb { position: relative; width:100%; height:100%; overflow:hidden; }
.stroy_list .col .thumb:after { display:block; position:absolute; top:50%; left:50%; width:75px; height:75px; margin:-37.5px 0 0 -37.5px; background:url(/images/prog/ico10.png)no-repeat; content:''; }
.stroy_list.type2 .col .thumb:after { display:none; }
.stroy_list .col a:hover .thumb:after,
.stroy_list .col a:focus .thumb:after,
.stroy_list .col button:hover .thumb:after,
.stroy_list .col button:focus .thumb:after { opacity:0; }
.sub02_02 .stroy_list .col .thumb:after { display:none; }
.stroy_list.totalList .col a .box {height: 100%;}
.sub02_02 .stroy_list .col.videoTy .thumb:after { display:block; }
.stroy_list .col .thumb span { display:block; position:relative; width:100%; height:100%; background-size:cover; overflow:hidden; background-position:center; background-repeat:no-repeat; }
.stroy_list .col .thumb span img { width: 100%; display: block; max-width: 100%; min-height: auto; object-fit: contain; transition: all .3s; }
/* .stroy_list .col .thumb span img { position:absolute; left:50%; top:50%; width: auto; max-width: 1000%; height: 100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } */
.stroy_list .col .info { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6); text-align: center; opacity:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; }
.stroy_list .col a:hover .info,
.stroy_list .col a:focus .info,
.stroy_list .col button:hover .info,
.stroy_list .col button:focus .info { opacity:1; }
.stroy_list .col .info .inner { position:absolute; top:50%; width: 100%; padding: 0 5%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.stroy_list .col .info .inner strong { display:block; /* display: -webkit-box; */ color:#fff; font-weight:bold; font-size: 20px; line-height:1.4; white-space: nowrap; overflow: hidden; /* height: 56px; */ text-overflow: ellipsis; /* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; */ }
.stroy_list .col .info .inner p { margin: 5px 0 0; color:#fff; font-size: 15px; white-space: nowrap; overflow: hidden; opacity:0.8; text-overflow: ellipsis; }
.stroy_list .col .info .inner .tag { margin: 10px 0 5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stroy_list .col .info .inner .tag span { display:inline-block; padding:0 10px; margin:0 3px; border:1px solid #fff; border-radius:30px; color:#fff; font-size: 14px; line-height: 25px; }
.stroy_list .col .info .inner > span { display:inline-block; padding-left:20px; background:url(/images/prog/ico9.png)no-repeat left center; color:#fff; font-size:16px; opacity:0.8; }


.stroy_list .col.cardType .thumb:after { display:none; }
.stroy_list.photoType { }
.stroy_list.photoType .col .info .inner strong { margin: 0 0 40px; }
.stroy_list.photoType .col .info ul { margin: 5px 0 0; }
.stroy_list.photoType .col .info ul li.n1 { position:absolute; top: 31px; left: 0; width: 100%; margin: 0; }
.stroy_list.photoType .col .info ul li { display:inline-block; padding: 0 10px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.stroy_list.photoType2 .col { width:calc(50% - 30px); }
.stroy_list.photoType2 .col a { height: 192px; padding:20px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.stroy_list.photoType2 .col a:hover,
.stroy_list.photoType2 .col a:focus { background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); }
.stroy_list.photoType2 .col .info { opacity:1; }
.stroy_list.photoType2 .col a:hover .info,
.stroy_list.photoType2 .col a:focus .info,
.stroy_list.photoType2 .col button:hover .info,
.stroy_list.photoType2 .col button:focus .info { opacity:1; }
.stroy_list.photoType2 .col .thumb { float:left; width:35%; border-radius: 10px; }
.stroy_list.photoType2 .col .thumb:after { width:54px; height:54px; margin:-27px 0 0 -27px; background-size:100% auto; }
.stroy_list.photoType2 .col a:hover .thumb:after,
.stroy_list.photoType2 .col a:focus .thumb:after,
.stroy_list.photoType2 .col button:hover .thumb:after,
.stroy_list.photoType2 .col button:focus .thumb:after { opacity:1; }
.stroy_list.photoType2 .col .thumb span { display:block; position:relative; width:100%; height: 150px; }
.stroy_list.photoType2 .col .thumb span img { position:absolute; top:50%; left:50%; width:auto; max-width:1000%; height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.stroy_list.photoType2 .col .info { position: relative; float:left; width:65%; height: 100%; background: transparent; text-align:left; }
.stroy_list.photoType2 .col .info .inner { position:static; transform:none; -webkit-transform:none; }
.stroy_list.photoType2 .col .info .inner strong { display:block; display: -webkit-box; height: 84px; margin: 5px 0 0; color:#222; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.stroy_list.photoType2 .col .info .inner .tag { display:none; }
.stroy_list.photoType2 .col .info .inner ul { display: block; position: absolute; bottom: 10px; left: 0; width: 100%; padding: 0 5%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.stroy_list.photoType2 .col .info .inner ul li { display:inline-block; margin: 0 15px 0 0; color: #777; font-size: 14px; }
.stroy_list.photoType2 .col .info .inner ul li:last-child { margin:0; }
.stroy_list.photoType2 .col a:hover .info .inner strong,
.stroy_list.photoType2 .col a:focus .info .inner strong,
.stroy_list.photoType2 .col a:hover .info .inner ul li,
.stroy_list.photoType2 .col a:focus .info .inner ul li { color:#fff; }


.stroy_list.listType .col a { padding: 30px 40px; background: #fff; transition: all 0.5s; -webkit-transition: all 0.5s; }
.stroy_list.listType .col a:hover .info,
.stroy_list.listType .col a:focus .info,
.stroy_list.listType .col button:hover .info,
.stroy_list.listType .col button:focus .info { opacity:1; }
.stroy_list.listType .col a:hover,
.stroy_list.listType .col a:focus { background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); }
.stroy_list.listType .col { width:calc(100% - 30px); }
.stroy_list.listType .col .thumb { display:none; }
.stroy_list.listType .col .info { position: relative; background: none; text-align:left; opacity:1; }
.stroy_list.listType .col .info .inner { position:static; padding: 0; transform: none; -webkit-transform: none; }
.stroy_list.listType .col .info .inner strong { display: block; float:left; width: 100%; color:#000; white-space: normal; }
.stroy_list.listType .col .info .inner .tag { float:left; margin: 20px 0 0; white-space: normal; }
.stroy_list.listType .col .info .inner .tag span { display:inline-block; padding:0 10px; margin: 3px; border: 1px solid #d6d6d6; border-radius:30px; color:#666; font-size:15px; line-height:28px; }
.stroy_list.listType .col .info .inner ul { float:right; margin: 20px 0 0; text-align:right; }
.stroy_list.listType .col .info .inner ul li { display:inline-block; position: relative; margin-left: 40px; line-height: 30px; }
.stroy_list.listType .col .info .inner ul li:before { display:block; position:absolute; top: 11px; left: -24px; width:1px; height:10px; background: #d8d8d8; content:''; }
.stroy_list.listType .col .info .inner ul li:first-child:before { display:none; }
.stroy_list.listType .col a:hover .info .inner strong,
.stroy_list.listType .col a:focus .info .inner strong,
.stroy_list.listType .col a:hover .info .inner .tag span,
.stroy_list.listType .col a:focus .info .inner .tag span,
.stroy_list.listType .col a:hover .info .inner ul li,
.stroy_list.listType .col a:focus .info .inner ul li { color:#fff; }
.stroy_list.listType .col a:hover .info .inner ul li:before,
.stroy_list.listType .col a:focus .info .inner ul li:before { background:#fff; }
.stroy_list.listType .col a:hover .info .inner .tag span,
.stroy_list.listType .col a:focus .info .inner .tag span { border-color:#fff; }

.stroy_list.totalList .col { position:relative; margin-bottom: 60px; border: none; overflow: visible; }
.stroy_list.totalList .col a { border: 1px solid #ddd; border-radius: 20px; overflow:hidden; }
.stroy_list.totalList .col .cate { position:absolute; top:-40px; left: 20px; height:40px; padding: 0 15px; border-radius: 10px 10px 0 0; background: #00965a; color:#fff; font-weight: bold; font-size: 15px; line-height:40px; }
.stroy_list.totalList .col .info { border-radius:20px; }

/*

.stroy_list.totalList .col.textType a { background:#fff; background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; } 
.stroy_list.totalList .col.textType .info { opacity:1; background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; } 
.stroy_list.totalList .col.textType a:hover,
.stroy_list.totalList .col.textType a:focus { border:1px solid #ddd; background:#fff; } 
.stroy_list.totalList .col.textType a:hover .info,
.stroy_list.totalList .col.textType a:focus .info { border:1px solid #ddd; background:#fff; } 
.stroy_list.totalList .col.textType a:hover .info .inner strong,
.stroy_list.totalList .col.textType a:focus .info .inner strong,
.stroy_list.totalList .col.textType a:hover .info ul li ,
.stroy_list.totalList .col.textType a:focus .info ul li ,
.stroy_list.totalList .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList .col.textType a:focus .info .inner .tag span { color:#000; } 
.stroy_list.totalList .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList .col.textType a:focus .info .inner .tag span { border:1px solid #ddd; } 
.stroy_list.totalList .col.textType .thumb:after { display:none; } */



.stroy_list.totalList .col.textType a { background:#fff; background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; }
.stroy_list.totalList .col.textType .info { border:1px solid #ddd; background:#fff; opacity:1; transition:all 0.3s; -webkit-transition:all 0.3s; }
.stroy_list.totalList .col.textType a:hover,
.stroy_list.totalList .col.textType a:focus { border:1px solid #ddd; background:#fff; }
.stroy_list.totalList .col.textType a:hover .info,
.stroy_list.totalList .col.textType a:focus .info { background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); }



.stroy_list.totalList .col.textType a .info .inner strong,
.stroy_list.totalList .col.textType a .info ul li ,
.stroy_list.totalList .col.textType a .info .inner .tag span { color:#000; }

.stroy_list.totalList .col.textType a:hover .info .inner strong,
.stroy_list.totalList .col.textType a:focus .info .inner strong,
.stroy_list.totalList .col.textType a:hover .info ul li ,
.stroy_list.totalList .col.textType a:focus .info ul li ,
.stroy_list.totalList .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList .col.textType a:focus .info .inner .tag span { color:#fff; }
.stroy_list.totalList .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList .col.textType a:focus .info .inner .tag span { border:1px solid #ddd; }
.stroy_list.totalList .col.textType .thumb:after { display:none; }

.stroy_list.totalList.photoType2 .col.textType a:hover,
.stroy_list.totalList.photoType2 .col.textType a:focus { background:#fff; background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; }
.stroy_list.totalList.photoType2 .col.textType a { background:#fff; }
.stroy_list.totalList.photoType2 .col.textType .info { border:none; background:transparent; }
.stroy_list.totalList.photoType2 .col.textType a:hover .info,
.stroy_list.totalList.photoType2 .col.textType a:focus .info { border:none; background:transparent; }
.stroy_list.totalList.photoType2 .col.textType a:hover .info .inner strong,
.stroy_list.totalList.photoType2 .col.textType a:focus .info .inner strong,
.stroy_list.totalList.photoType2 .col.textType a:hover .info .inner ul li,
.stroy_list.totalList.photoType2 .col.textType a:focus .info .inner ul li { color:#fff; }
.stroy_list.totalList.photoType2 .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList.photoType2 .col.textType a:focus { border:1px solid #fff; color:#fff; }

.stroy_list.totalList.listType .col.textType a:hover,
.stroy_list.totalList.listType .col.textType a:focus { background:#fff; background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; }
.stroy_list.totalList.listType .col.textType a { background:#fff; }
.stroy_list.totalList.listType .col.textType .info { border:none; background:transparent; }
.stroy_list.totalList.listType .col.textType a:hover .info,
.stroy_list.totalList.listType .col.textType a:focus .info { border:none; background:transparent; }
.stroy_list.totalList.listType .col.textType a:hover .info .inner strong,
.stroy_list.totalList.listType .col.textType a:focus .info .inner strong,
.stroy_list.totalList.listType .col.textType a:hover .info .inner ul li,
.stroy_list.totalList.listType .col.textType a:focus .info .inner ul li { color:#fff; }
.stroy_list.totalList.listType .col.textType a:hover .info .inner .tag span,
.stroy_list.totalList.listType .col.textType a:focus { border:1px solid #fff; color:#fff; }


@media(max-width:1279px) {
 .stroy_list.photoType2 .col { width:calc(100% - 30px); }
 .stroy_list.photoType2 .col .thumb span img { width:100%; height:auto; }
}

@media(max-width:1199px) {
 .stroy_list .col { width:calc(50% - 30px); }


}

@media(max-width:1023px) {
 .stroy_list { margin:40px -15px 0; }

 .stroy_list.photoType2 .col .thumb span img { width:auto; height:100%; }
 .stroy_list.listType .col a { padding:30px; }
}

@media(max-width:767px) {
 .stroy_list .col { width:calc(100% - 30px); }
}

@media(max-width:640px) {
 .stroy_list.photoType2 .col a { height:auto; }
 .stroy_list.photoType2 .col .thumb { float:none; width:100%; }
 .stroy_list.photoType2 .col .info { float:none; width:100%; }
 .stroy_list.photoType2 .col .info .inner { text-align:center; }
 .stroy_list.photoType2 .col .info .inner ul { position:static; margin:10px 0 0; }
 .stroy_list.photoType2 .col .info .inner ul li { margin:0 10px 0 0; }
}

@media(max-width:500px) {
 .stroy_list.photoType .col .info .inner .tag { display:none; }
}

/* 경력사례 라이브러리 텍스트 리스트 */
.stroy_list_text { margin:70px 0 0; }
.stroy_list_text .col { margin:0 0 20px; }
.stroy_list_text .col a,
.stroy_list_text .col button { display:block; width:100%; height:100%; padding: 30px 40px; border: 1px solid #ddd; border-radius: 20px; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; }
.stroy_list_text .col a:hover,
.stroy_list_text .col a:focus,
.stroy_list_text .col button:hover,
.stroy_list_text .col button:focus { background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); }
.stroy_list_text .col .info { }
.stroy_list_text .col .info .inner { width:100%; }
.stroy_list_text .col .info .inner:after { display:block; clear:both; content:''; visibility:hidden; }
.stroy_list_text .col .info .inner strong { display:block; float: left; width: 100%; margin: 0 0 10px; color:#000; font-weight:bold; font-size:20px; line-height: 1.3; overflow:hidden; }
.stroy_list_text .col .info .inner .tag { float:left; margin: 10px 0 0; }
.stroy_list_text .col .info .inner .tag span { display:inline-block; padding:0 10px; margin: 3px; border: 1px solid #d6d6d6; border-radius:30px; color:#666; font-size:15px; line-height:28px; }
.stroy_list_text .col .info .inner .infolist { float:right; margin: 10px 0 0; }
.stroy_list_text .col .info .inner .infolist ul { text-align:right; }
.stroy_list_text .col .info .inner .infolist ul li { display:inline-block; position: relative; margin-left: 40px; line-height: 30px; }
.stroy_list_text .col .info .inner .infolist ul li:before { display:block; position:absolute; top: 11px; left: -24px; width:1px; height:10px; background: #d8d8d8; content:''; }
.stroy_list_text .col .info .inner .infolist ul li:first-child:before { display:none; }
.stroy_list_text .col .info .inner .infolist ul li span { display:inline-block; width:16px; height:16px; margin: -2px 5px 0 0; background:url(/images/prog/bg_ico.png)no-repeat; vertical-align:middle; }
.stroy_list_text .col .info .inner .infolist ul li.n1 span { background-position: 0 0; }
.stroy_list_text .col .info .inner .infolist ul li.n2 span { background-position: -16px 0; }
.stroy_list_text .col .info .inner .infolist ul li.n3 span { background-position: -32px 0; }

.stroy_list_text .col a:hover .info .inner strong,
.stroy_list_text .col a:focus .info .inner strong,
.stroy_list_text .col a:hover .info .inner .tag span,
.stroy_list_text .col a:focus .info .inner .tag span,
.stroy_list_text .col a:hover .info .inner .infolist ul li,
.stroy_list_text .col a:focus .info .inner .infolist ul li { color:#fff; }
.stroy_list_text .col a:hover .info .inner .tag span,
.stroy_list_text .col a:focus .info .inner .tag span { border:1px solid #fff; }
.stroy_list_text .col a:hover .info .inner .infolist ul li:before,
.stroy_list_text .col a:focus .info .inner .infolist ul li:before { background:#fff; opacity:0.5; }
.stroy_list_text .col a:hover .info .inner .infolist ul li.n1 span,
.stroy_list_text .col a:focus .info .inner .infolist ul li.n1 span { background-position: 0 -16px; }
.stroy_list_text .col a:hover .info .inner .infolist ul li.n2 span,
.stroy_list_text .col a:focus .info .inner .infolist ul li.n2 span { background-position: -16px -16px; }
.stroy_list_text .col a:hover .info .inner .infolist ul li.n3 span,
.stroy_list_text .col a:focus .info .inner .infolist ul li.n3 span { background-position: -32px -16px; }


.stroy_list_text .col button:hover .info .inner strong,
.stroy_list_text .col button:focus .info .inner strong,
.stroy_list_text .col button:hover .info .inner .tag span,
.stroy_list_text .col button:focus .info .inner .tag span,
.stroy_list_text .col button:hover .info .inner .infolist ul li,
.stroy_list_text .col button:focus .info .inner .infolist ul li { color:#fff; }
.stroy_list_text .col button:hover .info .inner .tag span,
.stroy_list_text .col button:focus .info .inner .tag span { border:1px solid #fff; }
.stroy_list_text .col button:hover .info .inner .infolist ul li:before,
.stroy_list_text .col button:focus .info .inner .infolist ul li:before { background:#fff; opacity:0.5; }
.stroy_list_text .col button:hover .info .inner .infolist ul li.n1 span,
.stroy_list_text .col button:focus .info .inner .infolist ul li.n1 span { background-position: 0 -16px; }
.stroy_list_text .col button:hover .info .inner .infolist ul li.n2 span,
.stroy_list_text .col button:focus .info .inner .infolist ul li.n2 span { background-position: -16px -16px; }
.stroy_list_text .col button:hover .info .inner .infolist ul li.n3 span,
.stroy_list_text .col button:focus .info .inner .infolist ul li.n3 span { background-position: -32px -16px; }

@media(max-width:1023px) {
 .stroy_list_text { margin:40px 0 0; }
 .stroy_list_text .col a,
 .stroy_list_text .col button { padding:30px 30px; }
}
@media(max-width:767px) {
 .stroy_list_text .col .info .inner .infolist ul li { margin-left:20px; }
 .stroy_list_text .col .info .inner .infolist ul li:before { left: -14px; }
}
@media(max-width:580px) {
 .stroy_list_text .col .info .inner .infolist ul li { margin:0 5px; }
 .stroy_list_text .col .info .inner .infolist ul li:before { display:none; }
}



/* 경력사례라이브러리 추천 동영상, 카드뉴스, 텍스트 */
h2.h2.title { font-size:27px; }
h2.h2.title:before { display:none; }

.bgbox { position:relative; padding: 0 0 40px; }
.bgbox:before { display:block; position:absolute; top: 180px; right: -100%; bottom: 0; left: -100%; width:auto; height: auto; background:#f5f5f5; content:''; border-bottom:1px solid #ababab; }

.story_slide { position:relative; }
.story_slide .grap { margin: 0 -15px 55px; /* height: 260px; */ overflow:hidden; }
.story_slide .grap .obj { position: relative; padding: 40px 0 0; white-space: nowrap; overflow: hidden; /* overflow-x: auto; */ }
.story_slide .grap .obj:after { display:block; clear:both; content:''; visibility:hidden; }
.story_slide .col { display: inline-block; /* float:left; */ position:relative; width:calc(33.33% - 30px); /* height: 260px; */margin: 0 15px 0; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; }
.story_slide.type3 .col { height:260px; }
.story_slide .col a,
.story_slide .col button { display:block; width:100%; height:100%; }
.story_slide .col .thumb { position: relative; width:100%; height:100%; overflow:hidden; }
.story_slide .col .thumb:after { display:block; position:absolute; top:50%; left:50%; width:75px; height:75px; margin:-37.5px 0 0 -37.5px; background:url(/images/prog/ico10.png)no-repeat; content:''; }
.story_slide.type2 .col .thumb:after { display:none; }
.story_slide .col a:hover .thumb:after,
.story_slide .col a:focus .thumb:after,
.story_slide .col button:hover .thumb:after,
.story_slide .col button:focus .thumb:after { opacity:0; }
.story_slide .col .thumb span { display:block; position:relative; width:100%; height:100%; background-size:cover; overflow:hidden; background-position:center; background-repeat:no-repeat; }
.story_slide .col .thumb span img { width:100%; }
.story_slide .col .info { position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.6); text-align: center; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; }
.story_slide .col a:hover .info,
.story_slide .col a:focus .info,
.story_slide .col button:hover .info,
.story_slide .col button:focus .info { opacity:1; }
.story_slide .col .info .inner { position:absolute; top:50%; width:100%; padding: 0 8%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.story_slide .col .info .inner strong { display:block; /* display: -webkit-box; */ color:#fff; font-weight:bold; font-size:20px; line-height:1.4; white-space: nowrap; overflow: hidden; /* height: 56px; */ text-overflow: ellipsis; /* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; */ }
.story_slide .col .info .inner p { margin: 5px 0 0; color: #fff; font-size: 15px; white-space: nowrap; overflow: hidden; opacity: 0.8; text-overflow: ellipsis; }
.story_slide .col .info .inner .tag { margin: 5px 0; }
.story_slide .col .info .inner .tag span { display:inline-block; padding:0 10px; margin:0 3px; border:1px solid #fff; border-radius:30px; color:#fff; font-size:15px; line-height:28px; }
.story_slide .col .info .inner > span { display:inline-block; padding-left:20px; background:url(/images/prog/ico9.png)no-repeat left center; color:#fff; font-size:16px; opacity:0.8; }
.story_slide .control { position:absolute; top: -55px; right:0; }
.story_slide .control > button { width:35px; height:35px; margin-left:10px; border:1px solid #000; border-radius:50%; font-size: 0; }
.story_slide .control > button[data-control="prev"]:before,
.story_slide .control > button[data-control="next"]:before { width:8px; height:8px; border-width:2px; border-style: solid; border-color: #000; transform: rotate(45deg); }
.story_slide .control > button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
.story_slide .control > button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; }


.story_slide.type3 .col .info { background:#fff; background: #17ae6f; opacity:1; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; }
.story_slide.type3 .col a:hover .info,
.story_slide.type3 .col a:focus .info,
.story_slide.type3 .col button:hover .info,
.story_slide.type3 .col button:focus .info { background: #fff; }
.story_slide.type3 .col .info .inner p,
.story_slide.type3 .col .info .inner .tag span,
.story_slide.type3 .col .info .inner > span { color:#fff; }
.story_slide.type3 .col .info .inner > span { background:url(/images/prog/ico9.png)no-repeat left center; }
.story_slide.type3 .col .info .inner strong { display: block; display: -webkit-box; height: 56px; margin: 0 0 10px; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.4; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.story_slide.type3 .col .info .inner .tag span { border:1px solid #ddd; }
.story_slide.type3 .col a:hover .info .inner strong,
.story_slide.type3 .col a:focus .info .inner strong,
.story_slide.type3 .col a:hover .info .inner p,
.story_slide.type3 .col a:focus .info .inner p,
.story_slide.type3 .col a:hover .info .inner .tag span,
.story_slide.type3 .col a:focus .info .inner .tag span,
.story_slide.type3 .col a:hover .info .inner > span,
.story_slide.type3 .col a:focus .info .inner > span { color:#000; }
.story_slide.type3 .col a:hover .info .inner > span,
.story_slide.type3 .col a:focus .info .inner > span { background:url(/images/prog/ico9-2.png)no-repeat left center; }
.story_slide.type3 .col a:hover .info .inner .tag span,
.story_slide.type3 .col a:focus .info .inner .tag span { border:1px solid #ddd; }

.story_slide.type3 .col button:hover .info .inner strong,
.story_slide.type3 .col button:focus .info .inner strong,
.story_slide.type3 .col button:hover .info .inner p,
.story_slide.type3 .col button:focus .info .inner p,
.story_slide.type3 .col button:hover .info .inner .tag span,
.story_slide.type3 .col button:focus .info .inner .tag span,
.story_slide.type3 .col button:hover .info .inner > span,
.story_slide.type3 .col button:focus .info .inner > span { color:#fff; }
.story_slide.type3 .col button:hover .info .inner > span,
.story_slide.type3 .col button:focus .info .inner > span { background:url(/images/prog/ico9.png)no-repeat left center; }
.story_slide.type3 .col button:hover .info .inner .tag span,
.story_slide.type3 .col button:focus .info .inner .tag span { border:1px solid #fff; }


.story_slide.story_slideAdd .col.cardType .thumb:after { display:none; }
.story_slide.story_slideAdd .col { position:relative; border: none; overflow: visible; }
.story_slide.story_slideAdd .col a { border: 1px solid #ddd; border-radius: 20px; overflow:hidden; }
.story_slide.story_slideAdd .col .cate { position:absolute; top:-40px; left: 20px; height:40px; padding: 0 15px; border-radius: 10px 10px 0 0; background: #00965a; color:#fff; font-weight: bold; font-size: 15px; line-height:40px; }
.story_slide.story_slideAdd .col .info { border-radius:20px; }
.story_slide.story_slideAdd .col .info .inner strong { margin: 0 0 40px; }
.story_slide.story_slideAdd .col .info ul { margin: 5px 0 0; }
.story_slide.story_slideAdd .col .info ul li.n1 { position:absolute; top: 31px; left: 0; width: 100%; margin: 0; }
.story_slide.story_slideAdd .col .info ul li { display:inline-block; padding: 0 10px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.story_slide.story_slideAdd .col.textType .thumb { opacity:0; }

.story_slide.story_slideAdd .col.textType .info { background:#fff; background: #17ae6f; opacity:1; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); transition:all 0.3s; -webkit-transition:all 0.3s; }
.story_slide.story_slideAdd .col.textType a:hover .info,
.story_slide.story_slideAdd .col.textType a:focus .info,
.story_slide.story_slideAdd .col.textType button:hover .info,
.story_slide.story_slideAdd .col.textType button:focus .info { border:1px solid #ddd; background: #fff; }
.story_slide.story_slideAdd .col.textType a:hover .info .inner strong,
.story_slide.story_slideAdd .col.textType a:focus .info .inner strong,
.story_slide.story_slideAdd .col.textType a:hover .info ul li ,
.story_slide.story_slideAdd .col.textType a:focus .info ul li ,
.story_slide.story_slideAdd .col.textType a:hover .info .inner .tag span,
.story_slide.story_slideAdd .col.textType a:focus .info .inner .tag span { color:#000; }
.story_slide.story_slideAdd .col.textType a:hover .info .inner .tag span,
.story_slide.story_slideAdd .col.textType a:focus .info .inner .tag span { border:1px solid #ddd; }


@media(max-width:1199px) {
 .story_slide .col { width:calc(50% - 30px); }
}

@media(max-width:1023px) {
 .option { position: relative; bottom: 0; }
 .story_slide .grap { margin: 0 -15px 40px; }

}

@media(max-width:767px) {
 .story_slide .col { width:calc(100% - 30px); }
}



/* 경력사례라이브러리 상세 */

.slick-list,
.slick-list .slick-track,
.slick-list .slick-track .slick-slide,
.slick-list .slick-track .slick-slide >div { display:inline-block; width:100%; height:100%; vertical-align: top; }

/*.slick-arrow:before,
.slick-arrow:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ''; } */
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before { width: calc(100%/2.5); height: calc(100%/2.5); border-width:2px; border-style: solid; border-color: #333; transform: rotate(45deg); }
.slick-arrow.slick-prev:before { right: -5px; border-width: 0 0 2px 2px; }
.slick-arrow.slick-next:before { left: -5px; border-width: 2px 2px 0 0; }

.stroy_view { }
.stroy_view .title { margin: 0 0 35px; border-top:2px solid #00bf5e; }
.stroy_view .title strong { display:block; padding:20px 25px; color: #000; font-weight: bold; font-size: 16px; border-bottom: 1px solid #ddd; }
.stroy_view .title ul { margin: 10px 0 0; text-align:right; }
.stroy_view .title ul li { display:inline-block; position:relative; color:#666; font-size: 15px; }
.stroy_view .title ul li:before { display:inline-block; width:3px; height:3px; margin:0 20px; border-radius:50%; background:#ddd; content:''; vertical-align:middle; }
.stroy_view .title ul li:first-child:before { display:none; }
.stroy_view .title ul li span { display:inline-block; margin-right: 10px; color:#333; font-weight:bold; font-size: 15px; }
.stroy_view .sr-only { z-index: -1; font-size: 0; overflow:visible; opacity: 0; clip: inherit; }

.card_news { margin:0 0 80px; }
.card_news .thumb-photo { }
.card_news .thumb-photo .inner { }
.card_news .thumb-photo .inner .slider-for { position:relative; width:800px; /* height:800px; */margin:0 auto; }
.card_news .thumb-photo .inner .slider-for .slick-slide { border:1px solid #eee; }
.card_news .thumb-photo .inner .slider-for .slick-slide >div { position:relative; overflow:hidden; }
.card_news .thumb-photo .inner .slider-for img { /* position:absolute; *//* left:50%; *//* top:50%; *//* height: auto; *//* transform:translate(-50%,-50%); *//* -webkit-transform:translate(-50%,-50%); */ }
.card_news .thumb-photo .inner .slider-for .slick-arrow { position:absolute; top:50%; width:40px; height:40px; z-index:10; margin-top:-20px; font-size:0; }
.card_news .thumb-photo .inner .slider-for .slick-prev { left:-75px; }
.card_news .thumb-photo .inner .slider-for .slick-next { right:-75px; }
.card_news .thumb-photo .inner .slider-for .slick-arrow.slick-prev:before,
.card_news .thumb-photo .inner .slider-for .slick-arrow.slick-next:before { width:100%; height:100%; border-color: #ccc; }
.card_news .thumb-photo .inner .slider-for .slick-arrow.slick-prev:before { border-width: 0 0 3px 3px; }
.card_news .thumb-photo .inner .slider-for .slick-arrow.slick-next:before { border-width: 3px 3px 0 0; }


.card_news .thumb-photo .slider-nav { position:relative; width: 100%; padding: 0 70px; margin: 70px auto 0; }
.card_news .thumb-photo .slider-nav .slick-track:after { display:block; clear:both; content:''; visibility:hidden; }
.card_news .thumb-photo .slider-nav .slick-list { overflow: hidden; }
.card_news .thumb-photo .slider-nav .slick-slide { float:left; width:115px; height: 115px; margin: 0 4px; overflow: hidden; }
.card_news .thumb-photo .slider-nav .slick-slide.slick-active.slick-current,
.card_news .thumb-photo .slider-nav .slick-slide.slick-active,
.card_news .thumb-photo .slider-nav .slick-slide.slick-current { border: 4px solid #11ab66; }
.card_news .thumb-photo .slider-nav .slick-slide button { display:block; width:100%; height:100%; }
.card_news .thumb-photo .slider-nav .slick-slide button:hover,
.card_news .thumb-photo .slider-nav .slick-slide button:focus { border:2px dotted #000; }
.card_news .thumb-photo .slider-nav .slick-slide img { width:100%; height:100%; }
.card_news .thumb-photo .slider-nav .slick-arrow { position:absolute; top:50%; width:40px; height:40px; z-index:10; margin-top:-20px; border: 2px solid #1aae6c; border-radius: 50%; font-size:0; }
.card_news .thumb-photo .slider-nav .slick-prev { left:0; }
.card_news .thumb-photo .slider-nav .slick-next { right:0; }
.card_news .thumb-photo .slider-nav .slick-arrow.slick-prev:before,
.card_news .thumb-photo .slider-nav .slick-arrow.slick-next:before {content:'';display:block;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left: -4px;width:8px;height:8px;border-color: #1aae6c;}

@media(max-width:1023px) {
 .card_news .thumb-photo .inner .slider-for { width:100%; /* height:600px; */padding:0 75px; }
 .card_news .thumb-photo .inner .slider-for .slick-prev { left:0; }
 .card_news .thumb-photo .inner .slider-for .slick-next { right:0; }
}

@media(max-width:767px) {
 .stroy_view .title ul li:before { margin:0 10px; }

 .card_news .thumb-photo .inner .slider-for { /* height:450px; */padding: 0; }
 .card_news .thumb-photo .inner .slider-for .slick-arrow { display:none; }
 .card_news .thumb-photo .slider-nav { padding: 0 50px; margin:30px 0 0; }
 .card_news .thumb-photo .slider-nav .slick-slide { width:90px; height:90px; }
}

@media(max-width:580px) {
 .card_news .thumb-photo .inner .slider-for { /* height:350px */ }
}






/* 커리어 대시보드 */
.dashbox { }
.dashbox .d-top { margin: 0 -10px; }
.dashbox .d-top a.type { display:inline-block; height:40px; padding:0 20px; border-radius: 5px; color:#fff; font-size:15px; line-height: 37px; }
.dashbox .d-top a.type span { display:inline-block; margin:-2px 10px 0 0; vertical-align:middle; }
.dashbox .d-top a.type1 { border: 1px solid #2a3256; background: #2a3256; }
.dashbox .d-top a.type1 span { display: none; width:20px; height:18px; background:url(/images/prog/ico12.png)no-repeat; }
.dashbox .d-top a.type2 { border:1px solid #00a558; background:#00a558; }
.dashbox .d-top a.type2 span { width:14px; height:20px; background:url(/images/prog/ico13.png)no-repeat; }
.dashbox .d-top a.type3 { border:1px solid #2a3256; background:#2a3256; }
.dashbox .d-top1 .box { position:relative; float:left; width:calc(50% - 20px); height: 105px; padding: 0 35px; margin: 0 10px 20px; border:1px solid #ddd; border-radius:20px; }
.dashbox .d-top1 .box.reportBox { width:100%; }
.dashbox .d-top1 .box1 .tit { }
.dashbox .d-top1 .box1 .tit span { display:inline-block; width:60px; height:30px; margin: 3px 5px 0 0; border-radius: 20px; background:#00a558; color:#fff; font-weight: bold; font-size: 16px; line-height: 30px; text-align:center; vertical-align: middle; }
.dashbox .d-top1 .box1 .tit strong { display:inline-block; color:#222; font-weight:bold; font-size: 20px; line-height: 101px; vertical-align: middle; }
.dashbox .d-top1 .box1 .tit strong em { display:inline-block; padding-right:25px; margin-left: 10px; background:url(/images/prog/ico11.png)no-repeat right center; color:#767676; font-size: 15px; vertical-align: middle; }
.dashbox .d-top1 .box1 .btn_box { position:absolute; top:32.5px; right:35px; }
.dashbox .d-top1 .box2 { }
.dashbox .d-top1 .box2 .tit { color:#000; font-weight:bold; font-size:20px; line-height:103px; }
.dashbox .d-top1 .box2 .btn_box { position:absolute; top:32.5px; right:35px; }

.dashbox .d-top2 .group { position:relative; float:left; width:calc(50% - 20px); margin: 0 10px 20px; }
.dashbox .d-top2 .group1 { padding: 0 35px; border: 1px solid #ddd; border-radius: 20px; }
.dashbox .d-top2 .box { position:relative; height: 100px; }
.dashbox .d-top2 .box1 { border-bottom:1px solid #ddd; }
.dashbox .d-top2 .box1 .tit span { display:inline-block; width:60px; height:30px; margin: 3px 5px 0 0; border-radius: 20px; background:#00a558; color:#fff; font-weight: bold; font-size: 16px; line-height: 30px; text-align:center; vertical-align: middle; }
.dashbox .d-top2 .box1 .tit strong { display:inline-block; color:#222; font-weight:bold; font-size: 24px; line-height: 95px; vertical-align: middle; }
.dashbox .d-top2 .box1 .tit strong em { display:inline-block; padding-right: 18px; margin-left: 10px; background:url(/images/prog/ico11.png)no-repeat right center; color:#767676; font-size: 15px; vertical-align: middle; }
.dashbox .d-top2 .box1 .btn_box { position:absolute; top: 30px; right:0; }
.dashbox .d-top2 .box2 { }
.dashbox .d-top2 .box2 .tit { color:#000; font-weight:bold; font-size:20px; line-height:103px; }
.dashbox .d-top2 .box2 .btn_box { position:absolute; top:30px; right:0; }
.dashbox .d-top2 .group2 { }
.dashbox .d-top2 .group2 ul { margin:0 -10px; }
.dashbox .d-top2 .group2 ul li { float:left; width:calc(33.33% - 20px); height:200px; margin:0 10px; border: 1px solid #ddd; border-radius: 20px; }
.dashbox .d-top2 .group2 ul li a { display:block; width:100%; height:100%; padding: 55px 0 0; text-align:center; }
.dashbox .d-top2 .group2 ul li .ico { display:block; width:20px; margin:0 auto; }
.dashbox .d-top2 .group2 ul li .ico1 { height:18px; background:url(/images/prog/ico16.png)no-repeat; }
.dashbox .d-top2 .group2 ul li .ico2 { height:19px; background:url(/images/prog/ico17.png)no-repeat; }
.dashbox .d-top2 .group2 ul li .ico3 { height:20px; background:url(/images/prog/ico18.png)no-repeat; }
.dashbox .d-top2 .group2 ul li p { margin: 3px 0 0; color:#333333; font-size:17px; }
.dashbox .d-top2 .group2 ul li strong { display:block; margin: 5px 0 0; color:#555555; font-size:20px; line-height: 1.3; }
.dashbox .d-top2 .group2 ul li strong em { display:inline-block; color:#00a558; font-weight:bold; font-size:34px; }




.dashbox .d-bot { }
.dashbox .d-bot ul { margin:0 -10px; }
.dashbox .d-bot ul li { position:relative; float:left; width: calc(25% - 20px); height: 476px; padding:50px 40px; margin: 0 10px 20px; border-radius: 20px; }
.dashbox .d-bot ul li.n1 { background:#00935d url(/images/prog/bg_ico1.png)no-repeat left 95%; }
.dashbox .d-bot ul li.n2 { background:#11a8b1 url(/images/prog/bg_ico2.png)no-repeat left 95%; }
.dashbox .d-bot ul li.n3 { background:#006f9a url(/images/prog/bg_ico3.png)no-repeat left 95%; }
.dashbox .d-bot ul li.n4 { background: #21437b url(/images/prog/bg_ico4.png)no-repeat left 88%; }

.dashbox .d-bot ul li .tit { display:block; margin: 0 0 20px; color:#fff; font-weight:bold; font-size:26px; line-height: 1; text-align: left; }
.dashbox .d-bot ul li .btn_box { /* position:absolute; *//* right:40px; *//* bottom: 30px; */width: 100%; }
.dashbox .d-bot ul li .btn_box a { display:block; padding: 10px 0; background: url(/images/prog/arr.png)no-repeat 95% 82%; text-align: left; }
.dashbox .d-bot ul li .btn_box a { border-bottom:1px solid rgba(0,0,0,.1); }
.dashbox .d-bot ul li .btn_box strong { display:block; color:#fff; font-size:16px; }
.dashbox .d-bot ul li .btn_box p { margin: 0; color:#fff; font-size: 18px; line-height: 1; }
.dashbox .d-bot ul li .btn_box p span { display:inline-block; padding-right: 2px; margin: 0 0 -3px; color:#fff; font-weight:bold; font-size:38px; line-height:1; vertical-align: bottom; }
.dashbox .d-bot ul li .btn_box a:last-child { border-bottom:none; }

@media(max-width:1319px) {
 .dashbox .d-top1 .box { float:none; width:calc(100% - 20px); margin:0 10px 20px; }
 .dashbox .d-bot ul li .btn_box { width:auto; min-width:150px; }

 .dashbox .d-top2 .group { float:none; width:calc(100% - 20px); margin:0 10px 20px; }
}

@media(max-width:1023px) {
 .dashbox .d-bot ul li { width:calc(100% - 20px); height: auto; margin: 0 10px 20px; text-align: right; }
 .dashbox .d-bot ul li .btn_box { position: static; width:auto; }
 .dashbox .d-bot ul li .btn_box a { display:inline-block; width:195px; padding: 0 20px 10px; /* margin: 0 10px; */background-position: 86% 90%; }
 .dashbox .d-bot ul li .btn_box a:first-child { border:none; border-right: 1px solid rgba(0,0,0,.1); }
}

@media(max-width:767px) {
 .dashbox .d-top1 .box { height:auto; padding: 30px; }
 .dashbox .d-top1 .box .btn_box { text-align: right; }
 .dashbox .d-top1 .box1 .btn_box { position:absolute; }
 .dashbox .d-top1 .box1 .tit { margin:0 0 20px; }
 .dashbox .d-top1 .box1 .tit strong { line-height:1.5; }
 .dashbox .d-top1 .box2 .btn_box { position:static; }
 .dashbox .d-top1 .box2 .tit { margin:0 0 20px; line-height:1.5; }
 .dashbox .d-bot ul li { padding:40px 30px; }
 .dashbox .d-bot ul li .tit { margin:0 0 20px; }

 .dashbox .d-top2 .group1 { padding:0 30px; }
 .dashbox .d-top2 .box { height:auto; padding:30px 0; }
 .dashbox .d-top2 .box .btn_box { text-align: right; }
 .dashbox .d-top2 .box1 .btn_box { position:static; }
 .dashbox .d-top2 .box1 .tit { margin:0 0 20px; }
 .dashbox .d-top2 .box1 .tit strong { line-height:1.5; }
 .dashbox .d-top2 .box2 .btn_box { position:static; }
 .dashbox .d-top2 .box2 .tit { margin:0 0 20px; line-height:1.5; }

}

@media(max-width:580px) {
 .dashbox .d-top1 .box1 .tit span { display: block; margin:0 0 10px; vertical-align:top; }
 .dashbox .d-top1 .box1 .tit strong { line-height:1.1; }
 .dashbox .d-top1 .box1 .tit strong em { margin:0; }

 .dashbox .d-top2 .box1 .tit span { display: block; margin:0 0 10px; vertical-align:top; }
 .dashbox .d-top2 .box1 .tit strong { line-height:1.1; }
 .dashbox .d-top2 .box1 .tit strong em { margin:0; }
 .dashbox .d-top2 .group2 ul li { float:none; width:calc(100% - 20px); height:200px; margin:0 10px 20px; }

 .dashbox .d-bot ul li .btn_box { display: inline-block; width: 175px; }
 .dashbox .d-bot ul li .btn_box a { display:block; padding: 20px 0; margin: 0; }
 .dashbox .d-bot ul li .btn_box a:first-child { border:none; border-bottom:1px solid rgba(0,0,0,.1); }

}
@media(max-width:500px) {
 .dashbox .d-top a.type { display:block; margin:5px 0; text-align:center; }
 .dashbox .d-top1 .box1 .btn_box { position:static; }
 .dashbox .d-top1 .box1 .tit,
 .dashbox .d-top1 .box1 .btn_box { text-align:center; }
}





/* 역량진단결과 */
.result_top { padding:30px 50px; margin:0 0 50px; border-radius: 20px; background:#f7f7f7; }
.result_top .leftcon { float:left; color: #353535; font-weight: bold; font-size: 22px; line-height: 25px; }
.result_top .rightcon { float:right; }
.result_top .rightcon ul { text-align:right; }
.result_top .rightcon ul li { display:inline-block; margin-left: 55px; color: #666; font-size: 16px; line-height: 25px; }
.result_top .rightcon ul li span { display:inline-block; position: relative; padding-left: 25px; margin: 0 30px 0 0; color: #333; font-weight: bold; font-size: 16px; line-height: 24px; vertical-align:top; }
.result_top .rightcon ul li span:after { display:block; position:absolute; top: 7px; right:-15px; width:1px; height:12px; background:#ddd; content:''; }
.result_top .rightcon ul li.n1 span { background:url(/images/prog/ico19.png)no-repeat left 57%; }
.result_top .rightcon ul li.n2 span { background:url(/images/prog/ico20.png)no-repeat left 57%; }
.result_top .rightcon ul li.n3 span { background:url(/images/prog/ico21.png)no-repeat left 54%; }

.result_con { }
.result_con ul { margin:0 -10px; }
.result_con ul li { float:left; width:calc(50% - 20px); padding:30px 50px; margin:0 10px 20px; border:1px solid #ddd; border-radius: 20px; }
.result_con ul li strong { display:block; color:#222; font-weight:bold; font-size:17px; }
.result_con ul li strong span { display:inline-block; width:30px; height:30px; margin-right: 10px; border-radius:50%; background: #17b67e; color: #fff; font-weight: bold; font-size: 14px; line-height: 32px; text-align: center; }
.result_con ul li p { display:block; color:#666; font-weight:bold; font-size:16px; }
.result_con ul li p span { display:inline-block; margin:0 5px; color:#189b5d; font-weight:bold; }
.result_con ul li .number { position:relative; margin: 45px 0 0; }
.result_con ul li .number .legend { position:relative; margin:10px 0 0; text-align:center; }
.result_con ul li .number .legend span { display:inline-block; color:#555555; font-weight: bold; font-size:15px; font-family:'nsr'; }
.result_con ul li .number .legend span.s1 { float:left; }
.result_con ul li .number .legend span.s2 { position: absolute; top: 0; left: 50%; width: 30px; margin-left: -15px; text-align: center; }
.result_con ul li .number .legend span.s3 { float:right; }
.result_con ul li .number .num { position:absolute; top: -35px; width:40px; height:40px; z-index: 1; margin-left: -20px; border-radius:50%; background: #ffd002; color: #555; font-weight: bold; font-size: 15px; line-height: 42px; text-align: center; }
.result_con ul li .number .num:before { display:block; position:absolute; bottom: -7px; left:50%; margin-left: -5px; content:''; border-top: 10px solid #ffd002; border-left:5px solid transparent; border-right:5px solid transparent; }
.result_con ul li .number .bar { position:relative; width:100%; height:20px; border-radius:30px; background:#2a3354; }
.result_con ul li .number .bar:before { display:block; position:absolute; top: -7px; left:50%; width:14px; height:30px; margin-left: -7px; border:1px solid #2a3354; background:#fff; content:''; box-sizing: border-box; }

.result_con .group { float:left; }
.result_con .group1 { width:calc(100% - 420px); margin-right:20px; }
.result_con .group1 ul li { position:relative; width:calc(100% - 20px); height: 130px; padding-left: 275px; }
.result_con .group1 ul li strong { position:absolute; top: 50px; left: 50px; }
.result_con .group1 ul li .number { margin:25px 0 0; }
.result_con .group2 { display:block; width:400px; height:430px; padding: 40px; border:1px solid #ddd; border-radius: 20px; color:#666; font-weight:bold; font-size:16px; }
.result_con .group2 span { display:inline-block; margin:0 3px; color:#189b5d; font-weight:bold; }

.result_tbl .btn { padding:5px 10px; margin:2px 1px; }
.result_tbl table .mentorshare { display:inline-block; width:100%; height:30px; margin: 3px 5px 0 0; border-radius: 20px; background:#11a8b1; color:#fff; line-height: 30px; text-align:center; vertical-align: middle; }


@media(max-width:1199px) {
 .result_top { padding:30px 50px 20px; }
 .result_top .leftcon { float:none; width:100%; }
 .result_top .rightcon { float:none; width:100%; margin:10px 0 0; }
 .result_top .rightcon ul { text-align:left; }
 .result_top .rightcon ul li { margin:5px 30px 5px 0; }

 .result_con .group1 { width:calc(100% - 350px); }
 .result_con .group1 ul li { padding-left:210px; }
 .result_con .group2 { width:330px; }
}
@media(max-width:1262px) {
 .table-responsive.result_tbl { display:block; width:100%; overflow-x:auto; -ms-overflow-style:0; }
 .table-responsive.result_tbl table { width:1200px; }
}

@media(max-width:1023px) {
 .result_con ul li { float:none; width:calc(100% - 20px); }

 .result_con .group1 { float:none; width:100%; }
 .result_con .group2 { float:none; width:100%; height:auto; }
}

@media(max-width:767px) {
 .result_top { padding: 30px 30px 20px; }
 .result_con ul li { padding:30px; }

 .result_con .group1 ul li { height:auto; padding:30px; }
 .result_con .group1 ul li strong { position:static; margin: 0 0 40px; }
 .result_con .group2 { padding:30px; }
}

@media(max-width:500px) {
 .result_top .rightcon ul li { display:block; }
 .result_top .rightcon ul li span { display:block; }
 .result_top .rightcon ul li span:after { display:none; }
}



/* 개인정보 수정 */
#mapage_tab { }
#mapage_tab .con_wrap { }
#mapage_tab .con_wrap .con { display:none; }
#mapage_tab .con_wrap .con.ov { display:block; }

.learning_list { }
.learning_list ul { margin:0 -10px; }
.learning_list ul li { float:left; width:calc(50% - 20px); padding:40px 45px; margin:0 10px 20px; border:1px solid #ddd; border-radius:20px; overflow:hidden; }
/* .learning_list ul li.n1 { background:url(/images/prog/bg_ico4.jpg)no-repeat right bottom; width: calc(100% - 20px); } 
.learning_list ul li.n2 { background:url(/images/prog/bg_ico5.jpg)no-repeat right bottom; } */
.learning_list ul li.n1 { position: relative; width: calc(100% - 20px); padding-left: 482px; }
.learning_list ul li.n1:after { display: inline-block; position: absolute; top: 49%; left: 90px; width: 260px; height: 56px; background: url(/images/prog/campus_logo.png)no-repeat; background-size: contain; content:''; transform: translate(0, -50%); }
.learning_list ul li strong { display:block; color:#333333; font-weight:bold; font-size:24px; line-height: 1.3; }
.learning_list ul li p { display: block; margin: 15px 0 35px; color:#666666; font-size:16px; line-height: 1.4; }
.learning_list ul li a { margin:0; }
.learning_list ul li .btn-wrap { display: block; position: relative;;; }
.learning_list ul li .btn-wrap .btn.btn-primary.btn-lg.btn-icon { padding: 14px 80px; }

@media(max-width:1319px) {
 .learning_list ul li.n1,
 .learning_list ul li.n2 { }
}
@media(max-width:1023px) {
 .learning_list ul li { float:none; width:calc(100% - 20px); }
}

@media (max-width:880px) {
 .learning_list ul li.n1 { padding: 40px 45px 40px 305px; }
 .learning_list ul li.n1:after { top: 50%; left: 45px; width: 210px; }
}

@media (max-width:676px) {
 .learning_list ul li.n1:after { display: none; }
 .learning_list ul li.n1 { padding: 40px 45px; }
 .learning_list ul li strong, .learning_list ul li p { text-align: left; word-break: keep-all; }
 .learning_list ul li .btn-wrap { text-align: center; }
}

@media(max-width:580px) {
 .learning_list ul li { padding:30px; }
 .learning_list ul li.n1,
 .learning_list ul li.n2 { background-size:auto 120px; }
}

@media (max-width:440px) {
 .learning_list ul li.n1 { padding: 30px; }
}



/* 통합 검색 */
.totla_search { position: relative; z-index: 1; padding:42px 50px; border-radius:10px; background: #fff; box-shadow:1px 1px 3px rgba(0,0,0,.2); }
.totla_search input,
.totla_search select { padding-left: 15px; color:#767676; font-size:15px; }
.totla_search .inner { position:relative; }
.totla_search .right_con { text-align:center; }
.totla_search .right_con .tit { display:inline-block; color:#000; font-weight:bold; font-size:22px; line-height:40px; vertical-align: top; }
.totla_search .right_con .item { display:inline-block; margin-left: 30px; vertical-align: top; }
.totla_search .right_con .search_form { display:inline-block; vertical-align: top; }
.totla_search .right_con .search_form input { width: 500px; height:42px; margin: 0 10px 0 5px; border:1px solid #e2e2e2; line-height:42px; }
.totla_search .right_con .submit { display:inline-block; vertical-align: top; }
.totla_search .right_con .submit input { width: 60px; height:42px; padding: 0; border-radius: 5px; background: #354346; color: #fff; line-height:42px; text-align: center; }

.totla_form .program--search { padding:30px; }
.totla_form .program--search .search--btn input[type="submit"] { width:100%; min-width:95px; padding: 0; background: #354346; }
.totla_form .program--search .program--count { font-weight:bold; }

.total_search_wrap .highlight { display:inline-block; position:static; width:auto; height:auto; color: #11ab66; font-weight: bold; opacity: 1; vertical-align: top; }

@media(max-width:1023px) {
 .totla_search { padding:30px; }
 .totla_search .right_con .tit { display:block; margin:0 0 10px; }
 .totla_search .right_con .item { width:100%; margin: 0; }
 .totla_search .right_con .search_form { display:block; float:left; width:calc(80% - 10px); }
 .totla_search .right_con .search_form input { width:100%; margin: 0; }
 .totla_search .right_con .submit { display:block; float:right; width:20%; }
 .totla_search .right_con .submit input { width:100%; }
}

@media(max-width:400px) {
 .totla_search .right_con .search_form { float:none; width:100%; margin:0 0 5px; }
 .totla_search .right_con .submit { float:none; width:100%; }

}




/* 재직자 역량진단 보고서 */
.report_wrap { padding:20px; background:#ddd; }
.report_wrap p { margin:5px 0 0; }
.report_wrap * { color:#191919; font-size: 14px; }
.report_form { position:relative; width:210mm; height:297mm; padding: 60px 60px 0; margin:0 0 20px; background:#fff; }
.report_form .r_logo { position:absolute; bottom: 40px; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.report_form .pagenum { position:absolute; top: 185px; right: -185px; width: 400px; height:30px; padding-left:55px; background:#1ab781; color:#fff; font-weight:bold; font-size:14px; line-height:30px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.report_form .pagenum span { display:inline-block; position:absolute; right:30px; bottom: -13px; color:#fff; font-weight:bold; font-size:37px; line-height:1; }
.report_form .sub_title { position:relative; margin: 0 0 20px; }
.report_form .sub_title:before { display:block; position:absolute; right: 0; content:''; }
.report_form .sub_title strong { display:block; position: relative; padding: 0 0 10px; margin: 0 0 15px; color:#191919; font-weight:bold; font-size:30px; line-height:1.1; border-bottom:1px solid #ececec; }
.report_form .sub_title strong:before { display:block; position:absolute; top:-3px; left:-5px; width:4px; height:4px; border-radius:50%; background:#13b17b; content:''; }
.report_form .sub_title strong:after { display:block; position:absolute; bottom:-1px; left:0; width:115px; height:1px; background:#13b17b; content:''; }
.report_form .sub_title strong span { display:inline-block; color:#13b17b; font-weight:bold; font-size:30px; line-height:1.1; }
.report_form .sub_title p { }
.report_form .sub_title p span { color:#10ad77; font-weight:bold; }
.report_form .graph_info { min-height: 240px; padding: 20px; border-radius: 20px; background:#f5f5f4; }
.report_form .re_tit { position:relative; margin:30px 0 0; font-weight: bold; font-size: 15px; }
.report_form .re_tit:before { display:inline-block; width:15px; height: 9px; margin-right: 5px; background:url(/images/prog/bul.png)no-repeat; background-size:15px auto; content:''; vertical-align:middle; }

.report_form.page1 { height: 297mm; }
.report_form.page1 .title { margin: 95px 0 0; }
.report_form.page1 .title strong { display:block; color:#191919; font-weight:bold; font-size: 38px; line-height:1.1; }
.report_form.page1 .title strong span { display:inline-block; color:#05a56e; font-weight:bold; font-size:38px; line-height:1.1; }
.report_form.page1 .title p { margin: 10px 0 0; font-size: 13px; }
.report_form.page1 .box1 { margin: 40px 0; }
.report_form.page1 .box1 p { margin:0; }
.report_form.page1 .box1 strong { font-weight:bold; font-size: 16px; }
.report_form.page1 .box1 strong span { display:inline-block; position: relative; margin-left: 20px; color:#05a56e; font-weight:bold; font-size: 16px; }
.report_form.page1 .box1 strong span:before { display:block; position:absolute; top:7px; left:-10px; width:1px; height:10px; background:#d6d5d2; content:''; }
.report_form.page1 .box2 { padding: 30px; border-radius: 20px; background:#f5f5f4; }

.report_form.page2 { }
.report_form.page2 .sub_title { position:relative; margin: 0 0 70px; }
.report_form.page2 .sub_title:before { top: -27px; width: 90px; height: 72px; background:url(/images/prog/page_tit1.png)no-repeat; background-size: 90px auto; }
.report_form.page2 .box { }
.report_form.page2 .box2 { padding: 35px 0; margin: 35px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }
.report_form.page2 .infobox { position:relative; padding: 30px 25px; padding-left: 125px; margin:50px 0 0; border-radius:20px; background:#f5f5f4; }
.report_form.page2 .infobox .ico { position:absolute; top: 25px; left:25px; }
.report_form.page2 .infobox .ico img { width: 75px; }

.report_form.page3 .sub_title:before { top: -24px; width: 70px; height: 61px; background: url(/images/prog/page_tit2.png)no-repeat; background-size: 70px auto; }
.report_form.page4 .sub_title:before,
.report_form.page5 .sub_title:before,
.report_form.page6 .sub_title:before,
.report_form.page7 .sub_title:before { top: -33px; width: 70px; height: 69px; background: url(/images/prog/page_tit3.png)no-repeat; background-size: 70px auto; }
.report_form.page3 .pageresult ul { margin:0 -10px; }
.report_form.page3 .pageresult ul li { position: relative; float:left; width:calc(100% - 20px); padding: 20px 40px; padding-left: 160px; margin:0 10px 20px; border:1px solid #ddd; border-radius: 20px; }
.report_form.page3 .pageresult ul li strong { display:block; position: absolute; top: 44px; left: 35px; color:#222; font-weight:bold; font-size: 14px; }
.report_form.page3 .pageresult ul li strong span { display:inline-block; width: 20px; height: 20px; margin-right: 5px; border-radius:50%; background: #17b67e; color: #fff; font-weight: bold; font-size: 12px; line-height: 22px; text-align: center; }
.report_form.page3 .pageresult ul li p { display:block; color:#666; font-weight:bold; font-size:16px; }
.report_form.page3 .pageresult ul li p span { display:inline-block; margin:0 5px; color:#189b5d; font-weight:bold; }
.report_form.page3 .pageresult ul li .number { position:relative; margin: 30px 0 0; }
.report_form.page3 .pageresult ul li .number .legend { position:relative; margin:10px 0 0; text-align:center; }
.report_form.page3 .pageresult ul li .number .legend span { display:inline-block; color:#555555; font-weight: bold; font-size: 12px; font-family:'nsr'; }
.report_form.page3 .pageresult ul li .number .legend span.s1 { float:left; }
.report_form.page3 .pageresult ul li .number .legend span.s2 { position: absolute; top: 0; left: 50%; width: 30px; margin-left: -15px; text-align: center; }
.report_form.page3 .pageresult ul li .number .legend span.s3 { float:right; }
.report_form.page3 .pageresult ul li .number .num { position:absolute; top: -30px; width: 30px; height: 30px; z-index: 1; margin-left: -15px; border-radius:50%; background: #ffd002; color: #555; font-weight: bold; font-size: 14px; line-height: 32px; text-align: center; }
.report_form.page3 .pageresult ul li .number .num:before { display:block; position:absolute; bottom: -6px; left:50%; margin-left: -3px; content:''; border-top: 7px solid #ffd002; border-left: 3px solid transparent; border-right: 3px solid transparent; }
.report_form.page3 .pageresult ul li .number .bar { position:relative; width:100%; height: 10px; border-radius:30px; background:#2a3354; }
.report_form.page3 .pageresult ul li .number .bar:before { display:block; position:absolute; top: -3px; left:50%; width: 8px; height: 16px; margin-left: -4px; border:1px solid #2a3354; background:#fff; content:''; box-sizing: border-box; }
.report_form.page3 .pageresult .group2 { }
.report_form.page3 .pageresult .group2 span { color:#10ad77; font-weight:bold; }
.report_form.page3 .graphbox { padding: 10px; margin: 30px 0 0; border-radius: 20px; background:#f5f5f4; }
.report_form.page3 .graphbox .box { border-radius:10px; overflow:hidden; }
.report_form.page3 .graphbox .info { position:relative; padding: 25px 0 15px; padding-left: 130px; }
.report_form.page3 .graphbox .info .ico { position:absolute; top: 20px; left: 25px; }
.report_form.page3 .graphbox .info .ico span { display:block; margin: 0 0 5px; text-align: center; }
.report_form.page3 .graphbox .info .ico span img { width: 50px; }
.report_form.page3 .graphbox .info > span { display:inline-block; vertical-align:middle; }
.report_form.page3 .graphbox .info > span img { width:20px; margin-right:5px; }
.report_form.page3 .graphbox .info em { color:#10ad77; font-weight:bold; }
.report_form.page4 { }






/* 대학원색 역량진단 보고서 */
.report_wrap2 { padding:20px; background:#ddd; }
.report_wrap2 p { margin: 5px 0 13px; }
.report_wrap2 * { color:#191919; font-size: 14px; }
.report_form2 { position:relative; /* height:297mm; */ width:210mm; min-height: 297mm; padding: 60px 60px 75px; margin:0 0 20px; background:#fff; }
.report_form2 .r_logo { position:absolute; bottom: 20px; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.report_form2 .pagenum { position:absolute; top: 185px; right: -185px; width: 400px; height:30px; padding-left:55px; background:#1ab781; color:#fff; font-weight:bold; font-size:14px; line-height:30px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.report_form2 .pagenum span { display:inline-block; position:absolute; right:30px; bottom: -13px; color:#fff; font-weight:bold; font-size:37px; line-height:1; }
.report_form2 .sub_title { position:relative; margin: 0 0 20px; }
.report_form2 .sub_title:before { display:block; position:absolute; right: 0; content:''; }
.report_form2 .sub_title strong { display:block; position: relative; padding: 0 0 10px; margin: 0 0 15px; color:#191919; font-weight:bold; font-size:30px; line-height:1.1; border-bottom:1px solid #ececec; }
.report_form2 .sub_title strong:before { display:block; position:absolute; top:-3px; left:-5px; width:4px; height:4px; border-radius:50%; background:#13b17b; content:''; }
.report_form2 .sub_title strong:after { display:block; position:absolute; bottom:-1px; left:0; width:115px; height:1px; background:#13b17b; content:''; }
.report_form2 .sub_title strong span { display:inline-block; color:#13b17b; font-weight:bold; font-size:30px; line-height:1.1; }
.report_form2 .sub_title p { }
.report_form2 .sub_title p span { color:#10ad77; font-weight:bold; }
.report_form2 .graph_info { min-height: 240px; padding: 20px; border-radius: 20px; background:#f5f5f4; }
.report_form2 .re_tit { position:relative; margin: 30px 0 5px; font-weight: bold; font-size: 15px; }
.report_form2 .re_tit:before { display:inline-block; width:15px; height: 9px; margin-right: 5px; background:url(/images/prog/bul.png)no-repeat; background-size:15px auto; content:''; vertical-align:middle; }

.report_form2.page1 { height: 297mm; }
.report_form2.page1 .inner { position: relative; width:100%; height: 90%; padding: 65px 50px 0; border: 5px solid #f2f2f2; }
.report_form2.page1 .inner:after { display:block; position:absolute; top: 260px; right: -60px; width: 650px; height: 523px; background:url(/images/prog/page_bg.png)no-repeat; background-size: 650px auto; content:''; }
.report_form2.page1 .inner strong img { width:275px; }
.report_form2.page1 .box1 { margin: 40px 0; }
.report_form2.page1 .box1 p { margin:0; }
.report_form2.page1 .box1 strong { font-weight:bold; font-size: 16px; }
.report_form2.page1 .box1 strong span { display:inline-block; position: relative; margin-left: 20px; color:#05a56e; font-weight:bold; font-size: 16px; }
.report_form2.page1 .box1 strong span:before { display:block; position:absolute; top:7px; left:-10px; width:1px; height:10px; background:#d6d5d2; content:''; }
.report_form2.page1 .box2 { position: absolute; right: 50px; bottom: 45px; left: 50px; width: auto; }
.report_form2.page1 .box2 span { display:inline-block; color:#019c67; font-weight:bold; }

.report_form2.page2 { }
.report_form2.page2 .sub_title { position:relative; }
.report_form2.page2 .sub_title:before { top: -27px; width: 90px; height: 72px; background:url(/images/prog/page_tit1.png)no-repeat; background-size: 90px auto; }
.report_form2.page2 .box img { width:95%; }
.report_form2.page2 .infobox { position:relative; padding: 30px 25px; padding-left: 125px; margin: 20px 0 0; border-radius:20px; background:#f5f5f4; }
.report_form2.page2 .infobox .ico { position:absolute; top: 25px; left:25px; }
.report_form2.page2 .infobox .ico img { width: 75px; }


.pageresult2 { }
.pageresult2 ul { margin:0 -5px; }
.pageresult2 ul li { float:left; width: calc(50% - 10px); padding: 15px 15px 5px; margin: 0 5px 10px; border:1px solid #ddd; border-radius: 20px; }
.pageresult2 ul li strong { display: block; margin: 0 0 5px; color: #222; font-weight: bold; font-size: 13px; }
.pageresult2 ul li strong span { display: inline-block; width: 20px; height: 20px; margin-right: 5px; border-radius: 50%; background: #17b67e; color: #fff; font-weight: bold; font-size: 12px; line-height: 22px; text-align: center; }
.pageresult2 ul li p { display: block; position: relative; padding-left: 10px; margin: 0; color:#666; font-weight:bold; font-size: 12px; }
.pageresult2 ul li p:before { display:block; position:absolute; top:8px; left: 5px; width:2px; height:2px; background:#333; content:''; }
.pageresult2 ul li p span { display:inline-block; margin:0 5px; color:#189b5d; font-weight:bold; font-size: 12px; }
.pageresult2 ul li .number { position:relative; margin: 20px 0 0; }
.pageresult2 ul li .number .legend { position:relative; margin:10px 0 0; text-align:center; }
.pageresult2 ul li .number .legend span { display:inline-block; color:#555555; font-weight: bold; font-size: 10px; font-family:'nsr'; }
.pageresult2 ul li .number .legend span.s1 { float:left; }
.pageresult2 ul li .number .legend span.s2 { position: absolute; top: 0; left: 50%; width: 30px; margin-left: -15px; text-align: center; }
.pageresult2 ul li .number .legend span.s3 { float:right; }
.pageresult2 ul li .number .num { position:absolute; top: -22px; width: 25px; height: 25px; z-index: 1; margin-left: -15px; border-radius:50%; background: #ffd002; color: #555; font-weight: bold; font-size: 12px; line-height: 27px; text-align: center; }
.pageresult2 ul li .number .num:before { display:block; position:absolute; bottom: -6px; left:50%; margin-left: -3px; content:''; border-top: 7px solid #ffd002; border-left: 3px solid transparent; border-right: 3px solid transparent; }
.pageresult2 ul li .number .bar { position:relative; width:100%; height: 10px; border-radius:30px; background:#2a3354; }
.pageresult2 ul li .number .bar:before { display:block; position:absolute; top: -3px; left:50%; width: 8px; height: 16px; margin-left: -4px; border:1px solid #2a3354; background:#fff; content:''; box-sizing: border-box; }


/* .report_form2.page3 .graphbox { padding: 10px; border-radius: 20px; background:#f5f5f4; } 
.report_form2.page3 .graphbox .box { overflow:hidden; margin: 0 0 5px; border-radius:10px; text-align:center; } 
.report_form2.page3 .graphbox .info { position:relative; padding: 5px 0; } 
.report_form2.page3 .graphbox .info p { position:relative; padding-left: 10px; margin: 0; font-size:12px; } 
.report_form2.page3 .graphbox .info p:before { display:block; position:absolute; left: 5px; top:8px; content:''; width:2px; height:2px; background:#333; } 
 */
.report_form2.page3 .graphbox { padding: 10px; margin: 10px 0 0; border-radius: 20px; background:#f5f5f4; }
.report_form2.page3 .graphbox .box { border-radius:10px; overflow:hidden; }
.report_form2.page3 .graphbox .info { position:relative; padding: 15px 0 5px; padding-left: 130px; }
.report_form2.page3 .graphbox .info .ico { position:absolute; top: 12px; left: 25px; }
.report_form2.page3 .graphbox .info .ico span { display:block; margin: 0 0 5px; text-align: center; }
.report_form2.page3 .graphbox .info .ico span img { width: 50px; }
.report_form2.page3 .graphbox .info > span { display:inline-block; vertical-align:middle; }
.report_form2.page3 .graphbox .info > span img { width:20px; margin-right:5px; }
.report_form2.page3 .graphbox .info em { color:#10ad77; font-weight:bold; }


.report_form2.page3 .re_tit { margin: 10px 0 0; }
.report_form2.page3 .sub_title:before { top: -24px; width: 70px; height: 61px; background: url(/images/prog/page_tit2.png)no-repeat; background-size: 70px auto; }
.report_form2.page4 .sub_title:before,
.report_form2.page5 .sub_title:before,
.report_form2.page6 .sub_title:before,
.report_form2.page7 .sub_title:before { top: -33px; width: 70px; height: 69px; background: url(/images/prog/page_tit3.png)no-repeat; background-size: 70px auto; }

.report_form2 .point { color:#13b17b; font-weight:bold; }
.report_form2 .point_list { }
.report_form2 .point_list li { position: relative; padding-left: 10px; margin: 3px 0 0; }
.report_form2 .point_list li:before { display:block; position:absolute; top:8px; left: 5px; width:2px; height:2px; background:#333; content:''; }




/* 심화 재직자 type1 */
.report_form3 .table_th_p { width: 100%; margin-top:-1px; /* border:1px solid #e0e6ed; */ border-radius:10px 10px 0 0; text-align:center; }
.report_form3 .table_th_p th,
.report_form3 .table_th_p td { padding: 13px 1px; font-size: 14px; letter-spacing: -1px; vertical-align:middle; }
.report_form3 .table_th_p thead th { background-color: #224c7e; color:#fff; font-weight:bold; line-height:1.2; letter-spacing: -1px; vertical-align:middle; border-left:1px solid rgba(255,255,255,0.2); }
.report_form3 .table_th_p tbody td { padding: 10px; line-height: 1.4; border-top:1px solid #e0e6ed; border-bottom:1px solid #e0e6ed; border-left:1px solid #e0e6ed; }
.report_form3 .table_th_p tbody td:last-child { border-right:1px solid #e0e6ed; }
.report_form3 .table_th_p thead th:first-child { border-radius:10px 0 0 0; }
.report_form3 .table_th_p thead th:last-child { border-radius:0 10px 0 0; }
.report_form3 .table_th_p thead th.th_2 { padding: 10px; border-radius:0 !important; background-color:#1f4674; text-align: center; border-top:1px solid rgba(255,255,255,0.2); }
.report_form3 .table_th_p .color_td1 { border-radius: 0 !important; background-color:#467db3 !important; }
.report_form3 .table_th_p .color_td2-1 { padding: 5px 0; background-color:#e59d41 !important; }
.report_form3 .table_th_p .color_td3-1 { padding: 5px 0; background-color:#aa8ebe !important; }
.report_form3 .table_th_p .color_td4-1 { padding: 5px 0; border-radius: 0 !important; background-color:#ba906b !important; }
.report_form3 .table_th_p .color_td2-2 { background-color:#f1a743 !important; }
.report_form3 .table_th_p .color_td3-2 { background-color:#b093c5 !important; }
.report_form3 .table_th_p .color_td4-2 { background-color:#c39770 !important; }



.report_form3 .table_graph { /* padding-bottom: 1px; */ width: 100%; /* overflow: hidden; */margin-top:-1px; border-radius:10px 10px 0 0; text-align:center; border-bottom: 1px solid #e0e6ed; }
.report_form3 .table_graph th,
.report_form3 .table_graph td { padding: 8px; }
.report_form3 .table_graph thead th { background-color:#224c7e; color:#fff; font-weight:bold; line-height:1.2; letter-spacing: -1px; vertical-align:middle; }
.report_form3 .table_graph tbody th,
.report_form3 .table_graph tbody td { }
.report_form3 .table_graph tbody td:last-child { border-right:1px solid #e0e6ed; }
.report_form3 .table_graph thead th:first-child { border-radius:10px 0 0 0; }
.report_form3 .table_graph thead th:last-child { border-radius:0 10px 0 0; }
.report_form3 .table_graph tbody th { border-right: 1px solid #e0e6ed; border-left: 1px solid #e0e6ed; vertical-align:middle; }
.report_form3 .table_graph .number { position:relative; margin: 15px 0 0; }
.report_form3 .table_graph .number .legend { display:none; position:relative; margin:10px 0 0; text-align:center; }
.report_form3 .table_graph .number .num { position:absolute; top: -4px; width: 13px; height: 13px; z-index: 1; border: 1px solid #fff; border-radius:50%; background: #00b253; font-size: 0; line-height: 10px; /*margin-left: -20px; */ text-align: center; /* color: #555; *//* font-size: 0; *//* font-weight: bold; */ }
.report_form3 .table_graph .number .line { position:absolute; top:50%; left:0; height:1px; z-index: 1; margin-top:-0.5px; background:#2a3354; }

.report_form3 .table_graph .number .bar { position:relative; width:100%; height: 5px; border-radius: 5px; background:#2a3354; }
.report_form3 .table_graph .number .bar:before { display:block; position:absolute; top: -7px; left:50%; width:14px; height:30px; margin-left: -7px; border:1px solid #2a3354; background:#fff; content:''; box-sizing: border-box; }
.report_form3 .table_graph .number .bar:before,
.report_form3 .table_graph .number .bar:after { display:none; }

.report_form3 .table_graph .line th,
.report_form3 .table_graph .line td { border-top:1px solid #e0e6ed; }




.report_form3 .table_graph .number .num.n1 { background: #00b253; }
.report_form3 .table_graph .number .num.n2 { background: #00a368; }
.report_form3 .table_graph .number .num.n3 { background: #00947d; }
.report_form3 .table_graph .number .num.n4 { background: #008691; }
.report_form3 .table_graph .number .num.n5 { background: #0077a6; }

.report_form3 .table_graph .icon { display:block; padding-top:41px; color:#000; font-weight:bold; line-height: 1.2; }
.report_form3 .table_graph .icon.icon1 { background: url(/images/prog/icon1.png)no-repeat 50% top; }
.report_form3 .table_graph .icon.icon2 { background: url(/images/prog/icon2.png)no-repeat 50% top; }
.report_form3 .table_graph .icon.icon3 { background: url(/images/prog/icon3.png)no-repeat 50% top; }
.report_form3 .table_graph .icon.icon4 { background: url(/images/prog/icon4.png)no-repeat 50% top; }
.report_form3 .table_graph .icon.icon5 { background: url(/images/prog/icon5.png)no-repeat 50% top; }



.report_form3 .table_graph .graph_td { padding:10px 0; background-color:#f5f7f9; overflow: hidden; }

.report_form3 .table_th_p.nth-child2 thead th:first-child,
.report_form3 .table_th_p.nth-child2 thead th:last-child { border-radius:0; }


.report_form3 { position:relative; width:221mm; height:297mm; padding: 103px 60px 0; margin:0 0 20px; background:#fff; }
.report_form3 .r_logo { display: none; position:absolute; bottom: 40px; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.report_form3 .pagenum { position:absolute; top: 73px; left: 0; width: 100%; height: 15px; padding-left: 0; background: #3485c6; font-size:0; line-height: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.report_form3 .pagenum:after { position:absolute; top:0; right:20px; width: 50%; height:100%; background-color:#a1bedd; content:''; }
.report_form3 .pagenum .r_logo { display: block; position:absolute; bottom: 40px; left:20px; transform:translate(0,0); -webkit-transform:translate(0,0); }



.report_form3 .guidebox { position:relative; padding:20px; /* background: #000 !important; */ margin-top:70px; border-radius: 0; background-color:#fafbfc; vertical-align: top; }
.report_form3 .guidebox .re_tit { display:inline-block; position: absolute; top: -59px; /* bottom: -79px; */left: 0; padding: 10px 30px; border-radius: 5px 5px 0 0px; background-color:#3485c6; color: #fff; font-weight: bold; letter-spacing: -1px; }

.report_form3 .sub_title-new { position:relative; margin:20px 0; }
.report_form3 .sub_title-new strong { display:inline-block; position: relative; padding: 10px 15px; background-color:#e84e0e; color:#fff; font-weight:bold; font-size:30px; line-height:1.1; }
.report_form3 .sub_title-new strong:after { position: absolute; top:50%; right: -27px; width:0; height:0; content: " "; border-top: 27px solid transparent; border-bottom: 27px solid transparent; border-left: 27px solid #e84e0e; transform: translate(0, -49%); }



.report_form3 .sub_title { position:relative; margin: 0 0 20px; }
.report_form3 .sub_title:before { display:block; position:absolute; right: 0; content:''; }
.report_form3 .sub_title strong { display:block; position: relative; padding: 0 0 10px; margin: 0 0 15px; color:#191919; font-weight:bold; font-size:30px; line-height:1.1; border-bottom:1px solid #ececec; }
.report_form3 .sub_title strong:before { display:block; position:absolute; top:-3px; left:-5px; width:4px; height:4px; border-radius:50%; background:#0f4c82; content:''; }
.report_form3 .sub_title strong:after { display:block; position:absolute; bottom:-1px; left:0; width:115px; height:1px; background:#0f4c82; content:''; }
.report_form3 .sub_title strong span { display:inline-block; color:#0f4c82; font-weight:bold; font-size:30px; line-height:1.1; }
.report_form3 .sub_title p { }
.report_form3 .sub_title p span { color:#0f4c82; font-weight:bold; }
.report_form3 .re_tit-new { position:relative; margin: 15px 0; font-weight: bold; font-size: 18px; }
.report_form3 .re_tit-new2 { position:relative; padding-left: 20px; margin: 0 0 15px 0; margin-top: -10px; color: #000; font-weight: bold; font-size: 16px; }

.report_form3 .sub_title:before { top: -27px; width: 90px; height: 72px; background:url(/images/prog/page_tit1.png)no-repeat; background-size: 90px auto; }
.report_form3 .re_tit2 { position:relative; margin:30px 0 15px; text-align:center; }
.report_form3 .re_tit2:before { position:absolute; top:50%; left:0; width:100%; height:1px; background: #3485c6; content:''; }
.report_form3 .re_tit2 span { position:relative; padding:0 20px; background:#fff; color: #3485c6; font-weight: bold; font-size: 16px; }
.report_form3 .re_tit-group { width:336px; padding: 7px; margin: 30px auto; border-radius:30px; background:#cce2e2; color:#000; font-weight:bold; font-size:16px; text-align:center; }

.report_form3 .pageresult3 { }
.report_form3 .pageresult3 .title { display:block; margin-top:22px; }
.report_form3 .pageresult3 .title strong { display:inline-block; width: 117px; padding: 19px 0; border-radius: 10px; background: #f3f6f7; color:#000; font-weight: bold; font-size:18px; text-align:center; }
.report_form3 .pageresult3 .title.color2 strong { background: #f5f5f4; }
.report_form3 .pageresult3 .title strong em { font-size: 15px; }
.report_form3 .pageresult3 .graph_info { display:flex; margin:22px -20px; /* overflow: hidden; */ flex-wrap: wrap; }
.report_form3 .pageresult3 .graph_info .col { position: relative; width: 20%; padding: 0 20px; text-align:center; }
.report_form3 .pageresult3 .graph_info.n5 .col { width:20%; }
.report_form3 .pageresult3 .graph_info .col:before { position:absolute; top:0; left:0; width:1px; height:97px; background-color:#ededed; content:''; }
.report_form3 .pageresult3 .graph_info .col:first-child:before { display:none; }
.report_form3 .pageresult3 .graph_info .col .num { position:absolute; top:50%; left:50%; color:#000; font-weight:bold; transform: translate(-50%,-100%); }
.report_form3 .pageresult3 .graph_info .col strong { display:block; color:#b4b4b4; font-weight:bold; line-height:1.2; }



.report_form3 .pageresult4 {
 position: relative;
 padding-left: 215px;
}
.report_form3 .pageresult4 .title { display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 215px; height: 100%; border-radius: 10px; background: #f3f6f7; flex-wrap: wrap; justify-items: center; }
.report_form3 .pageresult4 .title.color2 { background: #f5f5f4; }

.report_form3 .pageresult4 .title strong { /* display: block; */width: 100%; padding: 0; background: #f3f6f7; /* border-radius: 10px; */ color:#000; font-weight: bold; font-size:18px; text-align:center; }
.report_form3 .pageresult4 .title em { width:100%; text-align:center; }

.report_form3 .pageresult4 .graph_info { display:flex; margin: 22px 0; /* overflow: hidden; */ flex-wrap: wrap; }
.report_form3 .pageresult4 .graph_info .col { position: relative; width: 20%; padding: 0 20px; text-align:center; }
.report_form3 .pageresult4 .graph_info.n3 .col { width: 33.3333%; max-width: 133px; }
.report_form3 .pageresult4 .graph_info .col:before { position:absolute; top:0; left:0; width:1px; height:97px; background-color:#ededed; content:''; }
.report_form3 .pageresult4 .graph_info .col:first-child:before { display:none; }
.report_form3 .pageresult4 .graph_info .col .num { position:absolute; top:50%; left:50%; color:#000; font-weight:bold; transform: translate(-50%,-100%); }
.report_form3 .pageresult4 .graph_info .col strong { display:block; position: absolute; top: 50%; left: 50%; color:#b4b4b4; font-weight:bold; line-height:1.2; transform: translate(-50%, -15%); }



.report_form3 .result-box {
 display: flex;
 flex-direction: column;
 position: relative;
 flex-wrap: wrap;
}
.report_form3 .result-box .item {
 position: relative;
 padding: 11px 0 11px 143px;
 margin: 5px 0;
 border-radius: 10px;
 background: #f5f5f4;
}
.report_form3 .result-box .item .title {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
 left: 0;
 width: 114px;
 height: 100%;
 /* display:flex; */
 /* justify-content: center; */
 /* justify-items: center; */
 /* align-content: center; */
 padding: 20px;
 border-radius: 0;
 text-align: center;
}
.report_form3 .result-box .item .title .num {
 display:block;
 width:31px;
 height:31px;
 margin: 0 auto;
 margin-bottom: 10px;
 border: 2px solid #fff;
 /* position:absolute; */
 /* top: -10px; */
 /* left:0; */
 border-radius: 5px;
 background: #fff;
 color: #f7a940;
 font-weight:bold;
 line-height: 31px;
 text-align: center;
}
.report_form3 .result-box .item .title strong {
 width: 100%;
 color:#fff;
 font-weight:bold;
 font-size: 16px;
 line-height: 1.2;
 /* display: inline-flex; */
 /* align-content: center; */
 /* align-items: center; */
 word-break: break-all;
}




.report_form3 .result-box2 {
 display: flex;
 flex-direction: column;
 position: relative;
 flex-wrap: wrap;
}
.report_form3 .result-box2 .item {
 position: relative;
 padding: 18px 0 18px 159px;
 margin: 20px 0;
 border-radius: 10px;
}
.report_form3 .result-box2 .item .title {
 display:flex;
 justify-content: center;
 position: absolute;
 top: 0;
 left: 0;
 width: 142px;
 height: 100%;
 padding: 30px 10px;
 border-radius: 10px;
 background-color:#e4ecef;
 line-height: 0;
 text-align: center;
 justify-items: center;
 align-content: center;
}
.report_form3 .result-box2 .item .title strong {
 display: inline-flex;
 align-items: center;
 width: 100%;
 color:#000;
 font-weight:bold;
 font-size:18px;
 line-height: 1.3;
 align-content: center;
}


.report_form3 .result-box .item.item1 .title { background-color: #f7a940; }
.report_form3 .result-box .item.item2 .title { background-color: #f7a940; }
.report_form3 .result-box .item.item3 .title { background-color:#f7a940; }
.report_form3 .result-box .item.item4 .title { background-color:#f7a940; }
.report_form3 .result-box .item.item5 .title { background-color:#f7a940; }

.report_form3 .result-box .item.item1 .title .num { /* background-color: #f7a940; */ }
.report_form3 .result-box .item.item2 .title .num { /* background-color: #f7a940; */ }
.report_form3 .result-box .item.item3 .title .num { /*background-color:#0f97b1*/ }
.report_form3 .result-box .item.item4 .title .num { /*background-color:#0f8fb1*/ }
.report_form3 .result-box .item.item5 .title .num { /*background-color:#0f86b1*/ }


.report_form3 .point3 { color: #3485c6; font-weight:bold; }

.report_form3 .point2 { color:#7f7f7f; font-weight:bold; }
.report_form3 .point { color: #e84e0e; font-weight:bold; }
.report_form3 .point_list { }
.report_form3 .point_list li { position: relative; padding-left: 16px; margin: 3px 0 0; }
.report_form3 .point_list li:before { display:block; position:absolute; top:8px; left: 5px; width: 5px; height: 5px; border-radius: 50%; background: #e84e0e; content:''; }
.report_form3 .point_list li strong { color:#000; font-weight:bold; }
.report_form3 .point_list li strong.point { color: #e84e0e; font-weight:bold; }
.report_form3 .point_list li em { color:#3485c6; }
.report_form3 .infobox { position:relative; padding: 30px 25px; padding-left: 125px; border-radius:20px; background:#f5f5f4; }
.report_form3 .infobox .ico { position:absolute; top: 25px; left:25px; }
.report_form3 .infobox .ico img { width: 75px; }

.report_form3 .infobox2 { position:relative; padding: 30px 51px; border-radius:10px; background:#eef2fa; }

.report_form3 .box-info { position:relative; /* margin:50px 0 0; */padding: 150px 25px 30px; border-radius:20px; background:#f5f5f4; }
.report_form3 .box-info .title { margin-top:-170px; }
.report_form3 .box-info .title strong { display:inline-block; padding:10px 20px; margin-bottom: 26px; border-radius: 10px; background-color:#224c7e; color: #fff; font-size:18px; }
/*
.report_form3.page3 .sub_title:before { top: -24px; width: 70px; height: 61px; background: url(/images/prog/page_tit2.png)no-repeat; background-size: 70px auto; } 
.report_form3.page4 .sub_title:before,
.report_form3.page5 .sub_title:before,
.report_form3.page6 .sub_title:before,
.report_form3.page7 .sub_title:before { top: -33px; width: 70px; height: 69px; background: url(/images/prog/page_tit3.png)no-repeat; background-size: 70px auto; } 
*/
.report_form3 .selfcheck { padding: 20px; margin-top: 20px; border: 1px solid #f39200; border-radius: 10px; }
.report_form3 .selfcheck > ul { }
.report_form3 .selfcheck > ul > li { position:relative; padding-left: 52px; margin: 12px 0 0; font-weight:bold; font-size: 15px; }
.report_form3 .selfcheck > ul > li > span { display:inline-block; position:absolute; top:0; left:0; width: 37px; height: 37px; border-radius: 5px; background: #f39200; color: #fff; line-height: 42px; text-align: center; }
.report_form3 .selfcheck > ul > li > ul { }
.report_form3 .selfcheck > ul > li > ul > li { font-weight:normal; }

.report_form3.page1 { height: 297mm; padding: 0; margin: 0; }
.report_form3.page1 .title { display: none; margin: 95px 0 0; }
.report_form3.page1 .title strong { display:block; color:#191919; font-weight:bold; font-size: 38px; line-height:1.1; }
.report_form3.page1 .title strong span { display:inline-block; color: #0f4c82; font-weight:bold; font-size:38px; line-height:1.1; }
.report_form3.page1 .title p { margin: 10px 0 0; font-size: 13px; }
.report_form3.page1 .box1 { position: absolute; top: 46%; right: 14%; margin: 40px 0; text-align: right; }
.report_form3.page1 .box1 p { margin:0; color: #fff; font-weight: bold; }
.report_form3.page1 .box1 strong { color: #fff; font-weight:bold; font-size: 16px; }
.report_form3.page1 .box1 strong span { display:inline-block; position: relative; margin-left: 20px; color: #fff; font-weight:bold; font-size: 16px; }
.report_form3.page1 .box1 strong span:before { display:block; position:absolute; top:7px; left:-10px; width:1px; height:10px; background:#d6d5d2; content:''; }
.report_form3.page1 .box2 { display: none; padding: 30px; border-radius: 20px; background:#f5f5f4; }
.report_form3.page1 .r_logo { display:none; }


.report_form3.page2 { }
.report_form3.page2 .box2 { margin:10px 0; }
.report_form3.page2 .box3 { padding:35px 0; margin:35px -60px; background:#f5f5f4; color: #000; font-weight: bold; font-size: 18px; text-align:center; }
.report_form3.page2 .box-info img { max-width:400px; margin-top:10px; }

.report_form3.page4 .pageresult3 { margin-bottom:30px; }
.report_form3.page4 .infobox { margin-top:20px; }


.report_form3.page6 .re_tit-new2 { margin-top:0; margin-bottom:-10px; }
.report_form3.page6 .re_tit-new2 + p { padding-left: 20px; font-size: 14px; line-height: 1.4; }

.report_form3.page10 .re_tit-new2 { margin-top:0; margin-bottom:-10px; }
.report_form3.page10 .re_tit-new2 + p { padding-left: 20px; font-size: 14px; line-height: 1.4; }



.report_form3.page13 .box1,
.report_form3.page13 .box2 { margin: 0 !important; }
.report_form3.page13 .box4 { margin-top: -40px !important; }
.report_form3.page13 .box3 { padding: 20px 0; margin: 15px -60px; background:#f5f5f4; color: #000; font-weight: bold; font-size: 18px; line-height: 1.2; text-align:center; }

.report_form3.page13 .re_tit { margin-top:15px; }

.report_form3.page13 .table_th_p thead th,
.report_form3.page14 .table_th_p thead th { background: #e59d41; }



.report_form3.page14 .re_tit { margin-top:15px; }
.report_form3.page14 .box1,
.report_form3.page14 .box2,
.report_form3.page14 .box3 { margin:10px 0 !important; }
.report_form3.page14 .box1 img,
.report_form3.page14 .box2 img,
.report_form3.page14 .box3 img { width:90%; }


.report_form3.page15 .box1,
.report_form3.page16 .box1 { padding: 0; border-radius: 20px; background:#f5f5f4; }

.report_form3.page15 .box2,
.report_form3.page16 .box2 { margin:30px 0; }

.report_form3.page8,
.report_form3.page9,
.report_form3.page17,
.report_form3.page18 { padding: 153px 60px 0; }

.report_form3.page16 .re_tit,
.report_form3.page17 .re_tit,
.report_form3.page18 .re_tit { padding: 16px; padding-left: 0; margin: 15px -101px; background-color:#00a8e7; color: #fff; font-weight:bold; text-align: center; }
.report_form3.page16 .re_tit .point,
.report_form3.page17 .re_tit .point,
.report_form3.page18 .re_tit .point { color:#fff; }




.report_form3.page17 .box1,
.report_form3.page18 .box1,
.report_form3.page17 .box2,
.report_form3.page18 .box2,
.report_form3.page19 .box1,
.report_form3.page19 .box2,
.report_form3.page20 .box1,
.report_form3.page20 .box2 { padding: 20px 25px; margin:40px 0; border-radius: 20px; background:#f5f5f4; }
.report_form3.page17 .box1,
.report_form3.page18 .box1,
.report_form3.page19 .box1,
.report_form3.page20 .box1 { margin:0; }

/*
.report_form3.page2 { } 
.report_form3.page2 .sub_title { position:relative; margin: 0 0 70px; } 
.report_form3.page2 .sub_title:before { top: -27px; width: 90px; height: 72px; background:url(/images/prog/page_tit1.png)no-repeat; background-size: 90px auto; } 
.report_form3.page2 .box { } 
.report_form3.page2 .box2 { margin: 35px 0; padding: 35px 0; border-top:1px solid #ececec; border-bottom:1px solid #ececec; } 
.report_form3.page2 .infobox { position:relative; margin:50px 0 0; padding: 30px 25px; padding-left: 125px; border-radius:20px; background:#f5f5f4; } 
.report_form3.page2 .infobox .ico { position:absolute; top: 25px; left:25px; } 
.report_form3.page2 .infobox .ico img { width: 75px; } 
.report_form3.page3 .pageresult ul { margin:0 -10px; } 
.report_form3.page3 .pageresult ul li { float:left; position: relative; width:calc(100% - 20px); margin:0 10px 20px; padding: 20px 40px; padding-left: 160px; border:1px solid #ddd; border-radius: 20px; } 
.report_form3.page3 .pageresult ul li strong { display:block; position: absolute; left: 35px; top: 44px; font-size: 14px; font-weight:bold; color:#222; } 
.report_form3.page3 .pageresult ul li strong span { display:inline-block; width: 20px; height: 20px; line-height: 22px; margin-right: 5px; border-radius:50%; background: #17b67e; text-align: center; font-size: 12px; font-weight: bold; color: #fff; } 
.report_form3.page3 .pageresult ul li p { display:block; font-size:16px; font-weight:bold; color:#666; } 
.report_form3.page3 .pageresult ul li p span { display:inline-block; margin:0 5px; font-weight:bold; color:#189b5d; } 
.report_form3.page3 .pageresult ul li .number { position:relative; margin: 30px 0 0; } 
.report_form3.page3 .pageresult ul li .number .legend { position:relative; margin:10px 0 0; text-align:center; } 
.report_form3.page3 .pageresult ul li .number .legend span { display:inline-block; color:#555555; font-size: 12px; font-family:'nsr'; font-weight: bold; } 
.report_form3.page3 .pageresult ul li .number .legend span.s1 { float:left; } 
.report_form3.page3 .pageresult ul li .number .legend span.s2 { position: absolute; top: 0; left: 50%; width: 30px; margin-left: -15px; text-align: center; } 
.report_form3.page3 .pageresult ul li .number .legend span.s3 { float:right; } 
.report_form3.page3 .pageresult ul li .number .num { position:absolute; top: -30px; z-index: 1; width: 30px; height: 30px; line-height: 32px; margin-left: -15px; border-radius:50%; background: #ffd002; text-align: center; color: #555; font-size: 14px; font-weight: bold; } 
.report_form3.page3 .pageresult ul li .number .num:before { display:block; position:absolute; left:50%; bottom: -6px; content:''; margin-left: -3px; border-top: 7px solid #ffd002; border-left: 3px solid transparent; border-right: 3px solid transparent; } 
.report_form3.page3 .pageresult ul li .number .bar { position:relative; width:100%; height: 10px; border-radius:30px; background:#2a3354; } 
.report_form3.page3 .pageresult ul li .number .bar:before { display:block; position:absolute; left:50%; top: -3px; content:''; width: 8px; height: 16px; margin-left: -4px; border:1px solid #2a3354; background:#fff; box-sizing: border-box; } 
.report_form3.page3 .pageresult .group2 { } 
.report_form3.page3 .pageresult .group2 span { color:#10ad77; font-weight:bold; } 
.report_form3.page3 .graphbox { margin: 30px 0 0; padding: 10px; border-radius: 20px; background:#f5f5f4; } 
.report_form3.page3 .graphbox .box { overflow:hidden; border-radius:10px; } 
.report_form3.page3 .graphbox .info { position:relative; padding: 25px 0 15px; padding-left: 130px; } 
.report_form3.page3 .graphbox .info .ico { position:absolute; left: 25px; top: 20px; } 
.report_form3.page3 .graphbox .info .ico span { display:block; margin: 0 0 5px; text-align: center; } 
.report_form3.page3 .graphbox .info .ico span img { width: 50px; } 
.report_form3.page3 .graphbox .info > span { display:inline-block; vertical-align:middle; } 
.report_form3.page3 .graphbox .info > span img { width:20px; margin-right:5px; } 
.report_form3.page3 .graphbox .info em { color:#10ad77; font-weight:bold; } 
.report_form3.page4 { } 
*/

/* 심화 대학원생 type1 */





.info_em { display:inline-block; position:relative; }
.tblinfo { position:absolute; width:25px; height:15px; margin-left: 5px; color:#fff; font-weight:bold; font-size:11px; line-height:15px; text-align:center; }
.tblinfo.type1 { background:#00ac71; }
.tblinfo.type2 { background:#e0514a; }



/* 팝업 */
.popwrapbox { padding:30px; }
.popwrapbox table a { display:block; }
.popwrapbox table a:hover,
.popwrapbox table a:focus { font-weight:bold; text-decoration:underline; }


/* 텍스트 */
.txt-tipprog { position:relative; padding-left:23px; margin:10px 0; color: #000; font-weight: bold; }
.txt-tipprog:before { display: block; position:absolute; top: 4px; left:0; width: 18px; height: 18px; border-radius: 50%; background: #2a3354; color: #fff; font-weight: bold; font-size: 11px; line-height: 18px; text-align: center; content: 'i'; }
.txt-box { padding:25px; background: #f7f7f7; }
.txt-box strong { display: block; margin-bottom:5px; color:#3a3a3a; font-weight:bold; font-size:16px; }
.txt-fouse { padding-left:30px; color:#666; }
.txt-fouse:before { top: 3px; width: 16px; height: 16px; border: 2px solid #1f1f1f; border-radius: 100%; background: #fff; color:#1f1f1f; font-weight:bold; line-height: 16px; text-align: center; content: "i"; }



.checkbox-inline { padding-bottom:7px; }

/* 멘토신청 탑박스 */
.mentortop.ui-topbox .inner .ir-icon__md.icon1 { width:120px; height:120px; background:url(/images/prog/top_icon.png)no-repeat center; }
.mentortop.ui-topbox.type1 .inner { min-height: 195px; padding: 50px 40px 40px 200px; }
@media(max-width:767px) {
 .mentortop.ui-topbox.type1 .inner { min-height:auto; padding:30px; }
}

/* 상세검색 버튼 */
.prog_search button.d_btn { display:inline-block; width:200px; height: 45px; padding:0; margin:0; border-radius:5px; background: #00503a; color: #fff; font-weight:bold; font-size: 16px; line-height: 45px; }
.reset_btn1 { display:inline-block; width:45px; height:45px; margin-left:3px; border-radius:5px; background:#fff url(/images/prog/reset1.png)no-repeat center; font-size:0; }
.prog_cate button.reset_btn2 { display:inline-block; width:37px; height:37px; border-radius:50%; background:#999 url(/images/prog/reset2.png)no-repeat center; font-size:0; }
@media(max-width:400px) {
 .prog_search button.d_btn { width:130px; }
}

/* 경력사례라이브러리 자막 */
.video_txtbox { padding:30px; margin:30px 0 0; border:1px solid #ddd; }
.video_txtbox .tit { margin:0 0 20px; color: #11ab66; font-weight: bold; font-size: 16px; }
.video_txtbox .inner { }
.video_txtbox .inner .box { max-height:300px; overflow-y:auto; }

/* 테이블 버튼 ov */
.titbtn:hover,.titbtn:focus { font-weight:bold; text-decoration:underline; }




/* 레이어팝업 추가 */
.popuplayer { position:absolute; top:50%; left:50%; width: 100%; max-width: 1300px; padding: 30px 0 0; margin:0 auto; background:#fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.popuplayer .mentoring { height: 680px; }
.popuplayer .modal__close { position:absolute; top: 14px; right: 0; }
.popuplayer .modal__close button { position:relative; width:30px; height:30px; font-size:0; }
.popuplayer .modal__close button:before,
.popuplayer .modal__close button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ''; }
.popuplayer .modal__close button:before { width:100%; height: 2px; background: #555; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.popuplayer .modal__close button:after { width: 2px; height:100%; background: #555; transform: rotate(45deg); -webkit-transform: rotate(45deg); }


@media(max-width:1319px) {
 .popuplayer { top:5%; right:30px; bottom:5%; left:30px; width:auto; max-width: 100%; height: auto; overflow-y: auto; transform:none; -webkit-transform:none; }
 .popuplayer .modal__close { right:40px; }
 .popuplayer .mento_list2 .control { position:static; }
 .popuplayer .mento_list2 .control > button { position: absolute; top: 45%; background: #fff; }
 .popuplayer .mento_list2 .control > button[data-control="prev"] { left:-10px; }
 .popuplayer .mento_list2 .control > button[data-control="next"] { right: -2px; }

}

@media(max-width:500px) {
 .popuplayer { right:0; left:0; }

}


@-webkit-keyframes ping {
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}
@keyframes ping {
 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.6; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}
.popBtn { position:fixed; right: 30px; bottom:30px; width: 90px; height: 90px; z-index: 99; }
.popBtn a { display:block; position:relative; width:100%; height:100%; z-index: 10; padding: 10px; }
.popBtn a .inner { position:relative; width:100%; height: 70px; border-radius: 50%; background: #009952; background-image: linear-gradient(270deg,#009952,#007d8e); }
.popBtn em { display:block; position:absolute; top: 0; left: 0; width:100%; height:100%; border-radius:50%; background: #009952; content:''; opacity:0.4; background-image: linear-gradient(270deg,#009952,#007d8e); -webkit-transform: scale(1.3); transform: scale(1.3); }
.popBtn a:hover em,
.popBtn a:focus em { -webkit-animation: ping 1.3s ease-in-out infinite both; animation: ping 1.3s ease-in-out infinite both; }
.popBtn span { display:block; position: relative; width:100%; height:100%; z-index: 1; padding: 20px 4px; color: #fff; font-weight: 500; font-weight: bold; font-size: 15px; line-height: 1.2; font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system; text-align: center; }
.popBtn span:before,
.popBtn span:after { display:none; }
.popBtn span:before { width:20px; height: 3px; border-radius:10px; background: #fff; }
.popBtn span:after { width: 3px; height:20px; border-radius:10px; background: #fff; }




/* 커리어 인사이트 */
.careerList .search_container { padding:57px 50px 25px; }
.careerList .search_container .search_click > p { top:-24px; left:0; margin:0; color:#00503a; }
.careerList .search_container .search_click > button { top:-44px; }
.careerList .search_container .search_click > div .clickClose { top:-44px; }
.careerList .prog_search2 .search_click > div .d_box .col { margin:10px 0; }
.careerList .search_container .search_click > div .d_box .col strong { display:inline-block; top:50%; width:70px; transform:translateY(-50%); }
.careerList .search_container label { font-weight:normal; }
.careerList .search_container input:focus { outline:none; }
.careerList .search_container input[type=text] { height:35px; border:1px solid #fff; border-radius:5px; background:transparent; color:#fff; }
.careerList .search_container input[type=text]::placeholder { color:#fff; }
.careerList .search_container .kwBtn button { height:28px; padding:0 15px; border-radius:5px; background:#fff; color:#00a95c; }
.careerList .search_container .kwCh label { position:relative; }
.careerList .search_container .kwCh input[type=text] { height:26px; }
.careerList .search_container .kwCh input[type=radio] { width: 19px; height:19px; cursor:pointer; opacity:0; }
.careerList .search_container .kwCh .radiomark { position: absolute; top: 0; left: 0; width: 19px; height: 19px; border-radius: 15px; background-color: #fff; }
.careerList .search_container .kwCh .radiomark:after { position:absolute; top:50%; left:50%; width:9px; height:9px; border-radius:50%; background:transparent; content:""; transform:translate(-50%, -50%); }
.careerList .search_container .kwCh input[type=radio]:checked ~ .radiomark:after { background: #00a45b; }
.careerList .search_container .kwCh input[type=checkbox] { width: 17px; height:17px; cursor:pointer; opacity:0; }
.careerList .search_container .kwCh .checkmark { position: absolute; top:0; left: 0; width: 17px; height: 17px; margin-top:4px; background-color: #fff; }
.careerList .search_container .kwCh .checkmark:after { position:absolute; top:50%; left:50%; width:12px; height:8px; background:transparent; content:""; transform:translate(-50%, -50%); }
.careerList .search_container .kwCh input[type=checkbox]:checked ~ .checkmark:after { background:url(/images/career/sub04/icon05.png) no-repeat; }
.careerList .search_container .search_click > div .d_box .col.kwCh label.lginput { width:48%; }
.careerList .search_container .search_click > div .d_box .col.kwCh label.xlginput { width:72%; }
.careerList .search_container .search_click > div .d_box .col.kwCh label.lginput input[type=text],
.careerList .search_container .search_click > div .d_box .col.kwCh label.xlginput input[type=text] { width:60px; }
.careerList .prog_cate { z-index:0; }
.careerList .prog_cate button { font-weight:bold; }
.careerList .prog_cate button:hover { border:1px solid #00a95c; color:#00a95c; }
@media screen and (min-width:1920px) {
 .careerList .search_container .search_click > div .col { padding-right:200px; }
}
@media screen and (max-width:1076px) {
 .careerList .prog_search2 .search_click > div .d_box .col { margin:14px 0; }
 .careerList .search_container .search_click > div .d_box .col.kwCh label.lginput,
 .careerList .search_container .search_click > div .d_box .col.kwCh label.xlginput { display:block; width:100%; margin-top:3px; }
}
@media screen and (max-width:1023px) {
 .careerList .search_container .search_click> p { display:block; }
 .careerList .search_container .search_click.on> p { top:-49px; }
 .careerList .search_container .search_click.on > button { top:-69px; }
 .careerList .search_container .search_click > div .clickClose { top:-69px; }
 .careerList .prog_cate > div { display:block; }
}
@media screen and (max-width:770px) {
 .careerList .prog_search2 .search_click > div .d_box .col { margin-top:22px; }
 .careerList .search_container .search_click > div .d_box .col strong { display:block; margin:0; }
 .careerList .search_container .search_click > div .d_box .col strong:before { display:block; }
 .careerList .search_container .search_click > div .d_box .col label { width:auto; margin-right:10px; }
 .careerList .search_container .kw input[type=text] { width:100%; }
}
@media screen and (max-width:580px) {
 .careerList .search_container { padding:50px; }
 .careerList .search_container .search_click > p { top:-40px; width:100%; text-align:center; }
 .careerList .search_container .search_click.on> p { top:-90px; }
 .careerList .search_container .search_click > button { top:-8px; }
 .careerList .search_container .search_click.on > button { top:-8px; }
 .careerList .search_container .search_click.on > button { top:-58px; }
 .careerList .search_container .search_click > div .clickClose { top:-58px; }
 .careerList .search_container .search_click.on > div { margin-top:50px; }
}
@media screen and (max-width:530px) {
 .careerList .search_container input,
 .careerList .search_container button { font-size:14px; }
 .careerList .search_container button.reset_btn1 { font-size:0; }
 .careerList .search_container button.d_btn { width:130px; }
}
@media screen and (max-width:457px) {
 .careerList .search_container .search_click > div .d_box .col label { display:inline-block; width:100%; }
 .careerList .search_container .search_click > div .d_box .col.kwCh label.lginput,
 .careerList .search_container .search_click > div .d_box .col.kwCh label.xlginput { width:100%; }
 .careerList .search_container .kwCh input[type=text] { height:23px; }
 .careerList .search_container .kwBtn button { width:100%; }
}
@media screen and (max-width:400px) {
 .careerList .search_container { padding:50px 15px; }
 .careerList .search_container .search_click { width:90%; margin:0 auto; }
 .careerList .search_container .search_click > p { font-size:15px; }
}

.careerList .mento_list .col { height:auto; text-align:center; }
.careerList .mento_list .col .like { text-align:end; }
.careerList .mento_list .col .like button { display:inline-block; width:17px; height:16px; background:url(/images/career/sub04/icon01.png) no-repeat; font-size:0; }
.careerList .mento_list .col .like.on button { background:url(/images/career/sub04/icon01_on.png); }
.careerList .mento_list .col .thumb { height:auto; min-height: 252px; padding:25px 34px; border-radius:20px; }
.careerList .mento_list .col .thumb .company_wrap { padding:5px 0 15px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; }
.careerList .mento_list .col .thumb .company_wrap span.tumbimg { height:35px; }
.careerList .mento_list .col .thumb .company_wrap .companyname { margin:25px 0 12px; font-weight:bold; font-size:20px; }
.careerList .mento_list .col .thumb .company_wrap .comapanyinfo { display: -webkit-box !important; height:auto; max-height:66px; min-height:35px; color:#555; font-size:15px; line-height:1.4; white-space: normal; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.careerList .mento_list .col .thumb ul { position:relative; }
.careerList .mento_list .col .thumb ul li:nth-child(1) { float:left; }
.careerList .mento_list .col .thumb ul li:nth-child(1) span { display:inline-block; width:13px; height:13px; background:url(/images/career/sub04/icon02.png) no-repeat; }
.careerList .mento_list .col .thumb ul li:nth-child(2) { float:right; }
.careerList .mento_list .col .thumb ul li:nth-child(2) span { display:inline-block; width:14px; height:14px; background:url(/images/career/sub04/icon03.png) no-repeat; }
.careerList .mento_list .col .thumb ul li span { margin-right:4px; font-size:0; }

@media screen and (min-width:1920px) {
 .careerList .mento_list .col { width:30%; }
}

.careerList .modal { position:absolute; z-index:9999; }
.careerList .modal__backdrop { background:transparent; }
.careerList .modal__body { width:auto; max-width:1095px; padding:52px 72px; border:2px solid #00a95c; border-radius:20px; }
.careerList .modal__close-button span { margin-top:20px; margin-right:20px; background:none; }
.careerList .modal__close-button span:before { width:36px; height:2px; margin-left:-18px; background:#364447; }
.careerList .modal__close-button span:after { width:2px; height:36px; margin-top:-18px; background:#364447; }
.careerList .modal .modal__content h3 { margin-bottom:20px; font-weight:bold; font-size:22px; }
.careerList .modal .modal__content .list-1st>li { padding-left:12px; line-height:1.4; }
.careerList .modal .modal__content .searchOption { display:flex; width:100%; margin-top:20px; }
.careerList .modal .modal__content .searchList { width:33.33%; min-height: 266px; vertical-align:top; }
.careerList .modal .modal__content .searchList ul { height:100%; }
.careerList .modal .modal__content .searchList ul .searchList_tit { padding:14px 0; background:#00a45b; color:#fff; text-align:center; border-left:1px solid #fff; }
.careerList .modal .modal__content .searchList:first-child ul .searchList_tit { border-left:none; }
.careerList .modal .modal__content .searchList ul .searchList_con { height:100%; max-height:214px; padding:20px; border:1px solid #e2e2e2; overflow-y:scroll; }
.careerList .modal .modal__content .searchList + .searchList ul .searchList_con { border-left:none; }
.careerList .modal .modal__content .searchList ul .searchList_con label { width:100%; }
.careerList .modal .modal__content .searchOption2 .searchList:last-child { width:65%; }
.careerList .modal .modal__content .searchOption2 .searchList:first-child ul .searchList_con label { width:48%; }
.careerList .modal .modal__content .searchOption2 .searchList:last-child ul .searchList_con label { width:32.5%; }
.careerList .modal .modal__content .searchOption2 .searchList ul .searchList_con { height:100%; min-height:300px; }
.careerList .modal .search_job { height:auto; padding:0; margin-top:30px; box-shadow:none; }
.careerList .modal .search_job .right_con { width:100%; }
.careerList .modal .search_job .right_con .search_form { width: 100%; height:42px; margin-right:10px; border:1px solid #ddd; border-radius:5px; overflow: hidden; overflow-y: scroll; }
.careerList .modal .search_job .right_con .search_form .select2-container--default .select2-selection--multiple,
.careerList .modal .search_job .right_con .search_form .select2-container--default.select2-container--focus .select2-selection--multiple { border:none; }
.careerList .modal .search_job .right_con .search_form input { width:100%; height:100%; margin:0; border:1px solid #e2e2e2; border-radius:0; color:inherit; }
.careerList .modal .search_job .right_con .search_form input::placeholder { color:#767676; }
.careerList .search_container .searchList_con label { padding-left:19px; }
.careerList .search_container .searchList_con label input { margin-left:-19px; }
.careerList .search_container .searchList_con.kwCh .radiomark { border:1px solid #d6d6d6; }
.careerList .search_container .searchList_con.kwCh .checkmark { border:1px solid #d6d6d6; }
@media screen and (min-width:1390px) {
 .careerList .modal__body { width:1010px !important; }
}
@media screen and (max-width:1389px) {
 .careerList .modal__body { width:85% !important; }
}
@media screen and (max-width:1279px) {
}
@media screen and (max-width:1200px) {
 .careerList .prog_search2 .right_con .search_form { width: calc(100% - 70px); margin:0 10px 0 0; }
 .careerList .prog_search2 .right_con .submit { width:inherit; margin:0; }
}
@media screen and (max-width:1023px) {
 .careerList .modal__body { padding:40px 20px; }
 .careerList .prog_search2 .right_con { padding:0; }
 .careerList .prog_search .right_con .submit button { width:60px; }
}
@media screen and (max-width:770px) {
 .careerList .modal__body { width:80% !important; max-height:60%; overflow-y:scroll; }
 .careerList .modal__close-button span { font-size:0; }
 .careerList .modal .modal__content .searchList ul .searchList_con { height:auto; max-height:none; }
 .careerList .modal .modal__content .searchList + .searchList ul .searchList_con { border-left:1px solid #e2e2e2; }
 .careerList .modal .modal__content .searchOption2 .searchList ul .searchList_con { height:auto; max-height:none; min-height:none; min-height:300px; }
 .careerList .modal .modal__content .searchOption { display:block; }
 .careerList .modal .modal__content .searchList,
 .careerList .modal .modal__content .searchOption2 .searchList:last-child { width:100%; }
 .careerList .modal .modal__content .searchOption2 .searchList:last-child ul .searchList_con label { width:49%; }
}
@media screen and (max-width:580px) {
 .careerList .modal .search_job .right_con .search_form { width:100%; }
 .careerList .prog_search2 .right_con .submit button { width:100%; }
}
@media screen and (max-width:457px) {
 .careerList .modal__body { width:90%; padding:30px 15px; }
 .careerList .modal .modal__content .searchOption2 .searchList:last-child ul .searchList_con label { width:100%; }
 .careerList .modal .search_job .right_con .search_form input::placeholder { font-size:13px; }
}
@media screen and (max-width:400px) {
 .careerList .modal .modal__content .list-1st>li { font-size:14px; }
}







/* 추천후기 */
/* main-photo__skin */

#review .bg { position:relative; }
#review .bg:before { position:absolute; top:130px; right:-100%; bottom: 0; left: -100%; width: auto; height: auto; background: #f5f5f5; content: ''; }
#review .main-photo__skin { display:block; position:relative; padding-bottom:65px; }
#review .main-photo__skin:after { display: table; clear: both; content: ""; }
#review #review .main-photo__skin.photo__list,
#review .main-photo__skin.photo__slider,
#review .main-photo__skin.photo__popup { display:block; width:100%; }
#review .main-photo__skin .photo_list--wrap { position:relative; width:100%; height:100%; overflow:hidden; }
#review .main-photo__skin .photo_list--wrap .photo_list--item,
#review .main-photo__skin .photo_list--wrap .slick-list,
#review .main-photo__skin .photo_list--wrap .slick-list .slick-track,
#review .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide { height:100%; }
#review .main-photo__skin.photo__list .photo_list--wrap { height:calc(100% - 50px); }
#review .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide { margin:0 15px; }
#review .main-photo__skin .photo_list--wrap .photo_list--item { width: 100% !important; padding:57px 35px 0px; border-radius:20px; background: rgb(0,169,91); background: linear-gradient(-133deg, rgba(0,169,91,1) 0%, rgba(0,138,156,1) 100%); }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link { display:block; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col { color:#fff; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .prog_cate { margin:0; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .prog_cate button { display:inline-block; width:auto; color:#fff; font-weight:normal; font-size:15px; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .inner { height:128px; margin:20px 0 50px; color:#fff; text-align:center; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .inner .tit { display:block; width:100%; font-weight:bold; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info { height:66px; padding:21px 0; border-top:1px solid rgba(255,255,255,.5); }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .writer { float:left; display: inline-block; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .writer span { display:inline-block; width:13px; height:13px; margin:4px 3px 0 0; background:url(/images/prog/ico5-2.png) no-repeat center / contain; text-indent:-9999px; opacity:.8; vertical-align:top; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number { float:right; display: inline-block; clear: none; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number li { float:left; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number li~li { margin-left:15px; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number li span { display:inline-block; width:13px; height:13px; margin:6px 3px 0 0; background-size:contain; background-position:center; background-repeat:no-repeat; text-indent:-9999px; opacity:.8; vertical-align:top; }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number .date span { background-image:url(/images/prog/ico19-1.png); }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number .like span { background-image:url(/images/prog/ico22.png); }
#review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number .view span { background-image:url(/images/prog/ico9.png); }
@media screen and (max-width:1023px) {
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .prog_cate { margin:0; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .prog_cate>div { display:block; margin:0; }
}
@media screen and (max-width:853px) {
 #review .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide { padding:0 15px; margin:0; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info { height:140px; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .writer { display:block; width:100%; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number { float:none; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number>li { float:none; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .info .number li~li { margin:0; }
}
@media screen and (max-width:479px) {
 #review .main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide { padding:0; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item { padding:40px 25px 0; }
 #review .main-photo__skin .photo_list--wrap .photo_list--item .photo_list--link .col .inner { height:170px; overflow-y:scroll; }
}


/*#review .main-photo__skin .control { position:absolute; top: -55px; right: 15px; width:auto; } 
#review .main-photo__skin .control > button { width:35px; height:35px; margin-left:10px; border:1px solid #ababab; border-radius:50%; font-size: 0; } 
#review .main-photo__skin .control > button[data-control="prev"]:before,
#review .main-photo__skin .control > button[data-control="next"]:before { width:8px; height:8px; border-width:2px; border-style: solid; border-color: #ababab; transform: rotate(45deg); } 
#review .main-photo__skin .control > button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; } 
#review .main-photo__skin .control > button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; } 
*/
#review .main-photo__skin .control { position:absolute; top: -55px; right: 15px; width:auto; }
#review .main-photo__skin .control > button { position: relative; width:35px; height:35px; margin-left:10px; border:1px solid #008656; border-radius:50%; font-size: 0; }
#review .main-photo__skin .control > button[data-control="prev"]:before,
#review .main-photo__skin .control > button[data-control="next"]:before { position: absolute; top: 52%; width: 11px; height: 12px; background-repeat: no-repeat; background-size: contain; content: ''; transform: translate(-50%,-50%); }
#review .main-photo__skin .control > button[data-control="prev"]:before { left: 52%; background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 2L2.70711 12.2929C2.31658 12.6834 2.31658 13.3166 2.70711 13.7071L13 24' stroke='%23008656' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
#review .main-photo__skin .control > button[data-control="next"]:before { left: 60%; background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.97754 2.38086L12.2704 12.6738C12.661 13.0643 12.661 13.6974 12.2704 14.088L1.97754 24.3809' stroke='%23008656' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

#review .main-photo__skin .control > button.pause { display:none; }


#review .prog_search { padding:26px 50px; margin:55px 0 42px; }
#review .prog_search .prog_total { display:inline-block; margin:0; border:none; }
#review .prog_search .right_con .select_form select { width:106px; }
@media screen and (max-width:1023px) {
 #review .prog_search .right_con .select_form { width:auto; }
 #review .prog_search .right_con .search_form input { width:100%; }
 #review .prog_search .right_con .submit input { width:60px; }
}
@media screen and (max-width:767px) {
 #review .prog_search .right_con { float:none; width:100%; }
 #review .prog_search .right_con .item >div { float:none; width:100%; margin:5px 0; }
 #review .prog_search .right_con .select_form select { width:100%; }
 #review .prog_search .right_con .search_form { margin:0; }
 #review .prog_search .right_con .submit input { width:100%; }
 #review .prog_search2 .right_con .reset_btn1 { width: 100%; }
}
@media screen and (max-width:479px) {
 #review .prog_search { padding:26px; }
}
#review .review_list{margin:0 -15px;width: calc(100% + 30px);}
#review .review_list .col { display:inline-block; float:left; width: calc(33.33% - 30px); height:auto; margin:0 15px 30px; /* border:1px solid #ddd; *//* border-radius:20px; */box-sizing:border-box; position: relative; background-color: #fff; }
#review .review_list .col a { display:block; }
#review .review_list .col .prog_cate { margin:0; }
#review .review_list .col .prog_cate button { display:inline-block; width:auto; border:1px solid #00ac63; color:#00ac63; font-weight:normal; font-size:14px; letter-spacing:-1px; }
#review .review_list .col .inner { height:128px; margin:20px 0 50px; text-align:center; }
#review .review_list .col .inner .tit { display:block; width:100%; font-weight:bold; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#review .review_list .col .info { height:66px; padding:21px 0; border-top:1px solid #ddd; }
#review .review_list .col .info .writer { float:left; display: inline-block; }
#review .review_list .col .info .writer span { display:inline-block; width:13px; height:13px; margin:4px 3px 0 0; background:url(/images/prog/ico5.png) no-repeat center / contain; text-indent:-9999px; vertical-align:top; }
#review .review_list .col .info .number { float:right; display: inline-block; clear: none; }
#review .review_list .col .info .number:after{display:none;}
#review .review_list .col .info .number li { float:left; }
#review .review_list .col .info .number li~li { margin-left:15px; }
#review .review_list .col .info .number li span { display:inline-block; width:13px; height:13px; margin:6px 3px 0 0; background-size:contain; background-position:center; background-repeat:no-repeat; text-indent:-9999px; vertical-align:top; }
#review .review_list .col .info .number .date span { background-image:url(/images/prog/ico19.png); }
#review .review_list .col .info .number .like span { background-image:url(/images/prog/ico22-1.png); }
#review .review_list .col .info .number .like.on span { background-image:url(/images/prog/ico22-2.png); }
#review .review_list .col .info .number .view span { background-image:url(/images/prog/ico9-1.png); }


#review .review_list .content-link { display:block; position:relative; width:100%; min-height:450px; padding:0; border-radius: 15px; border: 1px solid #E3E4E9; }
#review .review_list .content-body { display:flex; position:relative; width:100%; height:100%; padding:60px 50px 30px 50px; flex-direction: column; align-items: center; border-radius: 15px; background: #FFF; box-shadow: 0px 10px 25px 0px rgba(24, 17, 78, 0.08); }
#review .review_list .thumbnail { width: 180px; height: 180px; border-radius:50%; overflow:hidden; margin-bottom:19px; }
#review .review_list .content-title { display:flex; position:relative; width:100%; min-height:70px; padding-right:100px; }
#review .review_list .content-title .thumbnail { position:absolute; top:0; right:0; width:70px; height:70px; border:none; border-radius:50%; padding: 0; margin-bottom: 0; background:#8BA3FF }
#review .review_list .content-title strong { word-break: break-all; overflow: hidden; height:63px; display:block; color:#18114E; font-size: 24px; font-weight: 700; line-height:133.333%; letter-spacing: -0.48px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#review .review_list .id { display:block; width: 100%; margin:10px 0; color: #878A8F; text-align: left; font-size: 16px; font-weight: 500; line-height: 140%; letter-spacing: -0.64px; }
#review .review_list .text { width: 100%; color: #444; text-align: left; font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.3px; margin-bottom: 29px; display: -webkit-box; -webkit-line-clamp: 8; height: 163px; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
#review .review_list .info { display:flex; align-items:center; width:100%; border-top:1px solid rgba(0,0,0,0.2); padding-top:20px;justify-content:space-between}
#review .review_list .info span { color: #008656; font-size: 16px; font-weight: 600; line-height: 150%; letter-spacing: -0.64px; }
#review .review_list .info em { margin-left:30px; }
#review .review_list .info em i,
#review .review_list .info em strong { display:inline-block; position:relative; margin-right:8px; padding-right:8px; color: #666; font-size: 16px; font-weight: 600; line-height: 125%; letter-spacing: -0.28px; }
#review .review_list .info em strong { color:#000 }
#review .review_list .info em strong:before { content:''; position:absolute; top:4px; right:0; width:1px; height:10px; background: rgba(0, 0, 0, 0.30); }
#review .review_list .info em i{max-width:160px;padding-right:0;margin-right:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    vertical-align: middle;}

@media screen and (max-width:1279px) {
 #review .review_list .col { width:calc(50% - 30px); }
}
@media screen and (max-width:1023px) {
 #review .review_list .col .prog_cate { margin:0; }
 #review .review_list .col .prog_cate>div { display:block; margin:0; }
}
@media screen and (max-width:853px) {
 #review .review_list{margin:0 -10px;width: calc(100% + 20px);}
 #review .review_list .col{width:calc(50% - 20px);margin:0 10px 20px}
 #review .review_list .col .info .writer { display:block; width:100%; }
 #review .review_list .col .info .number { float:none; }
 #review .review_list .col .info .number>li { float:none; }
 #review .review_list .col .info .number li~li { margin:0; }
 #review .review_list .content-body { padding: 30px 30px 9px 30px }
 #review .review_list .content-link { min-height: 410px; }

}
@media screen and (max-width:767px) {
 #review .review_list{margin:0 -7px;width: calc(100% + 14px);}
 #review .review_list .col{width:calc(50% - 14px);margin:0 7px 14px}

}

@media screen and (max-width:540px) {
 #review .review_list{margin:0;width:100%;}
 #review .review_list .col { width:100%; margin:14px 0 0; }
 #review .review_list .content-body,
 #review .review_list .col a{border-radius:10px;}
 #review .review_list .content-title strong { font-size: 21px; height: 55px;}
 #review .review_list .content-body{padding:25px 20px 9px 20px}
 #review .review_list .content-link{min-height:1px;}
 #review .review_list .text{height:auto;}
}
@media screen and (max-width:479px) {
 /*#review .review_list .col a { padding:40px 25px 0; } */
 #review .review_list .col .inner { height:170px; overflow-y:scroll; }
}

@media screen and (max-width:430px) {
 #review .review_list .content-title { padding-right: 0; }
 #review .review_list .content-title .thumbnail { display: none; }
}
/*멘토링 후기 모달창*/
#review .modal__backdrop { background:transparent; }
#review .modal.in { overflow: hidden; }
#review .modal__body { max-width:672px; max-height:85%; padding: 30px 60px 24px; border:2px solid #00ac63; border-radius:20px; }
#review .modal__body .modal__content{padding: 0;}
#review .modal__body .modal__content .prog_cate { margin:0; text-align:start; }
#review .modal__body .modal__content .prog_cate button { display:inline-block; width:auto; border:1px solid #00ac63; color:#00ac63; font-weight:normal; font-size:15px; }
#review .modal__body .modal__content .inner { max-height: 300px; min-height: calc(100% - 110px); margin:30px 0 50px; text-align:start; overflow-y: scroll; }
#review .modal__body .modal__content .inner .tit { display:block; width:100%; margin-bottom:10px; font-weight:bold; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#review .modal__body .modal__content .info { height:66px; padding:21px 0; border-top:1px solid #ddd; }
#review .modal__body .modal__content .info .writer { float:left; }
#review .modal__body .modal__content .info .writer span { display:inline-block; width:13px; height:13px; margin:4px 3px 0 0; background:url(/images/prog/ico5.png) no-repeat center / contain; text-indent:-9999px; vertical-align:top; }
#review .modal__body .modal__content .info .number { float:right; }
#review .modal__body .modal__content .info .number li { float:left; }
#review .modal__body .modal__content .info .number li~li { margin-left:15px; }
#review .modal__body .modal__content .info .number li span { display:inline-block; width:13px; height:13px; margin:6px 3px 0 0; background-size:contain; background-position:center; background-repeat:no-repeat; text-indent:-9999px; vertical-align:top; }
#review .modal__body .modal__content .info .number .date span { background-image:url(/images/prog/ico19.png); }
#review .modal__body .modal__content .info .number .like span { background-image:url(/images/prog/ico22-1.png); }
#review .modal__body .modal__content .info .number .like.on span { background-image:url(/images/prog/ico22-2.png); }
#review .modal__body .modal__content .info .number .like.cp { cursor: pointer; }
#review .modal__body .modal__content .info .number .view span { background-image:url(/images/prog/ico9-1.png); }
#review .modal__close-button span { margin:20px 20px 0 0; background:transparent; }
#review .modal__close-button span:after,
#review .modal__close-button span:before { background:#314347; }
#review .modal__close-button span:after { height:36px; margin-top:-18px; }
#review .modal__close-button span:before { width:36px; margin-left:-18px; }
@media screen and (max-width:1023px) {
 #review .modal__body { max-width:none; min-width:70%; }
 #review .modal__body .modal__content .prog_cate { margin:0; }
 #review .modal__body .modal__content .prog_cate>div { display:block; margin:0; }
}
@media screen and (max-width:770px) {
 #review .modal__body { padding: 70px 30px 24px; overflow-y:scroll; width: 90%; min-width: 10px; }
 #review .modal__close-button span:before { width: 28px; margin-left: -14px; }
 #review .modal__close-button span:after { height: 28px; margin-top: -14px; }
 #review .modal__body .modal__content .inner { height:auto; min-height:auto; }
 #review .modal__body .modal__content .info { height:140px; }
 #review .modal__body .modal__content .info .writer { display:block; width:100%; }
 #review .modal__body .modal__content .info .number { float:none; }
 #review .modal__body .modal__content .info .number>li { float:none; }
 #review .modal__body .modal__content .info .number li~li { margin:0; }
}
@media screen and (max-width:479px) {
 #review .modal__body { max-width:80%; }
 #review .modal__body .modal__content { padding:0; }
 #review .modal__body .modal__content .inner .tit { font-size:18px; }
}
.like { display:inline-block; }
.like button { display:inline-block; width:17px; height:16px; background:url(/images/career/sub04/icon01.png) no-repeat; font-size:0; }
.like.on button { background:url(/images/career/sub04/icon01_on.png); }

.class_small,
.class_whitesmall { display: inline-block !important; width: auto !important; min-width: 53px; padding: 4px 10px 5px; color: #fff; font-size: 13px; line-height: 1; letter-spacing: -0.1em; text-align: center; }
.class_whitesmall { padding: 3px 10px 4px; border:1px solid #d5d5d6; color: #555; }

.class_small.se1 { background: #d9394a; text-shadow: 2px 1px 1px #d9394a; }
.class_small.se2 { background: #037bc1; text-shadow: 2px 1px 1px #036ead; }
.class_small.se3 { background: #686e75; text-shadow: 2px 1px 1px #5d6369; }

.like-box { }
.like-box .like { }


#svisual_layout { z-index:9 !important; }
#body_layout .body_wrap { z-index:10; }


#areaClose,
#jssfcClose { display: inline-block;
 width: 200px;
 height: 45px;
 padding: 0;
 margin: 0;
 border-radius: 5px;
 background: #00503a;
 color: #fff;
 font-weight: bold;
 font-size: 16px;
 line-height: 45px;
}



.stroy_list2 { }
.stroy_list2 .col { display:block; padding: 30px; margin-bottom: 20px; border:1px solid #ddd; border-radius: 5px; }
.stroy_list2 .col .info .inner strong { display: block; width: 100%; padding-bottom: 5px; margin-bottom:20px; color:#000; font-weight: bold; font-size: 24px; white-space: normal; border-bottom: 1px solid #efefef; }
.stroy_list2 .col .info .inner ul { }
.stroy_list2 .col .info .inner ul li { display:inline-block; position:relative; width:48%; padding-left:15px; }
.stroy_list2 .col .info .inner ul li:before { position:absolute; top:10px; left:5px; width:3px; height:3px; border-radius:50%; background-color:#333; content:''; }
.stroy_list2 .col .info .inner ul li em { color: #000; font-weight:bold; }
.stroy_list2 .col .button { position: absolute; top: 50px; right: 30px; }
.stroy_list2 .col .button a { display:inline-block; height:40px; padding:0 30px 0 30px; background:#f67400; color:#ffffff; font-weight:normal; font-size:17px; line-height:40px; letter-spacing:-0.03em; text-align:center; }
.stroy_list2 .col .button a:nth-child(2) { display:inline-block; height:40px; padding:0 30px 0 30px; background:#555555; color:#ffffff; font-weight:normal; font-size:17px; line-height:40px; letter-spacing:-0.03em; text-align:center; }

@media screen and (max-width:800px) {
 .stroy_list2 .col .info .inner ul li { display:block; width:100%; }
 .stroy_list2 .col .button { position:relative; top:auto; right:auto; width:100%; text-align:center; }
}

.careerList { position: relative; z-index:10; }
.careerList .mento_list.mento_list_new .col .thumb .company_wrap .comapanyinfo.maps { color:#000; font-weight: bold; font-size: 14px; letter-spacing:-1px; }
.careerList .mento_list.mento_list_new .col .thumb { min-height:319px; }
.careerList .mento_list.mento_list_new .col .thumb ul li { float: none !important; font-size: 15px; letter-spacing: -1px; text-align: left; }



.border-color.mento_list2 .col { border-color:#00a45b; }
.border-color.mento_list .col .thumb { border-color:#00a45b; }


.dashbox .d-top2 .group1.new-group1 { float:none; width: calc(100% + 20px); padding: 0 10px; margin: 0 -10px 60px -10px; border:none; }
.dashbox .d-top2 .group1.new-group1 .box { float:left; width: calc(50% - 20px); padding: 0 33px; margin: 0 10px; border: 1px solid #ddd; border-radius: 10px; }
.dashbox .d-top2 .group1.new-group1:after { display:block; clear:both; content:""; visibility:hidden; }
.dashbox .d-top2 .group1.new-group1 .box .btn_box { right:33px; }


.d-conts {
 margin-bottom: 109px;
}
.d-conts:after { display:block; clear:both; content:""; visibility:hidden; }
.d-conts .group { display:inline-block; position: relative; float:left; height:612px; }
.d-conts .group1 { width: calc(100% - 417px); }
.d-conts .group2 { float:right; width: 345px; }






.dash__tab {
 position: absolute;
 top: -10px;
 right: 0;
}
.dash__tab > li { display:inline-block; margin: 3px; }
.dash__tab > li > a { display:block; min-width: 135px; padding: 0 15px; border:1px solid #e0e0e0; border-radius:30px; text-align: center; }
.dash__tab > li > a > span { display:block; color:#282828; font-weight:bold; font-size:16px; line-height:45px; font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system; }
.dash__tab > li.on > a { border: 1px solid #009952; background: #009952; background-image: linear-gradient(270deg,#009952,#007d8e); }
.dash__tab > li.on > a > span { color:#fff; }
.dash__tab > li.on > a > span:after { display:inline-block; width:22px; height:22px; margin: -2px 0 0 6px; background:url(/images/career/common/menu_ov.png)no-repeat; content:''; vertical-align:middle; }
.dash__tab > li > button { display:block; min-width: 135px; padding: 0 15px; border:1px solid #e0e0e0; border-radius:30px; text-align: center; }
.dash__tab > li > button > span { display:block; color:#282828; font-weight:bold; font-size:16px; line-height:45px; font-family:'nsr','맑은고딕','Malgun Gothic',-apple-system; }
.dash__tab > li.on > button { border: 1px solid #009952; background: #009952; background-image: linear-gradient(270deg,#009952,#007d8e); }
.dash__tab > li.on > button > span { color:#fff; }
.dash__tab > li.on > button > span:after { display:inline-block; width:22px; height:22px; margin: -2px 0 0 6px; background:url(/images/career/common/menu_ov.png)no-repeat; content:''; vertical-align:middle; }



.mento_list3 { position:relative; margin: 0; }
.mento_list3 .grap { height:556px; }
.mento_list3 .col { float:left; width:100%; height: 550px; padding: 63px 50px; margin: 0; border: 1px solid #00a558; border-radius: 10px; }
.mento_list3 .col a { display:inline-block; }
.mento_list3 .col .thumb { width:177px; height:177px; margin:0 auto; }
.mento_list3 .col .thumb span { display:block; position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; }
.mento_list3 .col .thumb span img { position:absolute; top:50%; left:50%; width: 100%; max-width: 1000%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.mento_list3 .col strong { display:block; margin:15px 0 10px; color:#333; font-weight:bold; font-size:26px; line-height: 1.3; text-align:center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.mento_list3 .col .company { display: block; color: #666; font-size: 16px; text-align: center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.mento_list3 .col .tag { display:block; /* display: -webkit-box; */ height: 28px; /* text-overflow: ellipsis; */text-align: center; overflow: hidden; /* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 2; *//* white-space: normal; */ }
.mento_list3 .col .tag span { display:inline-block; margin:0 5px; color: #1ac377; /* font-size: 16px; */ font-weight: bold; font-size: 16px; }
.mento_list3 .col .info { }
.mento_list3 .col .info p { display:block; display: -webkit-box; height: 60px; margin: 10px 0; color:#666; font-size:16px; line-height:1.3; text-align:center; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; }
.mento_list3 .col .cate { margin: 15px 0; text-align:center; }
.mento_list3 .col .cate span { display:inline-block; margin: 0 5px; color:#008749; font-weight:bold; font-size:13px; }
.mento_list3 .col .cate .n1:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico1.png)no-repeat; content:''; vertical-align:middle; }
.mento_list3 .col .cate .n2:before { display:inline-block; width:16px; height:16px; margin-right:3px; background:url(/images/prog/ico2.png)no-repeat; content:''; vertical-align:middle; }
.mento_list3 .col .cate .n3:before { display:inline-block; width:18px; height:16px; margin-right:3px; background:url(/images/prog/ico3.png)no-repeat; content:''; vertical-align:middle; }
.mento_list3 .col .btntype { display:block; width: 100%; height:45px; border-radius: 5px; background: #2a3354; color:#fff; font-size:16px; line-height:45px; text-align:center; border-color: #2a3354; }

.mento_list3 .control { position:absolute; top: -55px; right: 15px; }
.mento_list3 .control > button { width:35px; height:35px; margin-left:10px; border:1px solid #000; border-radius:50%; font-size: 0; }
.mento_list3 .control > button[data-control="prev"]:before,
.mento_list3 .control > button[data-control="next"]:before { width:8px; height:8px; border-width:2px; border-style: solid; border-color: #000; transform: rotate(45deg); }
.mento_list3 .control > button[data-control="prev"]:before { right: -5px; border-width: 0 0 2px 2px; }
.mento_list3 .control > button[data-control="next"]:before { left: -5px; border-width: 2px 2px 0 0; }

.d-conts .stroy_list.totalList { margin:0 -10px; margin-top: 20px; }
.d-conts .stroy_list.totalList .col { width: calc(50% - 20px); height: 265px; margin: 0 10px; margin-bottom: 20px; }
.d-conts .stroy_list .col .thumb span { text-align:center; }
.d-conts .stroy_list .col .thumb span img { width:auto; max-width:none; height:100%; }


.arrow-up,
.arrow-down { display:block; width:35px; height: 15px; margin:0 auto; font-size:0; }
.arrow-up { background:url(/images/prog/arrow-up.png)no-repeat; }
.arrow-down { background:url(/images/prog/arrow-down.png)no-repeat; }


.table_img,
.table_text { display:block; text-align:center; }
.table_text { color: #282828 !important; font-weight: bold; font-size:14px; text-decoration: underline; }




/* 230228 dashboard */
.dashbox .d-top { display:flex; margin: 0 0 27px; }
.dashbox .d-top:after { display:block; clear: both; content: ''; }

.dashbox .d-top2 .group1.new-group1,.dashbox .d-top2 .group1.new-group1 .box { width: 100%; margin: 0; }
.dashbox .d-top2 .group { width:624px; margin-bottom: 0; }
.dashbox .d-top2 .group1.new-group1 { width:calc(100% - 624px); padding: 0; border: 1px solid #ddd; border-radius: 10px; }

.dashbox .d-top2 .group1.new-group1 .box { display:flex; align-items: center; position: relative; float:none; min-height: 100px; padding:25px 43px; border:transparent; border-radius: 0; }
.dashbox .d-top2 .group1.new-group1 .box:first-child:before { display:block; position:absolute; bottom: 0; left:50%; width: calc(100% - 86px); height: 1px; background:#ddd; content: ''; transform: translateX(-50%); }
.dashbox .d-top2 .box1 .tit strong,.dashbox .d-top2 .box2 .tit { line-height: 1; }

.dashbox .d-top2 .group1.new-group1 .box .btn_box { right: 43px; }
.dashbox .d-top2 .box2 .tit { font-size: 18px; }
.dashbox .d-top2 .group2 ul li { margin:0 0 0 20px; }
.dashbox .d-bot ul li .btn_box a { padding: 10px 0 14px; }
.dashbox .d-bot ul li .btn_box strong { margin-bottom: 6px; line-height: 1.3; }


/* menti */

.dashbox.menti { }
.dashbox.menti .group.new-group1 { width: 100%; }


@media (max-width: 1319px) {

 .dashbox .d-top2 .group { float:none; width:calc(100% - 20px); margin:0 10px 20px; }
}


@media screen and (max-width:1300px) {
 .d-conts { margin-bottom: 0px; }
 .d-conts .group { float:none; margin-top: 30px; }
 .d-conts .group1,.d-conts .group2 { width: 100%; }
 .d-conts .group1 { }
 .d-conts .group2 { height: auto; }
 #mento_listSlide .grap { height:350px; margin-bottom: 10px; }
 .mento_list3 .col { height:100%; padding: 30px 50px; padding-left: 260px; text-align: left; }
 .mento_list3 .col .thumb { position: absolute; top: 48px; left: 50px; }
 .mento_list3 .col strong,.mento_list3 .col .tag,.mento_list3 .col .cate { text-align: left; }
 .mento_list3 .col .btntype { display:inline-block; width: auto; min-width: 200px; margin-top: 10px; }
 .mento_list3 .col .cate { margin-top: 22px; }
}



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

 .dashbox .d-bot ul li { padding: 30px; }
 .dashbox .d-bot ul li .tit { font-size: 23px; }

}

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

 .dashbox .d-top,.dashbox .d-top2 .group1.new-group1,.dashbox .d-top2 .group { display:block; width: 100%; }
 .dashbox .d-top2 .group2 { margin-top: 20px; }
 .dashbox .d-top2 .group2 ul li:first-child { margin-left: 0; }

}

@media screen and (max-width:767px) {
 .dashbox .d-top2 .box1 .btn_box,.dashbox .d-top2 .box2 .btn_box { position:absolute; }
 .dashbox .d-top2 .box1 .tit,.dashbox .d-top2 .box2 .tit { margin-bottom: 0; }
 #mento_listSlide .grap { height: auto; }
 .mento_list3 .col { padding: 30px; text-align: center; }
 .mento_list3 .col .thumb { position: relative; top:auto; left:auto; width: 120px; height: 120px; margin:0 auto; }
 .mento_list3 .col strong, .mento_list3 .col .tag, .mento_list3 .col .cate { text-align: center; }
 .mento_list3 .col .btntype { margin: 0 auto; }
 /* .dashbox .d-top1 .box1 .btn_box { position: static } 
 .dashbox .d-top1 .box1 .tit strong { line-height: 1; } 
 .dashbox .d-top1 .box1 .tit strong em { margin-left: 10px; } */
}


@media screen and (max-width:640px) {
 .dashbox .d-top2 .group1.new-group1 .box { display:block; }
 .dashbox .d-top2 .box1 .tit { }
 .dashbox .d-top2 .box1 .tit strong { font-size:20px; }
 .dashbox .d-top2 .group1.new-group1 .box .btn_box { position: relative; top:auto; right:auto; margin-top: 15px; }
 .dashbox .d-top2 .group1.new-group1 .box .btn_box > a { display:block; width: 100%; text-align: center; }
 .dashbox .d-top2 .group1.new-group1 .box.box2 .btn_box > a { margin-bottom: 5px; }

 .dash__tab { position: relative; top: 0; float:right; margin-bottom: 15px; }
 .dash__tab > li { float:left; }
}

@media (max-width: 580px) {
 .dashbox .d-top2 .group1.new-group1 .box { padding-right: 20px; padding-left: 20px; }
 .dashbox .d-top1 .box { margin: 0; }
 .dashbox .d-top2 .group2 { margin-top: 15px; margin-left: 0; }
 .dashbox .d-top2 .group2 ul, .dashbox .d-top2 .group2 ul li { margin: 0; }
 .dashbox .d-top2 .group2 ul { width: 100%; margin-top:0; }
 .dashbox .d-top2 .group2 ul li { width: 100%; height: 160px; margin-bottom: 15px; }
 .dashbox .d-top2 .group2 ul li a { padding-top: 32px; }
 .dash__tab > li > a { min-width:110px; }

 .dashbox .d-bot ul li { margin-bottom: 15px; }
 .dashbox .d-bot ul li .btn_box { width: 50%; min-width: 218px; }
 .dashbox .d-bot ul li .btn_box a { width: 100%; background-position: 100% 82%; }
 .dashbox .d-bot ul li .btn_box a:first-child { margin-right: 0; }


}

@media (max-width: 480px) {
 .d-conts .group1 { height: auto; margin-top: 0; }
 .d-conts .stroy_list.totalList,
 .d-conts .stroy_list.totalList .col { width: 100%; margin: 0; }
 .d-conts .stroy_list.totalList .col { height: auto; margin-bottom: 15px; }

 .dash__tab > li > a { min-width:71px; }
}





.modal .modal-dialog { opacity: 0; }
.modal.fade.in { }
.modal.fade .modal-dialog { margin:0; opacity:1; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.modal.fade.in .modal-dialog.modal-center { position: absolute; top:50%; left:50%; margin:0; border-radius: 3px; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.modal.fade.in .modal-dialog.modal-center .modal-content { }
.modal.fade.in .modal-dialog.modal-center .modal-content .modal-header { position: relative; background: #fff; }
.modal.fade.in .modal-dialog.modal-center .modal-content .modal-header .modal-title { display: block;
 margin-bottom: 5px;
 color: #0a844d;
 font-weight: bold;
 font-size: 22px;
 line-height: 30px; }

.modal.fade.in .modal-dialog.modal-center .modal-content .modal-header .close {
 position: absolute;
 top: 0;
 right: 0;
 width: 65px;
 height: 65px;
 background-color: #0a844d;
 color: #fff;
 font-weight: 100;
 font-size: 34px;
 border-left: 1px solid #ddd;
 opacity: 1;
 text-shadow: initial;
}


.modal.fade.in .modal-dialog.modal-center .modal-content .form-group.d-flex { display:flex; flex-wrap: wrap; }
.modal.fade.in .modal-dialog.modal-center .modal-content .form-group.d-flex .form-search-deptperson { width:calc(100% - 53px); }
.modal.fade.in .modal-dialog.modal-center .modal-content .form-group.d-flex .btn { width:50px; margin-left:3px; }







/* 230306 modal > pagination 수정 */
.modal.fade.in .modal-dialog.modal-center .modal-content #modal-result-page {
 text-align: center;
}

/* 230307 no-img 수정 */
.col.videoType .no-img .thumb:after { display:none; }

@media (max-width: 480px) {
 .col,
 .col .no-img,
 .col .no-img .thumb,
 .col .no-img .thumb span { height:100%; }
 .col .no-img .thumb span img { position:relative; top: 0; left: 0; transform: none; }

 .col.videoType .no-img .thumb span img { width: 100%; height: auto; }
 .col.cardType .no-img .thumb span img { top: 0; left: 50%; width: auto; height: 100%; transform: translate(-50%, 0); }
}

/* 230307 재직자 역량 진단 수정 */
.stepbox .table tbody tr .col label { display: block; }

/* 230307 About > 공지 검색바 수정 */
.sub05_02 .program--search .search--btn span,
.sub05_04 .program--search .search--btn span { width:95px; }
.sub05_02 .program--contents .form-group div[class^=col-],
.sub05_04 .program--contents .form-group div[class^=col-] { display:block; }

@media (max-width: 600px) {
 .sub05_02 .program--search .search--btn span,
 .sub05_04 .program--search .search--btn span {
  width: 100%;
 }
}

/* 230307 About > Q&A > 등록 수정 */
.sub05_04 .form-horizontal.bucket-form .form-group .control-label .pilsu { font-size:0; }

/* 230310 경력나눔 > 커뮤니티 게시글 하단 button 수정 */
@media (max-width: 500px) {
 .sub02_03 .program--contents .box-footer .pull-right { float:none; margin-bottom:7px; }
}

/* 230310 pagnation hover, focus 수정 */
.pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span { border-radius: 50%; }

/* 230310 Q&A 게시글 목록 반응형 수정 */
.sub05_04 .board_list.table tbody td.writer { min-width:51px; min-height:24px; }

/* 20230406 */
.modal__footer .btn { margin: 0 5px; }

/*프로그램 간략 공통*/
.bol { font-weight: bold; }
.reg { font-weight: 400; }
.sml { font-size: 15px; }
.point { color: #FFEF61; }
.point2 { color: #008656; }
.point3 { color: #18114E !important; }
.point4 { color: #DB214D; }
.text-sb { display: flex; justify-content: space-between; }
.no-img { display: block; position: relative; width: 100%; height: 100%; }
.no-img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='134' height='40' viewBox='0 0 134 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.0698 0H31.665L31.398 1.13256C30.4312 5.23924 28.6357 9.38275 26.0575 13.4618C25.4221 14.4655 24.7223 15.4783 23.9581 16.5096C24.3356 16.6937 24.6947 16.8687 25.0722 17.0713C27.9451 18.609 30.8547 20.6255 33.3224 23.2405C35.5968 20.4321 37.558 17.5224 39.1418 14.5852L39.1694 14.5391L41.0754 10.5613V10.5337C42.2908 7.6793 43.1656 4.81568 43.6812 1.98888C43.6812 1.98888 44.0311 0.046039 44.0403 0.0092078H42.0514L42.0698 0Z' fill='%230CAD63'/%3E%3Cpath d='M39.6304 35.8736C38.8385 31.0671 36.7944 27.2183 34.1425 24.1336C33.8755 23.8298 33.6085 23.5351 33.3322 23.2497C30.8553 20.6347 27.9549 18.6182 25.0821 17.0805C24.7045 16.8779 24.3454 16.7029 23.9679 16.5188C22.0435 15.5612 20.1559 14.8153 18.4524 14.2353C18.0381 14.0971 17.6329 13.9682 17.2462 13.8393C16.0768 13.2684 15.285 12.2372 15.285 11.0494C15.285 10.9112 15.2942 10.7731 15.3218 10.6258C15.4415 10.2851 15.5704 9.94442 15.6993 9.63136C17.0436 6.15081 18.3051 4.0146 18.3235 3.98698L20.7083 0H15.2205H9.69582H7.54119L6.60199 1.55612C6.27972 2.08096 0.690585 11.5005 0.0552468 23.8114C-0.0184156 25.2294 -0.0184156 26.6934 0.0552468 28.1851C0.193364 30.9935 0.626131 33.9123 1.45483 36.868L2.06255 39.0134H14.6404L13.692 35.6434C13.0382 33.3506 12.6607 30.9658 12.5042 28.4981C12.4858 28.1022 12.4582 27.6879 12.4489 27.2827C12.7344 25.7174 14.4194 24.502 16.4636 24.502C17.1081 24.502 17.725 24.6309 18.2683 24.8426C18.5906 25.0084 18.9036 25.1925 19.2259 25.3767C22.8722 27.5313 26.3159 31.0119 27.3196 36.6102L27.7431 38.9766H40.1184L39.612 35.8552L39.6304 35.8736Z' fill='%23192F55'/%3E%3Cpath d='M99.2778 15.2402V18.6562H65.3286V15.2402H90.0607C90.3922 13.7761 90.558 12.441 90.6869 11.1979L69.0762 12.1187L68.5789 8.82232L90.8987 8.15015C90.9447 7.10967 90.9447 6.15206 90.9447 5.18524H69.5918V1.81519H95.1619V4.86297C95.1619 7.82788 95.1619 11.1151 94.37 15.2494H99.287L99.2778 15.2402ZM73.4591 34.0977H96.7364V37.431H69.2511V27.7996H91.1933V24.9636H69.1682V21.6304H95.4473V30.9302H73.4683V34.0977H73.4591Z' fill='%23192F55'/%3E%3Cpath d='M123.882 19.1254C118.247 20.0461 113.532 20.1658 106.866 20.1658H103.901V9.19935H116.414V5.19396H103.818V1.68579H120.668V12.4497H108.109V16.6669C113.993 16.6669 118.412 16.5011 123.541 15.6264L123.873 19.1254H123.882ZM129.342 22.7532H133.596V37.4397H108.781V22.7532H113.035V26.6758H129.342V22.7532ZM129.342 30.055H113.035V33.9775H129.342V30.055ZM133.596 0.230957V21.0406H129.305V11.2803H122.795V7.81818H129.305V0.230957H133.596Z' fill='%23192F55'/%3E%3Cpath d='M58.2034 17.5502H45.0823V21.4635H58.2034V17.5502Z' fill='%230CAD63'/%3E%3C/svg%3E%0A"); background-position: 50%; background-repeat: no-repeat; }
.fe-btn { padding: 15px 26px; border-radius: 5px; font-weight: 400; font-size: 15px; line-height: 10px; letter-spacing: 0.45px; transition: 0.3s; }

.fe-btn-primary { border: 1px solid #18114E; background-color: #18114E; color: #fff; }
.fe-btn-primary:hover,
.fe-btn-primary:focus { background-color: #fff; color: #18114E; }
.fe-btn.fe-btn-lg { min-width:155px; height:50px; }
.fe-btn.fe-btn-sm { padding: 8px 10px 6px; min-height: 34px; min-width: 70px; }
.fe-btn-primary.outline { background-color: #fff; color: #18114E; }
.fe-btn-primary.outline:hover,
.fe-btn-primary.outline:focus { background-color: #18114E; color: #fff; border-color: #18114E; }

.fe-btn-secondary { border: 1px solid #008656; background-color: #008656; color: #fff; }
.fe-btn-secondary:hover,
.fe-btn-secondary:focus { background-color: #fff; color: #008656; }

.fe-btn .fa { margin-right: 6px; }
.ui-topbox.type1 .ir-icon { top: 20px; }
.ir.ir-reset { width: 16px; height: 20px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.42383V0.75L3.42383 5.32617L8 9.92383V6.25C8.75911 6.25 9.4681 6.39323 10.127 6.67969C10.8001 6.96615 11.3874 7.36003 11.8887 7.86133C12.39 8.36263 12.7839 8.94987 13.0703 9.62305C13.3568 10.2819 13.5 10.9909 13.5 11.75C13.5 12.5091 13.3568 13.2253 13.0703 13.8984C12.7839 14.5573 12.39 15.1374 11.8887 15.6387C11.3874 16.14 10.8001 16.5339 10.127 16.8203C9.4681 17.1068 8.75911 17.25 8 17.25C7.24089 17.25 6.52474 17.1068 5.85156 16.8203C5.19271 16.5339 4.61263 16.14 4.11133 15.6387C3.61003 15.1374 3.21615 14.5573 2.92969 13.8984C2.64323 13.2253 2.5 12.5091 2.5 11.75H0.673828C0.673828 12.7669 0.860026 13.7194 1.23242 14.6074C1.61914 15.4954 2.14193 16.276 2.80078 16.9492C3.47396 17.6081 4.25456 18.1309 5.14258 18.5176C6.0306 18.89 6.98307 19.0762 8 19.0762C9.01693 19.0762 9.9694 18.89 10.8574 18.5176C11.7454 18.1309 12.5189 17.6081 13.1777 16.9492C13.8509 16.276 14.3737 15.4954 14.7461 14.6074C15.1328 13.7194 15.3262 12.7669 15.3262 11.75C15.3262 10.7331 15.1328 9.7806 14.7461 8.89258C14.3737 8.00456 13.8509 7.23112 13.1777 6.57227C12.5189 5.89909 11.7454 5.3763 10.8574 5.00391C9.9694 4.61719 9.01693 4.42383 8 4.42383Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
.btn-primary:hover .ir.ir-reset,
.btn-primary:focus .ir.ir-reset { background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4.42383V0.75L3.42383 5.32617L8 9.92383V6.25C8.75911 6.25 9.4681 6.39323 10.127 6.67969C10.8001 6.96615 11.3874 7.36003 11.8887 7.86133C12.39 8.36263 12.7839 8.94987 13.0703 9.62305C13.3568 10.2819 13.5 10.9909 13.5 11.75C13.5 12.5091 13.3568 13.2253 13.0703 13.8984C12.7839 14.5573 12.39 15.1374 11.8887 15.6387C11.3874 16.14 10.8001 16.5339 10.127 16.8203C9.4681 17.1068 8.75911 17.25 8 17.25C7.24089 17.25 6.52474 17.1068 5.85156 16.8203C5.19271 16.5339 4.61263 16.14 4.11133 15.6387C3.61003 15.1374 3.21615 14.5573 2.92969 13.8984C2.64323 13.2253 2.5 12.5091 2.5 11.75H0.673828C0.673828 12.7669 0.860026 13.7194 1.23242 14.6074C1.61914 15.4954 2.14193 16.276 2.80078 16.9492C3.47396 17.6081 4.25456 18.1309 5.14258 18.5176C6.0306 18.89 6.98307 19.0762 8 19.0762C9.01693 19.0762 9.9694 18.89 10.8574 18.5176C11.7454 18.1309 12.5189 17.6081 13.1777 16.9492C13.8509 16.276 14.3737 15.4954 14.7461 14.6074C15.1328 13.7194 15.3262 12.7669 15.3262 11.75C15.3262 10.7331 15.1328 9.7806 14.7461 8.89258C14.3737 8.00456 13.8509 7.23112 13.1777 6.57227C12.5189 5.89909 11.7454 5.3763 10.8574 5.00391C9.9694 4.61719 9.01693 4.42383 8 4.42383Z' fill='%231E307E'/%3E%3C/svg%3E%0A"); }

.help-block.yes i { color: #008656; }


/*career테이블*/
.table thead { border-top: 2px solid #000; }
.table thead th { border: none; background-color: #fff; color: #000 !important; font-weight: 700; font-size: 15px; line-height: 135%; }
.table tr { border-bottom: 1px solid rgba(221, 221, 221, 0.87); }
.table td, .table th { border: none; text-align: center; }
.table td { padding: 11px 10px 9px 10px; color: #666; }
.table thead tr .atchFileId { color: #000; }
.table .atchFileId { color: #008656; }
.table .subject { color: #222; }
.table .deptName.acc { color: #DB214D; }
.table .regDate { color: #444; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }
.table tr.notice td { background:#fff; }
.table tbody tr td .ir-bbs-notice { display:inline-block; }
.table tbody td[data-cell-header="제목"] a,
.table tbody td[data-cell-header="제목"] button,
.table tbody td.subject a,
.table tbody td.subject button { display:block; position: relative; width: 100%; padding:0; padding-right:0px; color: #000; text-align: left; }
.table tbody td .bbs-subject-con { display:inline-block; position:relative; max-width: calc(100% - 110px);}
.table tbody td .bbs-subject-con .bbs-subject-txt { display: inline-block; position: relative;width: 100%; padding-right: 5px; padding-left: 0; color: #222; font-weight: 600; font-size: 16px; line-height: 130%; letter-spacing: -0.16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
.table tbody td .bbs-subject-con .bbs-subject-txt1 { width: 428px !important;}
.table tbody td .bbs-subject-con .bbs-subject-txt .category { margin-right:5px; color:#000; font-weight:600; }
.table tbody td .bbs-subject-con .bbs-subject-icons { display: inline-block; position: absolute; top: 50%; left:-21px; width: 20px; height:auto; /* border: 1px solid; */margin-top: -11px; text-align:left; }
.table tbody tr.nodata__tr td { text-align:center; }

.table tbody td .fe-btn { width: auto; padding: 10px; }
.new-icon { display:inline-block; position:relative; width: 18px; height: 18px; background:none; font-size:0; }
.new-icon:after { position: absolute; top:0; left:0; width:100%; height:100%; background: url(/images/career/common/ir-bbs.png)no-repeat; content:''; }


@media only screen and (max-width:767px) {
 .no-more-tables { width:100%; overflow:hidden; border-top: none; }
 .no-more-tables .table-default colgroup,.no-more-tables .table-default thead th { display:none; }
 .no-more-tables .table-default tbody tr { display:block; padding:10px; border-bottom:1px solid #d9d9d9; }
 .table tr.notice td{background: transparent;}
 .no-more-tables .table-default tbody tr:after { display:block; clear:both; height:0; content:"."; visibility:hidden; }
 .no-more-tables .table-default tbody tr:nth-child(odd) { background:#f8f8f8; }
 .no-more-tables .table-default tbody td { display:block; width:100%; padding:5px 10px; border:none; text-align:left; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-bottom:1px dashed #ccc; }
 .board_list.table tbody td:first-child { display: block; position: relative; width: 100%; text-align: left; left: auto; top: auto; }
 .no-more-tables .table-default tbody tr td:last-child { border-bottom:none; }
 .no-more-tables .table-default [data-cell-header]:before { display:inline-block; min-width:15%; padding-right:10px; margin-right:15px; color:#222; font-weight:bold; font-size:16px; content:attr(data-cell-header); border-right:1px solid #ccc; }
 .no-more-tables .table-default .checkbox { display:none; }
 .no-more-tables .table-default [data-cell-header="제목"]:before{display:none;}
 .no-more-tables table .cate { min-width: 10px; }
 .table tbody td .bbs-subject-con{    max-width: calc(100% - 90px);}
 .table tbody td .bbs-subject-con .bbs-subject-txt{padding-right: 0;}
}

.bbs--list .table.mobile .add-head { font-size: 0; }
.bbs--list .table.mobile colgroup,
.bbs--list .table.mobile thead,
.bbs--list .table.mobile thead th { display: none; }
.bbs--list .table.mobile tbody tr.notice td { background-color: transparent; }
.bbs--list .table.mobile tbody td[data-cell-header]:before,
.bbs--list .table.mobile tbody td.subject[data-cell-header]:before { display: none; }
.bbs--list .table.mobile tbody tr { display: block; position: relative; min-height: 45px; padding: 7px 0; padding-left: 55px; text-align: left; border-bottom: 1px solid #ddd; }
.bbs--list .table.mobile tbody td { display: none; width: auto; border-bottom: none; }
.bbs--list .table.mobile tbody td[data-cell-header="공지"],
.bbs--list .table.mobile tbody td[data-cell-header="번호"],
.bbs--list .table.mobile tbody td:first-child { display: inline-block; position: absolute; top: 15px; left: 0; width: 55px; padding: 0; text-align: center; }
.bbs--list .table.mobile tbody td .btn-icon_only { position: relative; top: 3px; margin-bottom: 0; }
.bbs--list .table.mobile tbody td.subject,
.bbs--list .table.mobile tbody td.hit,
.bbs--list .table.mobile tbody td.writer,
.bbs--list .table.mobile tbody td.regDate,
.bbs--list .table.mobile tbody td.mo-show { display: inline-block; position: relative; padding: 0 15px 0 0; margin: 0 15px 0 0; }
.bbs--list .table.mobile tbody td.subject { padding: 0 0 5px 0; margin: 0 0 -8px 0; line-height: 1; }
.bbs--list .table.mobile tbody td.hit:before,
.bbs--list .table.mobile tbody td.writer:before,
.bbs--list .table.mobile tbody td.regDate:before,
.bbs--list .table.mobile tbody td.mo-show:before { display: inline-block; position: absolute; top: 7px; right: 0; width: 1px; min-width: auto; height: 10px; margin: 0; content: ''; border-right: 1px solid #ddd; }
.bbs--list .table.mobile tbody td.numbers { display: block; width: auto; padding: 0; font-weight: bold; font-size: 13px; }
.bbs--list .table.mobile tbody td.subject { display: block; width: auto; }
.bbs--list .table.mobile tbody td.subject .tds { display: block; }
.bbs--list .table.mobile tbody td.subject button { padding-right: 0; }
.bbs--list .table.mobile tbody td.subject .add-head { display: none; }
.bbs--list .table.mobile tbody td[colspan]:first-child { position: static; width: 100%; text-align: left; }
.bbs--list .table.mobile tbody tr.nodata--tr { padding-left: 0; }
.bbs--list .table.mobile tbody tr.nodata--tr td { display: block; position: relative; text-align: center !important; }
.bbs--list .table.mobile tbody tr:first-child td.nodata { width: calc(100% + 55px); margin-left: -55px; }

.table.bbsTable.mobile .add-head { font-size: 0; }
.table.bbsTable.mobile colgroup,
.table.bbsTable.mobile thead,
.table.bbsTable.mobile thead th { display: none; }
.table.bbsTable.mobile tbody tr.notice td { background-color: transparent; }
.table.bbsTable.mobile tbody td[data-cell-header]:before, .table.bbsTable.mobile tbody td.subject[data-cell-header]:before { display: none; }
.table.bbsTable.mobile tbody tr:first-child { border-top: 2px solid #000; }
.table.bbsTable.mobile tbody tr { display: block; position: relative; min-height: 45px; padding: 7px 0; padding-left: 55px; text-align: left; border-bottom: 1px solid #ddd; }
.table.bbsTable.mobile tbody td { display: none; width: auto; border-bottom: none; }
.table.bbsTable.mobile tbody td[data-cell-header="공지"],
.table.bbsTable.mobile tbody td[data-cell-header="번호"],
.table.bbsTable.mobile tbody td:first-child { display: inline-block; position: absolute; top: 15px; left: 0; width: 55px; padding: 0; text-align: center; }
.table.bbsTable.mobile tbody td .btn-icon_only { position: relative; top: 3px; margin-bottom: 0; }
.table.bbsTable.mobile tbody td.subject .cate { display: block; max-width: 10px; min-width: 100%; }
.table.bbsTable.mobile tbody td.subject,
.table.bbsTable.mobile tbody td.deptName,
.table.bbsTable.mobile tbody td.regDate,
.table.bbsTable.mobile tbody td.hit,
.table.bbsTable.mobile tbody td.rec,
.table.bbsTable.mobile tbody td.com { display: inline-block; position: relative; padding: 0 15px 0 0; margin: 0 15px 0 0; }
.table.bbsTable.mobile tbody td.subject { padding: 0 0 5px 0; margin: 0 0 -8px 0; line-height: 1; }

.table.bbsTable.mobile tbody td.numbers { display: block; width: auto; padding: 0; font-weight: bold; font-size: 13px; }
.table.bbsTable.mobile tbody td.subject { display: block; width: auto; }
.table.bbsTable.mobile tbody td.subject .tds { display: block; }
.table.bbsTable.mobile tbody td.subject button { padding-right: 0; }
.table.bbsTable.mobile tbody td.subject .add-head { display: none; }
.table.bbsTable.mobile tbody td[colspan]:first-child { position: static; width: 100%; text-align: left; }
.table.bbsTable.mobile tbody tr.nodata--tr { padding-left: 0; text-align: center; }
.table.bbsTable.mobile tbody tr.nodata--tr td { display: block; position: relative; text-align: center !important; }
.table.bbsTable.mobile tbody tr:first-child td.nodata { width: calc(100% + 55px); margin-left: -55px; }



table .cate { display: inline-block; max-width: 100%; min-width: 85px; margin-right: 22px; font-weight:bold; }
table .cate button { font-weight:bold; }
table .cate1 { color:#EF88A1; }
table .cate2 { color:#747B94; }
table .cate3 { color:#222; }
table .btntype { display:block; width: 100%; padding:2px 10px; margin:3px 0; border:1px solid #ddd; font-size: 15px; line-height: 1.5; }

@media only screen and (max-width: 860px) {
 .table-responsive {
  overflow-x:auto;
  display: block;
  width: 100%;
  -ms-overflow-style: 0;
 }

 .table-responsive .table {
  width: 995px;
 }
}


@media only screen and (max-width: 1085px) {
 .lounge-list .top-wrap { height: auto; padding: 60px 0 90px; }
 .lounge-list .top-wrap .fe-btn { min-width: 10px; height: 48px; padding: 0 20px; font-size: 18px; }
 .lounge-list .top-wrap .top-tit .ico { width: 250px; height: 210px; background-size: contain; }
 .lounge-list .top-wrap .top-tit .ico6 { height: 211px; }
 .lounge-list .top-wrap .tit-wrap .m-tit { font-size: 40px; }
}
@media only screen and (max-width: 825px) {
 .lounge-list .top-tit .tit-wrap { padding-right: 0; }
 .lounge-list .top-wrap .top-tit .ico { display: none; }
}
@media only screen and (max-width: 420px) {
 .lounge-list .top-wrap { padding: 40px 0 70px; }
 .lounge-list .top-wrap .tit-wrap .m-tit { font-size: 34px; }
 .lounge-list .top-wrap .fe-btn { height: 39px; font-size: 16px; }
}

@media (max-width: 657px) {
 .table tbody td .bbs-subject-con .bbs-subject-txt { }
 .table tbody td .bbs-subject-con .bbs-subject-icons { top: 0; margin: 0; }
 .table tbody td .bbs-subject-con .reply-state,
 .table tbody td .bbs-subject-con .new-icon,
 .table tbody td .bbs-subject-con .lock-icon { vertical-align: top; }
}


/*검색바*/
.program--search .search--select { min-width: 10px; }
.program--search .program--count { padding-left: 0; margin-top: 12px; }
.program--search .program--count:before { display: none; }
.program--search .program--count strong { color: #008656; }
.program--search { position: relative; padding: 0; margin: 0; margin-bottom: 23px; border-radius: 0; text-align: center; box-shadow: none; }
.program--search .search--text span { display: block; height: 40px; padding: 3px 15px 2px; border: 1px solid #DDD; border-radius: 5px; background: #FFF; }
.program--search .search--btn input[type="submit"] { width: 100%; padding: 0; border-radius: 5px; background: none; text-shadow: none; border: none; }
.program--search .search--btn .btn--submit { border-radius: 5px; background-color: #18114E; }
.program--search .search--btn span,
.program--search .search--btn button { min-width: 80px; height: 40px; font-weight: 400; font-size: 15px; line-height: 10px; letter-spacing: 0.45px; }
.program--search .search--btn button { color: #18114E; border-color: #18114E; }
.program--search .search--btn button:hover,.program--search .search--btn button:focus { background-color: #fff; }
.program--page button { height: 40px; border-radius: 5px; background: #354346; }
.program--search .program--page { border-left: none; }
.program--search .program--page:before { display: none; }
.program--search .search--select>div select, .program--search .search--select>span select { height: 40px; }
.program--page .search--select span,.program--search .search--select>div, .program--search .search--select>span { min-width: 90px; min-height: 40px; height: 100%; border-radius: 5px; border-color: #ddd; }
select,select.form-control { height: 40px; background-position: 90% 50%; background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.837891L4 5.5L0.5 0.837891H7.5Z' fill='%23555555'/%3E%3C/svg%3E%0A"); }
.program--search .search--select>span.plus { display: inline-block; position: relative; position: relative; right: -9px; height: 40px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; border-right: none; }
.program--search .search--select>span.plus::after { position: absolute; top: 12px; right: 0; width: 1px; height: 14px; background: #000; content: ''; opacity: 0.2; }
.program--search .search--btn input[type="submit"] { border:none; /*outline:none;*/ background: none; padding: 0; }
.program--search .program--page:before { display: none; }
.program--search .search_inner.float-md-right .search--text { max-width: none; }
@media (max-width: 1050px) {
 .program--search { text-align: left; }
 .float-md-left { float: none; margin-bottom: 10px; }
 .program--search .fieldset { display: block; }
}
@media (max-width: 1000px) {
 .program--search .program--page { padding-left: 5px; }
 .program--search .float-md-left { display: inline-block; float: left; width: auto; margin-bottom: 0; }
 .program--search .float-md-right { float: right; }
 .program--search .program--count { margin-top: 0; }
}
@media (max-width: 930px) {
 .program--search .float-md-left { display: block; float: none; margin-bottom: 10px; }
}
@media (max-width: 815px) {
 .program--search .float-md-left { float: none; width: 100%; margin-bottom: 10px; text-align: left; }
}
@media (max-width: 802px) {
 .program--search .program--page { display: none; }
}
@media (max-width: 767px) {
 .program--search .search--btn span { width: auto; }
}
@media (max-width: 650px) {
 .program--search .program--page { display: none; }
}
@media (max-width: 640px) {
 .program--search select { border: 1px solid #e2e2e4; color: #555; border-radius: 5px; }
}
@media all and (max-width:600px) {
 .program--search .search--select, .program--search .search--text { display: inline-block; width: auto; }
 .program--search .search--btn { display: inline-block; width: auto; }
 .program--search .search--btn .btn--submit,
 .program--search .search--btn button { width: auto; }
 .program--search .search--select, .program--search .search--text { width: auto; }
 .program--search .search--text { width: calc(100% - 317px); }
}
@media all and (max-width:475px) {
 .program--search .float-md-right { display: block; float: none; }
 .program--search .search--select, .program--search .search--text { display: block; width: 100%; }
 .program--search .search--btn { display: block; width: 100%; }
 .program--search .search--btn .btn--submit,
 .program--search .search--btn button { width: 100%; }
 .program--search .search--select, .program--search .search--text { width:100%; }
}



/**채용정보 목록 :s**/

.backgreound-gray { position:relative; width:100%; padding:62px 0 56px; margin-bottom: 69px; background-color:#F8F9FB; }
.backgreound-gray:before,
.backgreound-gray:after { position:absolute; top:0; width:100%; height:100%; background-color:#F8F9FB; content:''; }
.backgreound-gray:before { left:-100%; }
.backgreound-gray:after { right:-100%; }
.backgreound-gray > .h2 { color: #222; font-weight: 700; font-size: 27px; text-transform: capitalize; }

.category_container { position: relative; width: 100%; border-radius:15px; }
.category_container .category_top { }
.category_container .category_top .category_tab { position: relative; padding: 28px 51px 26px; border-radius: 15px 15px 0 0; background-color: #008656; overflow: hidden; }
.category_container .category_top .category_tab:after { display: block; clear: both; content: ''; }
.category_tab .item { display: inline-block; float: left; line-height: 1; }
.category_tab .item a.inner { display: inline-block; position: relative; padding: 0 40px; color: #FFF; font-weight: 600; font-size: 20px; line-height: 24px; letter-spacing: 0.2px; white-space: nowrap; text-overflow: ellipsis; opacity: 0.8; }
.category_tab .item a.inner:after { position: absolute; top: 50%; right: 0; width: 1px; height: 13px; background-color: #fff; content: ''; opacity: 0.5; transform: translate(0, -50%); }
.category_tab .item:last-child a.inner:after { display: none; }
.category_tab .item:first-child a.inner { position: relative; padding-left: 0; }
.category_bg { display: block; border: 1px solid #ddd; border-radius: 15px; background: #FFF; }
.category_tab .item a.inner:focus,
.category_tab .item a.inner:hover,
.category_tab .item a.inner.active { opacity: 1; }
.category_tab .item a.inner:focus::before,
.category_tab .item a.inner:hover::before,
.category_tab .item a.inner.active::before { position: absolute; position: absolute; top: -3px;
 right: 33px; width: 6px; height: 6px; border-radius: 100%; background: #fff; content: ''; }
.category_container .content_conteiner { }
.content_conteiner .class_box { position: relative; overflow: hidden; }
.class_box .sector_box { position: relative; float: left; width: 33.33%; border-right: 1px solid #ddd; }
.class_box .sector_box:nth-child(3) { border-right: none; }
.class_box .sector_box .sector_tit { padding: 10px 50px; margin-bottom: 17px; color:#222; font-weight: bold; font-size: 18px; line-height: 150%; letter-spacing: 0.18px; border-bottom: 1px solid #008656; }
.class_box .sector_box .pick_box { width: 98%; height: 188px; border-radius: 5px; background: #fff; overflow-y: auto; }

.class_box .sector_box.mid .widh,.class_box .sector_box.sml .widh { display: inline-block; width: calc(50% - 2px); }

.pick_box .left_item { display:block; float:none; width:100%; }
.pick_box .right_item { display: inline-block; margin-left: 50px; }


.pick_box .item li { }
.pick_box .item a { display: flex; align-items: center; width:100%; min-height: 26px; padding: 8px 0; padding-left: 50px; margin:0; line-height:26px; transition: 0.3s; }
.sector_box.mid .pick_box .item .widh:nth-child(2n) a,
.sector_box.sml .pick_box .item .widh:nth-child(2n) .chk_txt { padding-left: 30px; }
.pick_box .item.left_item a { }
.pick_box .item a span { display: block; color: #222; font-weight: 400; font-size: 18px; line-height: 1.1; letter-spacing: 0.18px; transition: 0.3s; }

.pick_box .item a:hover,
.pick_box .item a:focus,
.pick_box .item a:active { background-color: #ebf6f2; }


.pick_box .item a:hover span,
.pick_box .item a:focus span,
.pick_box .item a.active span { color: #008656; font-weight: bold; }

.pick_box .category_list { display: block; width: 100%; }
.pick_box .category_list > li { float: none; width: 100%; min-height: 35px; }
.chk_txt { position: relative; padding-left: 50px; margin:0; }
.chk_txt .chk_each { display: inline-block; position: relative; vertical-align: middle; }
.chk_txt .chk_each input[type=checkbox] { display: block; position: absolute; top: 3px; bottom: auto; left: 0; width: 15px; height: 15px; z-index: 1; border: none; outline: none; opacity: 0; }
.hide { display: block; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }
.chk_each label { position: relative; z-index: 1; padding-left: 18px; margin-bottom: 0; color: #222; font-weight: 400; font-size: 18px; letter-spacing: 0.18px; cursor: pointer; }
.chk_each .vchkbox { display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; z-index: 1; border: 1px solid #ddd; border-radius: 2px; }
.pick_box .category_list > li .chk_each .vchkbox { top: 4px; border-color: #d3d3d3; }
.chk_each input:checked + label .vchkbox { width: 15px; height: 15px; border-color: #008656 !important; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='15' height='15' rx='1' fill='%23008656'/%3E%3Cpath d='M4 7.5L6.5 10L11.5 5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; }
.chk_each input:focus + label .vchkbox { outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px; }
.v_line { width: 100%; height: 1px; background: #ccc; }
.select_area { position: relative; width:100%; padding: 25px 50px 28px; }
.select_area .text_box { display: flex; align-items: center; position: relative; width: calc(100% - 60px); overflow: hidden; }
.select_area .text_box .lavel_tit { display: block; min-width: 112px; padding-top: 3px; margin-right: 20px; color: #18114E; font-weight: bold; font-size: 16px; line-height: 100%; }
.sc_list { }
.sc_list:after { display: block; clear: both; content: ''; }
.sc_list li { display: inline-block; float: left; margin-left: 0; text-align: left; }
.sc_list li a { position: relative; padding-right: 40px; }
.sc_list li a:after { display: inline-block; position: relative; right: 0; bottom: -4px; width: 20px; height: 20px; margin-left: 8px; border-radius: 2px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.5362L13.1901 6.34607M6 6.46374L13.1901 13.6539' stroke='%23008656'/%3E%3Crect x='0.5' y='19.1539' width='18.3078' height='18.1901' rx='1.5' transform='rotate(-90 0.5 19.1539)' stroke='%23008656'/%3E%3C/svg%3E%0A") no-repeat center; content: ''; }
.sc_list li a span { display: inline-block; position: relative; color: #222; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.16px; }
.sc_list li a span:not(:first-child) { padding-left: 20px; text-align: left; }
.sc_list li a span:not(:first-child)::before { position: absolute; left: 6px; color:#222; content: '>'; }

.class_box .sector_box .pick_box::-webkit-scrollbar { width: 5px; }
.class_box .sector_box .pick_box::-webkit-scrollbar-thumb { height: 76px; border-radius: 15px; background: rgba(0, 0, 0, 0.20);; }
.class_box .sector_box .pick_box::-webkit-scrollbar-track { background: transparent; }

@media(max-width:1320px) {
 .category_container .category_top .category_tab { padding: 20px; }
 .category_tab .item a.inner { padding: 0 20px; }
 .category_tab .item:first-child a.inner { padding-left: 0; }
 .category_tab .item a.inner:focus::before, .category_tab .item a.inner:hover::before, .category_tab .item a.inner.active::before { right: 13px }
 .class_box .sector_box .sector_tit { padding: 10px 20px; }
 .pick_box .item a { padding: 5px 0; }
 .pick_box .item a,.chk_txt { padding-left: 20px; }
 .pick_box .item a span { font-size: 17px; }
 .select_area { padding: 20px; }
 .pick_box .category_list > li { min-height: 10px; }

}


@media(max-width:1024px) {
 .category_container .content_conteiner { padding: 15px 25px; }
 .select_area .text_box { padding-right:0; }
}
@media(max-width:1000px) {
 .backgreound-gray { padding: 40px 0; margin-bottom: 40px; }
 .backgreound-gray > .h2 { padding-top: 0; line-height: 1; }
 .class_box .sector_box { width: 100%; margin-bottom: 10px; }
 .class_box .sector_box .pick_box { height: 148px; }
 .class_box .sector_box { border-right: none; }
 .select_area .text_box .lavel_tit { margin-right: 0; margin-bottom: 0; text-align: left; }
 .select_area .sc_list { text-align: left; }
 .select_area .sc_list li { float:none; margin-left:0; }
 .select_area .sc_list li a { display: block; width: 100%; }
 .select_area .text_box { display: block; width: 100%; padding-right: 58px; margin-bottom: 0; }
 .select_area .text_box .lavel_tit { padding-top: 0; padding-bottom: 10px; }

}

@media(max-width:767px) {
 .pick_box .category_list > li { width: 100%; }
}
@media(max-width:700px) {
 .category_container .category_top .category_tab { padding-bottom:10px }
 .category_tab .item { width: 33.3333%; text-align: center; margin-bottom: 10px; }
 .category_tab .item a.inner { padding: 0 10px; }
 .category_tab .item a.inner:after { display: none; }
 .category_tab .item a.inner:focus::before, .category_tab .item a.inner:hover::before, .category_tab .item a.inner.active::before { display: none; }
}
@media(max-width:430px) {
 .category_tab .item a.inner { font-size: 18px; }
 .category_tab .item a .mo { display: none; }
 .class_box .sector_box.mid .widh, .class_box .sector_box.sml .widh { display: block; width: 100%; }
 .sector_box.mid .pick_box .item .widh:nth-child(2n) a,
 .sector_box.sml .pick_box .item .widh:nth-child(2n) .chk_txt { padding-left: 5px; }
 .class_box .sector_box .sector_tit,.pick_box .item a, .chk_txt { padding-left: 0; }
 .sc_list li a { padding-right: 0; }
 .class_box .sector_box .sector_tit { padding: 5px; margin-bottom: 5px; }
 .pick_box .item a, .chk_txt { padding-left: 5px; }
 .select_area { padding: 5px; }
 .select_area .text_box .lavel_tit { padding-top: 20px; }

}


/*채용정보목록 테이블*/
.job-list .button_view { display: block; width: 100%; padding-left: 6px; font-size: 18px; text-align: left; }
.job-list .title { }
.job-list .title .tit { display: block; color: #222; font-weight: 600; font-size: 18px; line-height: 150%; letter-spacing: -0.36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.job-list .title .route { display: block; color: #666; font-weight: 400; font-size: 14px; line-height: 170%; letter-spacing: -0.28px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.job-list .table td { padding: 20px 10px; color: #222; font-size: 16px; }
.job-list .table td span { display: block; line-height: 1.3; }
.tbtn-wrap { display: flex; align-items: flex-start; }
.tbtn-wrap .fe-btn { padding: 0; }
.button-entLike span { display:inline-block; position:relative; top: 2px; width:17px; height:16px; padding-left:6px; background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33331 0C1.83331 0 0 1.9895 0 4.44364C0 8.88727 6.5 14.4 8.5 16C10.5 14.4 17 8.88727 17 4.44364C17 1.9895 14.9448 0 12.6667 0C11.2716 0 9.25 1.26067 8.5 3.08148C7.75 1.26067 5.72844 0 4.33331 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A") no-repeat 0 0; font-size: 0; line-height:0; }
.button-entLike.on span { background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33331 0C1.83331 0 0 1.9895 0 4.44364C0 8.88727 6.5 14.4 8.5 16C10.5 14.4 17 8.88727 17 4.44364C17 1.9895 14.9448 0 12.6667 0C11.2716 0 9.25 1.26067 8.5 3.08148C7.75 1.26067 5.72844 0 4.33331 0Z' fill='%23DB214D'/%3E%3C/svg%3E%0A"); }
.button-pbancLike span { display:inline-block; position:relative; width:22px; height:21px; padding-left:6px; font-size: 0; line-height:0; background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0767 1.21993C10.4183 0.398635 11.5817 0.398636 11.9233 1.21993L13.9395 6.06735C14.0835 6.41358 14.4091 6.65015 14.7829 6.68012L20.0161 7.09966C20.9027 7.17074 21.2623 8.27725 20.5867 8.85592L16.5996 12.2713C16.3148 12.5153 16.1904 12.8981 16.2774 13.2628L17.4956 18.3695C17.702 19.2348 16.7607 19.9186 16.0016 19.455L11.5213 16.7184C11.2012 16.5229 10.7988 16.5229 10.4787 16.7184L5.9984 19.455C5.2393 19.9186 4.29805 19.2348 4.50444 18.3695L5.72257 13.2628C5.80958 12.8981 5.68521 12.5153 5.40042 12.2713L1.41328 8.85592C0.73774 8.27725 1.09727 7.17074 1.98392 7.09966L7.21712 6.68012C7.59091 6.65015 7.91652 6.41358 8.06052 6.06735L10.0767 1.21993Z' stroke='%23D9DADE'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
.button-pbancLike.on span { background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4102 1.71993C10.7518 0.898635 11.9152 0.898636 12.2568 1.71993L14.273 6.56735C14.417 6.91358 14.7426 7.15015 15.1164 7.18012L20.3496 7.59966C21.2362 7.67074 21.5958 8.77725 20.9202 9.35592L16.9331 12.7713C16.6483 13.0153 16.5239 13.3981 16.6109 13.7628L17.8291 18.8695C18.0354 19.7348 17.0942 20.4186 16.3351 19.955L11.8548 17.2184C11.5347 17.0229 11.1323 17.0229 10.8122 17.2184L6.33189 19.955C5.5728 20.4186 4.63155 19.7348 4.83793 18.8695L6.05607 13.7628C6.14308 13.3981 6.01871 13.0153 5.73392 12.7713L1.74677 9.35592C1.07124 8.77725 1.43076 7.67074 2.31742 7.59966L7.55061 7.18012C7.9244 7.15015 8.25001 6.91358 8.39402 6.56735L10.4102 1.71993Z' fill='%23FFC700'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
.job-list .table td .stadate { color: #666; }
.job-list .button_view.home-link { display: block; padding: 15px 0 12px; border: 1px solid #008656; border-radius: 10px; background-color: #fff; color: #008656; font-weight: 600; font-size: 15px; line-height: 120%; letter-spacing: -0.75px;
 text-align: center; transition: 0.3s; }
.job-list .button_view.home-link:hover,
.job-list .button_view.home-link:focus { background-color: #008656; color: #fff; }
/**채용정보 목록 :e**/


/*채용정보목록 상세*/
.backgreound-gra { position:relative; width:100%; padding:45px 0; margin-bottom: 40px; background: linear-gradient( rgba(94, 204, 184, 0.12), rgba(139, 171, 255, 0.12));
}
.backgreound-gra:before,
.backgreound-gra:after { position:absolute; top:0; width:100%; height:100%; background: linear-gradient( rgba(94, 204, 184, 0.12), rgba(139, 171, 255, 0.12)); content:''; }
.backgreound-gra:before { left:-100%; }
.backgreound-gra:after { right:-100%; }
.backgreound-gra > .h2 { color: #000; font-weight: bold; font-size: 30px; line-height:1; letter-spacing: 0.3px; text-align: center; }



.recruit-info-view .dr-inner.flex-box { display: flex; flex-wrap: wrap; }
.recruit-info-view .dr-inner.flex-box .inner-box { display: block; width: 25%; padding-left: 40px; }
.recruit-info-view .dr-inner.flex-box .inner-box .title { display: flex; align-items: center; position: relative; margin-bottom: 17px; color: #222; font-weight: 700; font-size: 20px; }
.recruit-info-view .dr-inner.flex-box .inner-box .subject { display: inline-block; min-width: 51px; margin-right: 20px; color: #18114E; font-weight: 700; font-size: 15px; line-height: 1.2; letter-spacing: -0.3px; font-style: normal; }

.recruit-info-view .dr-inner.flex-box .inner-box .reinfo-list { }
.recruit-info-view .dr-inner.flex-box .inner-box .reinfo-list .info { display: flex; align-items: flex-start; margin: 5px 0; }

.recruit-info-view .dr-inner.flex-box .inner-box .star { display: inline-block; height: 19px; padding: 0px 6px 0; margin-right: 5px; margin-bottom: 5px; border: 1px solid #666; border-radius: 100px; font-weight: 400; font-size: 12px; line-height: 165%; letter-spacing: -0.24px; }
.recruit-info-view .dr-inner.flex-box .inner-box .star.point4 { margin-bottom: 0; border-color: #DB214D; }

.recruit-info-view .dr-inner.flex-box .inner-box .con { display: inline-block; position:relative; line-height: 1.2; }
.recruit-info-view .dr-inner.flex-box .inner-box .con.cate { display: block; }
.recruit-info-view .dr-inner.flex-box .inner-box .link.con:after { position:absolute; top: 2px; right: -16px; width: 12px; height: 13px; content:''; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.5H1V2.5M3 0.5H11V10.5H3V0.5Z' stroke='%23ADB0BC'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .dr-inner.flex-box .inner-box .title .ico { display: inline-block; width: 33px; height: 33px; margin-right: 8px; background-position: center; background-repeat: no-repeat; }
.recruit-info-view .dr-inner.flex-box .inner-box .title .ico1 { background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M17 14.5C18.6569 14.5 20 13.1569 20 11.5C20 9.84315 18.6569 8.5 17 8.5C15.3431 8.5 14 9.84315 14 11.5C14 13.1569 15.3431 14.5 17 14.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.75 23.5C23.75 19.7721 20.7279 16.75 17 16.75C13.2721 16.75 10.25 19.7721 10.25 23.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 20L16.25 23L15 21.75' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .dr-inner.flex-box .inner-box .title .ico2 { background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M22 11H12C11.4477 11 11 11.4477 11 12V22C11 22.5523 11.4477 23 12 23H22C22.5523 23 23 22.5523 23 22V12C23 11.4477 22.5523 11 22 11Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M17.6665 17H13.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3332 14H13.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.6665 20H13.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .dr-inner.flex-box .inner-box .title .ico3 { background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M9 16.5C9 20.6421 12.3579 24 16.5 24V17.2895C16.5 16.8534 16.8534 16.5 17.2895 16.5H24C24 12.3579 20.6421 9 16.5 9C12.3579 9 9 12.3579 9 16.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 19H19V24H24V19Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .dr-inner.flex-box .inner-box .title .ico4 { background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M16.9999 13.5C18.6107 13.5 19.9166 12.1942 19.9166 10.5834C19.9166 8.97252 18.6107 7.66669 16.9999 7.66669C15.3891 7.66669 14.0833 8.97252 14.0833 10.5834C14.0833 12.1942 15.3891 13.5 16.9999 13.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66675 23.0834C8.66675 19.4014 12.0246 16.4167 16.1667 16.4167' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5556 23L24 17.5556L22.4444 16L17 21.4444V23H18.5556Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }


.recruit-info-view .dr-inner.flex-box .inner-box:first-child { padding-left:0; }
.recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box { border-right: 1px dashed #E0E0E0; padding-right: 10px; }
.recruit-info-view .dr-inner.flex-box .inner-box:last-child { border-right:none; }
.recruit-info-view .dr-inner.flex-box .inner-box:nth-child(2),
.recruit-info-view .dr-inner.flex-box .inner-box:nth-child(3) { border-right: 1px solid #E0E0E0; }
.recruit-info-view .dr-inner.flex-box .inner-box.dr-right-box { margin-left: 40px; }
.recruit-info-view .button-entLike span { display:inline-block; position:relative; top: 2px; width:17px; height:16px; padding-left:6px; background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33331 0C1.83331 0 0 1.9895 0 4.44364C0 8.88727 6.5 14.4 8.5 16C10.5 14.4 17 8.88727 17 4.44364C17 1.9895 14.9448 0 12.6667 0C11.2716 0 9.25 1.26067 8.5 3.08148C7.75 1.26067 5.72844 0 4.33331 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A") no-repeat 0 0; font-size: 0; line-height:0; }
.recruit-info-view .button-entLike.on span { background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33331 0C1.83331 0 0 1.9895 0 4.44364C0 8.88727 6.5 14.4 8.5 16C10.5 14.4 17 8.88727 17 4.44364C17 1.9895 14.9448 0 12.6667 0C11.2716 0 9.25 1.26067 8.5 3.08148C7.75 1.26067 5.72844 0 4.33331 0Z' fill='%23DB214D'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .button-pbancLike span { display:inline-block; position:relative; width:22px; height:21px; padding-left:6px; font-size: 0; line-height:0; background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4102 1.71993C10.7518 0.898635 11.9152 0.898636 12.2568 1.71993L14.273 6.56735C14.417 6.91358 14.7426 7.15015 15.1164 7.18012L20.3496 7.59966C21.2362 7.67074 21.5958 8.77725 20.9202 9.35592L16.9331 12.7713C16.6483 13.0153 16.5239 13.3981 16.6109 13.7628L17.8291 18.8695C18.0354 19.7348 17.0942 20.4186 16.3351 19.955L11.8548 17.2184C11.5347 17.0229 11.1323 17.0229 10.8122 17.2184L6.33189 19.955C5.5728 20.4186 4.63155 19.7348 4.83793 18.8695L6.05607 13.7628C6.14308 13.3981 6.01871 13.0153 5.73392 12.7713L1.74677 9.35592C1.07124 8.77725 1.43076 7.67074 2.31742 7.59966L7.55061 7.18012C7.9244 7.15015 8.25001 6.91358 8.39402 6.56735L10.4102 1.71993Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }
.recruit-info-view .button-pbancLike.on span { background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4102 1.71993C10.7518 0.898635 11.9152 0.898636 12.2568 1.71993L14.273 6.56735C14.417 6.91358 14.7426 7.15015 15.1164 7.18012L20.3496 7.59966C21.2362 7.67074 21.5958 8.77725 20.9202 9.35592L16.9331 12.7713C16.6483 13.0153 16.5239 13.3981 16.6109 13.7628L17.8291 18.8695C18.0354 19.7348 17.0942 20.4186 16.3351 19.955L11.8548 17.2184C11.5347 17.0229 11.1323 17.0229 10.8122 17.2184L6.33189 19.955C5.5728 20.4186 4.63155 19.7348 4.83793 18.8695L6.05607 13.7628C6.14308 13.3981 6.01871 13.0153 5.73392 12.7713L1.74677 9.35592C1.07124 8.77725 1.43076 7.67074 2.31742 7.59966L7.55061 7.18012C7.9244 7.15015 8.25001 6.91358 8.39402 6.56735L10.4102 1.71993Z' fill='%23FFC700'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; }


.recruit-info-view > .h2 { margin-bottom: 13px; }
.recruit-info-view .ri-box-inner { display: block; border: 1px solid transparent; border-radius: 15px; background-image: linear-gradient(#fff, #fff), linear-gradient( #01a95b 0%, #018a9c 100%); background-origin: border-box; background-clip: content-box, border-box; }
.recruit-info-view .ri-box { display: block; padding: 43px 55px 33px; }
.recruit-info-view .ri-box .ri-top-box { display: block; position: relative; padding-top: 0 }
.recruit-info-view .ri-box .ri-top-box .thm--box { display: inline-block; position: absolute; top: 50%; left: 0; width: 93px; height: 74px; transform: translate(0, -50%); }
.recruit-info-view .ri-box .ri-top-box .thm--box .thm-inner { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.recruit-info-view .ri-box .ri-top-box .thm--box .thm-inner .thum { position: absolute; top: 50%; left: 50%; width: 100%; max-width: none; height: 100%; max-height: none; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%); }
.recruit-info-view .ri-box .ri-top-box .ri-info { display: flex; justify-content: space-between; align-items: flex-start; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-title { display: inline-block; max-width: calc(100% - 240px); color: #000; font-weight: 700; font-size: 20px; line-height: 1.2; letter-spacing: 0.6px; }
.ri-btn-wrap { }
.ri-btn-wrap .fe-btn { min-width: 114px; padding: 12px 10px; border: 1px solid #DDD; border-radius: 5px; background: #F5F5F5; color: #222; font-weight: 400; font-size: 15px; line-height: 10px; letter-spacing: 0.45px; }
.ri-btn-wrap .fe-btn.button-entLike { padding: 7px 10px 11px; background-color: #fff; }
.ri-btn-wrap .fe-btn.button-entLike .ico { top: 3px; margin-right: 6px; }
.recruit-info-view .ri-box .ri-bottom-box { display: block; margin-top: 32px; }
.recruit-info-view .ri-box .ri-bottom-box .re-title { display: flex; justify-content: flex-start; align-items: center; }
.recruit-info-view .ri-box .ri-bottom-box .re-title .re-main-title { display: inline-block; margin-right: 17px; color: #222; font-weight: 800; font-size: 20px; line-height: 30px; vertical-align: top; }

.recruit-info-view .ri-box .ri-bottom-box .re-list { display: block; position: relative; padding-top: 26px; margin-top: 9px; border-top: 1px dotted #666; }
.recruit-info-view .ri-box .ri-bottom-box .re-list:before { }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-title { display: block; margin-bottom: 18px; color: #0F3A75; font-weight: 800; font-size: 16px; line-height: 24px; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list { margin-bottom: 15px; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list:last-child { margin-bottom: 0px; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list:after { display:block; clear:both; content:''; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li { display: inline-block; position: relative; float: left; width: auto; padding-left: 73px; margin-right: 70px; line-height: 1; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list.list4 li,
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list.list5 li { width: 100%; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li .subject { display: inline-block; position: absolute; top: 0px; left: 0; color: #222; font-size: 15px; line-height: 22.5px; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li .con { display: inline-block; width: 100%; padding-right: 15px; color: #555; font-weight: 500; font-size: 15px; line-height: 20.25px; vertical-align: top; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li .con .company-link { display: block; position: relative; width: 100%; text-decoration: underline; word-break: break-all; }
.recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li .con .company-link:after { position:absolute; top: 4px; right: -22px; width: 12px; height: 13px; content:''; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.5H1V2.5M3 0.5H11V10.5H3V0.5Z' stroke='%23ADB0BC'/%3E%3C/svg%3E%0A"); }

.recruit-info-view .ri-detail { display: block; margin-top: 20px; }
.recruit-info-view .ri-detail> .h2 { padding-top: 0; margin-top: 40px; }
.recruit-info-view .ri-detail> .h2:first-child { margin-top:0; }
.recruit-info-view .ri-detail .table-responsive table { margin-bottom: 0; border-color: #0C3975; }
.recruit-info-view .ri-detail .table-responsive table thead tr th { padding: 10px; background-color: #f9f9f9; font-size: 15px; }
.recruit-info-view .ri-detail .table-responsive table tbody tr td { padding: 10px; color: #494949; font-size: 15px; letter-spacing: -1px; }


.recruit-info-view .ri-detail .dr-inner { height: 100%; padding: 38px 40px; border: 1px solid #DDD; border-radius: 15px; font-size: 15px; }

.recruit-info-view .top-btn-wrap { display: block; margin-top: 40px; }
.recruit-info-view .top-btn-wrap .inner { display: flex; justify-content: center; width: 100%; height: 100%; }
.recruit-info-view .top-btn-wrap .inner .fe-btn { display: flex; align-items: center; padding: 14px 26px 13px; margin: 0 5px; }
.recruit-info-view .top-btn-wrap .inner .fe-btn .ico { display: inline-block; width: 20px; height: 20px; margin-right: 6px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00009 15.4999L4.78572 15.5L15 5.2857L12.2143 2.5L2 12.7143L2.00009 15.4999Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10 5.5L12 7.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='7' y1='15.75' x2='16' y2='15.75' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .top-btn-wrap .inner .fe-btn:hover .ico,
.recruit-info-view .top-btn-wrap .inner .fe-btn:focus .ico { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00009 15.4999L4.78572 15.5L15 5.2857L12.2143 2.5L2 12.7143L2.00009 15.4999Z' stroke='%2318114E' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10 5.5L12 7.5' stroke='%2318114E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='7' y1='15.75' x2='16' y2='15.75' stroke='%2318114E' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.recruit-info-view .top-btn-wrap .inner .fe-btn.button-pbancLike .scrap { top: -1px; padding-left: 0; margin-right: 6px; }


.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like { position: relative; float: left; width: auto; width: auto; height: auto; height: auto; padding: 0; padding: 6px 14px; margin: 0 5px; border: 1px solid #CECECE; border-radius: 5px; text-align: center; background-image: none; box-shadow: none; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like:hover,
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like:focus { background-color: #E94141; border-color: #E94141; transition: 0.3s; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like:hover .tit,
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like:focus .tit { color:#fff; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like .tit { display: inline-block; color: #666; font-size: 17px; line-height: 25.5px; letter-spacing: -0.5px; text-align: center; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like:before { display: inline-block; width: 14px; height: 14px; margin-top: -2px; margin-right: 7px; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.74329 2.26179L7.7433 2.2618L7.74544 2.25964C8.05636 1.94491 8.42666 1.69502 8.83488 1.52448C9.24309 1.35393 9.6811 1.26611 10.1235 1.26611C10.5659 1.26611 11.0039 1.35393 11.4121 1.52448C11.8204 1.69502 12.1907 1.94491 12.5016 2.25963L12.5016 2.25966L12.506 2.26407C12.8209 2.57489 13.0709 2.94514 13.2415 3.35335C13.4121 3.76155 13.5 4.19958 13.5 4.64201C13.5 5.08444 13.4121 5.52247 13.2415 5.93068L13.7028 6.12351L13.2415 5.93068C13.0709 6.33888 12.8209 6.70913 12.506 7.01995L12.5037 7.02223L6.99934 12.5266L1.49631 7.02227L1.49632 7.02226L1.49398 7.01995C1.17912 6.70913 0.929124 6.33888 0.758494 5.93068C0.587864 5.52247 0.5 5.08444 0.5 4.64201C0.5 4.19958 0.587864 3.76155 0.758494 3.35335C0.929124 2.94514 1.17912 2.57489 1.49398 2.26407L1.49401 2.2641L1.49846 2.2596C1.80926 1.94492 2.17943 1.69508 2.58753 1.52456C2.99562 1.35404 3.4335 1.26623 3.87579 1.26623C4.31808 1.26623 4.75596 1.35404 5.16405 1.52456C5.57215 1.69508 5.94232 1.94492 6.25312 2.2596L6.25312 2.2596L6.25531 2.26179L6.64575 2.65223L6.9993 3.00579L7.35285 2.65223L7.74329 2.26179Z' fill='white' stroke='%23CECECE'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50%; vertical-align: middle; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like.on { background-color: #E94141; border-color: #E94141; }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like.on:before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38974 1.90824L6.9993 2.29868L6.60886 1.90824C6.25155 1.54648 5.82598 1.25925 5.35683 1.06321C4.88767 0.867175 4.38426 0.766231 3.87579 0.766231C3.36732 0.766231 2.86391 0.867175 2.39475 1.06321C1.9256 1.25925 1.50002 1.54648 1.14272 1.90824C0.780744 2.26557 0.493337 2.69123 0.297174 3.16052C0.101012 3.6298 0 4.13338 0 4.64201C0 5.15065 0.101012 5.65422 0.297174 6.12351C0.493337 6.59279 0.780744 7.01845 1.14272 7.37578L6.9993 13.2338L12.8573 7.37578C13.2193 7.01845 13.5067 6.59279 13.7028 6.12351C13.899 5.65422 14 5.15065 14 4.64201C14 4.13338 13.899 3.6298 13.7028 3.16052C13.5067 2.69123 13.2193 2.26557 12.8573 1.90824C12.4999 1.54644 12.0742 1.25918 11.6049 1.06312C11.1356 0.867067 10.6321 0.766113 10.1235 0.766113C9.61493 0.766113 9.1114 0.867067 8.64213 1.06312C8.17286 1.25918 7.74717 1.54644 7.38974 1.90824Z' fill='white'/%3E%3C/svg%3E%0A"); }
.recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like.on .tit { color:#fff; }

.recruit-info-view .top-btn-wrap .inner .fe-btn.fe-btn-light .tit:before { display: inline-block; width: 15px; height: 15px; margin-top: -2px; margin-right: 8px; content:''; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.57786 4.74384L9.69946 5.01303L9.99392 5.03643L14.2694 5.37615C14.2695 5.37616 14.2695 5.37617 14.2696 5.37617C14.2696 5.37617 14.2696 5.37618 14.2697 5.37618C14.3184 5.38013 14.3649 5.39824 14.4034 5.42827C14.442 5.45831 14.471 5.49897 14.4867 5.54524C14.5187 5.64061 14.4913 5.74504 14.4169 5.81224C14.4168 5.81226 14.4168 5.81227 14.4168 5.81229L11.0153 8.87333L10.7832 9.08219L10.869 9.38239L12.2403 14.1809C12.2404 14.1811 12.2404 14.1812 12.2405 14.1814C12.2543 14.2305 12.2527 14.2827 12.236 14.331C12.2193 14.3794 12.1881 14.4215 12.1468 14.4517C12.1054 14.4818 12.0557 14.4986 12.0045 14.4997C11.9534 14.5009 11.9032 14.4863 11.8605 14.4581C11.8605 14.458 11.8604 14.458 11.8603 14.458L7.77737 11.736L7.50002 11.5511L7.22267 11.736L3.13892 14.4585L3.13837 14.4588C3.09671 14.4867 3.04763 14.5014 2.99752 14.501C2.9474 14.5006 2.89855 14.4852 2.85732 14.4567C2.81609 14.4282 2.78437 14.388 2.76628 14.3412C2.74818 14.2945 2.74456 14.2434 2.75587 14.1946L2.75595 14.1943L3.87345 9.35525L3.93676 9.08112L3.73529 8.88472L0.57554 5.80447L0.575507 5.80444C0.541107 5.77091 0.517095 5.72818 0.506343 5.68136C0.495591 5.63454 0.498555 5.58562 0.51488 5.54044C0.531205 5.49527 0.5602 5.45575 0.598395 5.42662C0.63659 5.39749 0.682369 5.37998 0.730257 5.37619L0.730375 5.37618L5.00612 5.03643L5.3006 5.01303L5.4222 4.74381L7.27245 0.647314L7.27307 0.645924C7.29268 0.60215 7.32454 0.564987 7.36481 0.53892C7.40507 0.512854 7.45202 0.498997 7.49999 0.499023C7.54796 0.49905 7.59489 0.512958 7.63513 0.539069C7.67536 0.56518 7.70718 0.602378 7.72675 0.646173L7.72674 0.646175L7.72761 0.648094L9.57786 4.74384Z' fill='%23F4F5F8' stroke='%237B8994'/%3E%3C/svg%3E%0A"); vertical-align: middle; background-repeat: no-repeat; background-position: 50%; }

.recruit-info-view .dr-inner.more { padding: 67px 63px; background-color: #F8F9FB; }
.recruit-info-view .dr-inner.more .h3 { margin: 0; margin-top: 29px; }
.recruit-info-view .dr-inner.more .h3:first-child { margin-top:0; }
.recruit-info-view .dr-inner.more .list-1st { margin: 0; }

@media (max-width:1445px) {
 .recruit-info-view .dr-inner.flex-box .inner-box { padding-left: 20px; }
}

@media (max-width:1040px) {
 .recruit-info-view .dr-inner.flex-box .inner-box .reinfo-list .info {
  display: block;
 }
 .recruit-info-view .dr-inner.flex-box .inner-box .subject { display: block; margin-right: 0; }
 .recruit-info-view .dr-inner.flex-box .inner-box .star { margin-top:5px; }
 .recruit-info-view .dr-inner.flex-box .inner-box .star.point4 { margin-top:0px; }
 .recruit-info-view .dr-inner.flex-box .inner-box .title .ico { width: 25px; height: 25px; background-size: contain; }
 .recruit-info-view .dr-inner.flex-box .inner-box .title { margin-bottom: 0px; font-size: 19px; }
}
@media (max-width:980px) {
 .recruit-info-view .ri-box { padding: 30px; padding-bottom: 40px; }
 .recruit-info-view .ri-detail .dr-inner { padding:30px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list { margin-bottom: 0; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li { width: 50%; margin-right: 0; margin-bottom: 6px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li .con { width: auto; }
 .recruit-info-view .ri-box .ri-top-box .ri-info { display: block; }
 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-title { display: block; width: 100%; max-width: 100%; padding-right: 0; margin-bottom: 10px; }
}

@media (max-width:900px) {
 .recruit-info-view .dr-inner.flex-box .inner-box { width: 50%; padding-left: 0; margin: 5px 0; }
 .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box { padding: 0 10px 0 0; border:none; }
 .recruit-info-view .dr-inner.flex-box .inner-box .reinfo-list .info { display: flex; }
 .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box:nth-child(2),
 .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box:nth-child(4) { padding-left: 20px; border-left: 1px solid #E0E0E0; }
 .recruit-info-view .dr-inner.flex-box .inner-box .subject { display: inline-block; padding-right: 10px; }
 .recruit-info-view .dr-inner.flex-box .inner-box .star { margin-top: 0; }
 .recruit-info-view .dr-inner.flex-box .inner-box .star.point4 { }
 .recruit-info-view .dr-inner.flex-box .inner-box .title .ico { }
 .recruit-info-view .dr-inner.flex-box .inner-box .title { }
}

/*@media (max-width:768px) { 
 .recruit-info-view .top-btn-wrap .inner .fe-btn { max-width: 130px; margin: 0; font-size: 15px; } 
 .recruit-info-view .top-btn-wrap .inner .fe-btn + .fe-btn { margin-left: 5px; } 
 } */


@media (max-width:760px) {
 .recruit-info-view .ri-box .ri-top-box .thm--box { display:none; }
 .recruit-info-view .ri-box .ri-top-box { padding-top: 0; padding-left:0; }
 .recruit-info-view .ri-box { padding: 40px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list:before { width: 100%; }
}

@media (max-width:690px) {
 .recruit-info-view .top-btn-wrap .inner .btn.btn-favortie,
 .recruit-info-view .top-btn-wrap .inner .btn { padding: 15px 37px; margin: 0 5px; }
}

@media (max-width:650px) {
 .recruit-info-view .top-btn-wrap { margin-top:30px; margin-bottom:40px }
 .recruit-info-view .ri-box { padding: 30px; }
 .recruit-info-view .ri-box .ri-bottom-box { margin-top: 30px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-title { flex-wrap: wrap; }
 .recruit-info-view .ri-box .ri-bottom-box .re-title .status-wrap { display: block; width: 100%; margin-bottom: 8px; order:1; }
 .recruit-info-view .ri-box .ri-bottom-box .re-title .re-main-title { margin-right: 0; order:2; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list { padding-top: 22px; margin-top: 23px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-title .status-wrap .status { margin: 0 8px 0 0; }
 .recruit-info-view .ri-box .ri-bottom-box .re-title .status-wrap .status:last-child { margin-right:0; }

 .recruit-info-view .ri-box .ri-bottom-box .re-title .status-wrap .fhire { margin-left: 0; }
}

@media (max-width:560px) {
 .recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li { width: 100%; }
 .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box { width:100%; }
 .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box:nth-child(2), .recruit-info-view .dr-inner.flex-box .inner-box.dr-left-box:nth-child(4) { padding:0; border:none; }
}

@media (max-width:530px) {
 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap { width:100%; margin: 0; }
 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .btn { display:block; width: 100%; margin: 0; margin-bottom: 3px; }
 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .btn:nth-last-child { margin-bottom:0; }
 .recruit-info-view .top-btn-wrap .inner .btn.btn-favortie, .recruit-info-view .top-btn-wrap .inner .btn { display: block; width: 100%; margin: 0 0 3px 0; text-align: center; }

 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-btn-wrap .button-like { display:block; width: 100%; margin: 0; margin-bottom: 3px; }
}


@media (max-width:490px) {
 .recruit-info-view .ri-box .ri-bottom-box .re-list .reinfo-list li { padding-left: 103px; }

 .recruit-info-view .top-btn-wrap .inner { flex-direction: column; }
 .recruit-info-view .top-btn-wrap .inner .fe-btn { display: block; max-width: 100%; font-size: 17px; margin: 0; }
 .recruit-info-view .top-btn-wrap .inner .fe-btn + .fe-btn { margin-top: 5px; margin-left: 0px; }
}

@media (max-width:360px) {
 .recruit-info-view .ri-box { padding:20px; }
 .recruit-info-view .ri-box .ri-top-box .ri-info .ri-title { margin-bottom: 10px; }
 .recruit-info-view .ri-box .ri-bottom-box { margin-top: 20px; }
 .recruit-info-view .ri-box .ri-bottom-box .re-list { padding-top: 20px; margin-top: 20px; }
}

/*채용정보목록 상세*/



/* 테이블 신청폼 */

.h2+.text-right { margin-top: -43px; padding-bottom: 10px; line-height: 1.2; }
@media (max-width:940px) {
 .h2+.text-right { margin-top: 0; padding-bottom: 10px; display: block; text-align: left !important; }
}
.write-list.table .btn-wrap.plusd { }
.write-list.table .table-box-wrap { margin-bottom: 40px; }
.write-list.table table tr td textarea.form-control { margin: 0 !important; }
.write-list.table .table-box { position: relative; max-height: 800px; overflow: auto; } .rite-list .table tr td.tablef { padding: 19px 10px; }
.write-list.table .table tr td { text-align: center; }
.write-list.table .table tr td.cus .form-control { display: inline-block; width: calc(100% - 28px); }
.write-list.table .table-box .btn-wrap .fe-btn { width: 34px; height: 34px; border-radius: 5px; background-size: 20px; font-size: 0; background-repeat: no-repeat; background-position: center; padding: 0; line-height: 0; }
.write-list.table .btn-wrap.plusd .fe-btn.button_addTable,
.write-list.table .btn-wrap.plusd .fe-btn.button_addTable1,
.write-list.table .btn-wrap.plusd .fe-btn.button_addTable2,
.write-list.table .btn-wrap.plusd .fe-btn.button_addTable3 { background-color: #132f5a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E"); }

.write-list.table .btn-wrap .fe-btn.button_removeTd { background-color: #dc3545;border-color: #dc3545; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H5V13H19V11Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E"); }

.write-list.table .btn-wrap.plusd .fe-btn.form_add::before { }
.write-list
.table .checkbox-inline input[type=checkbox] { margin-top: 2px; margin-right: 2px; }
.datebox .datepicker__wrap .input__item { font-size: 0; line-height: 0; } .date-group.dateform { display: flex; align-items: center; }
.dateform .form-group.date { margin-bottom: 0; width: 100%; }
.dateform .datepicker__wrap { display: none; }
.datebox .checkbox-inline { padding-bottom: 0; margin-left: 10px; }

/*멘토등록신청조회 :s */
.status1 { color: #008656; }
.status2 { color: #006f9a; }
.status3 { color: #dc3545; }
.status4 { color: #666; }
.table td { line-height: 1.3; }
/*사유확인 : s*/
.ba-view .table { position: relative; }
.ba-view .notice-wrap { }
.ba-view .notice-wrap .notice-content { position: absolute; min-width: 376px; width: auto; max-width: 400px; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #DDDDDD; box-shadow: 0px 0px 20px rgb(0 0 0 / 6%); -ms-box-shadow: 0px 0px 20px rgb(0 0 0 / 6%); padding: 30px; height: auto; text-align: left; color: #858C94; display: none; z-index: 1; }
.ba-view .notice-wrap .notice-content.active { display:block; }
.ba-view .notice-wrap .notice-content .inner { width: 100%; height: 100%; display: block; position: relative; }
.ba-view .notice-wrap .notice-content .nc-head { }
.ba-view .notice-wrap .notice-content .nc-head .nc-title { line-height: 1; font-size: 15px; letter-spacing: -0.02em; display: block; font-weight: 700; margin-bottom: 8px; }
.ba-view .notice-wrap .notice-content .nc-head .nc-title:before { content:''; background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6C8.66 6 9.99 4.66 9.99 3C9.99 1.34 8.66 0 7 0C5.34 0 4 1.34 4 3C4 4.66 5.34 6 7 6ZM7 8C4.67 8 0 9.17 0 11.5V14H14V11.5C14 9.17 9.33 8 7 8Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:50%; width: 30px; height: 30px; display: inline-block; border: 1px solid #ddd; border-radius: 50%; vertical-align: middle; margin-right: 8px; }
.ba-view .notice-wrap .notice-content .nc_mid { border: 1px solid #DDDDDD; border-left: none; border-right: none; margin-bottom: 18px; }
.ba-view .notice-wrap .notice-content .nc_mid .nc_text { display: block; line-height: 19px; font-weight: 400; letter-spacing: -0.02em; padding: 18px 0 28px; }
.ba-view .notice-wrap .notice-content .nc-footer ul:after { content:''; display:block; clear:both; }
.ba-view .notice-wrap .notice-content .nc-footer ul li { display: inline-block; font-size: 15px; line-height: 19px; font-weight: 400; position: relative; padding-right: 22px; float: left; }
.ba-view .notice-wrap .notice-content .nc-footer ul li:before { content:''; height: 14px; width: 1px; display: inline-block; background-color: #ddd; position: absolute; right: 8px; top: 3px; }
.ba-view .notice-wrap .notice-content .nc-footer ul li:last-child { padding: 0; }
.ba-view .notice-wrap .notice-content .nc-footer ul li:last-child:before { display:none; }
.ba-view .notice-wrap .notice-content .btn-wrap { position: absolute; right: 0; top: 0; }
.ba-view .notice-wrap .notice-content .btn-wrap .fe-btn-close { width: 30px; height: 30px !important; padding: 0; margin: 0; display: inline-block; font-size: 0; background-color: #1C92EB; border: 1px solid #1C92EB; border-radius: 50%; min-width: 1px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.00714L8.99286 0L5 3.99286L1.00714 0L0 1.00714L3.99286 5L0 8.99286L1.00714 10L5 6.00714L8.99286 10L10 8.99286L6.00714 5L10 1.00714Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 50%; font-size: 0 !important; min-width:30px !important; }
/*사유확인 : e*/

/*멘토등록신청조회 :e */








/* 멘토링 목록 */
.card-list { margin:0 -15px; }
.card-list .col { float: left; width: calc(50% - 30px); margin: 0 15px 15px; }
.card-list .col .link,
.card-list .col > a,
.card-list .col > button { display:block; width:100%; height:100%; position: relative; padding:10px; padding-top:20px; padding-left: 130px; min-height: 150px; border:1px solid #ddd }
.card-list .col .thumb { width:102px; height:130px; border: 1px solid #d6d6d6; position: absolute; top:10px; left:10px; }
.card-list .col .thumb span { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.card-list .col .thumb span img { position:absolute; top:50%; left:50%; width: auto; max-width: 100%; height: auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.card-list .col .info { }
.card-list .col .info strong { display: block; display: -webkit-box; height: 26px; margin: 0 0 10px; color:#333; font-weight: bold; font-size:20px; line-height: 1.3; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.card-list .col .info p { min-height: 24px; margin:0; color:#666; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-list .col .info .ico-wrap { display:flex; position: relative; top: auto; right: auto; justify-content: flex-start; width: 100%; }
.card-list .col .info .ico-wrap li { display: flex; align-items: center; min-width: 10px; height: 13px; margin-right: 20px; color: #444; font-weight: 400; font-size: 15px; line-height: 130%; letter-spacing: -0.15px; }
.card-list .col .info .ico-wrap li.writer a { color: #008656; font-weight: 700; }
.card-list .col .info .ico-wrap li.writer,
.card-list .col .info .ico-wrap li.date { position: relative; padding-right: 20px; border-right: 1px solid #ddd; }
.card-list .col .info .ico-wrap li.ico-info { margin-right:10px; }
.card-list .col .info .ico-wrap .ico-info .ico2 { background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.93762 12.5C12.4632 12.5 15 7.5 15 7.5C15 7.5 12.4632 2.5 7.93762 2.5C3.41204 2.5 1 7.5 1 7.5C1 7.5 3.41204 12.5 7.93762 12.5Z' stroke='%23999999' stroke-linejoin='round'/%3E%3Cpath d='M8 9.5C9.10456 9.5 10 8.60456 10 7.5C10 6.39544 9.10456 5.5 8 5.5C6.89544 5.5 6 6.39544 6 7.5C6 8.60456 6.89544 9.5 8 9.5Z' stroke='%23999999' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.card-list .col .info .title { margin-bottom:25px; color: #222; font-weight: 600; font-size: 20px; line-height: 130%; letter-spacing: -0.2px; }
.card-list .col .info .title .cate { margin-right: 20px; color: #747B94; font-size: 20px; }
.card-list .col .info .title .link-tit { font-weight: 600; }


/*네임카드 : s*/
.name-card { display: block; width: 100%; height: 100%; background-image: url(/images/career/prog/name-cardbg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0 20px; }
.name-card .inner { padding: 180px 30px; display: flex;
 justify-content: center; }
.name-card .inner .item { margin: 0 40px; }


/* 상세 팝업 : s */
.name-card-pop { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow-y: auto; }
.name-card-pop .box-wrap { display: block; position: relative; width: calc(100% - 50px); max-width: 384px; }
.name-card-pop .box-wrap .modal__close { display: inline-block; position: absolute; top: 23px; right: 23px; width: 35px; height: 35px; z-index: 10; border: 1px solid #A8ACAF; border-radius: 80px; background: #FFF; }
.name-card-pop .box-wrap .modal__close button { width: 35px; height: 35px; font-size: 0; background-position: 47% 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.125 1.01367L7.39355 5.74512L12.125 10.4766L11.2314 11.3701L6.5 6.63867L1.76855 11.3701L0.875 10.4766L5.60645 5.74512L0.875 1.01367L1.76855 0.120117L6.5 4.85156L11.2314 0.120117L12.125 1.01367Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }
.name-card-pop .box-wrap::-webkit-scrollbar { display: none; }

.name-wrap { max-width: 384px; height: auto; min-height: 550px; margin: 0 auto; border-radius: 15px; background-color: #fff; text-align: center; box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.35); }
.card-wrap { padding: 55px 33px 9px; min-height: 495px; }
.card-wrap .card-top { }
.card-wrap .card-top .thum-inner { position: relative; background-position: center center; width: 130px; height: 130px; margin: 0 auto; }
.card-wrap .card-top .thum-inner .thum { width: 100%; height: 100%; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-size: 100%; border: 1px solid #eee; }
.card-wrap .m-tit { display: block; margin-top: 12px; color: #000; font-weight: 700; font-size: 24px; line-height: 32px;
 letter-spacing: -0.48px; }
.card-wrap .info-wrap { display: flex; align-items: center; justify-content: center; }
/*비공개일때 :s*/
.card-wrap .card-top.pri .info-wrap { display: none; }
.card-wrap .card-top.pri .card-mid { margin-top: 39px; }
.card-wrap .card-mid.pri .info { color: #666; }
.card-wrap .card-top.pri .thum-inner { position: relative; }
.card-wrap .card-top.pri .thum-inner .key-ico { position:absolute; content: ''; right: 7px;
 bottom: -3px; width: 34px; height: 34px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.8228' cy='20.8496' r='18.5' fill='%2318114E' stroke='white' stroke-width='3'/%3E%3Cg clip-path='url(%23clip0_4127_3317)'%3E%3Cpath d='M29.2229 10.4497H12.4229V27.2497H29.2229V10.4497Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M25.9992 18.8496H15.6463C15.1915 18.8496 14.8228 19.1915 14.8228 19.6132V26.486C14.8228 26.9077 15.1915 27.2496 15.6463 27.2496H25.9992C26.454 27.2496 26.8228 26.9077 26.8228 26.486V19.6132C26.8228 19.1915 26.454 18.8496 25.9992 18.8496Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M17.3228 18.8496V16.3496C17.3228 14.4166 18.8898 12.8496 20.8228 12.8496C22.7557 12.8496 24.3228 14.4166 24.3228 16.3496V18.8496' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.8228 22.1494V24.2494' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4127_3317'%3E%3Crect width='14' height='19' fill='white' transform='translate(13.8228 10.8496)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }

.card-wrap .card-mid.pri { margin-top: 25px; margin-bottom: 27px; }
.card-wrap .card-top.pri .m-tit { margin-top: 25px; }
/*비공개일때 :e*/

.card-wrap .info { position: relative; color: #7B7E82; font-weight: 600; font-size: 15px; line-height: 150%; letter-spacing: -0.3px; padding: 0 8px; }
.card-wrap .info:after { position:absolute; content:''; width: 1px; height: 11px; background-color: #ccc; right: 0; top: 6px; }
.card-wrap .info:last-child:after { display: none; }
.card-wrap .intro { margin-top: 12px; color: #666; font-weight: 400; font-size: 15px; line-height: 1.1; letter-spacing: -0.3px; height: auto; }


.card-wrap .card-top .info.point3 { font-weight: bold; }
.card-wrap .card-mid { display: block; padding: 15px 30px; margin-top: 16px; border-radius: 10px; background-color: #F8F9FB; margin-bottom: 15px; }
.card-wrap .card-mid .info-wrap { display: block; text-align: left; padding-right: 0; }
.card-wrap .card-mid .info { padding-left: 76px; color: #000; font-weight: 400; font-size: 15px; line-height: 165%; letter-spacing: -0.3px; }
.card-wrap .card-mid .info > span { position: absolute; top: 0; left: 0; font-weight: bold; }
.card-wrap .card-mid .info:after { display: none; }


.card-wrap .card-bot { }
.card-wrap .card-bot .info-wrap { }
.card-wrap .card-bot .info { padding: 0 22px; }
.card-wrap .card-bot .info >span { margin-left: 4px; }
.card-wrap .card-bot .chk-btn { }
.card-wrap .card-bot .chk-btn .num { }

.name-wrap .chk { }
.name-wrap .chk { margin-top: 1px; padding: 0; border-radius: 0; height: auto; width: 100%; display: block; }
.name-wrap .chk .checkbox-inline { display: block; }
.name-wrap .chk .checkbox-inline { width: 100%; }
.name-wrap .chk .checkbox-inline .chk-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 55px; padding: 0; border-radius: 0 0 15px 15px; }
.name-wrap .chk .checkbox-inline .chk-btn .icon { margin: 0; width: 11px; height: 11px; background-size: contain; }
.name-wrap .chk .checkbox-inline .chk-btn .word { margin: 0 6px 0 4px; }
.chk { display: block; margin-top: 59px; text-align: center; }
.chk .checkbox-inline { padding: 0; }
.chk .checkbox-inline input[type="checkbox"] { position: fixed; top: -9999px; left: -9999px; z-index: -100; }
.chk .checkbox-inline input[type="checkbox"]:checked + .chk-btn { background: #18114E; }
.chk .checkbox-inline .chk-btn { display: inline-block; width: 100px; height: 100px; padding: 22px 20px 20px; border-radius: 66px; background: #008656; }
.chk .checkbox-inline .chk-btn .icon { display: block; width: 14px; height: 14px; margin: 0 auto 4px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 14.9999V7.29997L7.66264 1C8.76557 1 9.65963 1.94019 9.65963 3.1V5.89998H13.6536C14.0442 5.89531 14.417 6.07128 14.6733 6.38122C14.9296 6.69116 15.0435 7.10385 14.9849 7.50996L14.0663 13.8099C13.9668 14.5002 13.3988 15.0078 12.735 14.9999H5ZM5 14.9999L2.864 14.9997C1.92681 15.0147 1.12564 14.3958 1 13.5598V8.51991C1.12564 7.68398 1.92681 6.98532 2.864 7.00023H5V14.9999Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.chk .checkbox-inline .chk-btn em { color: #fff; font-weight: 400; font-size: 15px; line-height: 140%; text-align: center; }
.chk .checkbox-inline .chk-btn .word { display: block; }
.chk .checkbox-inline .chk-btn .num { display: block; font-weight: bold; }

@media only screen and (max-width: 620px) {
 .chk .checkbox-inline .chk-btn { width: 80px; height: 80px; padding: 12px; }
}

@media only screen and (max-width:430px) {
 .card-wrap { padding: 40px 20px 20px; }
 .card-wrap .card-mid .info { padding-left: 0; padding-top: 20px; line-height: 1.2; margin-bottom: 3px; }
 .card-wrap .card-mid { padding: 15px; }
 .card-wrap .card-bot .info { padding: 0 6px; }
}
/*네임카드: e*/

/*댓글삭제버튼*/
.button_comments_cancel { font-size: 0; line-height: 0; width: 100%; padding: 15px 0; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 11V13H19V11H5Z' fill='rgba(255,255,255,1)'%3E%3C/path%3E%3C/svg%3E"); }
.btn-lg.btn-icon { font-size:18px; line-height: 1.33; }

.board--card--list,.board--card--list .obj,.board--card--list .obj .thm--box{position:relative;overflow:hidden}.board_faq .title .ti.on,.board_faq .title .ti:focus,.board_faq .title .ti:hover,.sch_txt .sch_box .li span a:focus,.sch_txt .sch_box .li span a:hover{text-decoration:underline}.board--card--list:after{display:block;visibility:hidden;clear:both;content:""}.board--card--list .obj{margin:30px -7px 0}.board--card--list .obj .link{display:block;border:7px solid transparent}.board--card--list .obj .item{border:1px solid #ddd;overflow:hidden}.board--card--list .obj .thm--box{width:100%;padding-top:200px;background-color:#fafafa;position:relative;z-index:1;-webkit-backface-visibility:hidden;-webkit-perspective:2000}.board--card--list .obj .thm--box .inner{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%}.board--card--list .obj .thm--box .inner img{position:absolute;top:50%;left:50%;max-width:none;max-height:100%;transform:translate(-50%,-50%);transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s,-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-webkit-transform:translate(-50%,-50%);-webkit-transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-o-transition:transform cubic-bezier(.22,.61,.36,1) .4s;-ms-transform:translate(-50%,-50%)}.board--card--list .obj .link *{transition:all .3s ease-in-out}.board--card--list .obj .link:focus .thm--box .inner img,.board--card--list .obj .link:hover .thm--box .inner img{transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1)}.board--card--list .obj .card--body{position:relative;padding:15px;border-top:1px solid #ddd;text-align:left;z-index:2}.board--card--list .obj .card--body:before{/* display:block; *//* position:absolute; *//* z-index:-1; *//* top:-20px; */left:-6%;width:110%;height:100px;background-color:#fff;content:'';transform:rotate(-8deg);-webkit-transform:rotate(-8deg);}.board--card--list .obj .card--body .cont{clear:both;display: block !important;padding-top:15px!important;padding-bottom:15px!important;margin-top:20px;border-top:1px dashed #ddd;height: 90px;overflow:hidden;border-bottom: 1px solid #dedede;line-height: 1.3 !important;padding: 15px;box-sizing: content-box;}.board--card--list .obj .card--body .cont:before{display:none!important}.board--card--list .obj .card--btn{display:block;position:absolute;top:-77px;left:50%;width:40px;height:40px}.board--card--list .obj .card--btn span{font-size:0;display:block;padding:0!important;width:40px;height:40px;border-radius:50%;position:relative;box-shadow:0 5px 13px rgba(0,0,0,.18)}.board--card--list .obj .card--btn span:after,.board--card--list .obj .card--btn span:before{content:'';position:absolute;top:50%;left:20%;width:60%;height:2px;background-color:#fff;transition:all .3s ease}.board--card--list .obj .card--btn span:before{transform:translateY(-50%)}.board--card--list .obj .card--btn span:after{transform:translateY(-50%) rotate(90deg)}.board--card--list .obj .link:focus .card--btn span:before,.board--card--list .obj .link:hover .card--btn span:before{transform:rotate(180deg)}.board--card--list .obj .link:focus .card--btn span:after,.board--card--list .obj .link:hover .card--btn span:after{transform:rotate(180deg);opacity:0}.board--card--list .obj .col{float:left}.board--card--list .obj.col1 .col{float:none}.board--card--list .obj.col1 .col:first-child{margin-top:0}.board--card--list .obj.col1 .item{position:relative;width:100%;min-height: 254px;margin:0;padding: 0 0 0 326px;border:1px solid #dadada;}.board--card--list .obj.col1 .item.noimage{min-height:184px;padding-left:25px}.board--card--list .obj.col1 .thm--box{position:absolute;top:25px;left:25px;width: 290px;height: 202px;padding-top:0;overflow:hidden;background:#efefef;text-align:center;}.board--card--list .obj.col1 .card--body{padding:35px 50px 20px 20px;border-top:none}.board--card--list .obj.col1 .card--body:before{display:none}.board--card--list .obj.col1 .card--body .title{display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #ddd}.bbs--view,.bbs--view .bbs--view--header{border-bottom:1px solid #bbb}.board--card--list .obj.col1 .card--btn{display:none}.board--card--list .obj.col1 .stat.ing{background-color:#4a4a4a}.board--card--list .obj.col1 .stat.wait{background-color:#726458}.board--card--list .obj.col1 .stat.end{background-color:#6d6c76}.board--card--list .obj.col2 .col{width:50%}.board--card--list .obj.col3 .col{width:33.3%}.board--card--list .obj.col4 .col{width:25%}.board--card--list .obj.col5 .col{width:20%}.board--card--list .obj.col2 .thm--box{padding-top:270px}.board--card--list .obj.col2 .card--body:before{top:-32px}.board--card--list .obj.col5 .card--body:before{top:-32px;left:0}.board--card--list .obj .card--body .tit{display:block;width:100%;overflow:hidden;color:#222;font-size:20px;text-overflow:ellipsis;font-weight:700;white-space:nowrap;word-wrap:break-word;word-break:keep-all}.board--card--list .obj .card--body .list_ul li{position:relative;margin:3px 0;font-size:15px;line-height:24px;display: inline-block;float: left;}.board--card--list .obj .card--body .list_ul li b{/* display:inline-block; *//* position:relative; *//* max-width:74px; *//* padding-left:10px; *//* padding-right:10px; */margin-right:10px;color:#333;font-size: 0;}.board--card--list .obj .card--body .list_ul li b:before{/* position:absolute; *//* top:10px; *//* left:0; *//* width:2px; *//* height:2px; *//* border-radius:50%; *//* background-color:#666; *//* content:''; */}.board--card--list .obj .card--body .list_ul li b:after{/* position:absolute; *//* top:0; *//* right:0; *//* color:#666; *//* content:':'; */font-size:15px;line-height:24px;}.board--card--list .obj.col3 .col.card--body .list_ul li.cont,.board--card--list .obj.col4 .col.card--body .list_ul li.cont,.board--card--list .obj.col5 .col.card--body .list_ul li.cont{height:72px;padding-left:12px;overflow:hidden}.board--card--list .obj.col3 .col.card--body .list_ul li.cont b,.board--card--list .obj.col4 .col.card--body .list_ul li.cont b,.board--card--list .obj.col5 .col.card--body .list_ul li.cont b{width:0;font-size:0}.board--card--list .obj.col3 .card--btn{top:-64px}.board--card--list .obj.col4 .card--btn{top:-58px}.board--card--list .obj .card--btn .stat{display:inline-block;padding:0;background-color:#0050a4;color:#fff}.board--card--list .obj .cat{position:absolute;top:20px;left:2%;z-index:4}.board--card--list .obj .cat .type{display:inline-block;padding:5px 15px}.board--card--list .obj .cat .type1,.board--card--list .obj .cat .type2,.board--card--list .obj .cat .type3{background:#343d38;color:#fff}.board--card--list .obj.col1 .col.cat{top:26px;left:25px}.board--card--list .obj .card--body .list_ul li.cont{padding-left:0}.board--card--list .obj .card--body .list_ul li.cont b{font-size:0;line-height:0;max-width:none;padding:0;margin:0}.board--card--list .obj .card--body .list_ul li.cont b:before{display:none}.board--card--list .obj.col5 .col .card--body .list_ul li b,.board--card--list .obj.col6 .col .card--body .list_ul li b{font-size:0}@media only screen and (max-width:1199px){.board--card--list .obj.col4 .col{width:33.3%}.board--card--list .obj.col5 .col{width:25%}}@media only screen and (max-width:1023px){.board--card--list .obj.col5 .col{width:33.3%}}@media only screen and (max-width:999px){.board--card--list .obj.col3 .col,.board--card--list .obj.col4 .col,.board--card--list .obj.col5 .col{width:50%}}@media only screen and (max-width:767px){.board--card--list .obj.col1 .col .cat{top:0;left:0}.board--card--list .obj.col1 .col .thm--box{top:0;left:0;width:100%}.board--card--list .obj.col1 .col .card--body{padding:20px}.board--card--list .obj.col1 .col .card--btn{position:static;top:0;right:0}.board--card--list .obj.col1 .col .item{position:relative;padding:226px 0 0}.board--card--list .obj.col1 .col .item.noimage{padding-top:0}.board--card--list .obj.col2 .col,.board--card--list .obj.col3 .col,.board--card--list .obj.col4 .col,.board--card--list .obj.col5 .col{width:100%}}.bbs--view{margin-bottom:0;border-top:2px solid #222}.bbs--view .bbs--view--header .bbs--view--tit{clear:both;margin-bottom:5px;color:#222;font-size:20px;font-weight:500;vertical-align:middle}.bbs--view .bbs--view--header .bbs--view--opt{padding-top:10px;font-size:14px}.bbs--view .bbs--view--header .bbs--view--opt span{display:inline-block;margin-right:10px}.bbs--view .bbs--view--header span i{display:inline-block;position:relative;/* margin-right:7px; *//* padding-right:7px; */color:#555;font-style:normal;font-weight:700;font-size: 0;}.bbs--view .bbs--view--header span i:before{display: none;position:absolute;top:5px;right:-2px;width:1px;height:10px;background-color:#ddd;content:'';}.bbs--view .bbs--view--header .date{float:right;margin-right:0}.bd_detail_tit .info:after{display:block;visibility:hidden;clear:both;content:""}.bd_detail_tit .info li{display:inline-block;position:relative;float:left;margin-left:10px;padding-left:10px}.bd_detail_tit .info li:first-child{margin-left:0;padding-left:0}.bd_detail_tit .info li:after{display:block;position:absolute;top:3px;right:-10px;width:1px;height:15px;background:#b1b1b2;content:""}.bd_detail_tit .info li.inq_cnt:after,.bd_detail_tit .info li:last-child:after{display:none}.bbs--view .bbs--view--file{position:relative;padding: 14px 16px;/* border-top:1px solid #bbb; */background-color:#fafafa;/* margin-top: -1px; */}.bbs--view .bbs--view--file .tit{display:block;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;text-align:center;letter-spacing:-1px}.bbs--view .bbs--view--file .tit:before{position:absolute;top:-24px;left:50%;width:40px;height:40px;margin-left:-20px;background:url(/pcms/common/images/ir/ir-bbs.png) -248px -126px no-repeat;content:''}.bbs--view .bbs--view--file .tit em{color:#ec1d25;font-weight:700}.bbs--view .bbs--view--file .btn-group-down{margin-bottom:5px}.bbs--view .bbs--view--cont{padding:24px 30px 50px}.bbs--view .bbs--view--cont>img{display:block;max-width:100%}.bbs--view--header+.bbs--view--file{margin:0!important}.board--nav--list{padding:0 10px;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;box-sizing:border-box}.board--nav--list>li{position:relative;padding:12px 0;border-bottom:1px solid #ddd}.board--nav--list>li:last-child{border-bottom:0}.board--nav--list>li *{color:#666;font-size:14px;line-height:1.4;vertical-align:middle}.board--nav--list>li a{display:block;margin:0 85px 0 10px;overflow:hidden;color:#777;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.board--nav--list>li .time{position:absolute;top:13px;right:0}.board--nav--list>li a i{position:relative;margin-right:10px;padding-left:18px;background:0 0;color:#222;font-style:normal;font-size:14px;line-height:1.4}.board--nav--list>li a i:before{display:inline-block;position:absolute;top:5px;left:0;width:12px;height:6px;background:url(/pcms/common/images/ir/ir-bbs.png) no-repeat;content:''}.board--nav--list>li.prev a i:before{top: 8px;background-position: -154px -126px;}.board--nav--list>li.next a i:before{background-position: -103px -126px;}.bbs--view+.box-footer{margin-top:10px;border-top:none}.box-footer+.board--nav--list{margin-top:10px}@media only screen and (max-width:767px){.bbs--view .bbs--view--file,.bbs--view .bbs--view--header{padding:15px}.bbs--view .bbs--view--cont{padding:15px 15px 30px}.bbs--view .bbs--view--file .tit{font-size:0}}.box-footer:after{content:"";display:block;visibility:hidden;clear:both}.board--comment{margin-top:50px;position:relative;width:100%}.comment--title{margin:0 0 8px;padding:0;color:#444;font-size:18px;line-height:normal;letter-spacing:-1px}.comment--title span{color:#fd2100;font-size:14px;font-weight:400;font-family:tahoma;letter-spacing:0}.board--list--comment{width:100%;border-top:1px solid #eee}.board--list--comment .comment--item{position:relative;z-index:10;padding:20px;border-bottom:1px solid #eee;vertical-align:top}.board--list--comment .comment--item.comment--thumb--on{padding-left:100px}.board--list--comment .comment--item.comment--thumb--on .thumb{position:absolute;top:28px;left:0;width:80px;height:80px;overflow:hidden;border:1px solid #ddd;border-radius:50%}.board--list--comment .comment--item .thumb img{vertical-align:top}.board--list--comment .comment--item .thumb .user--thumb{width:100%;height:100%}.board--list--comment .comment--item .comment--info--area{position:relative}.board--list--comment .comment--item .comment--section,.board--list--comment .comment--item .comment--section2{display:inline-block;color:#5c5c5c;font-size:13px;line-height:1.3}.board--list--comment .comment--item .comment--section2{float:right;color:#999}.board--list--comment .comment--item .nick_name{display:inline-block;position:relative;margin-right:7px;padding-right:7px}.board--list--comment .comment--item .nick_name:before{position:absolute;top:5px;right:0;width:1px;height:10px;background-color:#aaa;content:''}.board--list--comment .comment--item .nobar{display:inline-block;position:relative;margin-left:7px;padding-left:7px}.board--list--comment .comment--item .nobar:before{position:absolute;top:9px;left:0;width:2px;height:2px;background-color:#666;content:''}.board--list--comment .comment--item .dsc--comment{clear:both;padding-top:5px;font-size:14px;line-height:1.4}.board--list--comment .comment--item .dsc--comment .dsc{font-size:14px;line-height:1.4}.board--list--comment .comment--item .comment--area+.comment--item.comment--thumb--on{padding-left:140px}.board--list--comment .comment--item .comment--area+.comment--item{padding-left:40px;border:none}.comment--bu--subnode{display:inline-block;width:22px;height:11px;overflow:hidden;background:url(/pcms/common/images/ir/ir-bbs.png) -155px -1px no-repeat;font-size:0}@media only screen and (max-width:767px){.board--list--comment .comment--item.comment--thumb--on{padding-left:20px}.board--list--comment .comment--item.comment--thumb--on .thumb{display:none}.board--list--comment .comment--item .comment--section2{float:none;margin-top:5px;margin-bottom:5px;text-align:right}}.board_faq{border-top:2px solid #e3e3e3;line-height:150%;word-wrap:break-word}.board_faq .ico{display:inline-block;position:absolute;top:18px;left:16px;width:30px;height:30px;padding:2px 0;border:1px solid #333;border-radius:50px;font-weight:700;text-align:center}.video_play_box .thum_video,.video_play_box iframe{position:absolute;top:0;left:0;width:100%;height:100%}.board_faq .title{display:block;position:relative;border-bottom:1px solid #e3e3e3}.board_faq .title:after{display:block;visibility:hidden;clear:both;content:""}.board_faq .title .ti{display:block;float:left;width:100%;padding:20px 56px;color:#333;font-size:15px}.board_faq .title .ti:after{position:absolute;top:43%;right:30px;width:21px;height:11px;background:url(/common/images/common/uia_arr.png) no-repeat;content:""}.cal_list .lcon:before,.cal_top:before,.cb_usr_area:after,.video_list ul:after,.video_play_box .thum_video:before{content:''}.board_faq .pt,.detail_inner{position:relative}.board_faq .title .ti.on{background:url(/images/uia_arr_ov.png) 99% 50% no-repeat;color:#007bff}.board_faq .title .ti.on:after{background-position:-21px 0}.board_faq .title .ti.on .q_ico{border-color:#007bff;background-color:#007bff;color:#fff}.board_faq .title b{font-weight:400;vertical-align:middle}.board_faq .pt{display:none;padding:20px 15px 25px 60px;border-bottom:1px solid #e3e3e3;background:#f7f7f7;color:#7b7b7b;font-size:15px;word-wrap:break-word}.qna_ico,.qna_ico.q_ico{background-color:#007bff}.board_faq .pt p{margin-top:10px}.board_faq .pt .a_ico{border-color:#007bff;color:#007bff}.qna_ico{display:inline-block;width:30px;height:30px;padding:2px 0;border-radius:50px;color:#fff;font-size:16px;font-weight:700;text-align:center}.qna_ico.a_ico{background-color:#f39c12}.video_info{margin-top:-10px;border:1px solid #e3e3e3;color:#222}.video_info .video_desc_wrap{display:none!important}.video_info.on .video_desc_wrap{display:block!important;margin-top:28px}.video_detail_box{padding:23px 39px 25px;border:1px solid #e3e3e3;border-bottom:none}.detail_inner .video_tit_box{padding-right:252px}.detail_inner .btn_wrap{position:absolute;top:0;right:0;width:auto}.detail_inner .video_tit{color:#000;font-size:28px;font-weight:500}.video_desc{padding:25px 30px}.video_desc .video_desc_inner{max-height:138px;overflow-y:auto;height:100%}.video_list{margin-top:50px}.video_list ul{margin-left:-2.5%}.video_list ul:after{display:block;clear:both}.video_list ul li{float:left;width:25%;padding-left:2.5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.video_list li a{display:block}.video_list li a span{display:block;margin-top:11px;overflow:hidden;color:#222;text-overflow:ellipsis;white-space:nowrap}.list_view{margin-top:38px}.list_view .btn{height:50px;padding:0 58px;border-radius:25px;font-size:18px;line-height:46px;-webkit-border-radius:25px;-moz-border-radius:25px}.video_play_box{position:relative;overflow:hidden;padding-bottom:56.25%}.video_play_box iframe{z-index:10}.video_play_box .thum_video{display:block;z-index:15;cursor:pointer}@media screen and (max-width:767px){.video_detail_box{padding:10px;border:none}}.cal_top{position:relative;border:4px solid #efefef}.cal_top:before{display:block;position:absolute;top:0;left:0;width:100%;height:20%}.cal_top .inner{display:block;position:relative;z-index:3;padding:0;background:#fff}.cal_top .h3{margin:0;padding:25px 0;background:0 0;font-size:30px;text-align:center}.cal_top .h3 .month,.cal_top .h3 .yearm{color:#07378e;font-weight:700}.cal_top .sel_day{position:absolute;top:0;left:0;width:100%}.cal_top .sel_day a{position:absolute;top:30px;height:32px;background:url(/pcms/common/images/common/cal_arr.png) no-repeat;font-size:16px;line-height:30px;vertical-align:middle}.cal_top .sel_day a.prev{left:5%;padding-left:35px;background-position:0 0}.cal_top .sel_day a.next{right:5%;padding-right:35px;background-position:56px -32px}.cal_top .sel_month{padding:20px 0;border-top:1px solid #ddd;text-align:center}.cal_top .sel_month li{display:inline-block;margin-bottom:15px;width:6.7%}.cal_top .sel_month li a{display:inline-block;position:relative;width:37px;font-weight:400}.cal_top .sel_month li a.ov{color:#06378e}.cal_top .sel_month li a.ov:before,.cal_top .sel_month li a:focus:before{display:block;position:absolute;left:0;bottom:-6px;width:100%;height:4px;background:#06378e;content:''}.cal_list{position:relative;margin-top:50px;overflow:hidden}.cal_list .lcon{position:relative;width:100%;padding:30px 20px 20px;border:1px solid #ddd}.cal_list .lcon:before{display:block;position:absolute;top:90px;left:0;width:100%;height:32px;background:#07378e}.cal_list .lcon p{margin-top:3px;margin-bottom:16px}.cal_list .lcon p strong{display:block;margin:0;padding:0;color:#07378e;font-size:30px;font-weight:700;text-align:center;line-height:30px}.cal_list .lcon p span{display:block;color:#b8b8b8;font-size:12px;text-align:center;line-height:17px}.sch_tbl{position:relative;width:100%;table-layout:fixed}.sch_tbl tbody td{padding:6px 0;text-align:center}.sch_tbl tbody td .cat{display:inline-block;position:relative;width:25px;height:25px;border-radius:50px;background:#cdd7e8;color:#364998}#galleryThum .item img,#galleryThum li a,#galleryThum li a.ov,.gThum .item img{width:100px;height:63px}.sch_tbl thead th{padding-bottom:10px;color:#fff;text-align:center}.cal_list .rcon{width:100%;padding-left:30px}.sch_txt .h3{width:90px;margin-top:0;padding:0;border:1px solid #07388e;border-radius:30px;background:0 0;color:#07388e;font-size:14px;text-align:center;line-height:34px}.sch_txt .h3:before{display:none;background:0 0}.sch_txt .sch_box{display:table;width:100%;margin-top:20px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd}.sch_txt .sch_box .li{display:table-row;padding:10px 0}.sch_txt .sch_box .li b{display:table-cell;width:30%;padding:15px 0;font-size:16px;font-weight:700;letter-spacing:-1px}.sch_txt .sch_box .li span{display:table-cell;width:70%;padding:15px;vertical-align:top}.sch_txt .sch_box .li span a{display:inline-block;color:#000;font-size:15px;font-weight:400;vertical-align:top}@media only screen and (max-width:767px){.cal_top .sel_month li{width:19%}.cal_list .rcon{margin-top:20px;padding-left:0}.control-label,.sch_txt .sch_box,.sch_txt .sch_box .li,.sch_txt .sch_box .li b,.sch_txt .sch_box .li span,div[class^=col-]{display:block}.sch_txt .sch_box .li b,.sch_txt .sch_box .li span{padding:0;width:100%}}.bbs--view--images{margin-bottom:30px;text-align:center}#galleryView,.gView{margin:0;text-align:center}#galleryView img,.gView img{vertical-align:middle}#galleryThum,.gThum{position:relative;width:100%;min-height:98px;background-color:#fafafa}#galleryThum .holder,.gThum .holder{position:relative;width:100%;margin:0 auto;padding-top:17px;overflow:hidden}#galleryThum .list,.gThum .list{width:99999px;margin:0;padding:0;overflow:hidden;list-style:none}#galleryThum .item,.gThum .item{float:left;width:100px;margin:0 10px}#galleryThum li a{display:block;overflow:hidden}#galleryThum li a.ov{border:2px solid #545454}#galleryThum li a img{height:100%;width:100%}#galleryThum .arrLeft,#galleryThum .arrRight,.gThum .arrLeft,.gThum .arrRight{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;border-bottom:2px solid;border-left:2px solid;border-color:#545454;background-color:transparent;text-align:center}#galleryThum .arrLeft,.gThum .arrLeft{left:20px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}#galleryThum .arrRight,.gThum .arrRight{right:20px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.bbs--view .bbs--view--file{margin:15px -24px;border-bottom:1px solid #bbb}.bg_eye_viewer,.mimetype{margin-bottom:3px}.bg_eye_viewer .left{margin-right:2px}.mimetype{padding:5px}.mimetype,.mimetype:link,.mimetype:visited{border:none;background-color:transparent}.bg_eye_viewer,.bg_eye_viewer:link,.bg_eye_viewer:visited{padding:5px 10px;border-radius:30px}.cb_wrt_box{border:1px solid #ddd;clear:both}.cb_wrt_box2{border:1px solid #fff;background:#fafafa}.cb_usr_area{clear:both;position:relative;z-index:30;padding:10px 83px 10px 10px}.cb_usr_area:after{display:block;clear:both}.cb_usr_area textarea{width:100%;height:67px;padding:4px 0 0 6px;border:1px solid #d1d1d1;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;color:#666;font-size:12px;line-height:20px;vertical-align:top}.cb_usr_area .cb_btn_area{position:absolute;top:10px;right:10px;width:67px}.cb_usr_area .cb_btn_area a{display:block;padding:10px 5px;width:100%;height:67px;border:1px solid #d1d1d1;background-color:#fff;font-size:12px;line-height:47px;text-align:center;color:#666}.cb_usr_area .cb_btn_area a:focus,.cb_usr_area .cb_btn_area a:hover{background-color:#ddd;color:#000}[data-text-content=true] b,[data-text-content=true] strong{font-weight:700}[data-text-content=true] em{font-style:italic}[data-text-content=true] table{display:table;border-collapse:separate;border-spacing:1px;border-width:1px;border-color:grey;border-style:solid}[data-text-content=true] tbody{display:table-row-group;border-color:inherit;vertical-align:middle}[data-text-content=true] tr{display:table-row;border-color:inherit;vertical-align:inherit}[data-text-content=true] table td,[data-text-content=true] table th{display:table-cell;vertical-align:inherit}.board_faq .pt br{display:none}.ir-bbs-notice{width:22px;height:22px;background-position:-161px -149px}.table-default .notice a,.table-default .notice td{font-weight:700;color:#000}.ui-topbox.board-box .inner .txtwrap{min-height:10px}.ui-topbox.board-box .inner .txtwrap p{margin-top:0}.bbs--view .bbs--view--file .btn-file{margin-top:5px}.btn-file.file-border{margin-left:2px;padding:4px 10px 3px!important;border-radius:30px;line-height:1.3}.btn-file.btn-on-ico{padding:0!important;border:none!important;background-color:transparent!important;margin-left: 5px;margin-right: 5px;}@media only screen and (max-width:767px){.no-more-tables .table-default td[data-cell-header].atch_nm{display:none;}.no-more-tables .table-default td[data-cell-header].title:before,.no-more-tables .table-default td[data-cell-header].subject:before{display:none}}@media only screen and (max-width:560px){.bbs--view .bbs--view--header .bbs--view--opt span{float:none;margin-right:0}.board--card--list .obj .thm--box .inner img{width:100%;max-height:none}.board--card--list .obj .card--body:before{display:none}}.bbs--view .bbs--view--header{padding:20px 15px}.qna_ico{margin-right:3px;position:relative;top:-1px}.bbs--view .bbs--view--header .bbs--view--tit{letter-spacing:-.05em}.bbs--view .label,.board_list .label{overflow:hidden;min-width:56px;border:1px solid #666;display:inline-block;padding:5px 3px;font-size:12px;color:#666;border-radius:12px;font-weight:700;text-align:center;vertical-align:middle;letter-spacing:0;background-color:transparent}.bbs--view .label-success,.board_list .label-success{color:#ec1d25;border-color:#ec1d25}.bbs--view .label-warning,.board_list .label-warning{background-color:#3f61b2;border-color:#3f61b2;color:#fff}
.board--card--list .obj .card--body .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;text-overflow: ellipsis;display:block;font-size: 20px;font-weight: bold;}
.board--card--list .obj .card--body .list_ul:after {display:block;visibility:hidden;clear:both;content:""}
.board--card--list .obj .card--body .list_ul li b{max-width:none;font-size:0;padding:0;margin:0;}
.board--card--list .obj .card--body .list_ul li{padding-right:15px;font-size:14px;}
.board--card--list .obj .card--body .list_ul li:first-child{margin-left:0;}
.board--card--list .obj .card--body .list_ul li:before{content:'';position:absolute;top: 8px;right: 0;left:auto;width:1px;height:10px;background-color:#ccc;}
.board--card--list .obj .card--body .list_ul li.hit{float:right;padding-left:25px;padding-right:0;}
.board--card--list .obj .card--body .list_ul li.hit:before{display:none;}
.board--card--list .obj .card--body .list_ul li.hit:after{content:'';position:absolute;top:2px;left: 0;width: 22px;height: 23px;background: url(/pcms/common/images/ir/icon-bbs.png) no-repeat 0 0;}
.board--card--list .obj.col1 .card--body{padding-right:20px;}
.board--card--list .obj.col1 .card--body .title{border-bottom:none;margin-bottom:0;padding-bottom:0;color:#236dc7;font-weight:bold;font-size: 22px;}
.board--card--list .obj.col1 .card--body .list_ul li b{max-width:none;font-size:0;padding:0;margin:0;}
.board--card--list .obj.col1 .card--body .list_ul li b:before,
.board--card--list .obj.col1 .card--body .list_ul li b:after{display:none;}
.board--card--list .obj.col1 .card--body .list_ul li{position:relative;display:inline-block;color:#707070;margin-right:10px;padding-right:10px;font-size: 15px;letter-spacing: -0.05em;}
.board--card--list .obj.col1 .card--body .list_ul li:first-child{margin-left:-1px;}
.board--card--list .obj.col1 .card--body .list_ul{overflow:hidden}
.board_list.table thead th,
.board_list.table tbody th,
.board_list.table tbody td,
.table[data-rwdb=yes] thead th,
.table[data-rwdb=yes] tbody th,
.table[data-rwdb=yes] tbody td{border-left:none;}
.bbs--view .bbs--view--header .bbs--view--tit .ir-bbs-new{display:none}
.bbs--view .bbs--view--header{border-bottom:1px dashed #999}
.bbs--view .bbs--view--file{border-top:none;border-bottom:1px solid #dedede;padding:10px 15px;}
.bbs--view .bbs--view--header .bbs--view--opt{display:inline-block;float:right;padding-top:0;}
.bbs--view .bbs--view--header .date{float:left;}
.bbs--view .bbs--view--header span{position: relative;font-size:14px;display:inline-block;padding:0 8px;min-height:24px;}
.bbs--view .bbs--view--header span.date{padding-left:0;top:2px;}
.bbs--view .bbs--view--header span:before{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:14px;background-color:#c8c8c8}
.bbs--view .bbs--view--header .date:before{display:none;}
.bbs--view .bbs--view--header .bbs--view--opt span{margin-right:0px;}
.bbs--view .bbs--view--header .qna_ico{color:#fff;padding:2px 0;font-size:16px;display:inline-block;}
.bbs--view .bbs--view--header .qna_ico:before{display:none;}
.bbs--view .bbs--view--header .label{padding: 5px 3px;font-size: 12px;display: inline-block;}
.form-horizontal.bucket-form .form-group>div[class^=col-], .form-horizontal.bucket-form .form-group>div[class^=alert-], .form-horizontal.bucket-form .form-group>div[class^=control-]{padding-top:7px;padding-bottom:7px;}
.form-horizontal .control-label label{margin-bottom:0;}
.form-horizontal.bucket-form>.form-group.editor{padding:17px 0;}
.ir-bbs-new{width:16px;height:16px;overflow:hidden;background:none;position:relative;background: none !important;}
.ir-bbs-new:after{content:'';display:block;position:absolute;top:0;left:0;background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat -119px -264px;width: 100%;height: 100%;}
.btn-file.btn-not-ico{font-size:0;border:none;background-color: transparent;padding:0;}
.search-mark .checkbox-inline{position:relative;font-size: 12px;letter-spacing: -0.02em;}
.board_faq .pt .btn{margin-bottom:2px;}
.js-slick{position:relative;width:100%;text-align:center;}
.js-slick .js-slider[data-popup]{position:relative;padding:0 80px;height:100%}
.js-slick .js-slider[data-popup] .js-slide{position:relative;width:100%;height:100%;text-align: center;}
.js-slick .js-slider[data-popup] .js-slide img {width:100%;}
.js-slick .control{width:100%;text-align:center;}
.js-slick .control [data-control=next],
.js-slick .control [data-control=prev]{overflow:hidden; position:absolute; left:0; top:50%; width:60px; height:60px; margin-top:-30px; border-radius:100%; border:1px solid #e3e6e8; background-color:#fff; color:transparent; white-space:nowrap;}
.js-slick .control [data-control=prev]:before{position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -2px; border-bottom:1px solid #747474; border-left:1px solid #747474; content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.js-slick .control [data-control=next]:before{position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -2px; border-bottom:1px solid #747474; border-left:1px solid #747474; content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.js-slick .control [data-control=next]{left:auto; right:0;}
.js-slick .control [data-control=next]:before {margin-left:-9px; border:0 none; border-top:1px solid #747474; border-right:1px solid #747474;}
.js-slick .control [data-paging]{display:inline-block; height:30px;margin-top:50px;padding:0 10px; border-radius:30px; background-color:#e3e6e8; font-size:16px; color:#000022; text-align:center; line-height:30px;}
.table tbody td.subject a, .table tbody td.subject button{display:inline-block;width: auto; word-break:break-all}
.sub05_01 .table tbody td.subject a,.sub05_01 .table tbody td.subject button, .sub05_07 .table tbody td.subject a, .sub05_07 .table tbody td.subject button,
.sub05_08 .table tbody td.subject a, .sub05_08 .table tbody td.subject button
{width: 100%;}
.sub04_02_02 .table tbody td.subject a{word-break: break-all;}
.table tbody td.subject button{white-space: nowrap;}
@media only screen and (max-width:767px){
 .table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px 8px;font-size: 15px;letter-spacing: -1px;}
 .table tbody td.subject a, .table tbody td.subject button{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;}
 .sub06_02 .table tbody td.subject a,.sub06_02 .table tbody td.subject button,
 .sub06_06 .table tbody td.subject a,.sub06_06 .table tbody td.subject button,
 .sub04_02_01 .table tbody td.subject a,.sub04_02_01 .table tbody td.subject button,
 .sub04_02_02 .table tbody td.subject a,.sub04_02_02 .table tbody td.subject button{white-space: wrap;}
}
@media only screen and (max-width:767px){
 .js-slick .js-slider[data-popup]{padding:0}
 .js-slick .control [data-control=next],
 .js-slick .control [data-control=prev]{display:none !important;}
 .board_list.table [data-cell-header]:before{display:none}
 .board_list.table tbody tr{position:relative;padding-left:70px}
 .board_list.table tbody td{border-bottom:none;display:none;width: auto;}
 .board_list.table tbody td.subject,
 .board_list.table tbody td.hit,
 .board_list.table tbody td.writer,
 .board_list.table tbody td.regDate{display:inline-block;position:relative;padding: 0 15px 0 0;margin: 0 15px 0 0;}
 .board_list.table tbody td.subject{padding:0;}
 .board_list.table tbody td.hit:before,
 .board_list.table tbody td.writer:before,
 .board_list.table tbody td.regDate:before{content:'';position:absolute;top: 7px;right:0;width:1px;height:10px;border-right: 1px solid #ddd;display:inline-block;margin:0;min-width:auto;}
 .board_list.table tbody td.subject{width:100%}
 .board_list.table tbody td:first-child{display:inline-block;position:absolute;left:10px;top: 20px;width:50px;text-align:center;}
 .program--search .search--btn span{width:100%}
 .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span{border-radius: 30px;}
}

.page-item:nth-child(3):last-child,
.page-item:first-child:nth-last-child(3) {display: none;}

.PRGRM_nodata *{max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.PRGRM_nodata{margin:0 !important;padding:0 !important;max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;width:100% !important}
.ui-grid.are-images-unloaded .item_wrap .grid__item.PRGRM_nodata.PRGRM_list-nodata{padding: 14px !important;}
.PRGRM_nodata .ui-message{border: none;}
.PRGRM_nodata .ui-message .message-result{border-radius: 10px;background: linear-gradient(234deg, rgba(94, 204, 184, 0.12) 9.3%, rgba(139, 171, 255, 0.12) 78.25%);min-height:631px;display: flex;align-items: center;justify-content: center;}
.PRGRM_nodata .ui-message .nopage{max-width: 410px; width: 100%;margin: 0 auto;padding: 269px 10px;text-align: center;}
.PRGRM_nodata .ui-message .nopage strong{line-height: 1.3; font-size:30px;display: block;font-weight:bold;color: #000;text-align: center;margin: 0 0 15px;}
.PRGRM_nodata .ui-message .nopage strong em{font-size: 30px;font-weight:bold;color: #000;text-align: center;}
.PRGRM_nodata .ui-message .nopage span{font-size: 18px;color: #333;line-height: 21px;}
.PRGRM_nodata .ui-message .nopage .icon-nonage{display:none;}
@media only screen and (max-width:768px){
 .PRGRM_nodata .ui-message .message-result{min-height:631px;}
 .PRGRM_nodata .ui-message .nopage strong,
 .PRGRM_nodata .ui-message .nopage strong em{font-size:24px;}
 .PRGRM_nodata .ui-message .nopage span{font-size:16px;}
 .PRGRM_nodata .ui-message .nopage .icon-nonage{display:none;}
}

.lounge-view .program--view.view-type2 .title .ui.bbs--view--file {display: inline-block;float: right;position: relative;background-color: #fafafa;width: 100%;border-bottom: 1px dashed #999;margin-top: 41px;padding: 10px 0;}
@media only screen and (max-width:797px){
    .lounge-view .program--view.view-type2 .title .ui.bbs--view--file {margin-top: 22px;}
}


/* 테이블 테스트 */
.program__board-table {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #36404A;
}
.program__board-table.summary__on .board__subject-text-wrap {
  /* padding: 0 0 0 90px; */
}
@media (max-width: 490px) {
  .program__board-table.summary__on .board__subject-text-wrap {
    padding: 0;
  }
}
.program__board-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.program__board-table tbody > tr > td,
.program__board-table tbody > tr > th,
.program__board-table tfoot > tr > td,
.program__board-table tfoot > tr > th,
.program__board-table thead > tr > td,
.program__board-table thead > tr > th {
  padding: 18px 10px;
  vertical-align: middle;
}
.program__board-table tr td *,
.program__board-table tr th * {
  vertical-align: middle;
}
.program__board-table td,
.program__board-table th {
  border: none;
  border-bottom: 1px solid #D9DAE1;
  color: #36404A;
}
.program__board-table td:first-child,
.program__board-table th:first-child {
  border-left: none;
}
.program__board-table tr td {
  color: #36404A;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04rem;
}
.program__board-table td:first-child {
  border-left: none;
}
.program__board-table thead tr th {
  position: relative;
  border: none;
  border-bottom: 1px solid #36404A;
  background-color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.04rem;
  word-break: break-all;
}
.program__board-table thead tr th::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  width: 1px;
  height: 18px;
  background-color: #D9DAE1;
  content: "";
}
.program__board-table thead tr th:first-child::before {
  display: none;
}
.program__board-table tbody tr.notice td {
  background-color: #F8F9FB;
}
.program__board-table tbody tr td {
  box-sizing: border-box;
  vertical-align: middle;
}
.program__board-table tbody tr td button {
  background: transparent;
  border: none;
}
.program__board-table .board__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}
.program__board-table .board__notice--icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.0008' cy='11.9998' r='11.7' fill='%23124E85'/%3E%3Cpath d='M7 11.2497C7 8.35037 9.23858 6 12 6C14.7614 6 17 8.35037 17 11.2497V14.9992H7V11.2497Z' fill='white'/%3E%3Cpath d='M10.3329 16.5C10.3329 17.4664 11.0791 18.2499 11.9995 18.2499C12.92 18.2499 13.6662 17.4664 13.6662 16.5H10.3329Z' fill='white'/%3E%3C/svg%3E%0A");
}
.program__board-table .board__subject-text-wrap {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 0;
}
.program__board-table .board__subject-text-wrap.type1 {
  display: flex;
  align-items: center;
}
@media (max-width: 490px) {
  .program__board-table .board__subject-text-wrap.type1 {
    display: block;
  }
}
.program__board-table .board__subject-text-wrap.type1 .board__subject-text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.program__board-table .board__subject-text-wrap.type2 .board__subject-text {
  display: inline;
}
.program__board-table .board__label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 23px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  border-radius: 4px;
  padding: 2px 14.5px;
  line-height: 120%;
}
@media (max-width: 490px) {
  .program__board-table .board__label {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 58px;
    height: 20px;
    font-size: 12px;
    padding: 3px 7px;
    margin: 0 0 5px 0;
  }
}
.program__board-table .board__label.label1 {
  color: #124E85;
  background-color: rgba(18, 78, 133, 0.2);
  border: 1px solid rgba(18, 78, 133, 0.2);
}
.program__board-table .board__label.label2 {
  color: #0279CE;
  background-color: rgba(2, 121, 206, 0.2);
  border: 1px solid rgba(2, 121, 206, 0.2);
}
.program__board-table .board__subject-content {
  display: block;
  width: 100%;
}
.program__board-table .board__subject-text {
  color: #36404A;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.01063rem;
  word-break: keep-all;
  margin: 0 5px 0 0;
}
.program__board-table.mobile colgroup,
.program__board-table.mobile thead,
.program__board-table.mobile thead th {
  display: none;
}
.program__board-table.mobile tbody tr {
  position: relative;
  padding: 10px 10px 10px 55px;
  text-align: left;
  display: block;
  border-bottom: 1px solid #D9DAE1;
  min-height: 45px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
.program__board-table.mobile tbody tr.nodata__tr {
  padding: 0;
}
.program__board-table.mobile tbody tr.nodata__tr .nodata {
  display: block;
  padding: 10px;
  width: 100%;
  text-align: center;
}
.program__board-table.mobile tbody tr.notice {
  background-color: #F8F9FB;
}
.program__board-table.mobile tbody tr td {
  position: relative;
  display: none;
  width: auto;
  border: none;
  font-size: 15px;
  display: inline-block;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
}
@media (max-width: 490px) {
  .program__board-table.mobile tbody tr td {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }
}
.program__board-table.mobile tbody tr td::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  display: inline-block;
  min-width: auto;
  width: 1px;
  height: 10px;
  border-right: 1px solid #D9DAE1;
  margin: 0;
}
.program__board-table.mobile tbody tr td[data-cell-header=공지], .program__board-table.mobile tbody tr td[data-cell-header=번호], .program__board-table.mobile tbody tr td:first-child {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 55px;
  padding: 0;
  text-align: center;
}
.program__board-table.mobile tbody tr td:first-child {
  padding: 0;
  margin: 0;
}
.program__board-table.mobile tbody tr td:first-child::before {
  display: none;
}
.program__board-table.mobile tbody tr td:last-child {
  margin: 0;
  padding: 0;
}
.program__board-table.mobile tbody tr td:last-child::before {
  display: none;
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__subject-text-wrap.type1 {
    display: block;
  }
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__subject-text-wrap.type1 .board__subject-icon {
    margin: 3px 0 0 0;
  }
}
.program__board-table.mobile .board__table--title {
  display: block;
  width: auto;
  padding: 0 0 5px 0;
  margin: 0;
}
.program__board-table.mobile .board__table--title::before {
  display: none;
}
.program__board-table.mobile .board__table--file {
  display: none;
  width: auto;
  border: none;
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__label {
    display: flex;
    width: fit-content;
    margin: 0 0 5px 0;
  }
}
.program__board-table.mobile .board__subject-text {
  font-size: 16px;
}
.program__board-table.mobile .add-head {
  display: none;
}
.program__board-table.typeDiv * {
  vertical-align: middle;
}
.program__board-table.typeDiv .typeDiv__col1 {
  width: 8%;
}
.program__board-table.typeDiv .typeDiv__col2 {
  width: auto;
}
.program__board-table.typeDiv .typeDiv__col3 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__col4 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__col5 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__tr,
.program__board-table.typeDiv .typeDiv__th,
.program__board-table.typeDiv .typeDiv__td {
  position: relative;
}
.program__board-table.typeDiv .typeDiv__th,
.program__board-table.typeDiv .typeDiv__td {
  display: table-cell;
  border: none;
  border-bottom: 1px solid #D9DAE1;
  color: #36404A;
  padding: 18px 10px;
  text-align: center;
}
.program__board-table.typeDiv .typeDiv__tr {
  display: table-row;
}
.program__board-table.typeDiv .typeDiv__td {
  color: #36404A;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04rem;
}
.program__board-table.typeDiv .typeDiv__tbody {
  display: table-row-group;
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr {
    position: relative;
    padding: 10px 10px 10px 55px;
    text-align: left;
    display: block;
    border-bottom: 1px solid #D9DAE1;
    min-height: 45px;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    word-spacing: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td {
    position: relative;
    display: none;
    width: auto;
    border: none;
    font-size: 15px;
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
  }
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    display: inline-block;
    min-width: auto;
    width: 1px;
    height: 10px;
    border-right: 1px solid #D9DAE1;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:first-child {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 55px;
    padding: 0;
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:first-child::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:last-child {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:last-child::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--title {
    display: block;
    width: auto;
    padding: 0 0 5px 0;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--title::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--file {
    display: none;
    width: auto;
    border: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr.notice {
    background-color: #F8F9FB;
  }
}
.program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr.notice .typeDiv__td {
  background-color: #F8F9FB;
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .board__subject-text-wrap.type1 {
    display: block;
  }
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .board__subject-text-wrap.type1 .board__subject-icon {
    margin: 3px 0 0 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .board__subject-text {
    font-size: 16px;
  }
}

/* 테이블 추가 관련 */
.board-view__box {
  border-bottom: 1px solid #D9DAE1;
}
.board-view__box .board-view__header {
  border-bottom: 1px solid #D9DAE1;
}
.board-view__box .board-view__contents {
  padding: 30px 30px 60px 30px;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  .board-view__box .board-view__contents {
    padding: 20px 0 60px;
  }
}
@media (max-width: 490px) {
  .board-view__box .board-view__contents {
    padding: 20px 0 50px;
  }
}
.board-view__box .board-view__contents p {
  word-break: break-all;
  margin: 0;
}
/* .board-view__box .board-view__contents img {
  width: 100% !important;
  height: auto !important;
} */
.board-view__box .board-view__contents table {
  width: 100% !important;
  table-layout: auto;
}
.board-view__box .board-view__contents table th,
.board-view__box .board-view__contents table td {
  width: auto !important;
}
.board-view__box .board-view__contents table th p,
.board-view__box .board-view__contents table td p {
  margin: 0;
}
.board-view__box .board-view__contents .board-view__contents-inner {
  font-size: 16px;
  font-weight: 400;
  color: #36404A;
}
@media (max-width: 490px) {
  .board-view__box .board-view__contents .board-view__contents-inner {
    font-size: 15px;
  }
}
.board-view__box .board-view__title {
  display: flex;
  align-items: center;
  padding: 0 30px;
  font-size: 34px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.025rem;
  color: #323745;
}
@media (max-width: 768px) {
  .board-view__box .board-view__title {
    font-size: 30px;
    padding: 0;
  }
}
@media (max-width: 490px) {
  .board-view__box .board-view__title {
    font-size: 24px;
    display: block;
  }
}
.board-view__box .board-view__title .board__status {
  margin: 0 15px 0 0;
  width: 73px;
}
@media (max-width: 768px) {
  .board-view__box .board-view__title .board__status {
    margin: 0 10px 0 0;
  }
}
@media (max-width: 490px) {
  .board-view__box .board-view__title .board__status {
    margin: 0 0 5px 0;
    display: flex;
  }
}
.board-view__box .board-view__title .lock-icon {
  margin: 0 0 0 15px;
}
@media (max-width: 490px) {
  .board-view__box .board-view__title .lock-icon {
    margin: 0 0 0 5px;
  }
}
.board-view__box .board-view__info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 30px 33px;
}
@media (max-width: 768px) {
  .board-view__box .board-view__info {
    padding: 15px 0 20px;
  }
}
@media (max-width: 640px) {
  .board-view__box .board-view__info {
    flex-wrap: wrap;
  }
}
@media (max-width: 360px) {
  .board-view__box .board-view__info {
    flex-direction: column;
    align-items: flex-end;
  }
}
.board-view__box .board-view__info .board-view__info-item,
.board-view__box .board-view__info span {
  position: relative;
  word-break: keep-all;
  overflow-wrap: break-word;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04rem;
}
@media (max-width: 768px) {
  .board-view__box .board-view__info .board-view__info-item,
  .board-view__box .board-view__info span {
    font-size: 15px;
  }
}
.board-view__box .board-view__info .board-view__info-item + .board-view__info-item, .board-view__box .board-view__info .board-view__info-item + span,
.board-view__box .board-view__info span + .board-view__info-item,
.board-view__box .board-view__info span + span {
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}
@media (max-width: 768px) {
  .board-view__box .board-view__info .board-view__info-item + .board-view__info-item, .board-view__box .board-view__info .board-view__info-item + span,
  .board-view__box .board-view__info span + .board-view__info-item,
  .board-view__box .board-view__info span + span {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
  }
}
@media (max-width: 640px) {
  .board-view__box .board-view__info .board-view__info-item + .board-view__info-item, .board-view__box .board-view__info .board-view__info-item + span,
  .board-view__box .board-view__info span + .board-view__info-item,
  .board-view__box .board-view__info span + span {
    margin: 0 0 0 7px;
    padding: 0 0 0 7px;
  }
}
@media (max-width: 360px) {
  .board-view__box .board-view__info .board-view__info-item + .board-view__info-item, .board-view__box .board-view__info .board-view__info-item + span,
  .board-view__box .board-view__info span + .board-view__info-item,
  .board-view__box .board-view__info span + span {
    margin: 0;
    padding: 0;
  }
}

.board-view__button-box {
  display: block;
  margin: 20px 0 0 0;
  width: 100%;
}
@media (max-width: 640px) {
  .board-view__button-box {
    display: block;
  }
}
.board-view__button-box::after {
  display: block;
  clear: both;
  content: "";
}
.board-view__button-box + .board-view__box {
  margin: 100px 0 0 0;
}
.board-view__button-box.text-sb {
  justify-content: space-between;
}
.board-view__button-box.text-center {
  justify-content: center;
}
.board-view__button-box .board-view__button-group {
  float: left;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
@media (max-width: 640px) {
  .board-view__button-box .board-view__button-group {
    display: block;
  }
}
.board-view__button-box .board-view__button-group.board-view__button-group--admin {
  float: right;
}
@media (max-width: 640px) {
  .board-view__button-box .board-view__button-group.board-view__button-group--admin {
    text-align: right;
  }
}

.board__icon,
.bbs-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-size: 100%;
}
@media (max-width: 768px) {
  .board__icon,
  .bbs-icon {
    width: 16px;
    height: 16px;
  }
}

.board-view__navi-box {
  margin: 50px 0 0 0;
  border-top: 1px solid #D9DAE1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.board-view__navi-box .board-navi__item {
  display: block;
  border-bottom: 1px solid #D9DAE1;
  width: 100%;
  height: 80px;
  order: 1;
}
.board-view__navi-box .board-navi__item.board-navi__item--next {
  order: 2;
}
@media (max-width: 768px) {
  .board-view__navi-box .board-navi__item {
    height: 60px;
  }
}
.board-view__navi-box .board-navi__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .board-view__navi-box .board-navi__link {
    padding: 0 20px;
  }
}
@media (max-width: 490px) {
  .board-view__navi-box .board-navi__link {
    padding: 0 10px;
    font-size: 15px;
  }
}
.board-view__navi-box .board-navi__link:hover, .board-view__navi-box .board-navi__link:focus {
  background-color: #F9F9FA;
}
.board-view__navi-box .board-navi__link:hover .board-navi__text, .board-view__navi-box .board-navi__link:focus .board-navi__text {
  color: #008656;
}
.board-view__navi-box .board-navi__text {
  display: block;
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.03rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 490px) {
  .board-view__navi-box .board-navi__text {
    font-size: 15px;
  }
}
.board-view__navi-box .board-view__navi-icon {
  position: relative;
  padding: 0 0 0 32px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.02rem;
  margin: 0 22px 0 0;
}
@media (max-width: 490px) {
  .board-view__navi-box .board-view__navi-icon {
    padding: 0 0 0 30px;
    margin: 0 15px 0 0;
    font-size: 15px;
  }
}
.board-view__navi-box .board-view__navi-icon::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
}
.board-view__navi-box .board-view__navi-icon.board-view__navi-icon--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.9961H18' stroke='%23666666' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 18L6 12L12 6' stroke='%23666666' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.board-view__navi-box .board-view__navi-icon.board-view__navi-icon--next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 11.9961H6' stroke='%23666666' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 18L18 12L12 6' stroke='%23666666' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/*
.program__board-accordion {
  .board-accordion__item {
    & + .board-accordion__item {
      margin: 8px 0 0 0;
    }
    &.board-accordion__active {
      .board-accordion__button {
        border: 1px solid $base-main-color2; border-radius: 4px 4px 0 0; box-shadow: none;
        &::before {
          background-color: $base-main-color2;
        }
        &::after {
          background-color: $base-main-color2; background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 13.5H0V11.5H13V13.5Z' fill='white'/%3E%3Cpath d='M6.5 0.5L0 7.04541L1.44446 8.5L6.5 3.40918L11.5555 8.5L13 7.04541L6.5 0.5Z' fill='white'/%3E%3C/svg%3E%0A"); border-radius: 0 2px 0 0; border: 1px solid $base-main-color2; border-right: none; height: 100%;
        }
        &:hover {
          &::after {
            border-radius: 0 4px 0 0;
          }
        }
      }
      .board-accordion__title {
        color: $base-main-color2;
      }
      .board-accordion__contents {
        height: auto; max-height: 100vh; transition: all 1.5s ease-in-out;
      }
    }
  }
  .board-accordion__header {}
  .board-accordion__body {
    padding: 20px 30px; background-color: #F9F9FA; border: 1px solid #AFB5BC; border-top: none; border-radius: 0 0 4px 4px; font-size: $font-size-base; letter-spacing: -0.01rem; font-weight: 400; line-height: 160%; color: #36404A;
    @media (max-width: 768px) {padding: 20px;}
    @media (max-width: 490px) {font-size: 15px;}
    .board-view__file {
      padding: 15px 0;
      .board-file__item {
        width: calc(33.3333% - 8px);
        @media (max-width: 1024px) {width: calc(33.3333% - 4px);}
        @media (max-width: 768px) {width: calc(100% - 4px);}
      }
    }
  }
  .board-accordion__button {
    position: relative; display: flex; align-items: center; width: 100%; padding: 17px 66px 17px 30px; border: 1px solid #D9DAE1; border-radius: 4px; background: $white; transition: all 0.3s;
    @media (max-width: 768px) {padding: 17px 66px 17px 20px;}
    @media (max-width: 490px) {padding: 12px 50px 12px 15px;}
    &::before {
      position: absolute; right: 65px; top: 50%; transform: translate(0, -50%); content: ''; display: block; width: 1px; height: 100%; background-color: #D9DAE1; z-index: 1;
      @media (max-width: 490px) {right: 49px;}
    }
    &::after {
      position: absolute; right: 0; top: 50%; transform: translate(0, -50%); content: ''; display: block; width: 65px; height: calc(100% - 2px); background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0.5H0V2.5H6.5H13V0.5Z' fill='%23323745'/%3E%3Cpath d='M13 7.5H0V9.5H6.5H13V7.5Z' fill='%23323745'/%3E%3C/svg%3E%0A"); transition: all 0.3s; border-radius: 0 4px 4px 0; background-size: 15px 15px; border: 1px solid transparent; border-right: none;
      @media (max-width: 490px) {width: 49px;}
    }
    &:hover,
    &:focus {
      border: 1px solid $base-main-color2; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
      &::after {
        background-color: #F3F7F8;
      }
    }
  }
  .board-accordion__title-icon {
    min-width: 25px; width: 25px; height: 25px; margin: 0 7px 0 0; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='25' height='25' rx='12.5' fill='%23124E85'/%3E%3Cpath d='M11.75 14.7031H13.6094L14.5781 15.9688C15.2109 15.2969 15.5938 14.2422 15.5938 12.8438C15.5938 10.2656 14.2969 8.85938 12.4531 8.85938C10.6094 8.85938 9.3125 10.2656 9.3125 12.8438C9.3125 15.4219 10.6094 16.8281 12.4531 16.8281C12.75 16.8281 13.0312 16.7891 13.2969 16.7188L11.75 14.7031ZM17.6406 12.8438C17.6406 14.8984 16.9375 16.4766 15.8125 17.4688L17.375 19.4844H15.3906L14.4531 18.2812C13.8438 18.5312 13.1719 18.6562 12.4531 18.6562C9.48438 18.6562 7.26562 16.4844 7.26562 12.8438C7.26562 9.1875 9.48438 7.03125 12.4531 7.03125C15.4219 7.03125 17.6406 9.1875 17.6406 12.8438Z' fill='white'/%3E%3C/svg%3E%0A");
    @media (max-width: 490px) {min-width: 20px; width: 20px; height: 20px; margin: 0 5px 0 0;}
  }
  .board-accordion__title {
    text-align: left; font-size: 18px; color: #36404A; font-weight: 700; line-height: 150%; letter-spacing: -0.01125rem; width: 100%;
    @media (max-width: 490px) {font-size: $font-size-base;}
  }
  .board-accordion__date {
    font-size: $font-size-base; font-weight: 400; line-height: 150%; color: #999; letter-spacing: -0.04rem; margin: 0 0 0 20px; padding: 0 19px 0 0;
    @media (max-width: 768px) {font-size: 15px;}
    @media (max-width: 490px) {font-size: 14px; padding: 0 15px 0 0; margin: 0 0 0 15px;}
  }
  .board-accordion__contents {
    max-height: 0; overflow: hidden; transition: all 0.5s cubic-bezier(0, 1, 0, 1);
  }
}*/
.kogl__license {
  position: relative;
  padding: 20px;
  width: 100%;
  border-top: 1px solid #D9DAE1;
  margin-top: 20px;
}
.kogl__license .kogl__license-title {
  position: absolute;
  top: 14px;
  left: 22px;
  padding: 0;
  width: auto;
}
@media (max-width: 640px) {
  .kogl__license .kogl__license-title {
    display: none;
  }
}
.kogl__license .kogl__license-title em {
  display: block;
  font-size: 0;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: -1px;
}
.kogl__license .kogl__license-inner {
  position: relative;
  min-height: 41px;
}
.kogl__license .kogl__license-area {
  float: left;
  margin-right: 16px;
  height: 41px;
  background: url(/pcms/common/images/ir/ir-kogl.png) no-repeat;
  font-size: 0;
}
@media (max-width: 640px) {
  .kogl__license .kogl__license-area {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }
}
.kogl__license .kogl__license-area.kogl__license--mark1 {
  width: 111px;
  background-position: 0 -1px;
}
.kogl__license .kogl__license-area.kogl__license--mark2 {
  width: 136px;
  background-position: -172px -1px;
}
.kogl__license .kogl__license-area.kogl__license--mark3 {
  width: 136px;
  background-position: 0 -52px;
}
.kogl__license .kogl__license-area.kogl__license--mark4 {
  width: 165px;
  background-position: -172px -52px;
}
.kogl__license .kogl__license-text {
  font-size: 15px;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.05em;
}
@media (max-width: 640px) {
  .kogl__license .kogl__license-text {
    text-align: center;
  }
}
.kogl__license .kogl__license-text a {
  display: block;
  width: 100%;
  height: 100%;
}
.kogl__license .kogl__license-text a i {
  color: #EB6129;
}
.kogl__license .kogl__license-text i {
  color: #5c5c5c;
  font-style: normal;
  text-decoration: underline;
  font-weight: bold;
}
.kogl__license .kogl__license-text em {
  color: #DF3128;
  font-weight: bold;
}

.board-view__move-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0 0;
}
@media (max-width: 680px) {
  .board-view__move-box {
    flex-direction: column;
  }
}
.board-view__move-box .move-box__title {
  min-width: 85px;
  width: auto;
}
@media (max-width: 640px) {
  .board-view__move-box .move-box__title {
    text-align: center;
    margin: 0 0 5px 0;
  }
}
.board-view__move-box .move-box__title label {
  display: block;
  color: #36404A;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.02rem;
  margin: 0;
}
.board-view__move-box .move-box__wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 540px) {
  .board-view__move-box .move-box__wrap {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 540px) {
  .board-view__move-box .move-box__wrap .move-box__button {
    width: 100%;
    margin: 3px 0 0 0;
  }
}
@media (max-width: 540px) {
  .board-view__move-box .move-box__wrap .move-box__button .board-button {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 540px) {
  .board-view__move-box .move-box__select {
    width: 100%;
  }
}
.board-view__move-box .board-button {
  height: 40px;
}
.board-view__move-box .select2-container {
  padding: 0;
}
@media (max-width: 540px) {
  .board-view__move-box .select2-container {
    width: 100% !important;
  }
}
.board-view__move-box .select2-container .select2-selection--single {
  height: 40px;
}
.board-view__move-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: #36404A;
  font-size: 15px;
  font-weight: 400;
}
.board-view__move-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
}

.board-view__file {
  display: block;
  width: calc(100% + 8px);
  margin: 0 -4px;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 0;
  padding: 0 0 11px 0;
  padding: 0;
}
@media (max-width: 1024px) {
  .board-view__file {
    width: calc(100% + 4px);
    margin: 0 -2px;
  }
}
.board-view__file .board-file__item {
  position: relative;
  display: inline-block;
  margin: 4px;
  width: calc(100% - 8px);
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
  height: 38px;
}
@media (max-width: 1024px) {
  .board-view__file .board-file__item {
    width: calc(100% - 4px);
    margin: 2px;
  }
}
.board-view__file .board-file__item.board-file__item--half {
  width: calc(50% - 8px);
}
@media (max-width: 1024px) {
  .board-view__file .board-file__item.board-file__item--half {
    width: calc(50% - 4px);
  }
}
@media (max-width: 768px) {
  .board-view__file .board-file__item.board-file__item--half {
    width: calc(100% - 4px);
  }
}
.board-view__file .board-file__item.n1 .board-file__link {
  padding-right: 56px;
  padding-right: 38px;
}
.board-view__file .board-file__item.n1 .board-file__button--download {
  border-radius: 0 4px 4px 0;
}
.board-view__file .board-file__item.n2 .board-file__link {
  padding-right: 110px;
  padding-right: 75px;
}
.board-view__file .board-file__item.n2 .board-file__button-link {
  right: 1px;
}
.board-view__file .board-file__item.n2 .board-file__button--download {
  right: 56px;
  right: 38px;
}
.board-view__file .board-file__item.n2 .board-file__button--viewer {
  right: 1px;
  border-radius: 0 4px 4px 0;
}
.board-view__file .board-file__item.n3 .board-file__link {
  padding-right: 167px;
  padding-right: 113px;
}
.board-view__file .board-file__item.n3 .board-file__button--download {
  right: 112px;
  right: 75px;
}
.board-view__file .board-file__item.n3 .board-file__button--viewer {
  right: 56px;
  right: 39px;
}
.board-view__file .board-file__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #D9DAE1;
  padding: 15px 0 15px 25px;
  transition: all 0.3s;
  border-radius: 4px;
  background-color: #fff;
  padding: 7px 0 7px 10px;
}
.board-view__file .board-file__link:hover, .board-view__file .board-file__link:focus {
  border: 1px solid #008656;
  background-color: #F3F7F8;
}
.board-view__file .board-file__link:hover .board-file__text, .board-view__file .board-file__link:focus .board-file__text {
  color: #008656;
}
.board-view__file .board-file__link:hover .board-file__button.board-file__button--download, .board-view__file .board-file__link:focus .board-file__button.board-file__button--download {
  background-color: #F3F7F8;
}
.board-view__file .board-file__text-wrap {
  display: flex;
  align-items: center;
  padding: 0 38px 0 0;
}
@media (max-width: 1024px) {
  .board-view__file .board-file__text-wrap {
    padding: 0 15px 0 0;
  }
}
@media (max-width: 490px) {
  .board-view__file .board-file__text-wrap {
    padding: 0 10px 0 0;
  }
}
.board-view__file .board-file__text-wrap .board__icon {
  margin: 0 10px 0 0;
  min-width: 20px;
}
@media (max-width: 768px) {
  .board-view__file .board-file__text-wrap .board__icon {
    min-width: 16px;
  }
}
.board-view__file .board-file__text-wrap .board-file__text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #36404A;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.02rem;
  font-size: 15px;
}
@media (max-width: 1024px) {
  .board-view__file .board-file__text-wrap .board-file__text {
    font-size: 15px;
  }
}
@media (max-width: 490px) {
  .board-view__file .board-file__text-wrap .board-file__text {
    font-size: 14px;
    line-height: 25px;
  }
}
.board-view__file .board-file__text-wrap .board-file__capacity {
  border-radius: 4px;
  background-color: #E7EDF3;
  padding: 2px 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.01875rem;
  white-space: nowrap;
  margin: 0 0 0 10px;
}
@media (max-width: 1024px) {
  .board-view__file .board-file__text-wrap .board-file__capacity {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .board-view__file .board-file__text-wrap .board-file__capacity {
    display: none;
  }
}
.board-view__file .board-file__button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 54px;
  transition: all 0.3s;
  width: 38px;
  height: 36px;
}
.board-view__file .board-file__button.board-file__button--viewer {
  background-color: #fff;
  border: 1px solid #d9dae1;
  border-right: none;
  height: 56px;
  height: 38px;
}
.board-view__file .board-file__button.board-file__button--preview {
  width: 57px;
  height: 56px;
  background-color: #008656;
  border: 1px solid #008656;
  /* width: 38px;
  height: 38px; */
}
.board-view__file .board-file__button .board-flie__icon {
  display: block;
  width: 27px;
  height: 27px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 0;
  width: 22px;
  height: 22px;
}
.board-view__file .board-file__button .board-flie__icon.board-flie__icon--download {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2656 4.09766L14.2656 17.5977L12.7656 17.5977L12.7656 4.09766L14.2656 4.09766Z' fill='%23124E85'/%3E%3Cpath d='M7.67969 12.0664L13.5133 17.9L19.3469 12.0664' stroke='%23124E85'/%3E%3Cpath d='M6.11914 22.25H21.4996' stroke='%23124E85'/%3E%3C/svg%3E%0A");
}
.board-view__file .board-file__button .board-flie__icon.board-flie__icon--viewer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 2H5C4.44772 2 4 2.44772 4 3V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V3C20 2.44772 19.5523 2 19 2Z' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 7H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 12H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 17H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 8C8.0523 8 8.5 7.5523 8.5 7C8.5 6.4477 8.0523 6 7.5 6C6.9477 6 6.5 6.4477 6.5 7C6.5 7.5523 6.9477 8 7.5 8Z' fill='%23124E85'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 13C8.0523 13 8.5 12.5523 8.5 12C8.5 11.4477 8.0523 11 7.5 11C6.9477 11 6.5 11.4477 6.5 12C6.5 12.5523 6.9477 13 7.5 13Z' fill='%23124E85'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 18C8.0523 18 8.5 17.5523 8.5 17C8.5 16.4477 8.0523 16 7.5 16C6.9477 16 6.5 16.4477 6.5 17C6.5 17.5523 6.9477 18 7.5 18Z' fill='%23124E85'/%3E%3C/svg%3E%0A");
}
.board-view__file .board-file__button .board-flie__icon.board-flie__icon--preview {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1649 19.1656L22.9833 22.984M13.6656 21.3137C17.8906 21.3137 21.3156 17.8886 21.3156 13.6637C21.3156 9.43871 17.8906 6.01367 13.6656 6.01367C9.44067 6.01367 6.01562 9.43871 6.01562 13.6637C6.01562 17.8886 9.44067 21.3137 13.6656 21.3137Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.board-view__file .board-file__button:hover.board-file__button--viewer, .board-view__file .board-file__button:focus.board-file__button--viewer {
  background-color: #F3F7F8;
}
.board-view__file .board-file__button:hover.board-file__button--preview, .board-view__file .board-file__button:focus.board-file__button--preview {
  background-color: #1E6AB0;
  border: 1px solid #1E6AB0;
}

#txt .container {
  padding-right: 0;
  padding-left: 0;
}

.program__board-write {
  margin-top: -40px;
}
@media (max-width: 460px) {
  .program__board-write {
    margin-top: -30px;
  }
}
.program__board-write > .bucket-form, .program__board-write > .bbs--view {
  border-top: none;
}

.private__view-lock .txt-box .title {
  white-space: nowrap;
  font-size: 16px;
}
@media (max-width: 500px) {
  .private__view-lock .txt-box .title {
    font-size: clamp(14px, 3.2vw, 16px);
  }
}
.private__view-lock .private-box {
  display: flex;
  align-items: center;
  margin: 10px 0 0 0;
}
@media (max-width: 560px) {
  .private__view-lock .private-box {
    flex-direction: column;
    margin: 5px 0 0 0;
  }
}
.private__view-lock .private-box .sr-only {
  position: absolute;
}
.private__view-lock .private_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  width: 110px;
  height: 38px;
  border: 1px solid #0D66B1;
  border-radius: 4px;
  background-color: #0B66D1;
  color: #FFF;
  transition: all 0.3s;
}
@media (max-width: 560px) {
  .private__view-lock .private_btn {
    width: 100%;
  }
}
.private__view-lock .private_btn:hover, .private__view-lock .private_btn:focus {
  background-color: #FFF;
  color: #0B66D1;
}
.private__view-lock .id_box,
.private__view-lock #loginId,
.private__view-lock .password_box,
.private__view-lock #loginPwd {
  width: 100%;
}
.private__view-lock .password_box {
  margin: 0 10px;
}
@media (max-width: 560px) {
  .private__view-lock .password_box {
    margin: 5px 0;
  }
}

.board-view__box .board-view__file {
  display: block;
  width: calc(100% + 8px);
  margin: 0 -4px;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 0;
  padding: 0 0 11px 0;
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file {
    width: calc(100% + 4px);
    margin: 0 -2px;
  }
}
.board-view__box .board-view__file .board-file__item {
  position: relative;
  display: inline-block;
  margin: 4px;
  width: calc(100% - 8px);
  height: 56px;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__item {
    width: calc(100% - 4px);
    margin: 2px;
  }
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__item {
    height: 46px;
  }
  .board-view__file .board-file__button.board-file__button--preview  {height: 46px;width: 46px;;}
}
.board-view__box .board-view__file .board-file__item.board-file__item--half {
  width: calc(50% - 8px);
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__item.board-file__item--half {
    width: calc(50% - 4px);
  }
}
@media (max-width: 768px) {
  .board-view__box .board-view__file .board-file__item.board-file__item--half {
    width: calc(100% - 4px);
  }
}
.board-view__box .board-view__file .board-file__item.n1 .board-file__link {
  padding-right: 56px;
  padding-right: 38px;
}
.board-view__box .board-view__file .board-file__item.n1 .board-file__button--download {
  border-radius: 0 4px 4px 0;
}
.board-view__box .board-view__file .board-file__item.n2 .board-file__link {
  padding-right: 110px;
  padding-right: 76px;
}
.board-view__box .board-view__file .board-file__item.n2 .board-file__button-link {
  right: 1px;
}
.board-view__box .board-view__file .board-file__item.n2 .board-file__button--download {
  right: 57px;
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__item.n2 .board-file__button--download {
    right: 46px;
  }
}
.board-view__box .board-view__file .board-file__item.n2 .board-file__button--viewer {
  right: 1px;
  border-radius: 0 4px 4px 0;
}
.board-view__box .board-view__file .board-file__item.n3 .board-file__link {
  padding-right: 167px;
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__item.n3 .board-file__link {
    padding-right: 137px;
  }
}
.board-view__box .board-view__file .board-file__item.n3 .board-file__button--download {
  right: 112px;
  right: 75px;
}
.board-view__box .board-view__file .board-file__item.n3 .board-file__button--viewer {
  right: 56px;
  right: 39px;
}
.board-view__box .board-view__file .board-file__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #D9DAE1;
  padding: 15px 0 15px 25px;
  transition: all 0.3s;
  border-radius: 4px;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .board-view__box .board-view__file .board-file__link {
    padding: 11px 0 9px 15px;
  }
}
@media (max-width: 490px) {
  .board-view__box .board-view__file .board-file__link {
    padding: 9px 0 9px 10px;
  }
}
.board-view__box .board-view__file .board-file__link .board-file__button.board-file__button--download {
  background-color: #F6F9FD;
}
.board-view__box a.board-file__link:hover, .board-view__box a.board-file__link:focus {
  border: 1px solid #D9DAE1;
  background-color: #F6F9FD;
}
.board-view__box a.board-file__link:hover .board-file__text, .board-view__box a.board-file__link:focus .board-file__text {
  color: #D9DAE1;
}
.board-view__box a.board-file__link .board-file__text-wrap {
  display: flex;
  align-items: center;
  padding: 0 38px 0 0;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__text-wrap {
    padding: 0 15px 0 0;
  }
}
@media (max-width: 490px) {
  .board-view__box a.board-file__link .board-file__text-wrap {
    padding: 0 10px 0 0;
  }
}
.board-view__box a.board-file__link .board-file__text-wrap .board__icon {
  margin: 0 10px 0 0;
  min-width: 20px;
}
@media (max-width: 768px) {
  .board-view__box a.board-file__link .board-file__text-wrap .board__icon {
    min-width: 16px;
  }
}
.board-view__box a.board-file__link .board-file__text-wrap .board-file__text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #36404A;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.02rem;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__text-wrap .board-file__text {
    font-size: 15px;
  }
}
@media (max-width: 490px) {
  .board-view__box a.board-file__link .board-file__text-wrap .board-file__text {
    font-size: 14px;
    line-height: 25px;
  }
}
.board-view__box a.board-file__link .board-file__text-wrap .board-file__capacity {
  border-radius: 4px;
  background-color: #E7EDF3;
  padding: 2px 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.01875rem;
  white-space: nowrap;
  margin: 0 0 0 10px;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__text-wrap .board-file__capacity {
    font-size: 14px;
  }
}
@media (max-width: 490px) {
  .board-view__box a.board-file__link .board-file__text-wrap .board-file__capacity {
    display: none;
  }
}
.board-view__box a.board-file__link .board-file__button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 54px;
  transition: all 0.3s;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__button {
    width: 46px;
    height: 44px;
  }
}
.board-view__box a.board-file__link .board-file__button.board-file__button--viewer {
  background-color: #fff;
  border: 1px solid #d9dae1;
  border-right: none;
  height: 56px;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__button.board-file__button--viewer {
    height: 46px;
  }
}
.board-view__box a.board-file__link .board-file__button.board-file__button--preview {
  width: 57px;
  height: 56px;
  background-color: #008656;
  border: 1px solid #008656;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__button.board-file__button--preview {
    width: 47px;
    height: 46px;
  }
}
.board-view__box a.board-file__link .board-file__button .board-flie__icon {
  display: block;
  width: 27px;
  height: 27px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  font-size: 0;
}
@media (max-width: 1024px) {
  .board-view__box a.board-file__link .board-file__button .board-flie__icon {
    width: 22px;
    height: 22px;
  }
}
.board-view__box a.board-file__link .board-file__button .board-flie__icon.board-flie__icon--download {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2656 4.09766L14.2656 17.5977L12.7656 17.5977L12.7656 4.09766L14.2656 4.09766Z' fill='%23124E85'/%3E%3Cpath d='M7.67969 12.0664L13.5133 17.9L19.3469 12.0664' stroke='%23124E85'/%3E%3Cpath d='M6.11914 22.25H21.4996' stroke='%23124E85'/%3E%3C/svg%3E%0A");
}
.board-view__box a.board-file__link .board-file__button .board-flie__icon.board-flie__icon--viewer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 2H5C4.44772 2 4 2.44772 4 3V21C4 21.5523 4.44772 22 5 22H19C19.5523 22 20 21.5523 20 21V3C20 2.44772 19.5523 2 19 2Z' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 7H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 12H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath d='M10.5 17H16.5' stroke='%23124E85' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 8C8.0523 8 8.5 7.5523 8.5 7C8.5 6.4477 8.0523 6 7.5 6C6.9477 6 6.5 6.4477 6.5 7C6.5 7.5523 6.9477 8 7.5 8Z' fill='%23124E85'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 13C8.0523 13 8.5 12.5523 8.5 12C8.5 11.4477 8.0523 11 7.5 11C6.9477 11 6.5 11.4477 6.5 12C6.5 12.5523 6.9477 13 7.5 13Z' fill='%23124E85'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 18C8.0523 18 8.5 17.5523 8.5 17C8.5 16.4477 8.0523 16 7.5 16C6.9477 16 6.5 16.4477 6.5 17C6.5 17.5523 6.9477 18 7.5 18Z' fill='%23124E85'/%3E%3C/svg%3E%0A");
}
.board-view__box a.board-file__link .board-file__button .board-flie__icon.board-flie__icon--preview {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1649 19.1656L22.9833 22.984M13.6656 21.3137C17.8906 21.3137 21.3156 17.8886 21.3156 13.6637C21.3156 9.43871 17.8906 6.01367 13.6656 6.01367C9.44067 6.01367 6.01562 9.43871 6.01562 13.6637C6.01562 17.8886 9.44067 21.3137 13.6656 21.3137Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.board-view__box a.board-file__link .board-file__button:hover.board-file__button--viewer, .board-view__box a.board-file__link .board-file__button:focus.board-file__button--viewer {
  background-color: #F3F7F8;
}
.board-view__box a.board-file__link .board-file__button:hover.board-file__button--preview, .board-view__box a.board-file__link .board-file__button:focus.board-file__button--preview {
  background-color: #1E6AB0;
  border: 1px solid #1E6AB0;
}

.program__board-search {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.program__board-search * {
  vertical-align: middle;
}
.program__board-search .board-search__date-wrap input[type=date],
.program__board-search .board-search__date-wrap input[type=text],
.program__board-search .board-search__select-wrap select,
.program__board-search .board-search__text-wrap input[type=text] {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  margin: 0;
  border: 1px solid #D9DAE1;
  background-color: #fff;
  color: #36404A;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.32px;
  box-shadow: 0 0 0;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  box-sizing: border-box;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 4px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__date-wrap input[type=date],
  .program__board-search .board-search__date-wrap input[type=text],
  .program__board-search .board-search__select-wrap select,
  .program__board-search .board-search__text-wrap input[type=text] {
    font-size: 15px;
  }
}
.program__board-search .board-search__date-wrap input[type=date]::placeholder,
.program__board-search .board-search__date-wrap input[type=text]::placeholder,
.program__board-search .board-search__select-wrap select::placeholder,
.program__board-search .board-search__text-wrap input[type=text]::placeholder {
  color: #36404A;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.32px;
}
.program__board-search .board-search__top-box {
  display: block;
  background-color: #F3F6FC;
  border-radius: 4px;
  padding: 15px;
}
.program__board-search .board-search__top-box .fieldset {
  position: relative;
  white-space: nowrap;
  margin: auto;
  display: table;
  text-align: center;
  width: auto;
  font-size: 0;
  letter-spacing: 0;
  line-height: 0;
  word-spacing: 0;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__top-box .fieldset {
    display: block;
  }
}
.program__board-search .board-search__date-wrap {
  display: table-cell;
  padding: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__date-wrap {
    display: block;
    width: 100%;
  }
}
.program__board-search .board-search__date-wrap .board-search__date-selectbox {
  display: table-cell;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__date-wrap .board-search__date-selectbox {
    display: block;
  }
}
.program__board-search .board-search__date-wrap .board-search__date-group {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 420px) {
  .program__board-search .board-search__date-wrap .board-search__date-group {
    display: block;
  }
}
.program__board-search .board-search__date-wrap .board-search__datepicker {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: auto;
  max-width: 150px;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__date-wrap .board-search__datepicker {
    width: 100%;
    max-width: none;
  }
}
.program__board-search .board-search__date-wrap .flatpickr-wrapper,
.program__board-search .board-search__date-wrap .board-search__datepicker-wrap {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 0;
  font-size: 0;
}
.program__board-search .board-search__date-wrap .board-search__date-input {
  padding: 0 30px 0 15px;
}
.program__board-search .board-search__date-wrap .board-search__date-input[readonly] {
  background-color: rgba(221, 221, 221, 0.3);
}
.program__board-search .board-search__date-wrap .board-search__date-form-split {
  position: relative;
  display: inline-block;
  min-width: 18px;
  width: auto;
  line-height: 40px;
  font-size: 16px;
  letter-spacing: -0.02rem;
  padding: 0 5px;
  color: #36404A;
}
@media (max-width: 420px) {
  .program__board-search .board-search__date-wrap .board-search__date-form-split {
    display: none;
  }
}
@media (max-width: 420px) {
  .program__board-search .board-search__date-wrap .board-search__date-form-split + .board-search__datepicker {
    margin: 5px 0 0 0;
  }
}
.program__board-search .board-search__date-wrap .board-search__date-input-split {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  width: 35px;
  height: 38px;
  z-index: 99;
  line-height: 0;
}
.program__board-search .board-search__date-wrap .board-search__date-input-split .board-search__datepicker-wrap {
  height: 100%;
  overflow: hidden;
  border-radius: 0 4px 4px 0;
}
.program__board-search .board-search__date-wrap .board-search__date-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.88477 6.33203H14.5514V13.332C14.5514 13.7002 14.253 13.9987 13.8848 13.9987H2.55143C2.18324 13.9987 1.88477 13.7002 1.88477 13.332V6.33203Z' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M1.88477 2.9987C1.88477 2.63051 2.18324 2.33203 2.55143 2.33203H13.8848C14.253 2.33203 14.5514 2.63051 14.5514 2.9987V6.33203H1.88477V2.9987Z' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M5.55273 1.33203V3.9987' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M10.8848 1.33203V3.9987' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M9.55273 11.332H11.5527' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M4.88477 11.332H6.88477' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M9.55273 8.66797H11.5527' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3Cpath d='M4.88477 8.66797H6.88477' stroke='%23697785' stroke-width='0.8' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  background-size: auto;
  overflow: hidden;
  border: none;
  font-size: 0;
  color: transparent;
  padding: 0;
  text-align: center;
  line-height: 0;
  margin: 0;
}
.program__board-search .board-search__date-wrap .board-search__date-icon:focus {
  border: 1px dashed #666;
}
.program__board-search .board-search__select-wrap {
  display: table-cell;
  padding: 0 0 0 5px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__select-wrap {
    padding: 5px 5px 0 0;
  }
}
@media (max-width: 640px) {
  .program__board-search .board-search__select-wrap {
    display: block;
    width: 100%;
    padding: 5px 0 0 0;
  }
}
.program__board-search .board-search__select-wrap .board-select__inner {
  display: table;
  width: 100%;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__select-wrap .board-select__inner {
    width: calc(100% + 5px);
    margin: 0 -2.5px;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__select-wrap .board-select__inner {
    width: 100%;
    margin: 0;
  }
}
.program__board-search .board-search__select-wrap span {
  display: table-cell;
  min-width: 86px;
  height: 40px;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__select-wrap span {
    padding: 0 2.5px;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__select-wrap span {
    display: block;
    margin: 0;
    padding: 0;
  }
}
.program__board-search .board-search__select-wrap span + span {
  padding: 0 0 0 5px;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__select-wrap span + span {
    padding: 0 2.5px;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__select-wrap span + span {
    padding: 0;
    margin: 5px 0 0 0;
  }
}
.program__board-search .board-search__select-wrap select {
  padding: 0 28px 0px 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00781 7.71191L8.8969 11.601L12.786 7.71191' stroke='%2318114E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 8px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.program__board-search .board-search__select-wrap select::-ms-expand {
  display: none;
}
.program__board-search .board-search__select-wrap select:focus {
  border: 1px dashed #666;
}
.program__board-search .board-search__text-wrap {
  display: table-cell;
  padding: 0 0 0 5px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__text-wrap {
    width: 100%;
    padding: 5px 0 0 0;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__text-wrap {
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
  }
}
.program__board-search .board-search__text-wrap span {
  position: relative;
  display: inline-block;
  height: 40px;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__text-wrap span {
    width: 100%;
  }
}
.program__board-search .board-search__text-wrap input:focus {
  border: 1px dashed #666;
}
.program__board-search .board-search__button-wrap {
  display: flex;
  padding: 0 0 0 5px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__button-wrap {
    display: table-cell;
    padding: 5px 0 0 5px;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__button-wrap {
    display: block;
    padding: 0;
    margin: 5px -2.5px 0;
  }
}
.program__board-search .board-search__button-wrap .board-button__inner {
  display: flex;
}
.program__board-search .board-search__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 83px;
  height: 40px;
  margin: 0;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02rem;
  line-height: 130%;
  transition: all 0.3s;
  padding: 0 20px 0 18px;
  background-position: center right 11px;
  background-repeat: no-repeat;
  text-align: left;
}
@media (max-width: 490px) {
  .program__board-search .board-search__button {
    width: calc(50% - 5px);
    margin: 0 2.5px;
    justify-content: center;
    text-align: center;
    font-size: 15px;
  }
}
.program__board-search .board-search__button + .board-search__button {
  margin: 0 0 0 5px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__button + .board-search__button {
    margin: 0 2.5px;
  }
}
.program__board-search .board-search__button.board-search__button--submit {
  border: 1px solid #18114E;
  background-color: #18114E;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M16.6113 16.6113L20.854 20.854' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__button.board-search__button--submit {
    background-image: none;
  }
}
.program__board-search .board-search__button.board-search__button--refresh {
  width: 96px;
  border: 1px solid #18114E;
  background-color: #FFF;
  color: #18114E;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.55117 3.16602C4.73453 3.16602 2.45117 5.44938 2.45117 8.26602C2.45117 11.0827 4.73453 13.366 7.55117 13.366C10.3678 13.366 12.6512 11.0827 12.6512 8.26602C12.6512 6.91078 12.1226 5.679 11.2603 4.76562M11.2603 4.76562L13.5485 5.10717M11.2603 4.76562L10.502 6.76562' stroke='%2318114E' stroke-width='1.08' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__button.board-search__button--refresh {
    width: calc(50% - 5px);
    background-image: none;
  }
}
.program__board-search .board-search__button.board-search__button--apply {
  border: 1px solid #354346;
  background-color: #354346;
  color: #FFF;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02734 8.20894L7.57293 11.7545L13.9739 5.35352' stroke='white' stroke-width='1.08' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__button.board-search__button--apply {
    background-image: none;
  }
}
.program__board-search .board-search__button:hover.board-search__button--submit, .program__board-search .board-search__button:focus.board-search__button--submit {
  background-color: #fff;
  color: #18114E;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z' stroke='%2318114E' stroke-linejoin='round'/%3E%3Cpath d='M16.6113 16.6113L20.854 20.854' stroke='%2318114E' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 490px) {
  .program__board-search .board-search__button:hover.board-search__button--submit, .program__board-search .board-search__button:focus.board-search__button--submit {
    background-image: none;
  }
}
.program__board-search .board-search__button:hover.board-search__button--refresh, .program__board-search .board-search__button:focus.board-search__button--refresh {
  border: 1px solid #18114E;
  background-color: #18114E;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.55117 3.16602C4.73453 3.16602 2.45117 5.44938 2.45117 8.26602C2.45117 11.0827 4.73453 13.366 7.55117 13.366C10.3678 13.366 12.6512 11.0827 12.6512 8.26602C12.6512 6.91078 12.1226 5.679 11.2603 4.76562M11.2603 4.76562L13.5485 5.10717M11.2603 4.76562L10.502 6.76562' stroke='white' stroke-width='1.08' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 490px) {
  .program__board-search .board-search__button:hover.board-search__button--refresh, .program__board-search .board-search__button:focus.board-search__button--refresh {
    background-image: none;
  }
}
.program__board-search .board-search__button:hover.board-search__button--apply, .program__board-search .board-search__button:focus.board-search__button--apply {
  border: 1px solid #354346;
  background-color: #FFF;
  color: #354346;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.02734 8.20894L7.57293 11.7545L13.9739 5.35352' stroke='%23354346' stroke-width='1.08' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 490px) {
  .program__board-search .board-search__button:hover.board-search__button--apply, .program__board-search .board-search__button:focus.board-search__button--apply {
    background-image: none;
  }
}
.program__board-search .board-search__bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  padding: 15px 15px 0 15px;
  font-size: 0;
  letter-spacing: 0;
  line-height: 0;
  word-spacing: 0;
}
@media (max-width: 400px) {
  .program__board-search .board-search__bottom-box {
    display: block;
  }
}
.program__board-search .board-search__count-wrap .board-search__count-division {
  display: inline-block;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.02rem;
}
@media (max-width: 490px) {
  .program__board-search .board-search__count-wrap .board-search__count-division {
    font-size: 15px;
  }
}
.program__board-search .board-search__count-wrap .board-search__count-division strong {
  display: inline-block;
  color: #18114E;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.02rem;
  padding: 0 3px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__count-wrap .board-search__count-division strong {
    font-size: 15px;
  }
}
.program__board-search .board-search__page-wrap {
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 0;
}
@media (max-width: 400px) {
  .program__board-search .board-search__page-wrap {
    display: block;
    margin: 5px 0 0 0;
    text-align: right;
  }
}
.program__board-search .board-search__page-wrap label {
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  margin: 0;
}
.program__board-search .board-search__page-wrap .board-search__select-wrap {
  display: inline-block;
  padding: 0;
  width: auto;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__page-wrap .board-search__select-wrap {
    margin: 0;
  }
}
.program__board-search .board-search__page-wrap .board-search__select-wrap .board-select__inner {
  width: 100%;
  margin: 0;
}
@media (max-width: 1024px) {
  .program__board-search .board-search__page-wrap .board-search__select-wrap span {
    padding: 0;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__page-wrap .board-search__select-wrap span {
    min-width: 66px;
  }
}
@media (max-width: 490px) {
  .program__board-search .board-search__page-wrap .board-search__select-wrap span select {
    background-position: right center;
    font-size: 15px;
  }
}
.program__board-search .board-search__page-wrap .board-search__button {
  margin: 0 0 0 5px;
}
@media (max-width: 490px) {
  .program__board-search .board-search__page-wrap .board-search__button {
    width: 63px;
  }
}
.program__board-search.type2 .board-search__date-wrap {
  display: table;
  width: calc(100% + 30px);
  margin: 0 -15px;
}
@media (max-width: 970px) {
  .program__board-search.type2 .board-search__date-wrap {
    display: block;
  }
}
.program__board-search.type2 .board-search__date-wrap .board-date__inner {
  display: table;
}
@media (max-width: 970px) {
  .program__board-search.type2 .board-search__date-wrap .board-date__inner {
    width: 100%;
  }
}
.program__board-search.type2 .board-search__date-wrap .board-search__item {
  display: table-cell;
  padding: 0 15px;
}
@media (max-width: 970px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__item {
    display: table;
    width: 100%;
  }
}
.program__board-search.type2 .board-search__date-wrap .board-search__item + .board-search__item {
  padding: 0 15px;
}
@media (max-width: 970px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__item + .board-search__item {
    margin: 5px 0 0 0;
  }
}
.program__board-search.type2 .board-search__date-wrap .date-item__inner {
  display: table;
}
@media (max-width: 420px) {
  .program__board-search.type2 .board-search__date-wrap .date-item__inner {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__date-selectbox {
    display: table-cell;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__datepicker {
    display: table-cell;
    width: auto;
  }
}
@media (max-width: 420px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__datepicker {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__date-group {
    display: table;
  }
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__date-wrap .board-search__date-group {
    width: 100%;
  }
}
.program__board-search.type2 .board-search__select-wrap,
.program__board-search.type2 .board-search__text-wrap,
.program__board-search.type2 .board-search__button-wrap {
  display: table-cell;
  padding: 5px 0 0 0;
}
.program__board-search.type2 .board-search__table-wrap {
  display: table;
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__table-wrap {
    display: block;
  }
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__select-wrap {
    display: block;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
  }
}
@media (max-width: 490px) {
  .program__board-search.type2 .board-search__select-wrap .board-search__item {
    width: 100%;
  }
}
.program__board-search.type2 .board-search__text-wrap {
  padding-left: 5px;
  width: 100%;
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__text-wrap {
    padding-left: 0;
  }
}
@media (max-width: 490px) {
  .program__board-search.type2 .board-search__text-wrap {
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
  }
}
.program__board-search.type2 .board-search__text-wrap span {
  width: 100%;
}
.program__board-search.type2 .board-search__button-wrap {
  padding-left: 5px;
}
@media (max-width: 490px) {
  .program__board-search.type2 .board-search__button-wrap {
    display: block;
    padding: 0;
    margin: 5px -2.5px 0;
    width: calc(100% + 5px);
  }
}
.program__board-search.type2 .board-search__page-wrap .board-search__select-wrap {
  display: inline-block;
  padding: 0;
}
@media (max-width: 1024px) {
  .program__board-search.type2 .board-search__page-wrap .board-search__select-wrap {
    width: auto;
    margin: 0;
  }
}
.program__board-search.type2 .board-search__content-box {
  display: table-cell;
  width: 100%;
}
@media (max-width: 490px) {
  .program__board-search.type2 .board-search__content-box {
    display: block;
  }
}
.program__board-search.type2 .board-search__item {
  position: relative;
  display: table;
}
.program__board-search.type2 .board-search__item + .board-search__item {
  padding: 0 0 0 10px;
}
.program__board-search.type2 .board-search__content-title {
  display: table-cell;
  min-width: 80px;
  width: auto;
  height: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.02rem;
  color: #36404A;
  padding: 0 10px 0 0;
  text-align: left;
}
@media (max-width: 490px) {
  .program__board-search.type2 .board-search__content-title {
    display: none;
  }
}

.program__board-list > .col-md-12.text-center {
  display: block;
}

.col-md-12 {
  display: block;
}

.pagination {
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-top: 34px;
  justify-content: center;
  width: 100%;
}
.pagination.pa-round .page-link {
  border-radius: 50%;
}
.pagination.omission {
  position: relative;
  font-size: 0;
}
@media (max-width: 560px) {
  .pagination.omission {
    padding: 50px 0 0 0;
  }
}
.pagination.omission .page-item {
  padding: 0 2px;
}
@media (max-width: 460px) {
  .pagination.omission .page-item {
    padding: 0 2px;
  }
}
.pagination.omission .page-item:first-child {
  padding: 0 4px 0 0;
}
.pagination.omission .page-item:first-child:nth-last-child(3),
.pagination.omission .page-item:last-child:nth-child(3) {display: none;}
@media (max-width: 560px) {
  .pagination.omission .page-item:first-child {
    position: absolute;
    top: 0;
    left: calc(50% - 64px);
  }
}
.pagination.omission .page-item:last-child {
  padding: 0 0 0 4px;
}
@media (max-width: 560px) {
  .pagination.omission .page-item:last-child {
    position: absolute;
    top: 0;
    right: calc(50% - 60px);
  }
}
.pagination.omission .page-item.active .page-link {
  font-weight: 700;
}
.pagination.omission .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  width: auto;
  margin: 0;
  padding: 5px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 30px;
  border-radius: 100%;
}
@media (max-width: 640px) {
  .pagination.omission .page-item .page-link {
    font-size: 16px;
  }
}

@media (max-width: 560px) {
  .pagination.omission .page-item .page-link { font-size: 15px; min-width: 30px; min-height: 30px; max-height: 30px; line-height: 30px; width: auto; }
  .pagination.omission .page-item .page-link[aria-label=Previous] span, .pagination.omission .page-item .page-link[aria-label=Next] span {font-size: 15px;}
}
.pagination.omission .page-item .page-link.link-dot {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2 20.1C15.2 19.4925 14.7075 19 14.1 19C13.4925 19 13 19.4925 13 20.1C13 20.7075 13.4925 21.2 14.1 21.2C14.7075 21.2 15.2 20.7075 15.2 20.1Z' fill='%232D2D2D'/%3E%3Cpath d='M21.3992 20.1C21.3992 19.4925 20.9067 19 20.2992 19C19.6917 19 19.1992 19.4925 19.1992 20.1C19.1992 20.7075 19.6917 21.2 20.2992 21.2C20.9067 21.2 21.3992 20.7075 21.3992 20.1Z' fill='%232D2D2D'/%3E%3Cpath d='M27.6004 20.1C27.6004 19.4925 27.1079 19 26.5004 19C25.8929 19 25.4004 19.4925 25.4004 20.1C25.4004 20.7075 25.8929 21.2 26.5004 21.2C27.1079 21.2 27.6004 20.7075 27.6004 20.1Z' fill='%232D2D2D'/%3E%3C/svg%3E%0A");
}
.pagination.omission .page-item .page-link.link-dot:hover, .pagination.omission .page-item .page-link.link-dot:focus, .pagination.omission .page-item .page-link.link-dot:active {
  background-color: #fff;
  border-color: #fff;
}
.pagination.omission .page-item .page-link[aria-label=Previous], .pagination.omission .page-item .page-link[aria-label=Next] {
  display: flex;
  align-items: center;
  background-image: none;
  background-color: transparent;
}
.pagination.omission .page-item .page-link[aria-label=Previous] span, .pagination.omission .page-item .page-link[aria-label=Next] span {
  font-family: 'gothic';
  font-size: 16px;
  line-height: 30px;
  font-size: 0;
}
@media (max-width: 640px) {
  .pagination.omission .page-item .page-link[aria-label=Previous] span, .pagination.omission .page-item .page-link[aria-label=Next] span {
    /* font-size: 0; */
  }
}
@media (max-width: 560px) {
  .pagination.omission .page-item .page-link[aria-label=Previous] span, .pagination.omission .page-item .page-link[aria-label=Next] span {
    font-size: 15px;position: relative;;
  }
  .page-item .page-link[aria-label=Next] span {order: 1;}
  .pagination.omission .page-item .page-link[aria-label=Next]::after {order: 2;}

}
.pagination.omission .page-item .page-link[aria-label=Previous]:hover, .pagination.omission .page-item .page-link[aria-label=Previous]:focus, .pagination.omission .page-item .page-link[aria-label=Previous]:active, .pagination.omission .page-item .page-link[aria-label=Next]:hover, .pagination.omission .page-item .page-link[aria-label=Next]:focus, .pagination.omission .page-item .page-link[aria-label=Next]:active {
  background-color: #EEE;
}
.pagination.omission .page-item .page-link[aria-label=Previous]:hover span, .pagination.omission .page-item .page-link[aria-label=Previous]:focus span, .pagination.omission .page-item .page-link[aria-label=Previous]:active span, .pagination.omission .page-item .page-link[aria-label=Next]:hover span, .pagination.omission .page-item .page-link[aria-label=Next]:focus span, .pagination.omission .page-item .page-link[aria-label=Next]:active span {
  color: #fff;
  font-weight: 700;
}
.pagination.omission .page-item .page-link[aria-label=Previous] {
  padding: 0 8px 0 2px;
  padding: 0 2px;
}
.pagination.omission .page-item .page-link[aria-label=Previous]::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5L7 10L12.5 15' stroke='%23555555' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination.omission .page-item .page-link[aria-label=Previous]:hover::before, .pagination.omission .page-item .page-link[aria-label=Previous]:focus::before, .pagination.omission .page-item .page-link[aria-label=Previous]:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 5L7 10L12.5 15' stroke='%23666666' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination.omission .page-item .page-link[aria-label=Next] {
  padding: 0 2px 0 8px;
  padding: 0 2px;
}
.pagination.omission .page-item .page-link[aria-label=Next]::before {display: none;}
.pagination.omission .page-item .page-link[aria-label=Next]::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L13 10L7.5 5' stroke='%23555555' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.pagination.omission .page-item .page-link[aria-label=Next]:hover::after, .pagination.omission .page-item .page-link[aria-label=Next]:focus::after, .pagination.omission .page-item .page-link[aria-label=Next]:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L13 10L7.5 5' stroke='%23666666' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.pagination > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page-item {
  vertical-align: middle;
}
.page-item .page-link {
  display: inline-block;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  /*max-width: pagination-vars.$pagination-size;*/
  padding: 0.5rem 0.3rem;
  line-height: 1;
  color: #36404A;
  background-color: #fff;
  margin: 0 2px;
  transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
  border: 1px solid transparent;
  vertical-align: middle;
}
.page-item a.page-link:hover, 
.page-item a.page-link:focus
.page-item button.page-link:hover, 
.page-item button.page-link:focus {
  color: #fff;
  background-color: #18114E;
  border-color: #18114E;
}
.page-item .page-link[aria-label] span {
  font-size: 0;
}
.page-item .page-link[aria-label=first], .page-item .page-link[aria-label=Previous], .page-item .page-link[aria-label=Next], .page-item .page-link[aria-label=last] {
  min-width: 30px;
  min-height: 30px;
  max-height: 30px; /*max-width: pagination-vars.$pagination-size;*/
  background-color: #F9F9FA;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.page-item .page-link[aria-label=first]:hover, .page-item .page-link[aria-label=first]:focus, .page-item .page-link[aria-label=first]:active, .page-item .page-link[aria-label=Previous]:hover, .page-item .page-link[aria-label=Previous]:focus, .page-item .page-link[aria-label=Previous]:active, .page-item .page-link[aria-label=Next]:hover, .page-item .page-link[aria-label=Next]:focus, .page-item .page-link[aria-label=Next]:active, .page-item .page-link[aria-label=last]:hover, .page-item .page-link[aria-label=last]:focus, .page-item .page-link[aria-label=last]:active {
  background-color: #18114E;
  border-color: #18114E;
}
.page-item .page-link[aria-label=first] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12V0H2V12H0ZM4 6L10 0V12L4 6Z' fill='%23444444'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=first]:hover, .page-item .page-link[aria-label=first]:focus, .page-item .page-link[aria-label=first]:active {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12V0H2V12H0ZM4 6L10 0V12L4 6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=Previous] {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L6 0V12L0 6Z' fill='%23444444'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=Previous]:hover, .page-item .page-link[aria-label=Previous]:focus, .page-item .page-link[aria-label=Previous]:active {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6L6 0V12L0 6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=Next] {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L0 12V0L6 6Z' fill='%23444444'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=Next]:hover, .page-item .page-link[aria-label=Next]:focus, .page-item .page-link[aria-label=Next]:active {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L0 12V0L6 6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=last] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0V12H8V0H10ZM6 6L0 12V0L6 6Z' fill='%23444444'/%3E%3C/svg%3E%0A");
}
.page-item .page-link[aria-label=last]:hover, .page-item .page-link[aria-label=last]:focus, .page-item .page-link[aria-label=last]:active {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0V12H8V0H10ZM6 6L0 12V0L6 6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.page-item.active .page-link {
  color: #fff;
  background-color: #18114E;
  border-color: #18114E;
}
.page-item.disabled .page-link {
  color: #F8F8F8;
  background-color: #111111;
  border-color: #F8F8F8;
}

.pagination-lg .page-link {
  padding: 0.9375rem;
  font-size: 20px;
  line-height: 1;
}
.pagination-sm .page-link {
  padding: 0.25rem;
  font-size: 14px;
  line-height: 1;
}
@media only screen and (max-width: 640px) {
  .pagination {
    display: block;
    width: 100%;
    text-align: center;
    transition: all 0.5s;
  }
  .pagination ul {
    text-align: center;
  }
  .pagination ul {
    width: 100%;
    height: 30px;
  }
  .pagination > li, .pagination .page-item {
    display: inline-block;
    vertical-align: middle;
  }
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {
    /* padding: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    min-height: 21px;
    font-size: 13px; */
  }
  .pagination .page-item [aria-label] span {
    display: block;
  }
  .pagination .page-item .page-link[aria-label=first] .sr-only,
  .pagination .page-item .page-link[aria-label=last] .sr-only {
    display: none;
  }

  .pagination .page-item > a[aria-label=Next], .pagination .page-item > a[aria-label=Previous] {
    background-size: auto; width: 30px;height: 30px;
  }
}

@media (max-width:560px) {
  .pagination .page-item > a[aria-label=Next], .pagination .page-item > a[aria-label=Previous] {width: auto;background-image: none !important;background-color: transparent !important;border: none;}
  .pagination .page-item > a[aria-label=Next] span {order: 1;}
  .pagination .page-item > a[aria-label=Next]::before {order: 2;}
  .pagination .page-item > a[aria-label=Next] span, .pagination .page-item > a[aria-label=Previous] span {font-size: 16px;font-family: 'gothic';color: #666 !important;}
}

@media only screen and (max-width: 480px) {
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pagination .page-item [aria-label] {
    padding: 0 8px;
    font-size: 14px;
  }
  .pagination .page-item [aria-label] .sr-only {
    font-size: 14px;
  }
}

.board__button--file,
.file__button {
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

.file__icon,
.board__icon,
.bbs-icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  font-size: 0;
  vertical-align: middle;
  margin-top: -1px;
}
@media (max-width: 768px) {
  .file__icon,
  .board__icon,
  .bbs-icon {
    width: 16px;
    height: 16px;
  }
}
.file__icon.board__icon--jpg, .file__icon.board__icon--png,
.board__icon.board__icon--jpg,
.board__icon.board__icon--png,
.bbs-icon.board__icon--jpg,
.bbs-icon.board__icon--png {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 0C4.11929 0 3 1.11929 3 2.5V17.5C3 18.8807 4.11929 20 5.5 20H16.5C17.8807 20 19 18.8807 19 17.5V6L16 3L13 0H5.5Z' fill='%230AC963'/%3E%3Cpath d='M13 0L16 3L19 6H14.5C13.6716 6 13 5.32843 13 4.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 9.90915C7 9.40704 7.40704 9 7.90915 9H14.0909C14.593 9 15 9.40704 15 9.90915V13.8686C15 14.3707 14.593 14.7778 14.0909 14.7778H7.90915C7.40704 14.7778 7 14.3707 7 13.8686V9.90915ZM7.50819 13.6695C7.33042 13.8473 7.58227 14.0399 7.73042 14.114H8.61931L14.1745 14.1139C14.53 14.1139 14.6189 13.8176 14.6189 13.6695V13.2251C14.6189 13.0474 14.4708 12.8547 14.3967 12.7806L12.8411 11.2251C12.6634 11.0473 12.4708 11.151 12.3967 11.2251L10.3967 13.2251C10.0411 13.5807 9.80411 13.5214 9.73003 13.4473L9.28559 13.0029C8.93003 12.4695 8.54485 12.6325 8.3967 12.7806L7.50819 13.6695ZM9.63199 11.9128C10.1904 11.9128 10.6431 11.4602 10.6431 10.9017C10.6431 10.3433 10.1904 9.89062 9.63199 9.89062C9.07357 9.89062 8.62088 10.3433 8.62088 10.9017C8.62088 11.4602 9.07357 11.9128 9.63199 11.9128Z' fill='white'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--pdf,
.board__icon.board__icon--acrobat,
.board__icon.board__icon--pdf,
.bbs-icon.board__icon--pdf {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5C3 1.11929 4.11929 0 5.5 0H15L20.001 4.99902C20.0013 4.99938 20.0011 5 20.0006 5C20.0003 5 20 5.00026 20 5.00057V17.5C20 18.8807 18.8807 20 17.5 20H5.5C4.11929 20 3 18.8807 3 17.5V2.5Z' fill='%23E5252A'/%3E%3Cpath d='M15 0L17.5 2.5L20 5H16.5C15.6716 5 15 4.32843 15 3.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Crect y='9' width='15' height='7' rx='1' fill='%23AF1317'/%3E%3Cpath d='M2.83574 14.5V10.8234H4.33887C5.1666 10.8234 5.67695 11.3389 5.67441 12.0879C5.67695 12.8471 5.15645 13.3473 4.31348 13.3473H3.69902V14.5H2.83574ZM3.69902 12.6617H4.15605C4.56484 12.6643 4.78066 12.4357 4.78066 12.0879C4.78066 11.7451 4.56484 11.5242 4.15605 11.5242H3.69902V12.6617ZM7.45684 14.5H6.11113V10.8234H7.45684C8.5791 10.8234 9.26973 11.5115 9.26973 12.6617C9.26973 13.8094 8.5791 14.5 7.45684 14.5ZM6.97441 13.7586H7.42637C8.05605 13.7611 8.40137 13.459 8.40137 12.6617C8.40137 11.8619 8.05605 11.5623 7.41621 11.5598H6.97441V13.7586ZM9.78262 14.5V10.8234H12.276V11.5293H10.6459V12.3063H12.1135V13.0121H10.6459V14.5H9.78262Z' fill='white'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--xls, .file__icon.board__icon--xlsx,
.board__icon.board__icon--xls,
.board__icon.board__icon--xlsx,
.board__icon.board__icon--excel,
.bbs-icon.board__icon--xls,
.bbs-icon.board__icon--excel,
.bbs-icon.board__icon--xlsx {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5C3 1.11929 4.11929 0 5.5 0H15L20.001 4.99902C20.0013 4.99938 20.0011 5 20.0006 5C20.0003 5 20 5.00026 20 5.00057V17.5C20 18.8807 18.8807 20 17.5 20H5.5C4.11929 20 3 18.8807 3 17.5V2.5Z' fill='%2300733B'/%3E%3Cpath d='M15 0L17.5 2.5L20 5H16.5C15.6716 5 15 4.32843 15 3.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Crect y='9' width='15' height='7' rx='1' fill='%23065830'/%3E%3Cpath d='M3.81318 10.8234L4.49873 12.0016H4.5292L5.21982 10.8234H6.18974L5.07763 12.6617L6.22529 14.5H5.22998L4.5292 13.3117H4.49873L3.79795 14.5H2.80771L3.95029 12.6617L2.8331 10.8234H3.81318ZM6.5377 14.5V10.8234H7.40098V13.7941H8.94473V14.5H6.5377ZM11.2782 11.9152C11.2554 11.6486 11.0573 11.4887 10.7044 11.4887C10.354 11.4887 10.1737 11.641 10.1712 11.8492C10.1661 12.0777 10.3896 12.1895 10.7196 12.2605L11.0396 12.3367C11.748 12.4916 12.1593 12.8445 12.1618 13.4336C12.1593 14.1293 11.6185 14.5482 10.7044 14.5508C9.7878 14.5482 9.1962 14.1369 9.18096 13.2914H10.0138C10.0341 13.6469 10.3007 13.8297 10.6942 13.8297C11.0599 13.8297 11.2782 13.6697 11.2833 13.4336C11.2782 13.2203 11.0903 13.1086 10.6841 13.0172L10.2981 12.9258C9.66592 12.7785 9.27745 12.4637 9.27745 11.9102C9.27491 11.2271 9.87666 10.7727 10.7095 10.7727C11.5575 10.7727 12.1034 11.2348 12.111 11.9152H11.2782Z' fill='white'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--hwp,
.board__icon.board__icon--hwp,
.bbs-icon.board__icon--hwp {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 2.5C3 1.11929 4.11929 0 5.5 0H15L20.001 4.99902C20.0013 4.99938 20.0011 5 20.0006 5C20.0003 5 20 5.00026 20 5.00057V17.5C20 18.8807 18.8807 20 17.5 20H5.5C4.11929 20 3 18.8807 3 17.5V2.5Z' fill='%2338A9FF'/%3E%3Cpath d='M15 0L17.5 2.5L20 5H16.5C15.6716 5 15 4.32843 15 3.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Crect y='9' width='15' height='7' rx='1' fill='%232F8ED7'/%3E%3Cpath d='M2.45355 14.5H1.58808V10.8227H2.45355V12.3076H3.92772V10.8227H4.79499V14.5H3.92772V13.0133H2.45355V14.5ZM7.05857 14.5H6.22183L5.15705 10.8227H6.1123L6.6797 13.261H6.71023L7.34945 10.8227H8.13592L8.77873 13.2664H8.80746L9.37487 10.8227H10.3301L9.26354 14.5H8.4268L7.75884 12.2358H7.73012L7.05857 14.5ZM10.6932 10.8227H12.1979C13.0256 10.8227 13.5356 11.3398 13.5356 12.0903C13.5356 12.8481 13.0148 13.349 12.1727 13.349H11.5586V14.5H10.6932V10.8227ZM11.5586 12.6631H12.0147C12.4223 12.6631 12.6378 12.4351 12.6378 12.0903C12.6378 11.7438 12.4223 11.5247 12.0147 11.5247H11.5586V12.6631Z' fill='white'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--zip,
.board__icon.board__icon--zip,
.bbs-icon.board__icon--zip {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.5 0C4.11929 0 3 1.11929 3 2.5V17.5C3 18.8807 4.11929 20 5.5 20H16.5C17.8807 20 19 18.8807 19 17.5V6L16 3L13 0H5.5Z' fill='%23F9AC00'/%3E%3Crect x='6' y='2' width='2' height='2' fill='white'/%3E%3Crect x='8' y='4' width='2' height='2' fill='white'/%3E%3Crect x='6' y='6' width='2' height='2' fill='white'/%3E%3Crect x='8' y='8' width='2' height='2' fill='white'/%3E%3Crect x='6' y='10' width='2' height='2' fill='white'/%3E%3Cpath d='M6 14H10V16C10 17.1046 9.10457 18 8 18C6.89543 18 6 17.1046 6 16V14Z' fill='white'/%3E%3Cpath d='M7 15H9V16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16V15Z' fill='%23FFB11F'/%3E%3Cpath d='M13 0L16 3L19 6H14.5C13.6716 6 13 5.32843 13 4.5V0Z' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--docx,
.board__icon.board__icon--docx,
.bbs-icon.board__icon--docx {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 2.5C3.75 1.11929 4.86929 0 6.25 0H15.75L20.751 4.99902C20.7513 4.99938 20.7511 5 20.7506 5C20.7503 5 20.75 5.00026 20.75 5.00057V17.5C20.75 18.8807 19.6307 20 18.25 20H6.25C4.86929 20 3.75 18.8807 3.75 17.5V2.5Z' fill='%232C5B9E'/%3E%3Cpath d='M15.75 0L18.25 2.5L20.75 5H17.25C16.4216 5 15.75 4.32843 15.75 3.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Crect x='0.75' y='9' width='17' height='7' rx='1' fill='%2319447F'/%3E%3Cpath d='M3.50701 10.8227C4.62746 10.8227 5.31875 11.5122 5.31875 12.6595C5.31875 13.8087 4.62746 14.5 3.50701 14.5H2.15853V10.8227H3.50701ZM3.024 13.7602H3.4729C4.10494 13.7602 4.45149 13.4586 4.45149 12.6595C4.45149 11.8623 4.10494 11.5624 3.46213 11.5624H3.024V13.7602ZM9.17712 12.6613C9.17712 13.8733 8.41221 14.5503 7.42823 14.5503C6.43886 14.5503 5.67933 13.868 5.67933 12.6613C5.67933 11.4493 6.43886 10.7724 7.42823 10.7724C8.41221 10.7724 9.17712 11.4493 9.17712 12.6613ZM8.2937 12.6613C8.2937 11.9305 7.96511 11.5337 7.42823 11.5337C6.89135 11.5337 6.56455 11.9305 6.56455 12.6613C6.56455 13.3921 6.89135 13.789 7.42823 13.789C7.96511 13.789 8.2937 13.3921 8.2937 12.6613ZM12.9012 12.1478H12.0249C11.9783 11.7707 11.7053 11.5337 11.2959 11.5337C10.7537 11.5337 10.4215 11.9467 10.4215 12.6613C10.4215 13.4029 10.7609 13.789 11.2906 13.789C11.6874 13.789 11.9603 13.5753 12.0249 13.2144L12.9012 13.2198C12.8312 13.8751 12.2709 14.5503 11.2744 14.5503C10.2796 14.5503 9.53627 13.8698 9.53627 12.6613C9.53627 11.4493 10.2958 10.7724 11.2744 10.7724C12.156 10.7724 12.8078 11.2715 12.9012 12.1478ZM13.0932 10.8227H14.0718L14.7559 12.0023H14.7846L15.4777 10.8227H16.4491L15.3359 12.6613L16.4814 14.5H15.4885L14.7846 13.3113H14.7559L14.0538 14.5H13.0662L14.2064 12.6613L13.0932 10.8227Z' fill='white'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--mp4, .file__icon.board__icon--video,
.board__icon.board__icon--mp4,
.board__icon.board__icon--video,
.bbs-icon.board__icon--mp4,
.bbs-icon.board__icon--video {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 0C4.86929 0 3.75 1.11929 3.75 2.5V17.5C3.75 18.8807 4.86929 20 6.25 20H17.25C18.6307 20 19.75 18.8807 19.75 17.5V6L16.75 3L13.75 0H6.25Z' fill='%23FA0000'/%3E%3Cpath d='M13.75 0L16.75 3L19.75 6H15.25C14.4216 6 13.75 5.32843 13.75 4.5V0Z' fill='white' fill-opacity='0.3'/%3E%3Ccircle cx='11.748' cy='11.998' r='3.99805' fill='white'/%3E%3Cpath d='M13.3024 11.6133C13.5986 11.7843 13.5986 12.2117 13.3024 12.3827L11.303 13.5371C11.0068 13.7081 10.6366 13.4944 10.6366 13.1524L10.6366 10.8436C10.6366 10.5017 11.0068 10.2879 11.303 10.4589L13.3024 11.6133Z' fill='%23FA0000'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--pptx, .file__icon.board__icon--ppt,
.board__icon.board__icon--pptx,
.board__icon.board__icon--ppt,
.bbs-icon.board__icon--pptx,
.bbs-icon.board__icon--ppt {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 0C3.11929 0 2 1.11929 2 2.5V17.5C2 18.8807 3.11929 20 4.5 20H15.5C16.8807 20 18 18.8807 18 17.5V6L15 3L12 0H4.5Z' fill='%23E03303'/%3E%3Cpath d='M11.7949 9.85791V9.11133H15.0659V9.85791H13.8843V13H12.9766V9.85791H11.7949Z' fill='white'/%3E%3Cpath d='M8.46484 13V9.11133H10.0547C10.9302 9.11133 11.47 9.65649 11.4673 10.4487C11.47 11.2517 10.9194 11.7808 10.0278 11.7808H9.37788V13H8.46484ZM9.37788 11.0557H9.86128C10.2937 11.0583 10.522 10.8167 10.522 10.4487C10.522 10.0862 10.2937 9.85254 9.86128 9.85254H9.37788V11.0557Z' fill='white'/%3E%3Cpath d='M5 13V9.11133H6.58984C7.46533 9.11133 8.00513 9.65649 8.00244 10.4487C8.00513 11.2517 7.45459 11.7808 6.56299 11.7808H5.91309V13H5ZM5.91309 11.0557H6.39648C6.82886 11.0583 7.05713 10.8167 7.05713 10.4487C7.05713 10.0862 6.82886 9.85254 6.39648 9.85254H5.91309V11.0557Z' fill='white'/%3E%3Cpath d='M12 0L15 3L18 6H13.5C12.6716 6 12 5.32843 12 4.5V0Z' fill='white' fill-opacity='0.45'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--regDate, .file__icon.bbs-icon-regDate, .file__icon.board__icon--date,
.board__icon.board__icon--regDate,
.board__icon.bbs-icon-regDate,
.board__icon.board__icon--date,
.bbs-icon.board__icon--regDate,
.bbs-icon.bbs-icon-regDate,
.bbs-icon.board__icon--date {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 9.5H22.25V20C22.25 20.5523 21.8023 21 21.25 21H4.25C3.69771 21 3.25 20.5523 3.25 20V9.5Z' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M3.25 4.5C3.25 3.94771 3.69771 3.5 4.25 3.5H21.25C21.8023 3.5 22.25 3.94771 22.25 4.5V9.5H3.25V4.5Z' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M8.75 2V6' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M16.75 2V6' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M14.75 17H17.75' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M7.75 17H10.75' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M14.75 13H17.75' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M7.75 13H10.75' stroke='%23697785' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--hit, .file__icon.bbs-icon-hit,
.board__icon.board__icon--hit,
.board__icon.bbs-icon-hit,
.bbs-icon.board__icon--hit,
.bbs-icon.bbs-icon-hit {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18C17.5229 18 22 12 22 12C22 12 17.5229 6 12 6C6.47715 6 2 12 2 12C2 12 6.47715 18 12 18Z' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5Z' stroke='%23697785' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--writer, .file__icon.bbs-icon-writer,
.board__icon.board__icon--writer,
.board__icon.bbs-icon-writer,
.bbs-icon.board__icon--writer,
.bbs-icon.bbs-icon-writer {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10Z' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M21 22C21 17.0294 16.9706 13 12 13C7.02945 13 3 17.0294 3 22' stroke='%23697785' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.file__icon.board__icon--,
.board__icon.board__icon--,
.bbs-icon.board__icon-- {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3336 1H3V19.2754H17.3336V1Z' fill='%23D9D9D9' fill-opacity='0.95' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M7.09766 7.4502H13.2407' stroke='%23697785' stroke-linejoin='round'/%3E%3Cpath d='M7.09766 11.7529H13.2407' stroke='%23697785' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* display */
/* Typography */
/* breakpoint */
/* breakpoint : content */
.program__board-table {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 2px solid #36404A;
}
.program__board-table.summary__on .board__subject-text-wrap {
  padding: 0 0 0 0px;
}
@media (max-width: 490px) {
  .program__board-table.summary__on .board__subject-text-wrap {
    padding: 0;
  }
}
.program__board-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.program__board-table tbody > tr > td,
.program__board-table tbody > tr > th,
.program__board-table tfoot > tr > td,
.program__board-table tfoot > tr > th,
.program__board-table thead > tr > td,
.program__board-table thead > tr > th {
  padding: 18px 10px;
  vertical-align: middle;
}
.program__board-table tr td *,
.program__board-table tr th * {
  vertical-align: middle;
}
.program__board-table td,
.program__board-table th {
  border: none;
  border-bottom: 1px solid #D9DAE1;
  color: #36404A;
}
.program__board-table td:first-child,
.program__board-table th:first-child {
  border-left: none;
}
.program__board-table tr td {
  color: #36404A;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04rem;
}
.program__board-table td:first-child {
  border-left: none;
}
.program__board-table thead tr th {
  position: relative;
  border: none;
  border-bottom: 1px solid #36404A;
  background-color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.04rem;
  word-break: break-all;
}
.program__board-table thead tr th::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  width: 1px;
  height: 18px;
  background-color: #D9DAE1;
  content: "";
}
.program__board-table thead tr th:first-child::before {
  display: none;
}
.program__board-table tbody tr.notice td {
  background-color: #F8F9FB;
}
.program__board-table tbody tr.active td {
  /* border-bottom: 1px solid #18114E;
  background-color: #F8F9FB; */
  color: #18114E;    
}
.program__board-table tbody tr.active .board__subject-text  {text-decoration: underline;}

.program__board-table tbody tr.active .board__subject-text {
  color: #18114E;
}
.program__board-table tbody tr td {
  box-sizing: border-box;
  vertical-align: middle;
  transition: border 0.3s, background-color 0.3s, color 0.3s;
}
.program__board-table tbody tr td button {
  background: transparent;
  border: none;
}
.program__board-table .board__link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}
.program__board-table .board__notice--icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.0008' cy='11.9998' r='11.7' fill='%23124E85'/%3E%3Cpath d='M7 11.2497C7 8.35037 9.23858 6 12 6C14.7614 6 17 8.35037 17 11.2497V14.9992H7V11.2497Z' fill='white'/%3E%3Cpath d='M10.3329 16.5C10.3329 17.4664 11.0791 18.2499 11.9995 18.2499C12.92 18.2499 13.6662 17.4664 13.6662 16.5H10.3329Z' fill='white'/%3E%3C/svg%3E%0A");
}
.program__board-table .board__subject-text-wrap {
  position: relative;
  display: block;
  width: 100%;
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 0;
}
.program__board-table .board__subject-text-wrap.type1 {
  display: flex;
  align-items: center;
}
@media (max-width: 490px) {
  .program__board-table .board__subject-text-wrap.type1 {
    display: block;
  }
}
.program__board-table .board__subject-text-wrap.type1 .board__subject-text {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.program__board-table .board__subject-text-wrap.type2 .board__subject-text {
  display: inline;
}
.program__board-table .board__label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77px;
  height: 23px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.04rem;
  border-radius: 4px;
  padding: 2px 14.5px;
  line-height: 120%;
}
@media (max-width: 490px) {
  .program__board-table .board__label {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 58px;
    height: 20px;
    font-size: 12px;
    padding: 3px 7px;
    margin: 0 0 5px 0;
  }
}
.program__board-table .board__label.label1 {
  color: #124E85;
  background-color: rgba(18, 78, 133, 0.2);
  border: 1px solid rgba(18, 78, 133, 0.2);
}
.program__board-table .board__label.label2 {
  color: #0279CE;
  background-color: rgba(2, 121, 206, 0.2);
  border: 1px solid rgba(2, 121, 206, 0.2);
}
.program__board-table .board__subject-content {
  display: block;
  width: 100%;
}
.program__board-table .board__subject-text {
  color: #36404A;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.01063rem;
  word-break: keep-all;
  margin: 0 5px 0 0;
}
.program__board-table.mobile colgroup,
.program__board-table.mobile thead,
.program__board-table.mobile thead th {
  display: none;
}
.program__board-table.mobile tbody tr {
  position: relative;
  padding: 10px 10px 10px 55px;
  text-align: left;
  display: block;
  border-bottom: 1px solid #D9DAE1;
  min-height: 45px;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  word-spacing: 0;
}
.program__board-table.mobile tbody tr.nodata__tr {
  padding: 0;
}
.program__board-table.mobile tbody tr.nodata__tr .nodata {
  display: block;
  padding: 10px;
  width: 100%;
  text-align: center;
}
.program__board-table.mobile tbody tr.notice {
  background-color: #F8F9FB;
}
.program__board-table.mobile tbody tr td {
  position: relative;
  display: none;
  width: auto;
  border: none;
  font-size: 15px;
  display: inline-block;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  text-align: left;
}
@media (max-width: 490px) {
  .program__board-table.mobile tbody tr td {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }
}
.program__board-table.mobile tbody tr td::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  display: inline-block;
  min-width: auto;
  width: 1px;
  height: 10px;
  border-right: 1px solid #D9DAE1;
  margin: 0;
}
.program__board-table.mobile tbody tr td[data-cell-header=공지], .program__board-table.mobile tbody tr td[data-cell-header=번호], .program__board-table.mobile tbody tr td:first-child {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 55px;
  padding: 0;
  text-align: center;
}
.program__board-table.mobile tbody tr td:first-child {
  padding: 0;
  margin: 0;
}
.program__board-table.mobile tbody tr td:first-child::before {
  display: none;
}
.program__board-table.mobile tbody tr td:last-child {
  margin: 0;
  padding: 0;
}
.program__board-table.mobile tbody tr td:last-child::before {
  display: none;
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__subject-text-wrap.type1 {
    display: block;
  }
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__subject-text-wrap.type1 .board__subject-icon {
    margin: 3px 0 0 0;
  }
}
.program__board-table.mobile .board__table--title {
  display: block;
  width: auto;
  padding: 0 0 5px 0;
  margin: 0;
}
.program__board-table.mobile .board__table--title::before {
  display: none;
}
.program__board-table.mobile .board__table--file {
  display: none;
  width: auto;
  border: none;
}
@media (max-width: 490px) {
  .program__board-table.mobile .board__label {
    display: flex;
    width: fit-content;
    margin: 0 0 5px 0;
  }
}
.program__board-table.mobile .board__subject-text {
  font-size: 16px;
}
.program__board-table.mobile .add-head {
  display: none;
}
.program__board-table.typeDiv * {
  vertical-align: middle;
}
.program__board-table.typeDiv .typeDiv__col1 {
  width: 8%;
}
.program__board-table.typeDiv .typeDiv__col2 {
  width: auto;
}
.program__board-table.typeDiv .typeDiv__col3 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__col4 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__col5 {
  width: 12%;
}
.program__board-table.typeDiv .typeDiv__tr,
.program__board-table.typeDiv .typeDiv__th,
.program__board-table.typeDiv .typeDiv__td {
  position: relative;
}
.program__board-table.typeDiv .typeDiv__th,
.program__board-table.typeDiv .typeDiv__td {
  display: table-cell;
  border: none;
  border-bottom: 1px solid #D9DAE1;
  color: #36404A;
  padding: 18px 10px;
  text-align: center;
}
.program__board-table.typeDiv .typeDiv__tr {
  display: table-row;
}
.program__board-table.typeDiv .typeDiv__td {
  color: #36404A;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.04rem;
}
.program__board-table.typeDiv .typeDiv__tbody {
  display: table-row-group;
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr {
    position: relative;
    padding: 10px 10px 10px 55px;
    text-align: left;
    display: block;
    border-bottom: 1px solid #D9DAE1;
    min-height: 45px;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    word-spacing: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td {
    position: relative;
    display: none;
    width: auto;
    border: none;
    font-size: 15px;
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 0 15px 0 0;
  }
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    display: inline-block;
    min-width: auto;
    width: 1px;
    height: 10px;
    border-right: 1px solid #D9DAE1;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:first-child {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 55px;
    padding: 0;
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:first-child::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:last-child {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td:last-child::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--title {
    display: block;
    width: auto;
    padding: 0 0 5px 0;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--title::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr .typeDiv__td.board__table--file {
    display: none;
    width: auto;
    border: none;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr.notice {
    background-color: #F8F9FB;
  }
}
.program__board-table.typeDiv .typeDiv__tbody .typeDiv__tr.notice .typeDiv__td {
  background-color: #F8F9FB;
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .board__subject-text-wrap.type1 {
    display: block;
  }
}
@media (max-width: 490px) {
  .program__board-table.typeDiv .board__subject-text-wrap.type1 .board__subject-icon {
    margin: 3px 0 0 0;
  }
}
@media (max-width: 768px) {
  .program__board-table.typeDiv .board__subject-text {
    font-size: 16px;
  }
}/*# sourceMappingURL=1a.css.map */