@charset "utf-8";

@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900|Poppins:300,500,600,700,900&display=swap&subset=korean');

.program_list_A_tr1>th, .program_list_A_tr1>td, .program_list_A_tr1>div{border-top:2px solid #cc3333 !important}

.contents_control li {float: left;margin-right:-1px;}

.admin_btn_area{text-align:center}

._group_kind_1{background:#ef5533 !important;border-color:#ef5533 !important;color:#fff !important}
._group_kind_2{background:#f49720 !important;border-color:#f49720 !important;color:#fff !important}
._group_kind_3{background:#22a8d9 !important;border-color:#22a8d9 !important;color:#fff !important}
._group_kind_4{background:#02344b !important;border-color:#02344b !important;color:#fff !important}

._group_kind_5{background:#8b60ad !important;border-color:#8b60ad !important;color:#fff !important}
._group_kind_6{background:#88a825 !important;border-color:#88a825 !important;color:#fff !important}
._group_kind_7{background:#bd8d46 !important;border-color:#bd8d46 !important;color:#fff !important}
._group_kind_8{background:#356bb5 !important;border-color:#356bb5 !important;color:#fff !important}

._group_kind_9{background:#7e827a !important;border-color:#7e827a !important;color:#fff !important}
._group_kind_10{background:#1f8a70 !important;border-color:#1f8a70 !important;color:#fff !important}

._status_kind_1{background:#CC3333;color:#fff !important;border:1px solid #CC3333}
._status_kind_2{background:#676767;color:#fff !important;border:1px solid #676767}
._status_kind_3{background:#fff;color:#666 !important;border:1px solid #ccc}
._status_kind_4{background:#f1f1f1;color:#666 !important;border:1px solid #ccc}

/*html,body,p,a,div,span,ul,li{font-family: 'Noto Sans KR', sans-serif;color:#333;font-size:14px} */
html{font-family: 'Noto Sans KR', sans-serif;color:#333;font-size:14px}

body,p,a,div,span,ul,li{color:inherit;font-size:inherit}

.convert_title_font1,.convert_title_font2{font-family:'Nanum Square','NanumSquare';font-weight:bold}
.page_side_menu_title_font{font-weight:400}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px) {
.convert_title_font1{font-size:20pt !important}
.convert_title_font2{font-size:16pt !important}
}

p{line-height:1.4}
.user_group_1{position:relative;padding:1em;overflow:hidden;height:200px;border-color:#eaeaea}
.user_group_2{position:relative;padding:1em;overflow:hidden;height:170px;border-color:#eaeaea}

#header{background:#fff}

/* 사용자 박스 정의 */
.user-box-title{position:relative;z-index:10;margin-bottom:1em;line-height:1;}
.user-box-content{position:relative;z-index:10;margin-bottom:1em;font-size:1em;text-align:justify}
.user-box-content2{position:relative;z-index:10;margin-bottom:1em}

/* 원하는 색상을 정의하세요 */
.user-background-1{background-color:#f1f1f1;color:#212121;border-color:#ccc}
.user-background-2{background-color:#a9bf04;color:#fff;border-color:#a9bf04}
.user-background-3{background-color:#f5f5f5;color:#333;border-color:#00838f}

.user-color1,.user-hover1:hover,.user-hover1:focus{background-color:#3f8af9;color:#fff;border-color:#397ce0;text-shadow:0px 0px 2px #2960b2}
.user-color1 a,.user-color1 i{color:#fc7c3d;text-shadow:0px 0px 2px #000}
.user-color2,.user-hover2:hover,.user-hover2:focus{background-color:#ed2344;color:#fff;border-color:#821426;text-shadow:0px 0px 2px #821426}
.user-color2 a,.user-color2 i{color:#aa0443;text-shadow:0px 0px 2px #ffacd6}

.user-btn-color1{background-color:#fff;color:#333;border-color:#999;text-shadow:0px 0px 2px #f2f2f2}

.f-user-color1{color:#a9bf04}





.table-1 th, .table-1 td, .table-2 th, .table-2 td, .table-3 th, .table-3 td, .table-4 th, .table-4 td, .table-5 th, .table-5 td, .table-6 th, .table-6 td{padding:12px 16px}
.table-1>thead>tr>th, .table-1>thead>tr>td, .table-2>thead>tr>th, .table-2>thead>tr>td, .table-3>thead>tr>th, .table-3>thead>tr>td, .table-4>thead>tr>th, .table-4>thead>tr>td, .table-5>thead>tr>th, .table-5>thead>tr>td, .table-6>thead>tr>th, .table-6>thead>tr>td{padding:6px 4px;font-weight:bold}
.table-6 tr>th:first-child{background:#f1f1f1}

.table-1>tbody>tr>th{background:#f5f5f5}
.table-1>tbody>tr>td{background:#fff}
.table-1>thead>tr>th{border-bottom-color:#666}

.mode_box{display:none}

.group_tab>ul>li>a[class='selected'], .group_tab>ul>li>a:hover, .group_tab>ul>li>a:focus{background:#a9bf04;border-color:#a9bf04}

.normalize, .m9_editor, .m9_editor_box{font-size:15px;letter-spacing:-0.5px}
#program_list_area{font-size:15px;letter-spacing:-0.5px}

.title_bottom_msg{font-size:18px;color:#111;text-align:center;
background:url(https://vcomm.kr/etc_img/title_bottom_mark.png) 50% 0 no-repeat;
padding-top:70px;
}
.title_bottom_msg:after{content:'';width:100%;height:7px;display:block;margin:30px 0 40px 0;
background:url(https://vcomm.kr/etc_img/title_bottom_mark2.png) 50% 0 no-repeat;}
.title_bottom_msg>b{color:#34384d}
/*
.convert_title_out1:before{content:'';width:30px;height:6px;background:#e60012;display:inline-block}
.convert_title_out2:before{content:'';width:20px;height:6px;background:#004098;display:inline-block}*/



.mobile-menu{background:#f1f1f1;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px) {
.page_banner_bottom_in{visibility:hidden;height:0}
.user_group_1{height:initial}.user_group_2{height:initial}
.page_top_menu{background:#f1f1f1 !important}
.m_top_navi_btn{color:#333 !important}
.top_navi_btn{color:#333 !important}	
.page_left{display:none}

.normalize, .m9_editor, .m9_editor_box{font-size:14px}
#convert{padding-bottom:0px}

.group_tab>ul{display:inline-block !important}
.group_tab>ul>li>a{padding:0 20px}

}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:439px){
.user_group_1{border-bottom:1px solid;border-color:#e0e0e0}.user_group_2{border-bottom:1px solid;border-color:#e0e0e0}
.table-1 th, .table-1 td, .table-2 th, .table-2 td, .table-3 th, .table-3 td, .table-4 th, .table-4 td, .table-5 th, .table-5 td, .table-6 th, .table-6 td{padding:6px 4px}
}

.page_down_link_box {display:none}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.page_pattern{background-attachment:inherit !important;}
}

/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
.page_pattern{background-attachment:inherit !important;}
}