@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: 50px;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; }
.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%; }
/* .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: 285px; height: 74px; 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; }
 #review .review_list .content-body{padding:25px 20px 9px 20px}
 #review .review_list .content-link{min-height:357px;}
 #review .review_list .text{height:114px;}
}
@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; 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;}
}


.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;}
}