@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////////////////
 서브페이지 공통 영역
 ///////////////////////////////////////////////////////////////////////////////////////////*/
.sub_content_area {padding-bottom:50px;}
.sub_content_full {}
.sub_content_area_outline {margin-top:50px; padding-left:286px; overflow:hidden;}

.sub_content {float:right; width:100%;}


/* 테스크탑 */
@media all and (max-width:1200px){
	.sub_content_full {padding:0 10px;}
	.sub_content_area_outline {margin-top:50px; padding-left:236px; overflow:hidden;}
}

@media all and (max-width:1024px){
	.sub_content_area_outline {margin-top:20px; padding-left:0;}
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){
	.sub_content_area {padding-bottom:20px;}
}

/* 서브 내용영역 */
.sub_header {overflow:hidden;}
h3.subtitle {font-size:30px; color:#333; line-height:1;}
h4.cont_ti {padding-left:15px; color:#333; font-size:18px; line-height:1; background:url('../../../images/core/icon/bullet_bar_left.png') no-repeat left center;}
h4.cont_ti_s {font-size:18px; color:#333; line-height:1;}

h4.cont_ti {padding-left:20px; color:#333; font-size:18px; line-height:1; background:url('../../../images/core/icon/05/bullet_bar_left.png') no-repeat left center;}
h5.cont_sti {padding-left:20px; color:#333; font-size:16px; line-height:1; background:url('../../../images/core/sub/05/introduce/bullet_1.png') no-repeat left center;}

.sub_detail_outline {padding:30px 0 50px;}

/* 테스크탑 */
@media all and (max-width:1200px){

}

@media all and (max-width:1024px){
	h3.subtitle {font-size:30px;}
	.sub_detail_outline {padding:15px 0 50px;}
}
/* 테블릿*/
@media all and (max-width:768px){
	.sub_detail_outline {padding:15px 0 30px;}
}
/* 모바일*/
@media all and (max-width:640px){
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 서브페이지 내용 영역
 ///////////////////////////////////////////////////////////////////////////////////////////*/
 /* 프로그램 검색 */
.search_program_box {padding:10px; text-align:center; background-color:#ebebeb; border-radius:5px;}
.search_program_box .ti {display:inline-block; color:#333; font-size:14px; vertical-align:middle;}
.search_program_box select {padding:0 10px; height:30px; border:none; color:#666; border-radius:7px;}
.search_program_box .search_innertxt_box {display:inline-block; padding-right:10px; background-color:#fff; border-radius:7px;}
.search_program_box .search_innertxt_box input[type="text"] {padding-right:26px; height:26px; border:none; color:#666; border-radius:7px;}
.search_program_box .search_innertxt_box button.btn_search {font-size:0; text-indent:-10000px; width:26px; height:26px; background:url('../../../images/core/icon/icon_search.png') #fff no-repeat center center;}

.select_row, .input_row {display:inline-block; padding:3px 0;}
/* 테스크탑 */
@media all and (max-width:1200px){
	.search_program_box {padding:10px;}
	.search_program_box .ti {display:inline-block; font-size:14px;}
	.search_program_box select {padding:0; border:none;}
	.search_program_box .search_innertxt_box input[type="text"] {padding-right:26px; width:60px; border:none;}
}

@media all and (max-width:1024px){
}
/* 테블릿*/
@media all and (max-width:768px){
}
/* 모바일*/
@media all and (max-width:640px){
	.search_program_box {padding:10px 20px; text-align:left;}
	.select_row, .input_row {display:block;}
	.search_program_box .ti {display:inline-block; width:100px; font-size:14px;}
	.search_program_box select {padding:0; border:none;}
	.search_program_box .search_innertxt_box input[type="text"] {padding-right:26px; width:60px; border:none;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 공통 엘리먼트
 ///////////////////////////////////////////////////////////////////////////////////////////*/
/* box */
.box_white {padding:10px; border:solid 1px #ddd;}

/* table_view_basic *************************/
table.table_data_basic {width:100%; font-size:14px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_data_basic thead th {text-align:center; color:#333;}
table.table_data_basic th {padding:7px 5px; color:#333333;  border:solid 1px #ddd; background-color:#e6e6e6;}
table.table_data_basic .bg_lightgray {background-color:#f8f8f8;}
table.table_data_basic td {padding:7px 5px; border:solid 1px #ddd; color:#333; font-weight:normal;}
table.table_data_basic td img {height:auto !important;}
table.table_data_basic td input[type="text"] {width:97%; height:26px; color:#333;}
table.table_data_basic tr.status_ending {background-color:#f5f5f5;}
table.table_data_basic tr.bottom_line {border-bottom:solid 2px #666;}
table.table_data_basic select {border:1px solid #aaa; height:28px; line-height:28px; color:#666; border-radius:7px;}
table.table_data_basic textarea {padding:5px 5px; width:97%; height:80px; line-height:18px; background-color:#fff; border:solid 1px #d5d5d5; border-radius:7px;}
table.table_data_basic label {display:inline-block;}

@media all and (max-width:768px){	
	
}


 /* 게시판 paging */
.paging {clear:both; text-align:center; margin-top:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#333333; border:1px solid #333; vertical-align:middle;}
.paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:14px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover {color:#333333; font-weight:bold;}
.paging .prev {background:url('../../../images/core/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover {background:url('../../../images/core/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next {background:url('../../../images/core/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover {background:url('../../../images/core/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../../../images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .first_item:hover {background:url('../../../images/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../../../images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .last_item:hover {background:url('../../../images/icon/btn_paging_last_on.png') no-repeat center center;}

/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}


/* tabMenu ///////////////////////////////////////////////////////////////////////////////////*/
.tabmenu_base {position:relative;}
.tabmenu_base>ul {display:block; border:solid 0px #cacaca; background-color:#f2f2f2;}
.tabmenu_base>ul:after {content:""; display:block; clear:both;}
.tabmenu_base>ul>li {float:left;}
.tabmenu_base>ul>li .btn_title {display:block; padding:0 15px; height:40px; line-height:40px; font-size:16px; color:#666; text-align:center; border-left:solid 1px #dbdbdb; box-sizing:border-box; background-color:none;}
.tabmenu_base>ul>li:first-child .btn_title {border-left:none;}
.tabmenu_base>ul>li .btn_title:hover {color:#333; background-color:#e7edf7;}
.tabmenu_base>ul>li .btn_title.active {color:#fff; background-color:#434d69;}
.tabmenu_base>ul>li .btn_title span.cert {margin-left:20px; display:inline-block; vertical-align:middle;  width:18px; height:9px; background:url('../../../images/core/icon/tab_cert.png') no-repeat center center;}

/*.tabmenu_base .division_select {position:absolute; top:0; right:0;}
.tabmenu_base .division_select select {width:100%; height:42px; line-height:42px; font-size:14px; color:#666; text-align:center; border:solid 1px #cacaca; background-color:#eee;
	-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;
}*/
.tabmenu_base.ea2>ul>li {float:left; width:50%;}
.tabmenu_base.ea2>ul>li .btn_title {display:block; width:initial; height:40px; line-height:40px; font-size:16px; color:#666; text-align:center; border:solid 1px #cacaca; background-color:#fff; position:relative;}
.tabmenu_base.ea2>ul>li .btn_title.active {color:#fff; border:solid 1px #434d69; background-color:#434d69;}
/* .tabmenu_base.ea2>ul>li .btn_title span.cert {margin-left:20px; display:inline-block; vertical-align:middle;  width:18px; height:9px; background:url('../../images/core/icon/tab_cert.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-5px; z-index:1;} */

.tabmenu_base.ea3>ul>li {float:left; width:33.33%;}
.tabmenu_base.ea3>ul>li .btn_title {display:block; width:initial; height:40px; line-height:40px; font-size:16px; color:#666; text-align:center; border:solid 1px #cacaca; background-color:#fff; position:relative;}
.tabmenu_base.ea3>ul>li .btn_title.active {color:#fff; border:solid 1px #434d69; background-color:#434d69;}
/* .tabmenu_base.ea3>ul>li .btn_title span.cert {margin-left:20px; display:inline-block; vertical-align:middle;  width:18px; height:9px; background:url('../../images/core/icon/tab_cert.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-5px; z-index:1;} */

.tabmenu_base.ea5>ul>li {float:left; width:20%;}
.tabmenu_base.ea5>ul>li .btn_title {display:block; width:initial; height:40px; line-height:40px; font-size:16px; color:#666; text-align:center; background-color:none; position:relative;}
.tabmenu_base.ea5>ul>li .btn_title.active {color:#fff; border:solid 1px #434d69; background-color:#434d69;}
/* .tabmenu_base.ea5>ul>li .btn_title span.cert {margin-left:20px; display:inline-block; vertical-align:middle;  width:18px; height:9px; background:url('../../images/core/icon/tab_cert.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-5px; z-index:1;} */

.tabmenu_base .mobile_hidden {position:relative;}

/* 대학 및 운영부서 선택 팝업 */
.option_pop {width:180px; border:solid 1px #333; background-color:#fff; position:absolute; top:41px; right:0; z-index:1;}
.option_pop ul {overflow-y:auto; max-height:194px;}
.option_pop ul li {}
.option_pop ul li a {display:block; padding:12px 20px; line-height:1; color:#666; font-size:14px; border-top:solid 1px #ddd;}
.option_pop ul li.first a {border-top:none;}
.option_pop ul li a:hover {background-color:#f2f2f2;}

.tab_contents {padding:20px 0;}

/* 대학, 운영부서 선택: 모바일 전용 */
.option_univ_team_select {display:none; padding:10px 0;}
.option_univ_team_select select:first-child {margin-bottom:5px;}
.option_univ_team_select select {width:100%; height:40px; background-color:#f2f2f2; box-sizing:border-box;}

/* 테블릿*/
@media all and (max-width:1024px){
    .tabmenu_base.ea3>ul>li {float:left; width:auto;}
    .tabmenu_base.ea3>ul>li .btn_title {padding:0 20px;}

    .tabmenu_base.ea5>ul>li {float:left; width:auto;}
    .tabmenu_base.ea5>ul>li .btn_title {padding:0 20px;}
}
@media all and (max-width:768px){
    .tabmenu_base .mobile_hidden {display:none;}
    .option_univ_team_select {display:block;}
    
    /*.tabmenu_base .division_select {padding-top:5px; position:relative;}
	.tabmenu_base .division_select select {width:100%;}*/
}

/* 모바일 */
@media all and (max-width:480px){
	.tabmenu_base.ea2>ul>li {float:left; width:50%;}
    .tabmenu_base.ea2>ul>li .btn_title {font-size:14px;}

    .tabmenu_base.ea3>ul>li {}
    .tabmenu_base.ea3>ul>li .btn_title {padding:0 10px; font-size:14px;}

    .tabmenu_base.ea5>ul>li {}
    .tabmenu_base.ea5>ul>li .btn_title {padding:0 10px; font-size:14px;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////
 메인 페이지용
 ///////////////////////////////////////////////////////////////////////////////////////////*/
/* 메인 페이지 프로그램 */
.main_tab_nav {}
.main_tab_nav:after {content:""; display:block; clear:both;}
.main_tab_nav .left {float:left;}
.main_tab_nav .right {float:right;}
.main_tab_nav h3 {width:220px; height:50px; line-height:50px; font-size:18px; font-weight:normal; color:#fff; text-align:center; background-color:#373a47;}
.main_tab_nav .tabmenu_base>ul>li .btn_title {display:inline-block; width:235px; height:50px; line-height:50px; font-size:16px; color:#666; text-align:center; border:solid 1px #cacaca; background-color:#fff; position:relative;}
.main_tab_nav .tabmenu_base>ul>li .btn_title:hover {color:#333; border:solid 1px #e0cfd0; background-color:#f7e7e8;}
.main_tab_nav .tabmenu_base>ul>li .btn_title.active {color:#fff; border:solid 1px #701e20; background-color:#701e20;}
.main_tab_nav .tabmenu_base>ul>li .btn_title.active span.cert {display:inline-block; width:18px; height:9px; background:url('../../../images/core/main/icon_tab_active.png') no-repeat; position:absolute; bottom:-10px; left:50%; margin-left:-9px; z-index:1;}
.main_tab_nav .tabmenu_base>ul>li .btn_more {display:block; width:50px; height:50px; line-height:50px; font-size:30px; color:#666; text-align:center; border:solid 1px #cacaca; background-color:#fff;}

/* 테블릿 */
@media all and (max-width:768px){
	.tabmenu_base {text-align:center;}
	.tabmenu_base>ul {}
	.tabmenu_base>ul:after {content:""; display:block; clear:both;}
	.tabmenu_base>ul>li {display:inline-block; float:none; vertical-align:middle;}
	.tabmenu_base>ul>li .btn_title {display:inline-block; width:150px; height:35px; line-height:35px; font-size:16px;}

	.main_tab_nav h3 {margin-bottom:10px; width:initial; height:initial; line-height:1; font-size:26px; font-weight:normal; color:#333; text-align:left; background-color:initial;}

	.main_tab_nav .tabmenu_base>ul>li {display:inline-block; float:none;}
	.main_tab_nav .tabmenu_base>ul>li .btn_title {display:inline-block; width:150px; height:35px; line-height:35px; font-size:16px;}
	.main_tab_nav .tabmenu_base>ul>li .btn_more {width:35px; height:35px; line-height:35px; font-size:30px;}
}
/* 모바일 */
@media all and (max-width:480px){
 	.tabmenu_base>ul>li .btn_title {display:inline-block; width:120px; height:35px; line-height:35px; font-size:14px;}

 	.main_tab_nav .left {float:none; text-align:center;}
 	.main_tab_nav h3 {margin-bottom:10px; width:initial; height:initial; line-height:1; font-size:26px; font-weight:normal; color:#333; text-align:center; background-color:initial;}
	.main_tab_nav .right {float:none; text-align:center;}
 	.main_tab_nav .tabmenu_base>ul>li .btn_title {display:inline-block; width:110px; height:35px; line-height:35px; font-size:14px;}
}


/* 프로그램 리스트 : 카드형 ///////////////////////////////////////////////////////////////////////////////////*/
/* 리스트 타입 */
.list_type {padding:10px 0; text-align:right;}
.list_type a {display:inline-block; margin:0 2px; font-size:0; text-indent:-10000px;  width:38px; height:38px; border:solid 1px #e2e2e2; background-repeat:no-repeat; background-position:center center;}
.list_type a.btn_listtype_card {background-image:url('../../../images/core/icon/icon_listtype_card.png'); border-radius:5px;}
.list_type a.btn_listtype_card:hover, .list_type a.btn_listtype_card.active {background-image:url('../../../images/core/icon/icon_listtype_card_active.png');}
.list_type a.btn_listtype_board {background-image:url('../../../images/core/icon/icon_listtype_board.png'); border-radius:5px;}
.list_type a.btn_listtype_board:hover, .list_type a.btn_listtype_board.active {background-image:url('../../../images/core/icon/icon_listtype_board_active.png');}

.program_list_card {}
.program_list_card ul {overflow:hidden; margin-left:-2%;}
.program_list_card ul li {float:left; margin-left:2%; margin-bottom:25px; width:31.33%;}
.program_list_card ul li .outline {overflow:hidden; background-color:#fff;}
/*.program_list_card ul li .outline .thum {height:190px; border:solid 1px #e2e2e2; background-repeat:no-repeat; background-position:top center; background-size:cover; position:relative;}*/
.program_list_card ul li .outline .thum {width:100%; height:0; border:solid 1px #e2e2e2; background-repeat:no-repeat; background-position:center center; background-size:cover; padding-top:calc(188/340*100%); position:relative; box-sizing:border-box;}
.program_list_card ul li .outline .thum .pro_status {display:table; width:65px; height:26px; position:absolute; top:-1px; right:-1px;}
.program_list_card ul li .outline .thum .pro_status span.pro_status_current {display:table-cell; color:#fff; font-size:13px; text-align:center; line-height:1.2; vertical-align:middle;}
.program_list_card ul li .outline .thum .pro_status.dday {background-color:#e81a5e;}
.program_list_card ul li .outline .thum .pro_status.dday_m {background-color:#0759a5;}
.program_list_card ul li .outline .thum .pro_status.app_status {background-color:#82878d;}

.program_list_card ul li .outline .thum .heart {position:absolute; bottom:5px; left:10px;}
.program_list_card ul li .outline .thum .heart a span.icon {display:inline-block; width:30px; height:30px; background:url('../../../images/core/icon/icon_heart.png') no-repeat center center; background-size:100%;}
.program_list_card ul li .outline .thum .heart a span.icon.active {background:url('../../../images/core/icon/icon_heart_active.png') no-repeat center center; background-size:100%;}

.program_list_card ul li .outline .pro_info {padding:15px; border:solid 1px #e2e2e2; border-top:none; position:relative;}
.program_list_card ul li .outline .pro_info a {display:block;}
.program_list_card ul li .outline .pro_info .cata_row {margin-bottom:10px; height:25px; overflow:hidden;}
.program_list_card ul li .outline .pro_info .cata_row span.cata_txt {display:inline-block; margin:0 1px 5px; padding:0 8px; height:20px; line-height:20px; font-size:12px; background-color:#f1f1f1; border:solid 1px #f1f1f1;
      -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;
}
.program_list_card ul li .outline .pro_info .cata_row span.blank_ment {display:inline-block; height:27px; line-height:27px; font-size:14px; color:#ccc;}

.program_list_card ul li .outline .pro_info .bottom_row {padding-bottom:10px;}
.program_list_card ul li .outline .pro_info .bottom_row .department {display:block; margin-bottom:5px; color:#974a4c; font-weight:600; font-size:13px; line-height:1;
	display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.program_list_card ul li .outline .pro_info .bottom_row .department span.cata1 {display:inline-block; padding-right:5px;}
.program_list_card ul li .outline .pro_info .bottom_row .department span.cata2 {display:inline-block; padding-left:5px; color:#666; border-left:solid 1px #ccc;}
.program_list_card ul li .outline .pro_info .bottom_row .subject {display:block; margin-bottom:5px; color:#333; font-size:16px; line-height:1.3em;
      height:43px; 
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis
}
.program_list_card ul li .outline .pro_info .bottom_row .pro_status {font-size:14px; color:#333;}
.program_list_card ul li .outline .pro_info .bottom_row .pro_status span.term {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.program_list_card ul li .outline .pro_info .bottom_row .pro_status strong.amount {color:#701e20; font-weight:normal;}

.program_list_card ul li .outline .pro_info .confirm_info {padding:10px 0 0 0; font-size:14px; border-top:solid 1px #ddd; overflow:hidden;}
.program_list_card ul li .outline .pro_info .confirm_info .left {float:left;}
.program_list_card ul li .outline .pro_info .confirm_info .left .status_txt {display:inline-block; margin-top:3px; padding:0 3px; height:18px; line-height:18px; font-size:12px; border:solid 1px #666; background-color:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.program_list_card ul li .outline .pro_info .confirm_info .right {float:right;}
.program_list_card ul li .outline .pro_info .confirm_info .right .mileage {}
.program_list_card ul li .outline .pro_info .confirm_info .right .certification {}

.program_list_card ul li .outline .pro_info .func {width:100%; height:100px; color:#fff; font-size:22px; background-color:rgba(0,0,0,0.7); position:absolute; bottom:-150px; left:0; z-index:1;}
.program_list_card ul li .outline .pro_info .func .left {float:left; width:50%; text-align:center;}
.program_list_card ul li .outline .pro_info .func .left .name {display:block; height:100px; line-height:100px; border-right:solid 1px #878787;}

.program_list_card ul li .outline .pro_info .func .right {float:right; width:50%; text-align:center; position:relative;}
.program_list_card ul li .outline .pro_info .func .right.individual {padding-top:15px;}
.program_list_card ul li .outline .pro_info .func .right.individual .mileage {display:block;}
.program_list_card ul li .outline .pro_info .func .right.individual .mileage img {vertical-align:middle;}
.program_list_card ul li .outline .pro_info .func .right.individual .mileage .amount {margin-left:5px; vertical-align:middle; font-size:18px;}
.program_list_card ul li .outline .pro_info .func .right.individual .certification {display:block;}
.program_list_card ul li .outline .pro_info .func .right.individual .certification img {vertical-align:middle;}
.program_list_card ul li .outline .pro_info .func .right.individual .certification .amount {margin-left:5px; vertical-align:middle; font-size:18px;}

.program_list_card ul li .outline .pro_info .func .right.team .amount {display:block; height:100px; line-height:100px;}
.program_list_card ul li .outline .pro_info .func .right.team .label {display:inline-block; width:30px; height:30px; line-height:30px; color:#fff; font-size:18px; text-align:center; background-color:#caa264; position:absolute; top:5px; right:5px;
	-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;
}

.program_list_card ul li .outline .pro_info .func .pos_rel {}
.program_list_card ul li .outline .pro_info .func .btn_more {width:64px; height:64px; background:url('../../../images/core/icon/icon_arrow_contest.png') #fff no-repeat center center; position:absolute; top:-32px; left:50%; margin-left:-32px; z-index:10; 
	-webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px; border:solid 1px #ddd;
	-webkit-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.7);
      -moz-box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.7);
      box-shadow: 5px 5px 5px -4px rgba(0,0,0,0.7);
}


/* 메인 노출용 */
.main_content_area .program_list_card ul {overflow:hidden; margin-left:-1%;}
.main_content_area .program_list_card ul li {float:left; margin-left:1%; margin-bottom:25px; width:24%;}

/* 테스크탑 */
@media all and (max-width:1200px){	
	.main_content_area .program_list_card ul li .outline .pro_info .bottom_row .pro_status {font-size:15px; color:#999;}
}

@media all and (max-width:1024px){
	.program_list_card ul li .outline .pro_info .bottom_row .pro_status {font-size:14px;}	

	.program_list_card ul li .outline .pro_info {padding:10px; border:solid 1px #e2e2e2; border-top:none;}
	.program_list_card ul li .outline .pro_info .cata_row {margin-bottom:5px;}
	.program_list_card ul li .outline .pro_info .cata_row span.cata_txt {display:inline-block; margin:0 1px 5px; padding:0 5px; height:22px; line-height:22px; font-size:13px;}

	/* 메인 노출용 */
	.main_content_area .program_list_card ul {overflow:hidden; margin-left:-2%;}
	.main_content_area .program_list_card ul li {float:left; margin-left:2%; width:31.33%;}
}
/* 테블릿*/
@media all and (max-width:768px){
	.program_list_card ul li {float:left; margin-left:2%; margin-bottom:25px; width:48%;}

	.program_list_card ul li .outline .thum {/*height:150px;*/ background-size:cover;}

	.program_list_card ul li .outline .pro_info {padding:10px; border:solid 1px #e2e2e2; border-top:none;}
	.program_list_card ul li .outline .pro_info .cata_row {margin-bottom:5px; height:25px;}
	.program_list_card ul li .outline .pro_info .cata_row span.cata_txt {display:inline-block; margin:0 1px 5px; padding:0 5px; height:20px; line-height:20px; font-size:12px;}

	.program_list_card ul li .outline .pro_info .bottom_row .subject {display:block; margin-bottom:5px; color:#333; font-size:16px; line-height:1.3em; height:43px;}	

	/* 메인 노출용 */
	.main_content_area .program_list_card ul {overflow:hidden; margin-left:-2%;}
	.main_content_area .program_list_card ul li {float:left; margin-left:2%;width:48%;}
}
/* 모바일*/
@media all and (max-width:640px){
	
}

@media all and (max-width:480px){
	.program_list_card ul li {float:left; margin-left:2%; margin-bottom:25px; width:98%;}
	.program_list_card ul li .outline .pro_info .bottom_row .subject {height:initial; max-height:43px;}

	/* 메인 노출용 */
	.main_content_area .program_list_card ul {overflow:hidden; margin-left:-2%;}
	.main_content_area .program_list_card ul li {float:left; margin-left:2%;width:98%;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 상담/검사
 ///////////////////////////////////////////////////////////////////////////////////////////*/
/* 상담 검색영역 : 반응형 */
@media all and (max-width:768px){
	#counsel_search {border:solid 1px #ddd;}
	#counsel_search colgroup {display:none;}
	#counsel_search thead {display:none;}
	#counsel_search tbody {}
	#counsel_search tbody tr {display:block; padding:0 10px;}
	#counsel_search tbody th {display:block; padding:5px 0 0; padding-left:20px; text-align:left; background:url('../../../images/core/icon/icon_nav_bar.png') no-repeat 10px 15px; border:none;}
	#counsel_search tbody td {display:block; padding:5px 10px 10px; text-align:left; border:none; border-bottom:solid 1px #ccc;}
	#counsel_search tbody tr:last-child td {border-bottom:none;}
	#counsel_search tbody td.rwd_checkbox {display:block;}
	#counsel_search tbody .mobile_hidden {display:none;}
	#counsel_search tbody td span.pc_hidden {padding-left:5px; margin-right:3px; display:inline-block; font-size:13px; color:#000; background:url('../../../images/core/icon/bullet_dot.png') no-repeat left center;}
	#counsel_search tbody td.rwd_block {display:block; line-height:1.0;}
	#counsel_search tbody td.rwd_fl_l {float:left;}
	#counsel_search tbody td.end.rwd_block {border-top:solid 1px #ccc;}	
}


/* 상담/검사 */
.form_content {display:inline-block; width:100px; min-width:80px;}
.form_content input[type="text"] {width:100%; height:31px; border:none; color:#666; border-radius:7px;}
.form_content select {width:100%; height:31px; border:none; color:#666; border-radius:7px;}
input.date {width:100px !important; background:url('../../../images/core/icon/icon_calendar.png') #fff no-repeat 80px center;}
input.date_time {width:150px !important; background:url('../../../images/core/icon/icon_calendar.png') no-repeat 130px center;}

.counsel_is_box {padding:10px; background:url('../../../images/core/sub/bg_pattern_01.png');}
.counsel_is_box .outline {padding:15px; text-align:center; background-color:#fff;}
.counsel_is_box .outline img {}

.counsel_status_box {color:#666; background-color:#fff; border:solid 10px #f8f8f8;}
.counsel_status_box .outline {padding:15px;}
.counsel_status_box .outline .tx {padding:0 15px;}

.counsel_search_box {display:table; width:100%; background-color:#ebebeb;}
.counsel_search_box .left {display:table-cell; padding:10px;}
.counsel_search_box .left span.ti {display:inline-block; padding:0 10px; font-size:14px; color:#333; vertical-align:middle;}
.counsel_search_box .rwd_di {display:inline-block;}
.counsel_search_box .right {display:table-cell; padding:10px; text-align:right;}
.counsel_search_box .form_content {display:inline-block; width:200px; vertical-align:middle;}

ul.dot_list {padding-left:15px;}
ul.dot_list li {padding-left:10px; background:url('../../../images/core/icon/bullet_dot2.png') no-repeat left 10px;}

ul.bar_list {padding-left:15px;}
ul.bar_list li {padding-left:10px; background:url('../../../images/core/icon/bullet_bar.png') no-repeat left 10px;}

/* 모바일*/
@media all and (max-width:768px){
	.counsel_status_box {background-color:#fff; border:solid 10px #f8f8f8;}
	.counsel_status_box .outline {padding:10px;}	
	.counsel_status_box .outline ul.dot_list {padding-left:0;}
	.counsel_status_box .outline .tx {padding:0;}

	.counsel_search_box {display:block; width:initial;}
	.counsel_search_box .left {display:block; margin:0 10px; padding:10px; border-bottom:solid 1px #d8d8d8; text-align:center;}
	.counsel_search_box .right {display:block; margin:0 10px; padding:10px; text-align:center;}
	.counsel_search_box .form_content {width:initial;}
}

@media all and (max-width:480px){
	.counsel_search_box .left {text-align:left;}
	.counsel_search_box .rwd_di {display:block; margin-bottom:5px;}
	.counsel_search_box .rwd_di span.ti {padding:0; width:60px; font-size:14px;}
}


.counsel_step_box {}
.counsel_row {margin-bottom:30px; padding-top:30px; display:table; width:100%; border-top:solid 1px #ebebeb;}
.counsel_row.first, .counsel_row:first-child {border-top:none; padding-top:0;}
.counsel_row>.left {display:table-cell; width:130px; text-align:center;}
.counsel_row>.left .circle_title {display:table; width:95px; height:95px; background-color:#e5e9ef;
	-webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px;}
.counsel_row>.left .circle_title .circle_outline {display:table-cell; text-align:center; vertical-align:middle; color:#4c6893; font-size:18px; line-height:1.2;}
.counsel_row>.left .circle_title.answer_circle {background-color:#e5efe6;}
.counsel_row>.left .circle_title.basic_circle {background-color:#edefe5;}
.counsel_row>.left .circle_title.basic_circle .circle_outline {color:#7e8b4f;}
.counsel_row>.left .circle_title.result_circle {background-color:#efd9c1;}
.counsel_row>.left .circle_title.result_circle .circle_outline {color:#7b6246;}
.counsel_row>.right {display:table-cell; vertical-align:top;}

.counsel_row_func {padding:20px 0 0; text-align:center;}
.counsel_row_func button {margin:0 5px; /*width:135px; height:38px; font-size:16px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;*/}
.counsel_row_func button.btn_step {color:#fff; background-color:#505d6e;}
.counsel_row_func button.btn_app {color:#fff; background-color:#943134;}

.counsel_txt {padding:15px; color:#666;}

.hard_line {margin-bottom:20px; height:15px; background:url('../../../images/core/sub/bg_pattern_01.png');}

/* 모바일*/
@media all and (max-width:640px){
	
}
@media all and (max-width:480px){
	.counsel_step_box {}
	.counsel_row {display:block;}
	.counsel_row>.left {display:block; width:auto;}
	.counsel_row>.left .circle_title {display:table; margin:0 auto 10px; width:80px; height:80px;}
	.counsel_row>.left .circle_title .circle_outline {font-size:15px;}	
	.counsel_row>.right {display:block;}

	.counsel_row_func button {margin:0; letter-spacing:-1px;}
}

/* 개인 정보 수집 및 활용 동의서 */
.pop_policy_box {border:solid 1px #ddd;}
.pop_policy_box iframe {width:100%;}

/* 상담쪽 탭메뉴 기본 타입 */
.counsel_tabmenu {margin-bottom:20px; position:relative;}
.counsel_tabmenu ul {/*overflow:hidden;*/ height:40px; border-bottom:solid 1px #e1e1e1; z-index:0;}
.counsel_tabmenu ul li {float:left;}
.counsel_tabmenu ul li a {display:block; margin-right:1px; width:130px; height:40px; line-height:40px; color:#999; font-size:16px; text-align:center; background-color:#f5f5f5;}
.counsel_tabmenu ul li a.active {height:40px; line-height:40px; color:#333; background-color:#fff; border:solid 1px #e1e1e1; border-bottom:none; z-index:1; }
.counsel_tabmenu button.btn {position:absolute; top:0; right:0;}

@media all and (max-width:768px){
	.counsel_tabmenu.ea5 ul li {float:left; width:auto; box-sizing:border-box;}
	.counsel_tabmenu.ea5 ul li a {display:block; padding:0 15px; margin-right:1px; width:auto; height:40px; line-height:40px;}
}
/* 모바일*/
@media all and (max-width:640px){
	
}
@media all and (max-width:480px){
	.counsel_tabmenu ul {height:40px; border-bottom:solid 1px #e1e1e1; z-index:0;}
	.counsel_tabmenu ul li a {display:block; margin-right:2px; padding:0 7px; width:auto; height:40px; line-height:40px; font-size:14px;}

	.counsel_tabmenu.ea2 ul li {float:left; width:50%; box-sizing:border-box;}
	.counsel_tabmenu.ea2 ul li a {display:block; margin-right:1px; width:auto; height:40px; line-height:40px;}
}


/* 상세설정 : 주단위 요일 선택 */
a.week_select {display:inline-block; margin:0 3px; width:22px; height:22px; font-size:13px; color:#333; text-align:center; background-color:#fff; border:solid 1px #ddd;
	-webkit-border-radius:22px; -moz-border-radius:22px; -o-border-radius:22px; border-radius:22px;}
a.week_select:hover {border:solid 1px #333;}
a.week_select.active {color:#fff; background-color:#0253a4; border:solid 1px #0253a4;}

/*///////////////////////////////////////////////////////////////////////////////////////////
 팝업
 ///////////////////////////////////////////////////////////////////////////////////////////*/
 /* 검색 */
.search_box_pop {padding:7px 5px; background-color:#ebebeb;}
.search_box_pop input[type="text"] {border:none; height:28px;}


/* 약관페이지 스타일 */
.policy_page {padding:10px; background-color:#fff;}
.policy_page .policy_title {display:inline-block; padding:0 15px; font-size:14px; color:#fff; background-color:#aaa; border-radius:30px;}
.policy_page .policy_page_txt {margin-bottom:30px;}


/* 만족도 조사 */
.poll_box {padding:10px 20px; font-size:16px;}
.poll_text {margin-bottom:20px;}
.poll_text strong {font-weight:normal;}
.poll_row {padding:10px 0;}
.poll_row .poll_question {padding-left:15px; text-indent:-15px;}
.poll_row .poll_question strong {font-weight:normal;}
.poll_row .poll_answer {padding:10px 10px;}
.poll_row .poll_answer ul {overflow:hidden;}
.poll_row .poll_answer ul li {float:left; margin:0 10px; font-size:14px;}
.poll_row .poll_answer textarea {border:solid 1px #ddd}

/* 모바일*/
@media all and (max-width:768px){
	.poll_box {padding:10px;}
	.poll_row .poll_answer ul li {float:none; padding:5px 0;}
}


/* 상담자 소개 */
.counselor_list {}
.counselor_list ul {overflow:hidden; /*margin-left:-2%;*/}
.counselor_list ul li {/*float:left; margin-left:2%;*/ margin-bottom:15px; /*width:48%;*/}
.counselor_list ul li .outline {padding:10px; border:solid 1px #ccc;}
.counselor_list ul li .outline .top {margin-bottom:10px;}
.counselor_list ul li .outline .top .intro_area {display:table; width:100%;}
.counselor_list ul li .outline .top .intro_area .photo {display:table-cell; vertical-align:middle; text-align:center; width:124px;}
.counselor_list ul li .outline .top .intro_area .photo .photo_thum {margin-right:10px; padding:7px; width:100px; height:138px; line-height:138px; vertical-align:middle; background-color:#fff; border:solid 1px #ccc; overflow:hidden;}
.counselor_list ul li .outline .top .intro_area .photo .photo_thum img {border:solid 1px #ebebeb;}
.counselor_list ul li .outline .top .intro_area .photo .photo_thum.photo_thum_blank {background-color:#f3f3f3;}
.counselor_list ul li .outline .top .intro_area .photo .photo_thum.photo_thum_blank img {border:solid 1px #f3f3f3;}
.counselor_list ul li .outline .top .intro_area .txt {display:table-cell; padding:7px; line-height:1.2; border:solid 1px #ccc; vertical-align:middle;}
.counselor_list ul li .outline .top .intro_area .txt .overflow_box {height:138px; overflow-y:auto;}

.counselor_list ul li .outline .info {}
.counselor_list ul li .outline .info table {font-size:13px;}
.counselor_list ul li .outline .info table th {padding:5px;}
.counselor_list ul li .outline .info table td {padding:5px;}

/* 모바일*/
@media all and (max-width:768px){
	.counselor_list ul {overflow:hidden; margin-left:0;}
	.counselor_list ul li {float:none; margin-left:0; width:auto;}
}  
@media all and (max-width:414px){
	.counselor_list ul li .outline .top .intro_area .photo {display:block; width:auto;}
	.counselor_list ul li .outline .top .intro_area .photo .photo_thum {margin-right:0; margin:0 auto 10px;}
	.counselor_list ul li .outline .top .intro_area .txt {display:block; width:auto;}
	.counselor_list ul li .outline .top .intro_area .txt .overflow_box {height:138px; overflow-y:auto;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 캘린더
 ///////////////////////////////////////////////////////////////////////////////////////////*/
/*캘린더 컨트롤 */
.calender {text-align:center; height:30px; position:relative;}
.calender .cal_top .fl_r > ul > li {float:left; margin-left:-1px;}
.calender .cal_top .fl_r > ul > li.active > button.btn_day {background-color:#888; border:1px solid #888; color:#fff;}
.calender .cal_top .center {display:inline-block;}
.calender .cal_top .center > span {font-size:18px; margin:0 15px; color:#333;}
.calender .cal_top .fl_r, .calender .cal_top .fl_l {padding-top:10px;}
button.btn_day {padding:0 10px; height:30px; background-color:#fff; border:1px solid #888; color:#888;}

/* 모바일*/
@media all and (max-width:414px){
	.calender .cal_top .center {display:block; width:100%; position:absolute; top:0; left:0;}
	.calender .cal_top .center > span {font-size:16px; margin:0 5px;}
	.calender .cal_top .fl_r, .calender .cal_top .fl_l {padding-top:50px;}
}

/* 캘린더 툴팁 ****************************/
.calender_tooltip {width:200px; background-color:#fff; border:solid 1px #666;}
.calender_tooltip .title {height:30px; line-height:30px; font-size:16px; color:#fff; font-weight:normal; background-color:#000;}
.calender_tooltip .title span {margin-left:10px;}
.calender_tooltip .tip_cont {padding:10px;}

.calender_tipdetail {}
.calender_tipdetail dl {padding-left:65px; overflow:hidden;}
.calender_tipdetail dl dt {float:left; width:65px; margin-left:-65px;}
.calender_tipdetail dl dd {float:left;}

/* 캘린더 더보기 ****************************/
.l_pop_calender_more {width:600px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-300px; z-index:101;}
.l_pop_calender_more .title {height:30px; line-height:30px; font-size:16px; color:#fff; font-weight:normal; background-color:#000; position:relative;}
.l_pop_calender_more .title span {margin-left:10px;}
.l_pop_calender_more .btn_popup_close {display:inline-block; width:18px; height:18px; font-size:0; text-indent:-10000px; background:url('../../../images/core/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:10px; margin-top:-9px;}
.l_pop_calender_more .pop_body {padding:20px;}
.l_pop_calender_more .pop_footer {padding-bottom:20px;}

@media screen and (max-width:1024px) {
	.l_pop_calender_more {width:90%; position:absolute; top:100px; left:5%; margin-left:0;}
}

@media screen and (max-width:768px) {
	.l_pop_calender_more {width:96%; position:absolute; top:100px; left:2%; margin-left:0;}
	.l_pop_calender_more .pop_body {padding:20px 10px 0px;}
	.l_pop_calender_more .pop_footer {padding:5px 10px 30px;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 비교과 프로그램
 ///////////////////////////////////////////////////////////////////////////////////////////*/
 /* 비교과 페이지 : SNS공유 */
.share_box {display:inline-block; position:relative;}
.share_box a.btn_share {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; vertical-align:middle; border:solid 1px #666; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:7px;}
.share_box a.btn_share img {width:17px;}
.share_box .pop_share {padding:5px; -webkit-border-radius:5px 5px 0 5px; -moz-border-radius:5px 5px 0 5px; -o-border-radius:5px 5px 0 5px; border-radius:5px 5px 0 5px; background-color:#fff; border:solid 1px #999; position:absolute; top:32px; right:0; z-index:10;
	box-shadow: 0px 3px 3px 0px #ccc;}
.share_box .pop_share .sns_share {position:relative;}
.share_box .pop_share .sns_share ul {display:table;}
.share_box .pop_share .sns_share ul li {display:table-cell;}
.share_box .pop_share .sns_share ul li a {display:block; margin:0 2px; width:34px; height:34px; border-radius:34px; overflow:hidden;}
.share_box .pop_share .sns_share ul li a img {width:100%;}
.share_box .pop_share  a.btn_share_close {display:inline-block; font-size:0; text-indent:-10000px; width:20px; height:20px; border:solid 1px #999; background:url('../../../images/core/icon/05/btn_sharepop_close.png') #fff no-repeat center center; 
/*-webkit-border-radius:5px 5px 0 5px; -moz-border-radius:5px 5px 0 5px; -o-border-radius:5px 5px 0 5px; border-radius:5px 5px 0 5px;*/ box-shadow: 0px 3px 3px 0px #ccc;
position:absolute; top:44px; right:-1px;} 

/* 비교과 프로그램 팀 이름 및 기능버튼 */
.team_header_box {padding:10px 10px 10px 20px; border:solid 1px #ccc; border-radius:5px;}
.team_header_box .outline {display:table; overflow:auto; width:100%;}
.team_header_box .outline .left {display:table-cell; vertical-align:middle;}
.team_header_box .outline .left .team {display:inline-block; width:40px; height:22px; line-height:22px; color:#666;  text-align:center; background-color:#fff; border:solid 1px #898989; border-radius:5px;}
.team_header_box .outline .left .team_name {margin-left:10px; font-size:16px;}
.team_header_box .outline .right {display:table-cell; width:250px; text-align:right; vertical-align:middle;}
.team_header_box .outline .right button {margin:0 3px;}

@media all and (max-width:640px){	
	.team_header_box .outline {padding:0;}
	.team_header_box .outline .left {width:auto; display:block;}
	.team_header_box .outline .right {width:auto; display:block; border-top:solid 1px #ccc; margin-right:0; padding-top:5px; text-align:right;}
	.team_header_box .outline .right button {margin:0; margin-right:5px;}
}

/* 팀 기본정보 /////////////////////////////////////////////////////////////////////*/
.team_basic_info {display:table; width:100%; margin-bottom:30px;}
.team_basic_info .left {display:table-cell; width:400px; vertical-align:top;}
.team_basic_info .left .thum {width:100%; height:0; border:solid 1px #e2e2e2; background-repeat:no-repeat; background-position:center center; background-size:cover; padding-top:calc(230/400*100%); position:relative; box-sizing:border-box;}
.team_basic_info .right {display:table-cell; padding-left:50px;  vertical-align:top;}
.team_basic_info .right dl {padding-top:20px; font-size:16px; color:#666; overflow:hidden;}
.team_basic_info .right dt {clear:both; float:left; padding:5px; width:65px;}
.team_basic_info .right dd {float:left; padding:5px;}

a.file_down {display:inline-block; padding-left:18px; min-width:15px; background:url('../../../images/core/icon/icon_down.png') no-repeat left center;}
a.file_down:hover {text-decoration:underline; color:#701e20;}
a.out_link {display:inline-block; padding-left:18px; min-width:15px; background:url('../../../images/core/icon/icon_link.png') no-repeat left center;}
a.out_link:hover {text-decoration:underline; color:#701e20;}

/* 데스크탑 */
@media all and (max-width:1200px){
	.team_basic_info .left {display:table-cell; width:40%;}
	.team_basic_info .left .thum {width:100%;}
	.team_basic_info .right {padding-left:10px;}
	.team_basic_info .right dl {padding-top:10px;}
}
@media all and (max-width:1024px){
	.team_basic_info .left .thum {/*height:200px;*/}
	.team_basic_info .right dl {padding-top:5px; font-size:15px;}
}
/* 테블릿 */
@media all and (max-width:768px){
	.team_basic_info .left .thum {/*height:200px;*/}
	.team_basic_info .right dl {padding-top:0; font-size:14px;}
}
/* 모바일 */
@media all and (max-width:640px){
	.team_basic_info {display:block;}
	.team_basic_info .left {display:block; width:initial;}
	.team_basic_info .left .thum {height:180px;}
	.team_basic_info .right {display:block; width:initial; padding-left:0;}
	.team_basic_info .right dl {padding-top:10px; font-size:14px;}
	.team_basic_info .right dt {width:60px;}
}

/* row_grid2 */
.row_grid2 {overflow:hidden;}
.row_grid2 .left {float:left; width:49%;}
.row_grid2 .right {float:right; width:49%;}
.row_grid2 .border_left {border-left:solid 1px #ebebeb;}

.graph {border:solid 1px #ebebeb;}
.graph_radius {border:solid 1px #ebebeb; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
.graph_inner {padding:0 20px;}

.graph_type {padding:0 20px; text-align:left;}
.graph_type a {display:inline-block; margin:0 7px; font-size:0; text-indent:-10000px;  width:35px; height:31px; background-repeat:no-repeat; background-position:center center;}
.graph_type a.btn_type_bar {background-image:url('../../../images/core/icon/icon_type_bar.png');}
.graph_type a.btn_type_bar:hover, .graph_type a.btn_type_bar.active {background-image:url('../../../images/core/icon/icon_type_bar_active.png');}
.graph_type a.btn_type_radial {background-image:url('../../../images/core/icon/icon_type_radial.png');}
.graph_type a.btn_type_radial:hover, .graph_type a.btn_type_radial.active {background-image:url('../../../images/core/icon/icon_type_radial_active.png');}


/* 데스크탑 */
@media all and (max-width:1200px){

}
/* 테블릿 */
@media all and (max-width:768px){
	.row_grid2 {overflow:hidden;}
	.row_grid2 .left {float:none; margin-bottom:30px; width:100%;}
	.row_grid2 .right {float:none; width:100%;}
}
/* 모바일 */
@media all and (max-width:640px){

}


/* 직무역량 아이콘 세트 //////////////////////////////////////////////////////////////////*/
.job_capability_list {}
.job_capability_list ul {}
.job_capability_list ul li {}
.job_capability_list ul li .list_row {padding-left:160px; overflow:hidden;}

.job_capability_list ul li .list_row .outline_icon {float:left; width:140px; margin-left:-160px; vertical-align:middle;}
.job_capability_list ul li .list_row .outline_icon .align_box {width:140px; height:140px; text-align:center; border:solid 1px #ebebeb; border-top:none;}
.job_capability_list ul li.first .list_row .outline_icon .align_box {border-top:solid 1px #ebebeb;}

.job_capability_list ul li .list_row .outline_text {float:right; width:100%; height:140px; vertical-align:middle;}
.job_capability_list ul li .list_row .outline_text .align_box {height:140px; border:solid 1px #ebebeb; border-top:none;}

.job_capability_list ul li .list_row .outline_text .align_box .di_table {display:table; width:100%; height:140px;}
.job_capability_list ul li .list_row .outline_text .align_box .di_table .ment {display:table-cell; padding:0 20px; vertical-align:middle; font-size:14px;}

.job_capability_list ul li.first .list_row .outline_text .align_box {border-top:solid 1px #ebebeb;}

.job_capability_list ul li .list_row .outline_icon .icon {display:inline-block; margin-top:40px; height:45px;}
.job_capability_list ul li .list_row .outline_icon .txt {display:block; padding-top:5px; font-size:14px; color:#333;}

/* 모바일 */
@media all and (max-width:640px){
	.job_capability_list ul {padding:20px 0; overflow:hidden;}
	.job_capability_list ul li .list_row {padding-left:100px;}
	.job_capability_list ul li .list_row .outline_icon {width:90px; margin-left:-100px; vertical-align:middle;}
	.job_capability_list ul li .list_row .outline_icon .align_box {width:90px; height:170px; text-align:center; border:solid 1px #ebebeb; border-top:none;}
	.job_capability_list ul li .list_row .outline_icon .icon {margin-top:55px; height:45px;}

	.job_capability_list ul li .list_row .outline_text {height:170px;}
	.job_capability_list ul li .list_row .outline_text .align_box {height:170px;}
	.job_capability_list ul li .list_row .outline_text .align_box .di_table {height:170px;}
	.job_capability_list ul li .list_row .outline_text .align_box .di_table .ment {}
}


/* 전체직무역량 아이콘 리스트 //////////////////////////////////////////////////////////////////*/
.job_capability_iconbox {margin-bottom:30px;}
.job_capability_iconbox ul {overflow:hidden; border-top:solid 1px #ebebeb; border-left:solid 1px #ebebeb;}
.job_capability_iconbox ul li {float:left; width:16.667%;}
.job_capability_iconbox ul li .align_box {display:block; height:140px; text-align:center; border-bottom:solid 1px #ebebeb; border-right:solid 1px #ebebeb;}
.job_capability_iconbox ul li .icon {display:inline-block; margin-top:40px; height:45px;}
.job_capability_iconbox ul li .txt {display:block; padding-top:5px; font-size:14px; color:#333;}
.job_capability_iconbox ul li a {display:block;}
.job_capability_iconbox ul li a:hover, .job_capability_iconbox ul li a.active {border:solid 2px #ff5722;}
.job_capability_iconbox ul li a:hover .align_box, .job_capability_iconbox ul li a.active .align_box {height:136px;}

/* 모바일 */
@media all and (max-width:640px){
	.job_capability_iconbox ul li .align_box {height:100px;}
	.job_capability_iconbox ul li {float:left; width:33.33%;}
	.job_capability_iconbox ul li .icon {margin-top:15px; height:45px;}
	.job_capability_iconbox ul li a:hover .align_box, .job_capability_iconbox ul li a.active .align_box {height:96px;}
}

@media all and (max-width:414px){
	.job_capability_iconbox ul li .txt {font-size:12px; letter-spacing:-1px;}
}

/* 나의 활동 현황 : 비교과 ///////////////////////////////////////////////////////////////*/
.my_status {margin-bottom:20px;}
.my_status ul {padding:20px; overflow:hidden; border:solid 1px #ccc;}
.my_status.nonsubject ul li {float:left; width:25%; text-align:center;}
.my_status.nonsubject ul li.first {}
.my_status.nonsubject ul li .outline {padding:10px 0; border-left:solid 1px #ddd;}
.my_status.nonsubject ul li.first .outline {border-left:none;}
.my_status.nonsubject ul li .outline .icon {display:inline-block; margin-right:10px; vertical-align:middle; width:50px; opacity:0.5;}
.my_status.nonsubject ul li .outline .tx {display:inline-block; line-height:1; vertical-align:middle;}
.my_status.nonsubject ul li .outline .tx span {display:block; margin-bottom:5px; font-size:18px;}
.my_status.nonsubject ul li .outline .tx strong {display:block; font-size:24px; color:#4660a9;}


/* 모바일*/
@media all and (max-width:768px){
	.my_status ul {padding:20px 5px;}
	.my_status.nonsubject ul li .outline .icon {width:40px;}
	.my_status.nonsubject ul li .outline .tx span {font-size:16px;}
	.my_status.nonsubject ul li .outline .tx strong {font-size:20px;}

	#rwd_table_nonsubjectprogram {width:900px; font-size:14px;}
}

@media all and (max-width:640px){	
	.my_status.nonsubject ul li .outline .tx span {display:block; margin-bottom:5px; font-size:14px;}
	.my_status.nonsubject ul li .outline .tx strong {font-size:16px;}
}

@media all and (max-width:480px){
	.my_status ul {padding:0;}
	.my_status.nonsubject ul li .outline .icon {display:block; margin-bottom:5px; width:30px;}
	.my_status.nonsubject ul li .outline .tx span {display:block; margin-bottom:5px; font-size:14px;}
}

/* 상담 현황 ///////////////////////////////////////////////////////////////////////*/
.counsel_status_title {position:relative;}
.counsel_status_title a.btn_more {display:inline-block; font-size:0; text-indent:-10000px; width:22px; height:22px; border:solid 1px #ebebeb; background:url('../../../images/core/icon/icon_plus.png') #fff center center no-repeat; 
position:absolute; top:-3px; right:0;}
.counsel_status_title a.btn_more:hover {border:solid 1px #999;}

/* 상담상태 */
.consult_status {display:inline-block; padding:0 10px; color:#fff; font-size:12px; vertical-align:middle; height:20px; line-height:20px; background-color:#f2f2f2; border:none; border-radius:20px;}
.consult_status.hold {background-color:#f68f54;}
.consult_status.app {background-color:#0153a5;}
.consult_status.confirm {background-color:#00a54f;}
.consult_status.completehold {background-color:#736356;}
.consult_status.complete {background-color:#692d91;}
.consult_status.notabsent {background-color:#555555;}
.consult_status.reject {background-color:#002157;}
.consult_status.cancle {background-color:#740001;}

.consult_status.notyet {background-color:#f68f54;}
.consult_status.appcomplete {background-color:#736356;}
.consult_status.answercomplete {background-color:#692d91;}


.my_status_counsel ul {padding:20px; overflow:hidden; border:solid 10px #f5f5f5;}
.my_status_counsel ul li {float:left; width:25%; text-align:center;}
.my_status_counsel.col4 ul li {float:left; width:25%; text-align:center;}
.my_status_counsel.col3 ul li {float:left; width:33.33%; text-align:center;}
.my_status_counsel ul li.first {}
.my_status_counsel ul li .outline {padding:10px 0; border-left:solid 1px #ddd;}
.my_status_counsel ul li.first .outline {border-left:none;}
.my_status_counsel ul li .outline .icon {display:inline-block; margin-right:10px; vertical-align:middle; width:50px; opacity:0.5;}
.my_status_counsel ul li .outline .tx {display:inline-block; line-height:1; vertical-align:middle;}
.my_status_counsel ul li .outline .tx strong {display:block; margin-bottom:5px; font-size:22px; color:#4660a9; font-weight:normal;}
.my_status_counsel ul li .outline .tx span {display:block; font-size:16px; color:#555;}
.my_status_counsel ul li {float:left; width:33.33%; text-align:center;}

/* 모바일*/
@media all and (max-width:768px){
	.my_status_counsel ul {padding:20px 5px; border:solid 5px #f5f5f5;}
	.my_status_counsel ul li .outline .icon {width:40px;}
}

@media all and (max-width:640px){
	.my_status_counsel ul li .outline .icon img {width:50px;}	
	.my_status_counsel ul li .outline .tx strong {display:block; font-size:16px;}
	.my_status_counsel ul li .outline .tx span {display:block; font-size:14px;}
}

@media all and (max-width:480px){
	.my_status_counsel ul {padding:0;}
	.my_status_counsel ul li .outline .icon {display:block; margin-bottom:5px; width:30px; opacity:0.5;}
}

/* 검색 박스 //////////////////////////////////////////////////////////////////////////*/
.search_box {display:table; padding:0; width:100%; background-color:#ebebeb; box-sizing:border-box !important;}
.search_box .search_row {padding:5px 10px; border-top:solid 1px #ddd;}
.search_box .search_row:first-child {border-top:none;}
.search_box  span.ti {display:inline-block; padding:0 10px; color:#333; font-size:14px; vertical-align:middle;}
.search_box .rwd_di {display:inline-block;}
.search_box .left {display:table-cell; padding:10px; }
.search_box .right {display:table-cell; padding:10px; text-align:right;}
.search_box .form_content {display:inline-block; vertical-align:middle;}
.search_box .btn_search_area {margin-left:10px; display:inline-block;}

/* 데스크 탑*/
@media all and (max-width:1200px){	
}

/* 모바일*/
@media all and (max-width:768px){
	.search_box {display:block; width:auto;}
	.search_box .left {display:block; padding:10px; border-bottom:solid 1px #d8d8d8; text-align:center;}
	.search_box .rwd_di {display:inline-block; padding:3px 0;}
	.search_box  span.ti {font-size:14px;}
	.search_box .form_content {margin-bottom:2px;}	
	.search_box .right {display:block; margin:0 10px; padding:10px; text-align:center;}
}

@media all and (max-width:480px){
	.search_box .left {text-align:left;}
	.search_box .rwd_di {display:block; margin-bottom:5px;}
	.search_box .rwd_di span.ti {padding:0; width:60px; font-size:14px;}
	.search_box .form_content {display:block; width:auto;}
	.search_box .btn_search_area {margin-left:0; display:block;}
}



/* 학생 조회하기 버튼 배경 */
.btn_bg_std_search {color:#fff !important; background-color:#4f6bb9 !important; border:solid 1px #4f6bb9 !important;}

/* 팀원 대기, 승인 세팅 UI //////////////////////////////////////////////////////////////////*/
.team_member_set {display:table; width:100%; overflow:hidden;}
.team_member_set .left {display:table-cell; width:50%; vertical-align:top; padding-right:5px;}
.team_member_set .right {display:table-cell; width:50%; vertical-align:top; padding-left:5px;}

.team_member_set .member_list {}
.team_member_set .member_list .top {padding:10px; text-align:center; background-color:#eee;}
.team_member_set .member_list .top strong {display:block;}
.team_member_set .member_list .top span {}
.team_member_set .member_list ul {border:solid 1px #eee; height:205px; overflow-y:auto;}
.team_member_set .member_list ul li {padding:0 30px; height:40px; line-height:40px; border-top:solid 1px #eee;}
.team_member_set .member_list ul li label {}
.team_member_set .member_list ul li input {}
.team_member_set .member_list ul li span {}
.team_member_set .member_list .set_func {padding:10px 0; text-align:right;}

@media all and (max-width:640px){
	.team_member_set .member_list ul li {padding:0 10px;}
}
@media all and (max-width:480px){
	.team_member_set {display:block; width:100%; overflow:hidden;}
	.team_member_set .left {display:block; width:initial; vertical-align:top; padding-right:0;}
	.team_member_set .right {display:block; margin-bottom:20px; width:initial; vertical-align:top; padding-left:0;}
	.team_member_set .member_list ul li {padding:0 30px;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////
 반응형 table : UI를 유지, 가로 스크롤 생성 
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.table_container_outer {position:relative;}
.table_container_fade {display:none;/* position:absolute; right:0; width:10px; height:100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));*/
}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:640px) {
	#calender_more_table {width:800px;}
	#rwd_table_capstone_list {width:680px;}

	.table_container_outer {position:relative;}
	/*.table_container_fade {display:block; position:absolute; right:0; width:10px; height:100%;
	    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
	}*/
	.table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0;}

}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 역량진단 : 핵심역량진단
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.capability_diagnosis_is_box {padding:10px; background:url('../../../images/core/sub/bg_pattern_01.png');}
.capability_diagnosis_is_box .outline {padding:15px; text-align:center; background-color:#fff;}
.capability_diagnosis_is_box .outline img {}

/* 프로그램 데이터가 없을 경우 */
.program_data_blank {padding:50px 0;}

/*진단하기*/
.capability_diagnosis_box {border:solid 1px #e2e2e2;}
.capability_diagnosis_box .outline {padding:40px 45px;}
.capability_diagnosis_box .outline .grid_col2 {display:table; margin-bottom:30px; width:100%;
	word-break:keep-all;
  	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;
}
.capability_diagnosis_box .outline .grid_col2 .info {display:table-cell; vertical-align:top;}
.capability_diagnosis_box .outline .grid_col2 .info .ti {display:block; margin-bottom:10px; font-size:19px;}
.capability_diagnosis_box .outline .grid_col2 .info .tx {font-size:14px; color:#666;}

/*.capability_diagnosis_box .outline .grid_col2 .func {display:table-cell; padding-top:20px; width:250px; vertical-align:top;}*/
.capability_diagnosis_box .outline .grid_col2 .func {display:table-cell; padding-top:20px; width:120px; vertical-align:top;}
.capability_diagnosis_box .outline .grid_col2 .func .box_gray {display:inline-block; margin:0 5px 5px; width:105px; height:105px; text-align:center; background-color:#f1f1f1; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-o-border-radius:10px; 
	border-radius:10px;
}
.capability_diagnosis_box .outline .grid_col2 .func .box_gray img {margin-top:15px;}
.capability_diagnosis_box .outline .grid_col2 .func .box_gray .ti {display:block; padding-top:5px; font-size:16px; line-height:1;}
.capability_diagnosis_box .outline .grid_col2 .func .box_gray .desc {font-size:14px; color:#666;}

.capability_diagnosis_box .outline .func_btn_area {padding-top:30px; text-align:right; border-top:solid 1px #e2e2e2;}
.capability_diagnosis_box .outline .func_btn_area button {width:152px; height:46px; font-size:19px; color:#fff; background-color:#f44336;
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-o-border-radius:10px; 
	border-radius:10px;
}

@media screen and (max-width:768px) {
	.capability_diagnosis_box .outline {padding:20px;}
	.capability_diagnosis_box .outline .grid_col2 {display:block;}
	.capability_diagnosis_box .outline .grid_col2 .info {display:block; vertical-align:top;}
	.capability_diagnosis_box .outline .grid_col2 .func {display:block; padding-top:20px; width:100%; text-align:center;}
	.capability_diagnosis_box .outline .grid_col2 .func .box_gray {width:110px;}
	.capability_diagnosis_box .outline .func_btn_area {padding-top:15px; text-align:center;}

	.capability_diagnosis_box .outline .func_btn_area button {width:152px; height:40px; font-size:16px;
		-webkit-border-radius:5px; 
		-moz-border-radius:5px; 
		-o-border-radius:5px; 
		border-radius:5px;
	}
}

/* 진단시작 팝업 */
.pop_capability_diagnosis {width:900px !important; margin-left:-450px !important;}

.diagnosis_header {display:table; width:100%; margin-bottom:10px; overflow:hidden;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.diagnosis_header .ti {display:table-cell; padding-right:10px; font-size:20px; vertical-align:top; line-height:1.3;}
.diagnosis_header .info {display:table-cell; width:200px; font-size:16px; vertical-align:top; text-align:right;}

@media screen and (max-width:768px) {
	.diagnosis_header {display:block; width:100%;}
	.diagnosis_header .ti {display:block; padding-right:0; }
	.diagnosis_header .info {display:block; width:initial; text-align:left;}
}

.diagnosis_func_area {padding:25px 0; overflow:hidden;}
.diagnosis_func_area .left {float:left;}
.diagnosis_func_area .right {float:right;}
.diagnosis_func_area button {width:120px; height:35px; font-size:16px; color:#fff; border:none;}
.diagnosis_func_area button img {vertical-align:middle;}
.diagnosis_func_area button.btn_prev {background-color:#adadad;}
.diagnosis_func_area button.btn_next {background-color:#505d6e; }
.diagnosis_func_area button.btn_submit {background-color:#f44336;}

@media screen and (max-width:768px) {
	.diagnosis_func_area button {width:90px; height:35px; font-size:14px;}
}

/* 진단 문항 table */
table.table_diagnosis {width:100%; font-size:16px;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_diagnosis thead th {padding:7px 3px; color:#fff; font-size:14px; font-weight:normal; line-height:1.2; background-color:#878787; border:solid 1px #ececec;}
table.table_diagnosis tbody td {padding:5px; text-align:center; background-color:#fff; border:solid 1px #ececec;}

@media screen and (max-width:1024px) {
	.pop_capability_diagnosis {width:90% !important; position:absolute; top:100px; left:5% !important; margin-left:0 !important;}
}
@media screen and (max-width:768px) {
	.pop_capability_diagnosis {width:90%; position:absolute; top:100px; left:5%; margin-left:0;}
	.pop_capability_diagnosis {width:90%; position:absolute; top:100px; left:5%; margin-left:0;} .pop_body {padding:20px 10px 0px;}
	.pop_capability_diagnosis {width:90%; position:absolute; top:100px; left:5%; margin-left:0;} .pop_footer {padding:5px 10px 30px;}
}
@media screen and (max-width:768px) {
	#rwd_table_diagnosis {width:800px; font-size:14px;}
}


/* 결과보기 : 대상자 기본정보 /////////////////////////////////////////////////////*/
a.btn_down_pdf {display:inline-block; padding-left:35px; padding-right:10px; height:37px; line-height:37px; font-size:16px; background:url('../../../images/core/sub/capability_diagnosis/icon_file_pdf.png') #f8f8f8 no-repeat 5px center; border:solid 1px #eeeeee;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	border-radius:5px;
}
a.btn_down_pdf:hover {border:solid 1px #333;}

.diagnosis_target_info {}
.diagnosis_target_info .outline {display:table; width:100%;}
.diagnosis_target_info .outline .thum {display:table-cell; height:150px; vertical-align:bottom; background:url('../../../images/core/sub/capability_diagnosis/result_visual.png') #f0f7ff no-repeat center center; background-size:cover; position:relative;}
.diagnosis_target_info .outline .thum.baselearn {background:url('../../../images/core/sub/capability_diagnosis/result_visual_base.png') #f0f7ff no-repeat center center; background-size:cover;}
.diagnosis_target_info .outline .thum .title {display:inline-block; padding:15px 0 5px 25px; color:#333; font-size:30px; line-height:1.0; position:absolute; top:0; left:0;}
.diagnosis_target_info .outline .info {display:table-cell; padding-left:10px; width:50%; vertical-align:top;}

table.target_info_view {width:100%; font-size:14px;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.target_info_view th {padding:7px 3px; color:#fff; font-weight:normal; line-height:1.2; background-color:#a3a3a3; border:solid 1px #b9b9b9;}

table.target_info_view td {padding:7px 5px; background-color:#fff; border:solid 1px #ececec;}

@media screen and (max-width:768px) {
	.diagnosis_target_info .outline {display:table; width:100%;}
	.diagnosis_target_info .outline .thum {display:table-cell; height:150px; vertical-align:bottom; background:url('../../../images/core/sub/capability_diagnosis/result_visual.png') #fffbf0 no-repeat left center; background-size:cover;}
	.diagnosis_target_info .outline .thum .title {font-size:26px;}
	.diagnosis_target_info .outline .info {display:table-cell; padding-left:10px; width:60%; vertical-align:top;}	
}
@media screen and (max-width:640px) {
	.diagnosis_target_info .outline {display:block; width:100%;}
	.diagnosis_target_info .outline .thum {display:block; height:150px; vertical-align:bottom; background:url('../../../images/core/sub/capability_diagnosis/result_visual.png') #fffbf0 no-repeat left center; background-size:cover;}
	.diagnosis_target_info .outline .info {display:block; padding-left:0; width:initial; vertical-align:top;}	
}

/* 종합점수 /////////////////////////////////////////////////////*/
.total_rate_box {padding:15px; border:solid 10px #f8f8f8;}
.total_rate_box .outline {display:table; width:100%;}
.total_rate_box .outline .my_rate {display:table-cell; width:240px; text-align:center; vertical-align:middle; border-right:solid 1px #cccccc;}
.total_rate_box .outline .my_rate .ti {display:block; font-size:16px;}
.total_rate_box .outline .my_rate .amount {display:block; font-size:30px;}

.total_rate_box .outline .my_position {display:table-cell; padding:0 30px; vertical-align:middle;}

table.my_positon_data {width:100%; font-size:16px;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.my_positon_data th {padding:7px 20px; color:#333; font-weight:normal; text-align:left; line-height:1.2; background-color:#f5f5f5; border:solid 1px #ebebeb;}
table.my_positon_data td {padding:7px 0; text-align:center; background-color:#fff; border:solid 1px #ebebeb;}

.bar_track {height:20px;}
.bar_track .current {height:20px;}
.bar_track .current.bg_black {background-color:#46454d;}
.bar_track .current.bg_blue {background-color:#009aff;}
.bar_track .current.bg_red {background-color:#ed145b;}

@media screen and (max-width:768px) {
	.total_rate_box {padding:10px; border:solid 5px #f8f8f8;}
	.total_rate_box .outline {display:block; width:100%;}
	.total_rate_box .outline .my_rate {display:block; margin-bottom:10px; width:initial; border-right:none; line-height:1.3;}
	.total_rate_box .outline .my_position {display:block; padding:0 5px; vertical-align:middle;}	
	table.my_positon_data {width:100%; font-size:14px;}
}



/* 나의 활동 현황 : 기타역량 Start /////////////////////////////////////////////////////////////// 2020-01-13 LSY*/
.my_status.otherability ul li {float:left; width:20%; text-align:center;}
.my_status.otherability ul li.first {}
.my_status.otherability ul li .outline {padding:10px 0; border-left:solid 1px #ddd;}
.my_status.otherability ul li.first .outline {border-left:none;}
.my_status.otherability ul li .outline .icon {display:inline-block; margin-right:5px; vertical-align:middle;}
.my_status.otherability ul li .outline .tx {display:inline-block; line-height:1; vertical-align:middle;}
.my_status.otherability ul li .outline .tx div{margin:2px 0 2px 0;}
.my_status.otherability ul li .outline .tx span {margin:0 5px 5px 0; font-size:16px;}
.my_status.otherability ul li .outline .tx strong {font-size:16px; color:#4660a9; font-weight:normal;}
.my_status.otherability ul li .outline .tx strong.cata {display:inline-block; margin-bottom:5px; font-size:19px; color:#333; font-weight:normal;}

/* 모바일*/
@media all and (max-width:768px){
	.my_status ul {padding:10px 5px;}
	.my_status.otherability ul li .outline .icon {display:block; margin-bottom:10px; margin-right:0}
	.my_status.otherability ul li .outline .icon img {width:50px;}
}

@media all and (max-width:640px){
	.my_status.otherability ul li .outline .tx span {font-size:14px;}
	.my_status.otherability ul li .outline .tx strong {font-size:14px;}
	.my_status.otherability ul li .outline .tx strong.cata {font-size:16px;}
}

@media all and (max-width:480px){
	.my_status ul {padding:0; border:none;}
	.my_status.otherability ul li {float:left; width:33.33%;}
	.my_status.otherability ul li .outline {margin:2px; border:solid 1px #ddd;}
	.my_status.otherability ul li.first .outline {border-left:solid 1px #ddd;}
	.my_status.otherability ul li .outline .icon {display:block; margin-bottom:5px; opacity:0.5;}
}

/* 나의 활동 현황 : 기타역량 End /////////////////////////////////////////////////////////////// 2020-01-13 LSY*/

/* 나의 활동 현황 : 직무역량 Start /////////////////////////////////////////////////////////////// 2020-01-13 KHG*/
.ability_title {margin-top:35px;}
.target_ability .outline {padding:15px; overflow:hidden; border:solid 8px #f5f5f5; margin-bottom:15px;}

/* 목표직업 선택 전 */
.my_target_job {border:solid 1px #ccc; padding:20px 0 0; position:relative;}
.my_target_job .outline {display:table; width:100%; overflow:hidden; }
.my_target_job .icon {display:table-cell; width:200px; text-align:center; vertical-align:bottom;}
.my_target_job .center {display:table-cell; padding-right:15px; padding-bottom:10px; text-align:left; vertical-align:middle; line-height:1.3;}
.my_target_job .center .tx1 {display:block; margin-bottom:5px; font-size:16px; color:#666;}
.my_target_job .center .tx2 {font-size:14px; color:#999;}
.my_target_job .func {display:table-cell; padding-right:20px; width:130px; text-align:right; vertical-align:middle;}
.my_target_job .func button.btn_job_select {width:150px; height:46px; font-size:18px; color:#fff; background-color:#f44336; border-radius:5px;
}

.jop_desc {padding:20px 30px; font-size:16px; color:#666; line-height:1.3; background-color:#f1f1f1; border:solid 1px #ccc; border-top:none;}
.my_target_job .job_name {display:block; padding-bottom:15px; font-size:40px; line-height:1.2; font-weight:normal;}

@media all and (max-width:768px){
	.my_target_job .icon {display:none;}
	.my_target_job .center {display:block; padding:0 10px;}
	.my_target_job .job_name {display:block; padding-bottom:15px; font-size:35px;}
	.my_target_job .func {padding-bottom:10px;}
}

@media all and (max-width:640px){
	.my_target_job .center {display:block; padding:0 10px; text-align:center;}
	.my_target_job .job_name {display:block; padding-bottom:15px; font-size:25px;}
	.my_target_job .func {display:block; padding-right:0; padding-top:10px; width:100%; text-align:center; border-top:solid 1px #ccc;  position:relative; bottom:0; right:0;}
	.my_target_job .func button.btn_job_select {width:150px; height:40px; font-size:16px;}
}

.job_option {border:solid 1px #ccc; padding:20px 20px 0;}
.job_option .job_select {}
.job_option .job_select select {width:33%;}
.job_option .ment {}
.job_option .func {padding:10px 10px 20px; text-align:right;}

@media all and (max-width:640px){
	.job_option .job_select select {margin-bottom:5px; width:100%;}
}

/* 목표직업 선택 전 */
.my_target_company {border:solid 1px #ccc; padding:20px 0 0; position:relative;}
.my_target_company .outline {display:table; width:100%; overflow:hidden; }
.my_target_company .icon {display:table-cell; width:200px; text-align:center; vertical-align:bottom;}
.my_target_company .center {display:table-cell; padding-right:15px; padding-bottom:10px; text-align:left; vertical-align:middle; line-height:1.3;}
.my_target_company .center .tx1 {display:block; margin-bottom:5px; font-size:19px; }
.my_target_company .center .tx2 {font-size:14px; color:#999;}
.my_target_company .func {display:table-cell; padding-right:20px; width:130px; text-align:right; vertical-align:middle;}
.my_target_company .func button.btn_company_select {width:150px; height:46px; font-size:19px; color:#fff; background-color:#943134;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	border-radius:5px;
}
.company_desc {padding:20px 30px; font-size:16px; color:#666; line-height:1.3; background-color:#f1f1f1; border:solid 1px #ccc; border-top:none;}
.my_target_company .company_name {display:block; padding-bottom:15px; font-size:40px; line-height:1.2; font-weight:normal;}

@media all and (max-width:768px){
	.my_target_company .icon {display:none;}
	.my_target_company .center {display:block; padding:0 10px;}
	.my_target_company .company_name {display:block; padding-bottom:15px; font-size:35px;}
	.my_target_company .func {padding-bottom:10px;}
}

@media all and (max-width:640px){
	.my_target_company .center {display:block; padding:0 10px; text-align:center;}
	.my_target_company .company_name {display:block; padding-bottom:15px; font-size:25px;}
	.my_target_company .func {display:block; padding-right:0; padding-top:10px; width:100%; text-align:center; border-top:solid 1px #ccc;  position:relative; bottom:0; right:0;}
	.my_target_company .func button.btn_company_select {width:150px; height:40px; font-size:16px;}
}


/* 상세목표 */
.my_target_goal {}
.my_target_goal {border:solid 1px #ccc; padding:20px 0 0; position:relative;}
.my_target_goal .outline {display:table; width:100%; overflow:hidden; }
.my_target_goal .goal_desc {display:table-cell; padding:0 15px 15px; text-align:left; vertical-align:middle; line-height:1.3;}
.my_target_goal .func {display:table-cell; padding-right:20px; padding-bottom:10px; width:130px; text-align:right; vertical-align:middle;}
.my_target_goal .func button.btn_goal_select {width:150px; height:46px; font-size:19px; color:#fff; background-color:#943134;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	-o-border-radius:5px; 
	border-radius:5px;
}

@media all and (max-width:640px){
	.my_target_goal .icon {padding-bottom:60px;}
	.my_target_goal .goal_desc {display:block;}
	.my_target_goal .func {display:block; padding-right:0; padding-top:10px; width:100%; text-align:center; border-top:solid 1px #ccc; position:relative; bottom:0; right:0;}
	.my_target_goal .func button.btn_goal_select {width:150px; height:40px; font-size:16px;}
}


.program_list_card .no_program  {padding:20px; text-align:center;}

.ability_title {position:relative;}
.ability_title a.btn_more {float: right; display:inline-block; font-size:0; text-indent:-10000px; width:22px; height:22px; border:solid 1px #ebebeb; background:url('../../../images/core/icon/icon_plus.png') #fff center center no-repeat; position:absolute; top:-3px; right:0;}
.ability_title a.btn_more:hover {border:solid 1px #999;}

/* 나의 활동 현황 : 직무역량 End /////////////////////////////////////////////////////////////// 2020-01-13 KHG*/


/* 직무역량 */
table.table_data_basic2 {width:100%; font-size:15px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_data_basic2 th {padding:7px 5px; color:#333333;  font-weight:normal; border:solid 1px #cccccc; background-color:#e6e6e6;}
table.table_data_basic2 tbody th {background-color:#f8f8f8;}
table.table_data_basic2 td {padding:7px 5px; text-align:center; border:solid 1px #cccccc; color:#333; font-weight:normal;}
table.table_data_basic2 td input[type="text"] {width:97%; height:26px; color:#333;}
table .bg_gray {background-color:#e6e6e6;}


/*///////////////////////////////////////////////////////////////////////////////////////////////
 역량진단 : 기초학습진단
 ///////////////////////////////////////////////////////////////////////////////////////////////*/
.base_learn_is {border:solid 10px #f8f8f8;}
.base_learn_is .outline {padding:15px; background-color:#fff; line-height:1.3;}
.base_learn_is .outline .ment {padding:10px 15px; font-size:18px; font-weight:normal;}
.base_learn_is .outline ul {font-size:16px; color:#333333;}

@media all and (max-width:768px){	
	.base_learn_is .outline {padding:5px 5px 15px;}
	.base_learn_is .outline .ment {font-size:16px;}
	.base_learn_is .outline ul {font-size:14px;}
}


/*///////////////////////////////////////////////////////////////////////////////////////////
 설문조사
 ///////////////////////////////////////////////////////////////////////////////////////////*/
.l_popup_poll {width:680px; background-color:#fff; border:solid 1px #666; position:absolute; top:100px; left:50%; margin-left:-340px; z-index:101;}
.l_popup_poll .title {height:50px; line-height:50px; font-size:20px; color:#fff; font-weight:normal; background-color:#333;position:relative;}
.l_popup_poll .title span {margin-left:20px;}
.l_popup_poll .btn_popup_close {display:inline-block; width:26px; height:26px; font-size:0; text-indent:-10000px; background:url('../../../images/core/icon/btn_pop_close.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-13px;}
.l_popup_poll .btn_popup_close i {display:none; color:#fff;}

.l_popup_poll .pop_body {padding:0px; overflow:hidden; 
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

.pop_body.bg_poll {background:url('../../../images/core/poll/bg_poll.png') #005baa;}
.pop_body.bg_nonsubject {background:url('../../../images/core/poll/bg_nonsubject.png') #fec84a;}
.pop_body.bg_online {background:url('../../../images/core/poll/bg_online.png') #98d2c9;}
.pop_body.bg_offline {background:url('../../../images/core/poll/bg_offline.png') #d4c6a6;}


.poll_header {padding:50px 20px 20px; text-align:center; line-height:1.2; position:relative;}
.pop_body.bg_poll .poll_header {border-bottom:solid 1px #0068c3;}

.poll_header .poll_title {display:block; padding:0 80px; font-size:40px;}
.poll_header .poll_title span {font-weight:normal;}
.poll_header .poll_name {display:block; font-size:30px;}

.pop_body.bg_poll .poll_header .poll_title {color:#fff;}
.pop_body.bg_poll .poll_header .poll_name {color:#ffbf73;}

.pop_body.bg_nonsubject .poll_header .poll_title {color:#000;}
.pop_body.bg_nonsubject .poll_header .poll_name {color:#000;}

.pop_body.bg_online .poll_header .poll_title {color:#000;}
.pop_body.bg_online .poll_header .poll_name {color:#000;}

.pop_body.bg_offline .poll_header .poll_title {color:#000;}
.pop_body.bg_offline .poll_header .poll_name {color:#000;}

.poll_header .icon_clock {position:absolute; top:-15px; right:20px;}

.pop_body.bg_poll .poll_contet {padding:30px 80px 10px; position:relative;}
.pop_body.bg_nonsubject .poll_contet {padding:10px 80px 10px; position:relative;}
.pop_body.bg_online .poll_contet {padding:0 80px 10px; position:relative;}
.pop_body.bg_offline .poll_contet {padding:0 80px 10px; position:relative;}

.pop_body.bg_poll .poll_contet {border-top:solid 1px #005198;}
.pop_body.bg_poll .poll_contet .poll_box {padding:14px; background-color:#1a6cb3;}

.pop_body.bg_nonsubject .poll_contet .poll_box {padding:14px; background-color:#ffd46e;}
.pop_body.bg_online .poll_contet .poll_box {padding:14px; background-color:#addbd4;}
.pop_body.bg_offline .poll_contet .poll_box {padding:14px; background-color:#ddd1b8;}

.poll_contet .poll_box .outline {padding:30px; background-color:#fff;}
.poll_contet .poll_box .txt {margin-bottom:20px; text-align:center; color:#666;}
.poll_contet .poll_box .info {text-align:center;}
.poll_contet .poll_box .info dl {}
.poll_contet .poll_box .info dt {display:inline-block; padding:0 15px; height:28px; line-height:28px; background-color:#ffe583}
.poll_contet .poll_box .info dd {display:inline-block; padding-left:10px;}

.poll_contet .icon_pencil {position:absolute; bottom:-130px; left:-10px;}

.poll_footer {padding:20px 20px 50px; height:50px; text-align:center; background:url('../../../images/core/poll/character.png') no-repeat bottom right;}
.poll_footer button {padding:0 40px; height:50px; font-size:16px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
.poll_footer button.btn_poll_app {}

.pop_body.bg_poll .poll_footer button {background-color:#ffca00; border:solid 1px #ffca00; }
.pop_body.bg_nonsubject .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;}
.pop_body.bg_online .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;}
.pop_body.bg_offline .poll_footer button {background-color:#000000; border:solid 1px #000000; color:#fff;}

.close_option {overflow:hidden; padding:5px 10px;}
.close_option .left {float:left;}
.close_option .right {float:right;}

/* 온라인 상담 테이블  *************************/
table.table_poll_online {width:100%; font-size:16px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_poll_online th {padding:7px 5px; color:#fff;  font-weight:normal; border:solid 1px #fff; background-color:#90a298;}
table.table_poll_online td {padding:7px 10px; color:#666; border:solid 1px #ddd;}


/* 오파라인 상담 테이블  *************************/
table.table_poll_offline {width:100%; font-size:16px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_poll_offline th {padding:7px 5px; color:#fff;  font-weight:normal; border:solid 1px #fff; background-color:#aa9f85;}
table.table_poll_offline td {padding:7px 10px; color:#666; border:solid 1px #ddd;}


@media all and (max-width:768px){	
	.l_popup_poll {width:90%; position:absolute; top:100px; left:0; margin-left:5%;}

	.poll_header {padding:20px 20px 10px; text-align:center; line-height:1.2; position:relative;}
	.poll_header .poll_title {font-size:28px; padding:0;}
	.poll_header .poll_name {font-size:24px;}
	
	.icon_clock {display:none;}

	.pop_body.bg_poll .poll_contet {padding:30px 10px 10px; position:relative;}
	.pop_body.bg_nonsubject .poll_contet {padding:10px 10px 10px; position:relative;}
	.pop_body.bg_online .poll_contet {padding:0 10px 10px; position:relative;}
	.pop_body.bg_offline .poll_contet {padding:0 10px 10px; position:relative;}

	.poll_contet .poll_box .outline {padding:15px; font-size:14px;}
	.poll_contet .poll_box .txt {text-align:left;}

	.icon_pencil {display:none;}

	table.table_poll_online {font-size:14px;}
	table.table_poll_online th {padding:7px 2px;}
	table.table_poll_offline {font-size:14px;}
	table.table_poll_offline th {padding:7px 2px;}

	.poll_footer {padding:20px 10px 50px; height:50px; background:none;}
	.poll_footer button {padding:0 20px; height:40px; font-size:15px;}
}


/*////////////////////////////////////////////////////////////////////////////////
 e-포트폴리오 
 ////////////////////////////////////////////////////////////////////////////////*/
.introduce_box {display:table; width:100%; background-color:#f5f5f5;}
.introduce_box .outline {display:table-cell; padding-left:200px; height:105px; vertical-align:middle; background:url('../../../images/core/sub/eportfolio/introduce_thum.png') no-repeat 70px bottom;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.introduce_box .outline span {font-size:18px;}
.introduce_box .outline span strong {font-size:20px; color:#721d20;}

a.btn_file {display:inline-block; padding:0 10px; height:37px; line-height:37px; background-color:#f8f8f8; border:solid 1px #eeeeee;
-webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
a.btn_file:hover {background-color:#e5e5e5; border:solid 1px #e5e5e5;}

.label_represent {display:inline-block; padding:0 6px; height:20px; line-height:20px; color:#fff; font-size:13px; font-weight:normal; background-color:#0000fe; 
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;}

@media all and (max-width:768px){	
	.introduce_box .outline {display:table-cell; padding:30px 10px 30px 150px; height:initial; line-height:1.2; vertical-align:middle; background:url('../../../images/core/sub/eportfolio/introduce_thum.png') no-repeat 40px bottom;}
	.introduce_box .outline span {font-size:16px;}
	.introduce_box .outline span strong {font-size:20px; color:#721d20;}	
}

@media all and (max-width:640px){	
	.introduce_box .outline {display:table-cell; padding:10px 10px 15px 120px; height:inherit; line-height:1.2; vertical-align:middle; background:url('../../../images/core/sub/eportfolio/introduce_thum.png') no-repeat 10px bottom;}
	.introduce_box .outline span {font-size:16px;}
	.introduce_box .outline span strong {font-size:20px; color:#721d20;}	
}


/* 나의 포트폴리오 */
.profile_photo {display:inline-block; padding:10px; border:solid 1px #ebebeb;}
.profile_photo span {display:inline-block; width:98px; height:138px; background-color:#f3f3f3; border:solid 1px #ebebeb;}
.profile_photo span.photo_has {}
.profile_photo span.photo_has img {width:98px; height:138px;}
.profile_photo span.photo_blank {background:url('../../../images/core/sub/eportfolio/photo_blank.png') no-repeat #f3f3f3 center center;}

a.btn_more_box {display:inline-block; font-size:0; text-indent:-10000px; width:22px; height:22px; border:solid 1px #ebebeb; background:url('../../../images/core/icon/icon_plus.png') #fff center center no-repeat;}
a.btn_more_box:hover {border:solid 1px #999;}


/* 진로설계 */
.career_plan {}
.career_plan .career_plan_row {margin-bottom:15px; display:table; width:100%;}
.career_plan .career_plan_row .title {display:table-cell; width:190px; vertical-align:top;}
.career_plan .career_plan_row .title .outline {height:57px; line-height:57px; text-align:center; background-color:#7cc242; 
	-webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.career_plan .career_plan_row .title .outline strong {color:#fff; font-weight:normal;}

.career_plan .career_plan_row .select_box {display:table-cell; padding-left:20px; vertical-align:middle;}
.career_plan .career_plan_row .select_box .outline {padding:0 20px; background-color:#fff; border:solid 1px #ccc; min-height:57px;
-webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px;}

.career_plan .career_plan_row .select_box .outline .blank {padding:15px 0; overflow:hidden;}
.career_plan .career_plan_row .select_box .outline .has_data {padding:15px 0; }

button.btn_func_select {width:120px; height:28px; font-size:14px; color:#333; background-color:#fff; border:solid 1px #acacac;}
button.btn_func_select:hover {background-color:#eee;}

@media all and (max-width:640px){	
	.career_plan .career_plan_row .title {width:100px;}
	.career_plan .career_plan_row .select_box {padding-left:10px;}
}


/* 우리학교 캡스톤 */
.career_plan_introduce_box {display:table; width:100%; background-color:#fff;}
.career_plan_introduce_box .outline {display:table-cell; padding-left:250px; height:106px; line-height:1.5; vertical-align:middle; background:url('../../../images/CC/sub/eportfolio/visual_career_plan.png') #f5f5f5 no-repeat 50px bottom;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.career_plan_introduce_box .outline span {font-size:18px;}
.career_plan_introduce_box .outline span strong {color:#701e20}

@media all and (max-width:1100px){	
	.career_plan_introduce_box .outline {display:table-cell; padding:20px 10px 20px 200px; height:initial; line-height:1.4; vertical-align:middle; background:url('../../../images/CC/sub/eportfolio/visual_career_plan.png') #f5f5f5 no-repeat -30px bottom;}
	.career_plan_introduce_box .outline span {font-size:18px;}
}


@media all and (max-width:768px){	
	.career_plan_introduce_box .outline {display:table-cell; padding:20px 10px 20px 200px; height:initial; line-height:1.2; vertical-align:middle; background:url('../../../images/CC/sub/eportfolio/visual_career_plan.png') #f5f5f5 no-repeat -30px bottom;}
	.career_plan_introduce_box .outline span {font-size:16px;}
}

@media all and (max-width:640px){	
	.career_plan_introduce_box .outline {display:table-cell; padding:20px 10px 20px 150px; height:inherit; line-height:1.2; vertical-align:middle; background:url('../../../images/CC/sub/eportfolio/visual_career_plan.png') #f5f5f5 no-repeat #f5f5f5 -150px bottom;}
	.career_plan_introduce_box .outline span {font-size:16px;}
}

@media all and (max-width:414px){	
	.career_plan_introduce_box .outline {display:table-cell; padding:20px 10px 20px 10px; height:inherit; line-height:1.2; vertical-align:middle; background:#f5f5f5;}
	.career_plan_introduce_box .outline span {font-size:15px;}
}



/* 취득점수 합계 */
.my_rate_box {padding-left:20px; padding-top:20px; height:170px;}
.my_rate_box:after {content:""; clear:both; display:block;}
.my_rate_box .rate {float:left; padding-top:20px; width:33.33%; text-align:center; position:relative;}
.my_rate_box .rate .label {display:table; width:57px; height:57px; text-align:center; font-size:14px; color:#fff; background-color:#4472c4;
	-webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px;
	position:absolute; top:10px; left:50%; margin-left:-95px; z-index:2;}
.my_rate_box .rate .label span.box_align {display:table-cell; vertical-align:middle; line-height:1.2;}
.my_rate_box .rate .circle {display:inline-block; width:144px; height:144px; background:url('../../../images/core/myclass/status_bg_circle.png') no-repeat center center; position:relative; z-index:1;}
.my_rate_box .rate .circle span {display:inline-block; width:70px; text-align:center; font-size:29px;}
.my_rate_box .rate .circle span.current {position:absolute; top:20px; left:20px;}
.my_rate_box .rate .circle span.total {position:absolute; bottom:20px; right:25px;}
.my_rate_box .rate .circle.blank_data {background:url('../../../images/core/myclass/status_bg_circle_blank.png') no-repeat center center;}
.my_rate_box .rate .circle.blank_data span.guide {display:inline-block; width:initial; padding-top:35px; font-size:18px; line-height:1.3;}

.my_rate_box .grade_aver {float:left; padding-top:20px; width:33.33%; text-align:center; position:relative;}
.my_rate_box .grade_aver .label {display:table; width:57px; height:57px; line-height:1.2; text-align:center; font-size:14px; color:#fff; background-color:#ed7d31;
	-webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px;
	position:absolute; top:10px; left:50%; margin-left:-95px; z-index:2;}
.my_rate_box .grade_aver .label span.box_align {display:table-cell; vertical-align:middle; line-height:1.2;}
.my_rate_box .grade_aver .circle {display:inline-block; width:144px; height:144px; background:url('../../../images/core/myclass/status_bg_circle.png') no-repeat center center; position:relative; z-index:1;}
.my_rate_box .grade_aver .circle span {width:70px; text-align:center; font-size:29px;}
.my_rate_box .grade_aver .circle span.current {position:absolute; top:20px; left:20px;}
.my_rate_box .grade_aver .circle span.total {position:absolute; bottom:20px; right:25px;}
.my_rate_box .grade_aver .circle.blank_data {background:url('../../../images/core/myclass/status_bg_circle_blank.png') no-repeat center center;}
.my_rate_box .grade_aver .circle.blank_data span.guide {display:inline-block; width:initial; padding-top:35px; font-size:18px; line-height:1.3;}

.my_rate_box .convert_aver {float:left; padding-top:20px; width:33.33%; text-align:center; position:relative;}
.my_rate_box .convert_aver .label {display:table; width:57px; height:57px; line-height:1.2; text-align:center; font-size:14px; color:#fff; background-color:#bf9000;
	-webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px;
	position:absolute; top:10px; left:50%; margin-left:-95px; z-index:2;}
.my_rate_box .convert_aver .label span.box_align {display:table-cell; vertical-align:middle; line-height:1.2;}
.my_rate_box .convert_aver .circle {display:inline-block; width:144px; height:144px; background:url('../../../images/core/myclass/status_bg_circle.png') no-repeat center center; position:relative; z-index:1;}
.my_rate_box .convert_aver .circle span {width:70px; text-align:center; font-size:29px;}
.my_rate_box .convert_aver .circle span.current {position:absolute; top:20px; left:20px;}
.my_rate_box .convert_aver .circle span.total {position:absolute; bottom:20px; right:25px;}
.my_rate_box .convert_aver .circle.blank_data {background:url('../../../images/core/myclass/status_bg_circle_blank.png') no-repeat center center;}
.my_rate_box .convert_aver .circle.blank_data span.guide {display:inline-block; width:initial; padding-top:35px; font-size:18px; line-height:1.3;}

/* 테블릿  및 모바일*/
@media all and (max-width:768px){
	.my_rate_box {margin-left:2%;}
}
@media all and (max-width:480px){
	.my_rate_box {margin-left:0; margin-bottom:20px; padding-bottom:20px; height:initial; border-bottom:solid 1px #ddd;}
	.my_rate_box .rate {float:none; width:160px; margin:0 auto;}
	.my_rate_box .grade_aver {float:none; width:160px; margin:0 auto;}
	.my_rate_box .convert_aver {float:none; width:160px; margin:0 auto;}
}

/* row_grid2 */
.my_rate_grid_full {overflow:hidden;}
.my_rate_grid_full .col4_3 {float:left; width:75%;}
.my_rate_grid_full .col4_1 {float:right; width:25%;}

/* 테블릿  및 모바일*/
@media all and (max-width:768px){
	.my_rate_grid_full .col4_3 {float:left; width:100%;}
	.my_rate_grid_full .col4_1 {float:right; width:100%;}
}

/* 나의 목표직업 등 세팅값 비어있을 때 */
.my_set_empty {padding:100px 0;}
button.btn_goal_set {width:220px; height:40px; font-size:16px; color:#333; background-color:#fff; border:solid 1px #acacac;}
button.btn_goal_set:hover {background-color:#eee;}

/* 테블릿  및 모바일*/
@media all and (max-width:640px){
	.my_set_empty {padding:50px 0;}
	button.btn_goal_set {width:200px; height:40px; font-size:14px;}
}

/* 마일리지 */
.mileage_status {margin-left:-5%; overflow:hidden;}
.mileage_status .mileage_grid {float:left; margin-left:5%; width:28.33%;}
.mileage_status .mileage_grid .outline  {padding:30px; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.mileage_status .mileage_grid .outline .circle_ta {display:table; margin:0 auto; width:160px;}
.mileage_status .mileage_grid .outline .circle_ta .circle_ta_cell {display:table-cell; text-align:center; vertical-align:middle;}
.mileage_status .mileage_grid .outline .circle_ta .circle_ta_cell strong {display:inline-block; width:130px; height:130px; line-height:130px; font-size:30px; background-color:#dbedf9; border:solid 15px #ecf5fb;
-webkit-border-radius:130px; -moz-border-radius:130px; -o-border-radius:130px; border-radius:130px;}
.mileage_status .mileage_grid .outline .cont {padding-top:10px; text-align:center;}
.mileage_status .mileage_grid .outline .cont .ti {display:block; margin-bottom:5px; font-size:18px; color:#477cbf;}
.mileage_status .mileage_grid .outline .cont .tx {font-size:15px; color:#343434; line-height:1.2; letter-spacing:-1px;}

/* 테블릿  및 모바일*/
@media all and (max-width:768px){
	.mileage_status {margin-left:-3%;}
	.mileage_status .mileage_grid {float:left; margin-left:3%; width:30.33%;}
	.mileage_status .mileage_grid .outline  {padding:15px;}
	.mileage_status .mileage_grid .outline .circle_ta .circle_ta_cell strong {display:inline-block; width:110px; height:110px; line-height:110px; font-size:25px; background-color:#efe7d2; border:solid 10px #fef6e1;}
	.mileage_status .mileage_grid .outline .cont .ti {font-size:18px;}
	.mileage_status .mileage_grid .outline .cont .tx {font-size:14px; line-height:1.0;}
}

@media all and (max-width:640px){
	.mileage_status {margin-left:0;}
	.mileage_status .mileage_grid {float:none; margin-left:0; margin-bottom:10px; width:100%;}
	.mileage_status .mileage_grid .outline  {padding:15px;}
	.mileage_status .mileage_grid .outline .circle_ta .circle_ta_cell strong {display:inline-block; width:110px; height:110px; line-height:110px; font-size:25px; background-color:#efe7d2; border:solid 10px #fef6e1;}
	.mileage_status .mileage_grid .outline .cont .ti {font-size:18px;}
	.mileage_status .mileage_grid .outline .cont .tx {font-size:14px; line-height:1.0;}
}

/* 인증 */
.certification_status {padding:30px 15px; border:solid 1px #ebebeb; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;
	word-break:keep-all;
 	white-space:-moz-pre-wrap;
  	white-space:-pre-wrap;
  	white-space:-o-pre-wrap;
  	word-wrap:break-word;
}
.certification_status .certification_outline {display:table; width:100%;}
.certification_status .certification_grid {vertical-align:top;}
.certification_status .certification_grid .outline  {display:table; margin:0 auto; width:100%;}
.certification_status .certification_grid .outline .certification_ta_cell {display:table-cell; text-align:center; vertical-align:middle; width:33.33%; vertical-align:top;}
.certification_status .certification_grid .outline .certification_ta_cell strong.ti {display:block; margin-bottom:20px; font-size:20px; color:#333;}
.certification_status .certification_grid .outline .certification_ta_cell {padding-top:10px; text-align:center;}
.certification_status .certification_grid .outline .certification_ta_cell .point{padding:0 20px;}
.certification_status .certification_grid .outline .certification_ta_cell .point strong {display:block; font-size:30px; color:#333331; height:105px; line-height:105px;
	 background-color:#f1f1f1; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.certification_status .certification_grid .outline .certification_ta_cell .tx {display:block; padding:30px 20px 0; font-size:16px; color:#343434; line-height:1.2; letter-spacing:-1px;}

.certification_status .certification_total {margin:0 20px 30px; padding-right:250px; overflow:hidden;}
.certification_status .certification_total .graph_area {float:left; width:100%;}
.certification_status .certification_total .ment {float:right; width:250px; margin-right:-250px; text-align:center; line-height:1.2; letter-spacing:-2px;}
.certification_status .certification_total .ment .status_txt {display:block; font-size:20px; color:#ce9424; font-weight:600;}
.certification_status .certification_total .ment .amount {display:block; padding:5px 0; font-size:38px; color:#11110f;}
.certification_status .certification_total .ment .lead_txt {display:block; font-size:18px; color:#333; letter-spacing:-1px;}

/* 테블릿  및 모바일*/
@media all and (max-width:768px){
	.certification_status {padding:15px 10px;}
	.certification_status .certification_grid {display:block;}
	.certification_status .certification_grid .outline .certification_ta_cell strong.ti {margin-bottom:5px; font-size:16px;}
	.certification_status .certification_grid .outline .certification_ta_cell .point {padding:0 5px;}
	.certification_status .certification_grid .outline .certification_ta_cell .point strong {font-size:18px; height:60px; line-height:60px;}
	.certification_status .certification_grid .outline .certification_ta_cell .tx {display:block; padding:10px 5px; font-size:14px;}

	.certification_status .certification_total {margin:0 0 30px; padding-right:200px; overflow:hidden;}
	.certification_status .certification_total .graph_area {float:left; width:100%;}
	.certification_status .certification_total .ment {float:right; width:200px; margin-right:-200px;}

	.certification_status .certification_total .ment .status_txt {font-size:20px;}
	.certification_status .certification_total .ment .amount {font-size:38px;}
	.certification_status .certification_total .ment .lead_txt {font-size:14px;}
}

@media all and (max-width:640px){
	.certification_status .certification_total {margin:0 0 30px; padding-right:0; overflow:hidden;}
	.certification_status .certification_total .graph_area {float:none; width:100%;}
	.certification_status .certification_total .ment {float:none; padding-top:20px; width:auto; margin-right:0;}
}



/* 이력서용 table */
table.table_resume_view {width:100%; font-size:15px; background-color:#fff; border-top:solid 1px #cccccc; border-right:solid 1px #cccccc; 
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_resume_view th {padding:7px 20px; color:#333333;  font-weight:normal; text-align:left; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; background-color:#e6e6e6;}
table.table_resume_view tbody th {background-color:#f8f8f8;}
table.table_resume_view td {padding:7px 10px; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc;}
table.table_resume_view td input[type="text"] {width:97%; height:26px; color:#333;}
table.table_resume_view .border_bottom_none {border-bottom:0;}
table.table_resume_view .border_left_none {border-left:0;}

@media all and (max-width:768px){	
	table.table_resume_view th {padding:7px 5px;}
	table.table_resume_view td {padding:7px 5px;}
}

/* 리스트 */
table.table_resume_list {width:100%; font-size:15px; background-color:#fff; border-top:solid 1px #cccccc; border-right:solid 1px #cccccc; 
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_resume_list th {padding:10px; color:#333333;  font-weight:normal; text-align:center; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; background-color:#f8f8f8;}
table.table_resume_list tbody th {background-color:#f8f8f8;}
table.table_resume_list td {padding:7px 10px; text-align:center; border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; vertical-align:middle;}
table.table_resume_list td input[type="text"] {width:97%; height:26px; color:#333;}
table.table_resume_list .border_bottom_none {border-bottom:0;}
table.table_resume_list .border_left_none {border-left:0;}

table.table_resume_list td .data_blank {text-align:center; position:relative;}
table.table_resume_list td button.btn_manager {position:absolute; top:0; right:0;}

table.table_resume_list td a.btn_cell_delete {display:inline-block; width:45px; height:45px; text-indent:-10000px; background:url('../../../images/core/sub/eportfolio/btn_photo_delete.png') no-repeat #484848 center center;}
table.table_resume_list td a.btn_cell_delete:hover {opacity:0.8;}

@media screen and (max-width:414px) {
	#table_resume_rwd {width:500px;}

}

/* 이력서 불러오기 */
.my_history_title_row {margin-bottom:10px; height:40px;}
.my_history_title_row .left {float:left;}
.my_history_title_row .right {float:right;}

.my_history {position:relative;}
.my_history a.btn_title {display:block; width:300px; height:33px; line-height:33px; padding:0 20px; font-size:14px; border:solid 1px #898989; position:relative;}
.my_history a.btn_title .ment_title {display:inline-block; margin-right:10px; color:#828282;}
.my_history a.btn_title .list_has {display:inline-block; }
.my_history a.btn_title span.icon_cert {display:inline-block; width:33px; height:33px; position:absolute; top:0; right:0; background:url('../../../images/core/icon/icon_cert.png') no-repeat center center;}
.my_history a.btn_title.active span.icon_cert {background:url('../../../images/core/icon/icon_cert_active.png') no-repeat center center;}

.my_history .my_history_list {width:340px; background-color:#fff; border:solid 1px #898989; border-top:none; position:absolute; top:34px; right:0px; z-index:1;}
.my_history .my_history_list ul {padding:5px 10px 5px 20px;}
.my_history .my_history_list ul li {}
.my_history .my_history_list ul li a {display:block; 
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
.my_history .my_history_list ul li a:hover {text-decoration:underline;}
.my_history .my_history_list ul li a .h_date {display:inline-block; padding-right:25px; margin-right:10px; border-right:solid 1px #ccc; line-height:1;}
.my_history .my_history_list ul li a .h_name {}

@media all and (max-width:768px){	
	.my_history_title_row {margin-bottom:20px; height:initial;}
	.my_history_title_row .left {float:none;}
	.my_history_title_row .right {float:none;}

	.my_history a.btn_title {display:block; width:initial;}
	.my_history .my_history_list {width:100%; box-sizing:border-box;}
}

/* 이력서 사진등록 */
.profile_photo_app {display:inline-block; padding:10px; border:solid 1px #ebebeb;}
.profile_photo_app span.photo_area {display:inline-block; width:98px; height:138px; background-color:#f3f3f3; border:solid 1px #ebebeb; position:relative;}
.profile_photo_app span.photo_area .photo_area_cont {text-align:center;}
.profile_photo_app span.photo_area .photo_area_cont a.btn_photo_app {display:inline-block; margin-top:25px; width:28px; height:28px;}

.profile_photo_app span.photo_area .photo_area_cont .tx {padding-top:10px; line-height:1.0;}
.profile_photo_app span.photo_area .photo_area_cont .tx strong {display:block; margin-bottom:5px; font-weight:normal;}
.profile_photo_app span.photo_area .photo_area_cont .tx span {font-size:12px; color:#333;}

.profile_photo_app span.photo_area a.btn_photo_delete {display:inline-block; width:45px; height:45px; font-size:0; text-indent:-10000px; background:url('../../../images/core/sub/eportfolio/btn_photo_delete.png') no-repeat #484848 center center;
	position:absolute; top:-12px; right:-12px;}
.profile_photo_app span.photo_area a.btn_photo_delete:hover {opacity:0.8;}


@media all and (max-width:768px){	
		.profile_photo_app {padding:5px;}
		.profile_photo_app span.photo_area a.btn_photo_delete {position:absolute; top:-7px; right:-7px;}
}

/**/
.intoduce_gray_box {padding:20px 30px; text-align:center; font-size:16px; background-color:#f5f5f5;}



/* 교과프로그램 > 이수현황 */
.my_completestatus_box { padding:20px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.my_completestatus_box:after {content:""; clear:both; display:block;}
.my_completestatus_box .align_box  {float:left; width:33.33%; text-align:center; position:relative;}
.my_completestatus_box .align_box .label {display:table; width:57px; height:57px; text-align:center; font-size:18px; color:#fff;
	-webkit-border-radius:60px; -moz-border-radius:60px; -o-border-radius:60px; border-radius:60px;
	position:absolute; top:10px; left:50%; margin-left:-80px; z-index:2;}
.my_completestatus_box .align_box .label span.box_align {display:table-cell; vertical-align:middle; line-height:1.2;}
.my_completestatus_box .align_box .circle {margin:0 auto; width:144px; height:144px; background:url('../../../images/core/sub/otherability/status_bg_circle.png') no-repeat center center;}
.my_completestatus_box .align_box .circle span {display:inline-block; height:144px; line-height:144px; text-align:center; font-size:44px;}
.my_completestatus_box .align_box .circle span.current {}

.my_completestatus_box .attendance .label {background-color:#4472c4;}
.my_completestatus_box .lateness .label {background-color:#ed7d31;}
.my_completestatus_box .leave .label {background-color:#bf9000;}
.my_completestatus_box .absence .label {background-color:#c00000;}


/* 테블릿  및 모바일*/
@media all and (max-width:640px){
	.my_completestatus_box {}
	.my_completestatus_box .align_box  {padding:5px 0; width:50%;}
}
@media all and (max-width:480px){
	
}

.box_radius {border:solid 1px #ebebeb; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; overflow:hidden;}
.box_radius .top {padding:10px 30px; text-align:left;}
.box_radius .top h3.title {font-weight:normal;}


/*//////////////////////////////////////////////////////////////////////
 캡스톤 디자인 
 //////////////////////////////////////////////////////////////////////*/
.scroll_y_height300 {height:315px; overflow-y:auto;}

.btn_table_open {display:inline-block; width:30px; height:20px; line-height:20px; text-align:center;}
.btn_table_close {display:inline-block; width:30px; height:20px; line-height:20px; text-align:center;}

/* 참여유형*/
ul.participation_type {}
ul.participation_type li {border-top:solid 1px #cccccc;}
ul.participation_type li.first {border-top:none;}
ul.participation_type li .ti {display:inline-block; width:100px; height:36px; line-height:36px; text-align:center; border-right:solid 1px #cccccc; background-color:#f9f9f9;}
ul.participation_type li .tx {display:inline-block; padding-left:10px; height:36px; line-height:36px;}

@media all and (max-width:768px){	
	ul.participation_type  {font-size:14px;}
	ul.participation_type li {border-top:none; padding:2px 0;}
	ul.participation_type li .ti {display:inline-block; width:80px; height:initial; line-height:1; text-align:center; border-right:solid 1px #cccccc; background-color:#fff;}
	ul.participation_type li .tx {display:inline-block; padding-left:10px; height:initial; line-height:1;}	
}


table.table_capstone_view {width:100%; font-size:15px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_capstone_view th {padding:7px 15px 7px 15px; color:#333333;  font-weight:normal; border:solid 1px #cccccc; background-color:#e6e6e6;}
table.table_capstone_view tbody th {text-align:left; background-color:#f8f8f8;}
table.table_capstone_view td {padding:7px 5px; border:solid 1px #cccccc;}
table.table_capstone_view td input[type="text"] {width:97%; height:26px; color:#333;}


table.table_capstone_list {width:100%; font-size:15px; background-color:#fff;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
table.table_capstone_list th {padding:5px 3px; color:#333333;  font-weight:normal; border:solid 1px #cccccc; background-color:#e6e6e6;}
table.table_capstone_list tbody th {background-color:#f8f8f8;}
table.table_capstone_list td {padding:3px 3px; text-align:center; font-size:13px; border:solid 1px #cccccc;}
table.table_capstone_list td input[type="text"] {width:97%; height:26px; color:#333;}

.bg_complete td {background-color:#f5f5f5;}

@media all and (max-width:768px){	
	
}

.team_set_box {display:table; width:100%;}
.team_set_box .left {display:table-cell; width:50%; padding-right:30px;}
.team_set_box .right {display:table-cell; width:50%; padding-left:30px;  border-left:solid 1px #ddd;}

.team_set_box th {line-height:1.2;}
.team_set_box th span {font-size:13px;}
.team_set_box table td {padding:5px 30px; font-size:14px; text-align:left;}

.team_set_box_half {width:50%; margin:0 auto;}
.team_set_box_half th {line-height:1.2;}
.team_set_box_half th span {font-size:13px;}
.team_set_box_half table td {padding:5px 30px; font-size:14px; text-align:left;}

@media all and (max-width:768px){	
	.team_set_box .left {padding-right:5px;}
	.team_set_box .right {padding-left:5px;}
	.team_set_box table td {padding:5px; font-size:13px; text-align:center;}	
}

/* 우리학교 캡스톤 */
.capstone_introduce_box {display:table; width:100%; background-color:#fff;}
.capstone_introduce_box .outline {display:table-cell; padding-left:230px; padding-top:40px; height:100px; line-height:1.5; vertical-align:middle; background:url('../../../images/CC/sub/capstone/is_bg.gif') no-repeat left bottom;
	word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}
.capstone_introduce_box .outline span {font-size:18px;}

@media all and (max-width:768px){	
	.capstone_introduce_box .outline {display:table-cell; padding:50px 10px 30px 200px; height:initial; line-height:1.2; vertical-align:middle; background:url('../../../images/CC/sub/capstone/is_bg.gif') no-repeat -30px top;}
	.capstone_introduce_box .outline span {font-size:16px;}
}

@media all and (max-width:640px){	
	.capstone_introduce_box .outline {display:table-cell; padding:40px 10px 15px 130px; height:inherit; line-height:1.2; vertical-align:middle; background:url('../../../images/CC/sub/capstone/is_bg.gif') no-repeat #f5f5f5 -100px top;}
	.capstone_introduce_box .outline span {font-size:16px;}
}

@media all and (max-width:414px){	
	.capstone_introduce_box .outline {display:table-cell; padding:40px 10px 15px 100px; height:inherit; line-height:1.2; vertical-align:middle; background:url('../../../images/CC/sub/capstone/is_bg.gif') no-repeat #f5f5f5 -130px top;}
	.capstone_introduce_box .outline span {font-size:15px;}
}


/* 우리학교 캡스톤 목록 */

.capstone_search_box {display:table; width:100%; background-color:#ebebeb;}
.capstone_search_box .left {display:table-cell; padding:10px;}
.capstone_search_box .left span.ti {display:inline-block; padding:0 10px; font-size:16px; vertical-align:middle;}
.capstone_search_box .rwd_di {display:inline-block;}
.capstone_search_box .right {display:table-cell; padding:10px; text-align:right;}
.capstone_search_box .form_content {display:inline-block; width:auto; vertical-align:middle;}
/* 모바일*/
@media all and (max-width:768px){
	.capstone_search_box {display:block; width:initial;}
	.capstone_search_box .left {display:block; margin:0 10px; padding:10px; border-bottom:solid 1px #d8d8d8; text-align:center;}
	.capstone_search_box .rwd_di {display:inline-block; padding:3px 0;}
	.capstone_search_box .right {display:block; margin:0 10px; padding:10px; text-align:center;}
}

@media all and (max-width:480px){
	.capstone_search_box .left {text-align:left;}
	.capstone_search_box .rwd_di {display:block; margin-bottom:5px;}
	.capstone_search_box .rwd_di span.ti {padding:0; width:60px; font-size:14px;}
	.capstone_search_box .form_content {display:block; width:auto;}
}


.capstone_list_box {}
.capstone_list_box ul {}
.capstone_list_box ul li {padding:10px 0;}
.capstone_list_box ul li .outline {padding-left:291px; border:solid 1px #e2e2e2; overflow:hidden;}
.capstone_list_box ul li .outline .thum {float:left; margin-left:-291px; width:291px; height:188px; background-position:center center; background-size:cover;}
.capstone_list_box ul li .outline .pro_box {float:right; width:100%;}
.capstone_list_box ul li .outline .pro_box .pro_info_top {padding:25px 150px 10px 25px; position:relative;}
.capstone_list_box ul li .outline .pro_box .pro_info_top .subject {display:block; margin-bottom:10px; font-size:17px; color:#333; line-height:1.2;
	display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
.capstone_list_box ul li .outline .pro_box .pro_info_top .lead_txt {display:block; font-size:14px; color:#999; line-height:20px;
	height:40px; 
  	display:-webkit-box;
  	-webkit-line-clamp:2;
  	-webkit-box-orient:vertical;
  	overflow:hidden;
  	text-overflow:ellipsis
}
.capstone_list_box ul li .outline .pro_box .pro_info_top .cata {display:inline-block; width:90px; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center;
	position:absolute; top:30px; right:25px;
}
.capstone_list_box ul li .outline .pro_box .pro_info_top .cata.normal {background-color:#ffa300;}
.capstone_list_box ul li .outline .pro_box .pro_info_top .cata.fusion {background-color:#30679a;}

.capstone_list_box ul li .outline .pro_box .pro_info_bottom {display:table; width:100%; font-weight:normal; color:#666;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .group {display:table-cell; padding:10px 25px 10px; width:60%; vertical-align:bottom; text-align:left;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .group span.group_name {display:inline-block; font-size:17px; line-height:1.2;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act {display:table-cell; padding:10px 25px 10px; width:40%; vertical-align:bottom; text-align:right;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span {display:inline-block; width:90px; height:20px; line-height:20px; padding-left:25px; font-size:17px;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span.view_count {margin-bottom:15px; background:url('../../../images/CC/sub/capstone/icon_view.png') no-repeat left center;}
.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span.date {background:url('../../../images/CC/sub/capstone/icon_calendar.png') no-repeat left center;}


@media all and (max-width:768px){	
	.capstone_list_box ul li .outline {padding-left:200px; overflow:hidden;}
	.capstone_list_box ul li .outline .thum {float:left; margin-left:-200px; width:200px; height:188px;}

	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .group span.group_name {font-size:16px;}
}

@media all and (max-width:640px){	
	.capstone_list_box ul li .outline {padding-left:100px; overflow:hidden;}
	.capstone_list_box ul li .outline .thum {float:left; margin-left:-100px; width:100px; height:150px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_top {padding:15px 120px 10px 15px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_top .cata {width:60px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; position:absolute; top:15px; right:15px;}

	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .group {display:table-cell; padding:0 15px 10px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .group span.group_name {font-size:15px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act {display:table-cell; padding:0 25px 10px; vertical-align:bottom; text-align:right;}
	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span {display:inline-block; width:70px; padding-left:25px; font-size:14px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span.view_count {margin-bottom:0; background:url('../../../images/CC/sub/capstone/icon_view.png') no-repeat left center;}
	.capstone_list_box ul li .outline .pro_box .pro_info_bottom .pro_act span.date {background:url('../../../images/CC/sub/capstone/icon_calendar.png') no-repeat left center;}
}

@media all and (max-width:480px){	
	.capstone_list_box ul li .outline {padding-left:0;}
	.capstone_list_box ul li .outline .thum {display:none;}
	.capstone_list_box ul li .outline .pro_box {float:none; width:100%;}
}

@media all and (max-width:414px){	
	.capstone_list_box ul li .outline .pro_box .pro_info_top {padding:15px 80px 10px 15px;}
	.capstone_list_box ul li .outline .pro_box .pro_info_top .cata {width:40px; height:22px; line-height:22px; font-size:13px; color:#fff; position:absolute; top:15px; right:15px;}	
}

/* 우리학교 캡스톤 상세페이지 */
.capstone_detail_box {margin-bottom:30px;}
.capstone_detail_box .outline {display:table; width:100%; overflow:hidden;}
.capstone_detail_box .outline .thum_outline {display:table-cell; padding-right:20px; vertical-align:top;}
.capstone_detail_box .outline .thum_outline .thum {width:398px; height:250px; background-position:center center; background-size:cover;}
.capstone_detail_box .outline .pro_box {display:table-cell; border:solid 1px #e2e2e2; vertical-align:top;}

.capstone_detail_box .outline .pro_box .pro_info_top {padding:25px 25px 10px 25px; position:relative;}
.capstone_detail_box .outline .pro_box .pro_info_top .subject {display:inline-block; margin-bottom:7px; font-size:20px; color:#333; line-height:24px;}
.capstone_detail_box .outline .pro_box .pro_info_top .lead_txt {display:inline-block; font-size:16px; color:#999; line-height:20px;}

.capstone_detail_box .outline .pro_box .pro_info_bottom {padding:0 130px 0 0; font-weight:normal; color:#666; position:relative;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .relative {padding:3px 25px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .relative span.relative_name {display:inline-block; vertical-align:middle; padding-left:30px; font-size:17px; line-height:1.2; background:url('../../../images/CC/sub/capstone/icon_relative.png') no-repeat left 0px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .group {padding:3px 25px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .group span.group_name {display:inline-block; padding-left:30px; font-size:17px; line-height:1.2; background:url('../../../images/CC/sub/capstone/icon_group.png') no-repeat left 0px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act {padding:3px 25px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act span {display:inline-block; height:20px; line-height:20px; padding-left:30px; font-size:17px;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act span.view_count {background:url('../../../images/CC/sub/capstone/icon_view.png') no-repeat left center;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act span.date {margin-left:20px; background:url('../../../images/CC/sub/capstone/icon_calendar.png') no-repeat left center;}

.capstone_detail_box .outline .pro_box .pro_info_bottom .cata {display:inline-block; width:93px; height:35px; line-height:35px; font-size:16px; color:#fff; text-align:center;
	position:absolute; bottom:10px; right:25px;
}
.capstone_detail_box .outline .pro_box .pro_info_bottom .cata.normal {background-color:#ffa300;}
.capstone_detail_box .outline .pro_box .pro_info_bottom .cata.fusion {background-color:#30679a;}

@media all and (max-width:1200px){	
	.capstone_detail_box .outline .thum_outline .thum {width:300px;}
}

@media all and (max-width:1024px){	
	.capstone_detail_box .outline .thum_outline .thum {width:250px;}
}


@media all and (max-width:768px){	
	.capstone_detail_box .outline .thum_outline {padding-right:0;}
	.capstone_detail_box .outline .thum_outline .thum {display:none;}	
	.capstone_detail_box .outline .pro_box .pro_info_bottom {padding:0 130px 15px 0;}

	.capstone_detail_box .outline .pro_box .pro_info_bottom .cata {width:60px; height:30px; line-height:30px; font-size:14px; position:absolute; bottom:20px; right:25px;}
}

@media all and (max-width:640px){	
	.capstone_detail_box .outline .pro_box .pro_info_top {padding:15px 15px 10px 15px;}
	.capstone_detail_box .outline .pro_box .pro_info_top .subject {font-size:18px;}
	.capstone_detail_box .outline .pro_box .pro_info_top .lead_txt {font-size:14px;}

	.capstone_detail_box .outline .pro_box .pro_info_bottom {padding:0 100px 15px 0;}

	.capstone_detail_box .outline .pro_box .pro_info_bottom .relative {padding:3px 15px;}
	.capstone_detail_box .outline .pro_box .pro_info_bottom .relative span.relative_name {font-size:15px;}
	.capstone_detail_box .outline .pro_box .pro_info_bottom .group {padding:3px 15px;}
	.capstone_detail_box .outline .pro_box .pro_info_bottom .group span.group_name {font-size:15px;}
	.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act {padding:3px 15px;}
	.capstone_detail_box .outline .pro_box .pro_info_bottom .pro_act span {font-size:15px;}
}

@media all and (max-width:480px){	

}

@media all and (max-width:414px){	

}


/*////////////////////////////////////////////////////////////////////////////////////////////
 학생 정보 상세보기 팝업 
 ////////////////////////////////////////////////////////////////////////////////////////////*/
.send_func {}
.send_func button {margin:0 1px; width:60px; height:26px; background-color:#fff; border:solid 1px #eee;}

a.btn_basicinfo_view_toggle {display:inline-block; padding:3px 15px 3px 5px; color:#333; border-bottom:solid 2px #333; background:url('../../../images/CC/sub/counsel/cert.png') no-repeat right center;}
a.btn_basicinfo_view_toggle.active {display:block; color:#000; border-bottom:solid 1px #ccc; background:url('../../../images/CC/sub/counsel/cert_active.png') no-repeat right center;}

@media all and (max-width:640px){	
	.send_func button {margin:0; width:58px;}
}

@media all and (max-width:414px){	
	/* 학생조회 팝업내 학생정보 table */
	#rwd_table_std_view {width:420px; font-size:14px;}
}

.std_detail_view {padding-top:10px;}

/* pc용 tabmenu */
.pop_tabmenu_backfunc {padding-left:40px; overflow:hidden;}
.pop_tabmenu_backfunc .func_left {float:left; width:40px; margin-left:-40px;}
.pop_tabmenu_backfunc button.btn_goback {width:32px; height:32px; font-size:0; border:solid 1px #333; background:url('../../../images/CC/sub/counsel/icon_arrow_back.png') no-repeat center center;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pop_tabmenu_backfunc button.btn_goback:hover {background-color:#f2f2f2;}
.pop_tabmenu_backfunc .pop_tabmenu {float:right; width:100%;}

.pop_tabmenu {margin-bottom:20px; position:relative;}
.pop_tabmenu ul {display:table; width:100%; border-bottom:solid 1px #bbb; z-index:0;}
.pop_tabmenu ul li {display:table-cell;}
.pop_tabmenu ul li a {display:block; margin:0 1px; height:30px; line-height:30px; font-size:14px; text-align:center; border:solid 1px #e1e1e1; border-bottom:none; background-color:#f5f5f5;}
.pop_tabmenu ul li a.active {color:#333; font-weight:600; border:solid 1px #bbb; border-bottom:none; background-color:#fff; z-index:1; }

/* mobile용 tabmenu */
.pop_tabmenu_mobile_backfunc {display:none; margin-bottom:20px; padding-left:40px; overflow:hidden;}
.pop_tabmenu_mobile_backfunc .func_left {float:left; width:40px; margin-left:-40px;}
.pop_tabmenu_mobile_backfunc button.btn_goback {width:32px; height:32px; font-size:0; border:solid 1px #333; background:url('../../../images/CC/sub/counsel/icon_arrow_back.png') no-repeat center center;
-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pop_tabmenu_mobile_backfunc button.btn_goback:hover {background-color:#f2f2f2;}
.pop_tabmenu_mobile_backfunc .pop_tabmenu {float:right; width:100%;}

.pop_tabmenu_mobile {}
.pop_tabmenu_mobile select {width:100%; height:32px;}

@media all and (max-width:768px){	
	.pop_tabmenu_backfunc {display:none;}
	.pop_tabmenu_mobile_backfunc {display:block;}
}

/* 서브탭 */
.pop_subtabmenu {margin-bottom:20px; position:relative;}
.pop_subtabmenu ul {display:table; width:100%; z-index:0;}
.pop_subtabmenu ul li {display:table-cell; width:25%;} /* 메뉴 4개 기준 */
.pop_subtabmenu ul li a {display:block; margin:0; height:30px; line-height:30px; font-size:14px; text-align:center; border-bottom:solid 1px #aaa; background-color:#f5f5f5;}
.pop_subtabmenu ul li a:hover {background-color:#eee}
.pop_subtabmenu ul li a.active {color:#333; font-weight:600; border:solid 1px #aaa; border-bottom:solid 1px #fff; background-color:#fff; z-index:1; top:1px;}


/*/////////////////////////////////////////////////////////////////////
대학별 style
////////////////////////////////////////////////////////////////////////*/
.certification_process_box ul li .outline.result {border: solid 4px #4660a9;}
.certification_process_box ul li .outline.result .inline_dot {border: dotted 2px #5ad529;}

table.table_introduce_basic {border-top:solid 1px #737373;}

/*///////////////////////////////////////////////////////////////////////////////////////////////// 
소개페이지 업데이트 : 2021년 2월 4일 
/////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 문의전화 */
span.phone_inquiry {display:inline-block; margin-left:10px; padding:0 10px 0 30px; height:26px; line-height:26px; color:#5d3e11; vertical-align:middle; font-size:16px; font-weight:600; background:url('../../../images/core/sub/05/counsel/icon_phone.png') #eac268 no-repeat 7px center;
	-webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px; position:relative; top:-3px;}
	
/* 역량소개 : 추가 문구  */
.caution_tx {margin-left:10px; padding-top:10px;}

@media all and (max-width:768px){
	.caution_tx {margin-left:0; margin-top:10px; padding:10px; font-size:13px; background-color:#f5ebeb; border-radius:5px;}
}

/* 비교과 : 소개  */
.nonsubject_introduce_box {padding:30px; font-size:14px; background-color:#c7e7b8; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.nonsubject_introduce_box .outline {text-align:center; color:#567f6f;}
.nonsubject_introduce_box .outline .title {margin-bottom:10px; font-size:20px; text-align: center;}
.nonsubject_introduce_box .outline .title strong {color:#006940;}
.nonsubject_introduce_box .outline .inner_img {padding:15px 10px;}
.nonsubject_introduce_box .outline strong {color:#cc3300;}

@media all and (max-width:768px){

}

@media all and (max-width:414px){
	.nonsubject_introduce_box {padding:30px 15px;}
	.nonsubject_introduce_box .outline {text-align:left;}
}

/* 핵심역량 : 소개 */
.capability_diagnosis_introduce_box {display:table; margin-bottom:30px; width:100%; font-size:14px; background:url('../../../images/core/sub/05/capability_diagnosis/caba_introduce_bg.png') #eef3ff no-repeat right center; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden;}
.capability_diagnosis_introduce_box .left {display:table-cell; height:140px; padding-left:30px; padding-right:150px; color:#717171; vertical-align:middle;}
.capability_diagnosis_introduce_box .left .title {margin-bottom:10px; font-size:20px;}
.capability_diagnosis_introduce_box .left .title strong {color:#333;}

@media all and (max-width:768px){
	.capability_diagnosis_introduce_box {background:#c7e7b8;}
	.capability_diagnosis_introduce_box .left {padding:30px; height:auto;}
}

@media all and (max-width:414px){
	.capability_diagnosis_introduce_box .left {padding:20px;}	
}

.capability_6th_list {}
.capability_6th_list ul {}
.capability_6th_list ul li {margin-bottom:20px;}
.capability_6th_list ul li .outline {padding:20px 20px; margin-bottom:10px; background-color:#efefef; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}
.capability_6th_list ul li .outline .title {display:inline-block; margin-bottom:5px; padding:5px 15px; font-size:20px; line-height:1.2; background-color:#fff; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.capability_6th_list ul li .outline .title strong.num {color:#6f1f20;}
.capability_6th_list ul li .outline .title strong.ti {color:#333;}
.capability_6th_list ul li .outline .tx {font-size:15px;}
.capability_6th_list ul li .table_container_outer {margin:0 10px;}

@media screen and (max-width:640px) {
	.capability_6th_list ul li {}
}
@media screen and (max-width:480px) {
	.capability_6th_list ul li .outline {padding:10px; border-radius:10px;}
	.capability_6th_list ul li .outline .title {padding:5px 10px; font-size:16px;}	
	.capability_6th_list ul li .outline .tx {font-size:13px;}
}


/*///////////////////////////////////////////////////////////////////////
 역량진단
 ///////////////////////////////////////////////////////////////////////*/
 /* 기초학습 소개: 2020-10-14 */
.diagnosis_introduce_area {padding:30px 10px; text-align:center; background-color:#f9f9f9; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.diagnosis_introduce_area .circle_box {display:inline-block; margin:0 20px; padding-bottom:10px;}
.diagnosis_introduce_area .circle_box img {}
.diagnosis_introduce_area .circle_box span.ti {display:block; padding-top:7px; font-size:15px; font-weight:600; color:#666;}

@media all and (max-width:480px){
	.diagnosis_introduce_area .circle_box {display:inline-block; margin:0 10px;}
	.diagnosis_introduce_area .circle_box img {width:100px;}
}

/*  기초학습 : 소개 */
.baselearn_introduce_box {display:table; margin-bottom:30px; width:100%; font-size:14px; background:url('../../../images/core/sub/05/capability_diagnosis/baselearn_introduce_bg.png') #eef3ff no-repeat right center; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; overflow:hidden;}
.baselearn_introduce_box .left {display:table-cell; height:140px; padding-left:30px; padding-right:150px; color:#717171; vertical-align:middle;}
.baselearn_introduce_box .left .title {margin-bottom:10px; font-size:20px;}
.baselearn_introduce_box .left .title strong {color:#333;}

@media all and (max-width:768px){
	.baselearn_introduce_box {background:#c7e7b8;}
	.baselearn_introduce_box .left {padding:30px; height:auto;}
}

@media all and (max-width:414px){
	.baselearn_introduce_box .left {padding:20px;}	
}


/*///////////////////////////////////////////////////////////////////////
 교육 만족도
 ///////////////////////////////////////////////////////////////////////*/
 /*  기초학습 : 소개 */
.survey_introduce_box {display:table; margin-bottom:30px; width:100%; font-size:14px; background-color:#f4f9ff; border-radius:5px; overflow:hidden;
word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
.survey_introduce_box .left {display:table-cell; height:140px; padding-left:30px; padding-right:30px; color:#526889; vertical-align:middle;}

@media all and (max-width:768px){
	.survey_introduce_box {background:#c7e7b8;}
	.survey_introduce_box .left {padding:30px; height:auto;}
}

@media all and (max-width:414px){
	.survey_introduce_box .left {padding:20px;}	
}

/* 만족도평가 진행상황 : 2023-06-22 */
span.survey_status {display:inline-block; padding:0 5px; height:18px; line-height:18px; font-size:12px; vertical-align:middle; background-color:#fff; border-radius:20px;}
span.survey_status.status_ing {color:#ff0000; border:solid 1px #ff0000;}

.survey_search_box {text-align:center; padding:10px; background-color:#ebebeb; overflow:hidden;}
.survey_search_box .row {padding:5px; text-align:center; border-top:solid 1px #ddd;}
.survey_search_box .row:first-child {border-top:none;}

.survey_search_box .left {float:left;}
.survey_search_box .right {float:right;}

.survey_search_box .di_inb {margin:0 10px;}
.survey_search_box .ti {margin-right:5px;}
.survey_search_box .form_content {width:auto; text-align:left;}
.survey_search_box .form_content select {width:auto;}
.survey_search_box .form_content input {width:200px}

@media all and (max-width:640px){
	.survey_search_box {text-align:center; padding:5px 10px;}
	.survey_search_box .left {float:initial; padding:5px;}
	.survey_search_box .right {float:initial; padding:5px; border-top:solid 1px #ddd;}
}

@media all and (max-width:480px){
}

.board_detail_title {margin-bottom:10px; padding:15px; text-align:center; background-color:#fff; border-radius:100px; border:solid 1px #ccc;}
.board_detail_title h4 {margin-bottom:5px; color:#333; line-height:1; font-size:24px;}
.board_detail_title span.sel_year {display:inline-block; padding-top:10px; font-size:16px; font-weight:600; color:#666; line-height:1; position:relative;}
.board_detail_title span.sel_year:after {display:block; content:''; width:30px; height:3px; background-color:#f44336; position:absolute; top:0; left:50%; margin-left:-15px;}

h5.survey_stitle {font-size:18px; padding:15px 0 5px; margin-bottom:10px; text-align:center; border-bottom:solid 1px #ddd;}
.stitle_box {padding:15px 0 5px; margin-bottom:10px; border-bottom:solid 1px #ddd;}
.stitle_box h5 {display:inline-block; margin-right:5px; margin-bottom:0; text-align:left; border:none;}
.stitle_box.nonboard {padding:0 0 5px; border-bottom:none;}
.stitle_box.nonboard h5 {padding:0;}
.stitle_box .rate_aver {display:inline-block; padding:2px 10px; color:#fff; background-color:#009688; border-radius:30px;}
.stitle_box .rate_aver strong {display:inline-block; padding:0 3px; font-weight:normal; color:#ffeb3b;}

.result_recalculation {padding:20px; border:solid 5px #f2f2f2;}
.result_recalculation .outline {display:table; width:100%;}
.result_recalculation .guide_txt {display:table-cell; vertical-align:middle;}
.result_recalculation .func {display:table-cell; width:130px; text-align:right; vertical-align:middle;}
.result_recalculation button {padding:0 15px; height:50px; font-size:16px; color:#fff; line-height:1; background-color:#f44336;}
.result_recalculation button span {display:inline-block; line-height:1;}
.result_recalculation button:hover {opacity:0.8;}

@media all and (max-width:480px){
	.stitle_box .rate_aver {border-radius:5px;}

	.result_recalculation .outline {display:block; width:initial;}
	.result_recalculation .guide_txt {display:block; margin-bottom:10px;}
	.result_recalculation .func {display:block; width:initial; text-align:center;}

	.result_recalculation button {padding:0 30px; height:40px;}
}


/* 진단평가 단계 이동버튼 */
.test_navi {padding-top:20px; text-align:center; margin-bottom:50px; overflow: hidden;}
.test_navi button {width:140px; height:46px; font-size:18px; color:#fff; background-color: #666; border-radius:50px; line-height:1;}
.test_navi button:hover {opacity:0.9;}
@media all and (max-width:414px){
	.test_navi button {width:100px; height:36px; font-size:16px;}
}

.accordion_box_row {margin-bottom:10px;}
.accordion_box_row .accordion_header {cursor:pointer; height:50px; line-height:50px; background-color:#406193; position: relative;}
.accordion_box_row .accordion_header strong.title {display:inline-block; padding-left:30px; font-size:22px; font-weight:normal; color:#fff; background:url('../../../images/core/sub/05/capability_diagnosis/survey_bullet.png') no-repeat left center;}
.accordion_box_row .accordion_header .cert {display:inline-block; width:50px; height:50px; font-size:0; text-indent:-10000px; background:url('../../../images/core/sub/05/capability_diagnosis/survey_cert.png') no-repeat center center;
	position:absolute; top:0; right:0;
}
.accordion_box_row .accordion_header.active .cert {background:url('../../../images/core/sub/05/capability_diagnosis/survey_cert_active.png') no-repeat center center;}

.accordion_box_row .accordion_content {padding-bottom:50px;}

.target_info {padding:20px 30px; margin-bottom:30px; font-size:18px; background-color:#f2f7fa;}
.target_info ul {}
.target_info ul li {}
.target_info ul li span {display:inline-block;}
.target_info ul li span.ti {padding-left:15px; color:#3b74b1; background:url('../../../images/core/sub/05/capability_diagnosis/survey_bullet_dot.png') no-repeat left center;}
.target_info ul li span.tx {}

@media all and (max-width:480px){
	.accordion_box_row .accordion_header {height:40px; line-height:40px;}
	.accordion_box_row .accordion_header strong.title {padding-left:20px; font-size:18px;}
	.accordion_box_row .accordion_header .cert {display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0;}
}


/* 챠트 박스////////////////////////////////// */
.chart_col_3 {}
.chart_col_3 .outline {overflow:hidden; margin-left:-2%;}
.chart_col_3 .outline .chart_col {float:left; margin-left:2%; margin-bottom:20px; width:31.33%;}

.chart_col_2 {}
.chart_col_2 .outline {overflow:hidden; margin-left:-2%;}
.chart_col_2 .outline .chart_col {float:left; margin-left:2%; margin-bottom:20px; width:48%;}

.chart_col {}
.chart_col .chart_header {overflow:hidden; margin-bottom:5px;}
.chart_col .chart_header .title_box {float:left;}
.chart_col .chart_header .title_box strong.title {display:inline-block; padding-left:30px; color:#333; font-size:18px; background:url('../../../images/core/sub/05/capability_diagnosis/survey_bullet_title.png') no-repeat left center;}
.chart_col .chart_header .option_box {float:right;}
.chart_col .chart_header .option_box select {}

.chart_col .chart_innerbox {min-height:300px; background-color:#fafafa;}

@media all and (max-width:1024px){
	.chart_col_3 .outline .chart_col {float:left; margin-left:2%; width:48%;}
}
@media all and (max-width:768px){
	.chart_col_2 .outline,
	.chart_col_3 .outline {margin-left:0;}
	.chart_col_2 .outline .chart_col,
	.chart_col_3 .outline .chart_col {float:initial; margin-left:0; width:100%;}

	.chart_col .chart_header .title_box strong.title {font-size:16px; letter-spacing:-1px;}
}
@media all and (max-width:414px){
}

/*/////////////////////////////////////////////////////////////////////////////////////
 전공 시뮬레이터 : 2025-08-07
 /////////////////////////////////////////////////////////////////////////////////////*/
 ul.cardlist {margin-left:-25px;}
 ul.cardlist::after {content:""; display:block; clear:both;}
 ul.cardlist li {float:left; margin-bottom:20px; margin-left:25px; width:calc(33.33% - 25px); box-sizing:border-box; position:relative;}
 ul.title_leadtxt .outline {padding:30px; border:solid 1px #ddd; border-radius:10px; transition: all 0.3s;}
 ul.title_leadtxt li:hover .outline {border:solid 1px #666;}
 ul.title_leadtxt .outline .cont_title {margin-bottom:20px; text-align:center;}
 ul.title_leadtxt .outline .cont_title strong {font-size:22px; display:block;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;}
 ul.title_leadtxt .outline .cont_lead_text {}
 ul.title_leadtxt .outline .cont_lead_text p {height:130px; line-height:21px;
      display:-webkit-box;
      -webkit-line-clamp:6;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}

@media all and (max-width:1024px){	
	ul.title_leadtxt .outline {padding:20px;}
	ul.title_leadtxt .outline .cont_title strong {font-size:20px;}	
}

@media all and (max-width:768px){
	ul.cardlist {margin-left:-20px;}	
	ul.cardlist li {margin-left:20px; width:calc(50% - 20px);}
}

@media all and (max-width:480px){	
	ul.cardlist {margin-left:-10px;}	
	ul.cardlist li {margin-left:10px; width:calc(50% - 10px);}
	ul.title_leadtxt .outline {padding:10px;}
	ul.title_leadtxt .outline .cont_title {margin-bottom:10px;}
	ul.title_leadtxt .outline .cont_title strong {font-size:16px;}	
	ul.title_leadtxt .outline .cont_lead_text p {height:92px; font-size:12px; line-height:18px;
      display:-webkit-box;
      -webkit-line-clamp:5;
      -webkit-box-orient:vertical;
      overflow:hidden;
      text-overflow:ellipsis}
}

/* 전공 시뮬레이션 소개페이지 */
.major_intro {padding:20px; background-color:#edf0f9; border-radius:15px;}
.major_intro .major_icon {width:50px; height:50px; background:#455fa8; border-radius:50px;}
.major_intro .major_icon i {font-size:30px; line-height:0; color:#fff;}
.major_intro .major_intro_text {padding:15px; border:solid 1px #b5b9c3; background-color:#fff; border-radius:10px;}

.major_grid2 {display:flex; justify-content:space-between; column-gap:50px;}
.major_grid2 .col_box {width:50%;}

.major_grid2 .major_info {}
.major_grid2 .major_info>div:nth-child(odd) {padding:5px;}
.major_grid2 .major_info>div:nth-child(odd) strong {display:inline-block; padding:5px 15px; font-size:16px; color:#fff; background-color:#455fa8; border-radius:30px;}
.major_grid2 .major_info {}
@media all and (max-width:768px){

}
@media all and (max-width:480px){
	.major_intro .major_icon {width:35px; height:35px;}
	.major_intro .major_icon i {font-size:26px;}
	.major_intro h2 {font-size:20px !important;}
	.major_grid2 {display:block;}
	.major_grid2 .col_box {margin-top:20px; width:100%;}
	.major_grid2 .col_box:first-child {margin-top:0;}
}

/* chart grid4 */
.chart_grid4 {display:flex; justify-content:space-between; column-gap:20px;}
.chart_grid4 .col {flex-grow:1; text-align:center; box-sizing:border-box;}
@media all and (max-width:768px){
	.chart_grid4 {display:block;}
	.chart_grid4 .col {float:left; width:50%; margin-bottom:20px;}	
}
@media all and (max-width:480px){
	.chart_grid4 .col {float:left; width:100%;}
}

/* 학생들이 많이 수강한 과목 */
 ul.cardlist_grid2 {margin-left:-25px;}
 ul.cardlist_grid2::after {content:""; display:block; clear:both;}
 ul.cardlist_grid2 li {float:left; margin-bottom:20px; margin-left:25px; width:calc(50% - 25px); box-sizing:border-box; position:relative;}
 ul.cardlist_grid2 .outline {padding:30px; border:solid 1px #ddd; border-radius:10px; transition:all 0.3s;}
 ul.cardlist_grid2 li:hover .outline {border:solid 1px #666;}

 /* 전공, 교양 : 필수, 선택 표시 */
 .cata_bg_culture_require {background-color:#4798e8;}/* 교양필수 */
 .cata_bg_culture_choice {background-color:#3cc6ea;}/* 교양선택 */
 .cata_bg_major_require {background-color:#ff8587;}/* 전공필수 */
 .cata_bg_major_choice {background-color:#ffae88;}/* 전공선택 */

 table.table_app {width:100%; font-size:12px !important; border-top:solid 1px #333;}
 table.table_app tr {}
 table.table_app th {padding:5px; text-align:center; border-bottom:solid 1px #333; background-color:#f9fdff;}
 table.table_app td {padding:5px; text-align:center; border-bottom:solid 1px #ccc;}


@media all and (max-width:1024px){	
	ul.cardlist_grid2 .outline {padding:20px;}
}

@media all and (max-width:768px){
	ul.cardlist_grid2 {margin-left:0;}	
	ul.cardlist_grid2 li {margin-left:0; width:100%;}
	ul.cardlist_grid2 .outline {padding:10px;}
}

/* 학습체계도 */
table.major_data_table {width:100%;}
table.major_data_table thead th {padding:10px; border:solid 1px #ccc; text-align:center; background-color:#edf0f9;}
table.major_data_table tbody th {padding:10px; text-align:center;}
table.major_data_table tbody td {padding:10px; border:solid 1px #ccc; text-align:center;}

.mark {background-color:#f2f2f2;}

/* table용 반응형 구역 //////////////////////////////////////////////////// */
@media all and (max-width:768px){
	.table_responsibility {overflow-x:auto;}
	.table_responsibility table {width:1000px;}
	.table_responsibility table.m_h_width {width:150%;}
}

/* 전공설계 : 검색폼 */
.search_form_major {}
.search_form_major .title {font-size:24px;}
.search_form_major .input_box input {width:400px; height:40px; font-size:16px; text-align:center; border-radius:40px;}
.search_form_major .input_box button {width:40px; height:40px; color:#fff; border-radius:40px; background-color:#455fa8;}
.search_form_major .input_box button:hover {opacity:0.9;}
@media all and (max-width:768px){
	.search_form_major .title {font-size:18px;}
	.search_form_major .input_box input {width:300px; height:40px;}
}
@media all and (max-width:480px){
	.search_form_major .title {font-size:16px;}
	.search_form_major .input_box input {width:230px; height:36px;}
}

/*///////////////////////////////////////////////////////////////
 대시보드 
 /////////////////////////////////////////////////////////////// */
.dashboard_container {padding:50px 0; background-color:#e7edf4; box-sizing:border-box;}
@media all and (max-width:1400px){
	.dashboard_container {padding:50px 15px;}
}

/* 대시보드 상단 프로필 영역 //////////////////////////////// */
.dashboard_header {}
.dashboard_header .top_profile {text-align:center; position:relative;}
.dashboard_header .top_profile .photo_box .profile_img {display:inline-block; position: relative;}
.dashboard_header .top_profile .photo_box .profile_img span {display:inline-block; width:130px; height:130px; border-radius:100%; background-size:cover; background-position:center center; overflow:hidden;}
.dashboard_header .top_profile .photo_box .profile_img a {display:inline-block; width:36px; height:36px; line-height:36px; color:#fff; text-align:center; background:#375268; border-radius:100%;
position:absolute; bottom:10px; right:10px; z-index:1;}
.dashboard_header .top_profile .photo_box .profile_img a:hover {background-color:#2c3e50;}

.dashboard_header .top_profile .func_box {position:absolute; top:calc(50% - 20px); right:calc(50% - 300px);}
.dashboard_header .top_profile .func_box button {}

.dashboard_header .top_profile .func_box .pop_func {white-space:nowrap; position:absolute; top:calc(100% + 5px); left:0; background-color:#fff; border-radius:10px; box-shadow:0 5px 10px rgba(0,0,0,0.05); z-index:10;}
.dashboard_header .top_profile .func_box .pop_func .title {padding:5px;}
.dashboard_header .top_profile .func_box .pop_func .pop_func_cont {padding:10px; text-align:left;}
@media all and (max-width:1400px){

}

@media all and (max-width:1024px){

}

@media all and (max-width:768px){	
	.dashboard_header .top_profile .func_box {position:absolute; right:10px;}
	.dashboard_header .top_profile .func_box .pop_func {left:initial; right:0;}
}

@media all and (max-width:480px){
	.dashboard_header .top_profile .photo_box {margin-left:-100px;}
	.dashboard_header .top_profile .photo_box .profile_img span {display:inline-block; width:100px; height:100px;}
	.dashboard_header .top_profile .photo_box .profile_img a {bottom:5px; right:0; width:30px; height:30px; line-height:30px;}
}


.dashboard_header .info_profile {padding:0 50px;}
.dashboard_header .info_profile ul {}
.dashboard_header .info_profile ul::after {display:block; clear:both; content:"";}
.dashboard_header .info_profile ul li {float:left; width:33.33%;}
.dashboard_header .info_profile ul li .outline {margin:10px; line-height:1.2;}
@media all and (max-width:1024px){
	.dashboard_header .info_profile {padding:0 20px;}
}
@media all and (max-width:768px){
	.dashboard_header .info_profile {padding:0;}
	.dashboard_header .info_profile ul li {width:100%;}
	.dashboard_header .info_profile ul li .outline {margin:5px;}
}

/* 박스 접기, 삭제 */
.pop_card_option {white-space:nowrap; background-color:#fff; position:absolute; top:20px; right:-10px; z-index:1;}

/* 아코디언 메뉴 //////////////////////////////////////// */
.accodian_row {border:solid 1px #ccc; background-color:#fff;}
.accodian_row.active { border:solid 1px #cfe0ec; background-color:#f3faff;}
.accodian_row i.cert {transform: rotate(-90deg); transition: all 0.1s ease-out;}
.accodian_row.active i.cert {transform: rotate(0deg);}


/* 대시보드용 grid 박스 //////////////////////////////////*/
.dashboard_row {display:flex; flex-wrap:wrap;
	margin-top:calc(-1 * 0);
  	margin-right:calc(-0.5 * 20px);
  	margin-left:calc(-0.5 * 20px);}
.dashboard_row > * {flex-shrink:0; width:100%; max-width:100%; padding-right:10px; padding-left:10px;}
.dashboard_row::after {display:block; clear:both; content:"";}
.lg_12 {flex:0 0 auto; width:100%; box-sizing:border-box;}
.lg_8 {flex:0 0 auto; width:66.66666667%; box-sizing:border-box;}
.lg_6 {flex:0 0 auto; width:50%; box-sizing:border-box;}
.lg_4 {flex:0 0 auto; width:33.33333333%; box-sizing:border-box;}
.lg_3 {flex:0 0 auto; width:25%; box-sizing:border-box;}
.lg_12::after,
.lg_8::after,
.lg_6::after,
.lg_4::after,
.lg_3::after {display:block; clear:both; content:"";}

@media all and (max-width:768px){
	.dashboard_row > * { flex-shrink:0; width:100%; max-width:100%; padding-right:10px; padding-left:10px;}
}

.dashboard_card {margin-bottom:20px; background-color:#fff; border-radius:10px; box-sizing:border-box;}
.dashboard_card .card_title,
.dashboard_card .card_content {box-sizing:border-box;}

/* progress ///////////////////////////////////////////// */
.progress_box {display:flex; justify-content:space-between; align-items:center; padding:10px 0; box-sizing:border-box;}
.progress_bar_wrap {padding-right:40px; box-sizing:border-box; position:relative;}
.progress_bar_wrap .progress_bar {background-color:#f2f2f2; height:10px; border-radius:10px;}
.progress_bar_wrap .progress_bar .bar {height:10px; border-radius:10px;}
.progress_bar_wrap .amount {line-height:1; position:absolute; top:0; right:0;}

/* progress2 ///////////////////////////////////////////// */
.progress_box_double {display:flex; justify-content:space-between; align-items:center; padding:10px 0; box-sizing:border-box;}
.progress_box_double_wrap {box-sizing:border-box; position:relative;}
.progress_box_double_wrap .progress_bar {background-color:#f2f2f2; height:22px; border-radius:5px;}
.progress_box_double_wrap .progress_bar .bar {height:22px; border-radius:5px;
background: #26a2d4;
background: linear-gradient(90deg, rgba(38, 162, 212, 1) 0%, rgba(87, 199, 133, 1) 100%);}
.progress_box_double_wrap .amount {line-height:22px; white-space:nowrap; position:absolute; top:0; left:0; z-index:1;}
.progress_box_double_wrap .amount::after {display:block; content:''; width:10px; height:10px; background-color:#fff; border:solid 2px #ff5722; border-radius:20px;
position:absolute; top:calc(50% - 7px); left:calc(0% - 8px);}

/* list_3grid ////////////////////////////////////////////*/
.list_3grid {margin-right:-15px;}
.list_3grid::after {display:block; content:''; clear:both;}
.list_3grid .grid {float:left; width:calc(33.33% - 15px); margin-right:15px; margin-bottom:15px;}
@media all and (max-width:768px){
	.list_3grid {margin-right:0;}
	.list_3grid .grid {float:initial; width:100%; margin-right:0;}
}

/* list_4grid ////////////////////////////////////////////*/
.list_4grid {margin-right:-15px;}
.list_4grid::after {display:block; content:''; clear:both;}
.list_4grid .grid {float:left; width:calc(25% - 15px); margin-right:15px; margin-bottom:15px;}
@media all and (max-width:1024px){
	.list_4grid .grid {width:calc(50% - 15px);}
}
@media all and (max-width:768px){
	.list_4grid {margin-right:0;}
	.list_4grid .grid {float:initial; width:100%; margin-right:0;}
}

/* 달력 //////////////////////////////////////////////////*/
table.calendar {width:100%;}
table.calendar thead th {padding:10px; color:#666;}
table.calendar tbody td {padding:7px 0; text-align:center;}
table.calendar tbody td.sun {color:#ea6a6a;}
table.calendar tbody td.sat {color:#3cacd7;}
table.calendar tbody td.disible_tx {color:#999;}
table.calendar a {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background:transparent; border-radius:30px;}
table.calendar a:hover {opacity:0.8;}
table.calendar a.has {color:#fff; background:#ea6a6a;}



/* 목표달성 빙고 목록 ////////////////////////////////////////////*/
.list_bingo {margin-right:-15px;}
.list_bingo::after {display:block; content:''; clear:both;}
.list_bingo .grid {float:left; width:calc(33.33% - 15px); margin-right:15px; margin-bottom:15px;}
.list_bingo .grid a {padding:10px; height:50px; background-color:fff; transition: all 0.3s ease-out;}
.list_bingo .grid a:hover {box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1);}

.list_bingo .grid a.license {color:#ab7029; background-color:#fff1e0; border:solid 1px #fff;}
.list_bingo .grid a.license:hover {border:solid 1px #d3a164;}
.list_bingo .grid a.license.active {color:#fff; background-color:#d3a164; border:solid 1px #d3a164;}
.list_bingo .grid a.subject {color:#2d81cf; background-color:#e6f3ff; border:solid 1px #fff;}
.list_bingo .grid a.subject:hover {border:solid 1px #adc2d5;}
.list_bingo .grid a.subject.active {color:#fff; background-color:#2d81cf; border:solid 1px #adc2d5;}

@media all and (max-width:1024px){
	.list_bingo .grid {width:calc(50% - 15px);}
}

@media all and (max-width:480px){
	.list_bingo {margin-right:0;}
	.list_bingo .grid {float:initial; width:100%; margin-right:0;}
}

/* dropzone 파일첨부 */
.dropzone {width:99%; border:2px dashed #ccc !important; border-radius:5px; -webkit-transition: .2s; transition: .2s;}
.dropzone.dz-drag-hover {border:2px solid #3498db !important;}
.dz-message.needsclick i {display:block; font-size:30px; color:#005eaa; opacity:.3;}
.dropzone .dz-message span.text {color:#517ea3;}
span.plus {display:none;}
.dropzone.dz-started .dz-message {display:inline-block !important; width:120px; float:right; border: 1px solid rgba(238, 238, 238, 0.36); border-radius: 30px;
     height:120px; margin:16px; -webkit-transition: .2s; transition: .2s;}
.dropzone.dz-started .dz-message span.text {display:none; color:#5282a9;}
.dropzone.dz-started .dz-message span.plus {display:block; font-size:70px; color:#5282a9; line-height:110px;}
.innerfile_ment {margin-top:10px; font-size:14px; color:#666;}

/* 진로변경이력 //////////////////////////////////////////////////*/
.update_history {}
.update_history ul li {padding-bottom:20px; position:relative;}
.update_history ul li::after {display:block; content:''; clear:both; width:1px; height:100%; background-color:#ccc; position:absolute; top:10px; left:20px; z-index:0;}
.update_history ul li:last-child {padding-bottom:0;}
.update_history ul li:last-child::after {background-color:transparent;}
.update_history ul li .date_title {display:flex;}
.update_history ul li .date_title .number {display:flex; justify-content:center; align-items:center; width:40px; height:40px; background-color:#666; border-radius:100%; z-index:1;}
.update_history ul li:first-child .date_title .number {background-color:#00a54f;}
.update_history ul li .date_title .number span {color:#fff;}
.update_history ul li .date_title .update_date {font-size:16px;}
.update_history ul li .update_cont {padding-left:50px;}
.update_history ul li .update_cont>div {margin-bottom:5px; line-height:1.2; color:#666; position:relative;}
.update_history ul li .update_cont>div::after {display:block; content:''; clear:both; width:4px; height:2px; background-color:#000; position:absolute; top:7px; left:-8px;}

/* 학생 전체 상담 메모 /////////////////////////////////////////// */
.counsel_memo_std {}
.counsel_memo_std .title_box {display:flex; justify-content:space-between; align-items:center;}
.counsel_memo_std .title_box .title {}
.counsel_memo_std .title_box .func {}
@media all and (max-width:1024px){
	.counsel_memo_std .title_box {display:block;}
	.counsel_memo_std .title_box .func {padding-top:10px;}
}

@media all and (max-width:480px){
	.counsel_memo_std .title_box .func select {display:block; margin-bottom:5px;}
}

/* tooltip ////////////////////////////////////////////////////////*/
.tooltip_pos {position:relative;}
.tooltip_box {display:none; opacity:0; min-width:200px; max-width:400px; padding:5px 10px; border:solid 1px #ccc; background-color:#fff; border-radius:10px; position:absolute; top:25px; left:15px; z-index:1;
				box-shadow: 2px 5px 7px 0 rgba(0,0,0,0.2); transition:opacity 0.3s ease-out;}
.tooltip_box .outline {position:relative; font-size:12px; word-break:break-all;}
.tooltip_box .outline::after {display:block; width:10px; height:10px; transform: rotate(30deg); content:''; clear:both; position:absolute; top:-10px; left:-5px; z-index:0;
background: #bababa;
background: linear-gradient(140deg, rgba(49, 122, 168, 1) 0%, rgba(255, 255, 255, 1) 60%);}

.tooltip_pos:hover .tooltip_box {display:block; opacity:1;}