/*이미지 확대 버튼*/
.pic_btn a { display: none; } 
.pic_btn a:hover { background-color:#e45348; /*border-color:#348c01; */color:#fff; transition: all 300ms ease-out } 
@media(max-width:767px){
 .pic_btn a { display: block; width: 60%; margin: 10px auto 0; padding: 10px 40px; border: 1px solid #ddd; background: #fff; text-align: center; } 
 .pic_img { text-align: center; } 
 }
@media(max-width:560px){
 .pic_btn a { width: 75%; } 
 }
@media(max-width:450px){
 .pic_btn a { width: 100%; } 
 }

/* 탭 공통 */
.tab-ul.type2 li.active a,.tab-ul.type2 li.active a:active,.tab-ul.type2 li.active a:focus,.tab-ul.type2 li.active a:hover { border:0; color:#fff; background-color:#e45348; } 
@media (max-width:500px){
 .tab-ul.type2 li { width: 100%; } 
 }

/* 박스스타일 공통 */
.txt-box1 p.pd_0 { padding: 0; } 
.txtbox-col2:after { content: ""; display: block; clear: both; } 
.txtbox-col2 .txt-box1 { float: left; width: calc(50% - 15px); } 
.txtbox-col2 .txt-box1:nth-child(2n + 2) { margin-left: 30px; } 
@media (max-width: 767px) {
  .txt-box1 .icon { top: -5px; bottom: auto;}
  .txt-box1 strong.ico {display: block; float: none; padding-bottom: 15px;}
}
@media (max-width:500px){
 .txtbox-col2 .txt-box1 { float: none; width: auto; } 
 .txtbox-col2 .txt-box1:nth-child(2n + 2) { margin-left: 0; } 
 }

/* sub01_02 역량진단검사 */
.s0102 .btn-rightbox { margin-top: -60px; text-align: right; } 
.s0102 .btn-rightbox .btn { margin: 0; } 
.s0102 .depth-tabbox .depth-tab { display: inline-block; } 
.s0102 .depth-tabbox .depth-tab a { display: block; position: relative; padding: 12px 10px; } 
.s0102 .depth-tabbox .depth-tab:not(:first-child) a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 12px; background-color: #ddd; } 
.s0102 .depth-tabbox .depth-tab.active a { border-bottom: 1px solid #e83421; color: #e83421; } 
.s0102 .depth-contentbox .depth-content { display: none; padding: 24px 45px; border: 0; background: #f9f5f5; } 
.s0102 .depth-contentbox .depth-content.active { display: block; } 
.s0102 .depth-contentbox .depth-content h4.h4 { margin-bottom: 5px; } 
.s0102 .text-right .btn { margin: 0 5px; } 
@media (max-width:860px){
 .s0102 .tab-ul.col3 li { width: 50%; } 
 }
@media (max-width:620px){
 .s0102 .tab-ul.col3 li { width: 100%; } 
 }
@media (max-width:450px){
 .s0102 .btn-rightbox { margin-top: 0; text-align: left; } 
 }
/* sub01_02 역량진단검사 End */

/* sub01_06 해외연수및 국제학술발표 지원사업 */
.s0106 .vlist__bodo .obj .item .inner .ui-text .txt-check { padding-top: 5px; font-size: 15px; } 
/* sub01_06 해외연수및 국제학술발표 지원사업 End */

/* sub02_01 취업 솔루션(매뉴얼) */
.s0201 .bodo-v { margin-left: -20px; } 
.s0201 .bodo-v img { width: 70%; max-width: 200px; display: inline-block; } 
.s0201 .bodo-v .col { width: calc(33.3333% - 20px); margin-left: 20px; margin-bottom: 20px; padding: 0 20px 50px; border: 1px solid #cacaca; } 
.s0201 .bodo-v .col:nth-child(3n + 1) { clear: both; } 
.s0201 .bodo-v .col .v_imgbox { margin-bottom: 0; border-bottom: 1px dashed #d4d4d4; } 
.s0201 .bodo-v .col .v_txt .tit { padding: 40px 0 30px; } 
.s0201 .bodo-v .col .v_txt .tit .subtit { color: #999; } 
.s0201 .bodo-v .col .v_txt .btn { padding: 8px 48px 8px 19px; width: 187px; } 
@media (max-width:1023px){
 .s0201 .bodo-v .col { float: left; width: calc(50% - 20px); } 
 .s0201 .bodo-v .col:nth-child(3n + 1) { clear: none; } 
 .s0201 .bodo-v .col:nth-child(2n + 1) { clear: both; } 
 }
@media (max-width:620px){
 .s0201 .bodo-v .col { float: none; width: auto; } 
 .s0201 .bodo-v .col:nth-child(2n + 1) { clear: none; } 
 }
/* sub02_01 취업 솔루션(매뉴얼) End */

/* sub02_02_01 취업교육신청 */
.s020201 .tab-ul { margin-bottom: 20px; } 
.s020201 .tab-ul { margin-bottom:20px; } 
.s020201 .tab-ul:after { content:""; display:block; visibility:hidden; clear:both; } 
.s020201 .tab-ul li { display:table; float:left; margin-left:-1px; margin-top:-1px; height:100%; vertical-align:middle; height:100%; } 
.s020201 .tab-ul li * { margin:0; padding:0; line-height:0; } 
.s020201 .tab-ul li a { display:table-cell; color:inherit; cursor:pointer; transition:background-color 0.05s ease-in-out; -webkit-transition:background-color 0.05s ease-in-out; /*-moz-transition:all 0.3s; */background-image:none; text-align:center; vertical-align:middle; border:1px solid transparent; } 
.s020201 .tab-ul li a span { display:block; position:relative; line-height:120%; } 
.s020201 .tab-ul.deth-4st li a { border-color:#ddd; border-bottom-color:#949494; color:#333; font-size:15px; line-height:1; height:60px; } 
.s020201 .tab-ul.deth-4st li a span { padding:10px 15px; } 
.s020201 .tab-ul.deth-4st li a:hover,
.s020201 .tab-ul.deth-4st li a:focus,
.s020201 .tab-ul.deth-4st li a:active { border-color:#de1008; border-bottom-color:#de1008; background-color:#ee402e; color:#fff; } 
.s020201 .tab-ul.deth-4st li.on a,
.s020201 .tab-ul.deth-4st li.on a:hover,
.s020201 .tab-ul.deth-4st li.on a:focus,
.s020201 .tab-ul.deth-4st li.on a:active { border-color:#de1008; border-bottom-color:#de1008; background-color:#ee402e; color:#fff; } 

.s020201 .tbl_basic { border-top-color: #a4a4a4; border-bottom-color: #ddd; margin-bottom: 10px; width: 100%; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-collapse: separate; } 
@media only screen and (min-width: 1024px){
 .s020201 .tab-ul.tab-col-4.tbl_btn li { width: 10%; } 
 }
@media (min-width:640px) {.s020201 .tab-ul.tab-col-2 li,
.s020201 .tab-ul.tab-col-3 li,
.s020201 .tab-ul.tab-col-4 li,
.s020201 .tab-ul.tab-col-5 li { width:50%; } 

}
@media (min-width:768px) {.s020201 .tab-ul.tab-col-4 li,
.s020201 .tab-ul.tab-col-5 li { width:33.33% } 
 }
@media (min-width:1024px) {.s020201 .tab-ul.tab-col-4 li { width:25% } 
.s020201 .tab-ul.tab-col-5 li { width:20% } 
 }
.s020201 .table textarea { width: 100%; height: 200px; } 
.s020201 .table .btn { margin-bottom: 5px; width: 67px; padding: 5px 10px 4px 10px; } 
.s020201 .table .btn.small { font-size: 12px; text-align: center; } 
.s020201 .btn { border-radius: 4px; } 
.s020201 .btn-default,
.s020201 .btn-default.disabled,
.s020201 .btn-default[disabled],
.s020201 .btn-default,
.s020201 .btn-default:link,
.s020201 .btn-default:visited { background-color: #54535a; border-color: #54535a; color: #fff; } 
.s020201 .btn-default:hover,
.s020201 .btn-default:focus,
.s020201 .btn-default:active { background-color: #2f2e34; border-color: #2f2e34; color: #fff; } 
.s020201 .txt-tip { color: #e83052; } 
.s020201 .txt-tip:before { display: none; } 
.s020201 .ui { overflow: hidden; position: relative; } 
.s020201 .ui.uit { border: 1px solid transparent; border-color: #ddd; border-bottom-color: #949494; } 
.ui-topbox.type1 .inner { min-height: 175px; } 
.s020201 .tp_icon.circle1 { background-position: 0px 0px; } 
.s020201 .tp_icon { background: url(/images/career/sub02/tp_icon.png) no-repeat; display: block; overflow: hidden; width: 113px; height: 113px; } 
.s020201 .ui-topbox.type1 .circle { width: 113px; height: 113px; } 
.s020201 .tp_icon.icon1 { background-position: 0 -113px; } 
.s020201 .ui.uit .inner .txtwrap { position: relative; } 
.s020201 .txtwrap.mt_career.enter { font-size: 18px; margin-top: 10px; } 

.s020201 .txtwrap.mt_career li { min-height: 30px; width: 100%; margin-bottom: 10px; float: left; } 
.s020201 .txtwrap.mt_career.enter b { display: inline-block; width: 75px; vertical-align: middle; border-right: 1px solid #ddd; margin-right: 35px}
.s020201 .modal__body { padding:  0; } 
.s020201 .modal__header { background: #e54523; margin: 0; width: 100%; padding: 21px 0;} 
.s020201 .modal__header .modal__title { color: #fff; padding-left: 20px; } 

/* sub02_02_01 취업교육신청 End */

/* sub02_04 취업지원 사이트 */
.s0204 .bodo-v { display: flex; flex-wrap: wrap;  margin-left: -20px; } 
.s0204 .bodo-v img { width: 70%; display: inline-block; } 
.s0204 .bodo-v .col {position: relative; float: none; width: calc(25% - 20px); margin-left: 20px; margin-bottom: 20px; padding: 0 30px 90px; border: 1px solid #cacaca; } 
.s0204 .bodo-v .col .v_imgbox { margin-bottom: 0; border-bottom: 1px dashed #d4d4d4; } 
.s0204 .bodo-v .col .v_txt .tit { padding: 40px 0 30px; } 
.s0204 .bodo-v .col .v_txt .tit .subtit { color: #999; } 
.s0204 .bodo-v .col .v_txt .btn {position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); min-width: 190px; padding: 8px 48px 8px 19px; } 

@media (max-width:1379px){
 .s0204 .bodo-v .col { width: calc(33.3333% - 20px); } 
 }
@media (max-width:1023px){
 .s0204 .bodo-v .col { width: calc(50% - 20px); } 
 }
@media (max-width:620px){
  .s0204 .bodo-v {margin-left: 0;}
  .s0204 .bodo-v .col { width: 100%; margin-left: 0;}
 }
/* sub02_04 취업지원 사이트 End */

