@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700;900&display=swap');

.contents_control li {float: left;margin-right:-1px;}
.convert_list {max-width:1200px; margin: 0 auto;}
.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}

html,body{ font-family: 'Noto Sans KR', sans-serif;color:#333;font-size:15px;line-height:1.7;font-weight:300}
.page_down_link{display:none}
#m1_business_sub .page_menu_sub{width:800px}
#m1_business_sub .page_menu_sub>ul>li{width:33%;float:left;text-align:center;}


.block-001{padding:1em 0}
.url_box {max-width:1200px;margin:0 auto;}
._dropdown>a._btn{border:1px solid #52a5dc;}
.sns-container{display:block;max-width:1200px;margin:20px auto}
.convert_title_font1,.convert_title_font2{font-family:'Nanum Square','NanumSquare';font-weight:bold}
.page_side_menu_title_font{font-family:'Nanum Square','NanumSquare';font-weight:bold}
.mobile-menu>div>a>.selection>.text-box{font-size:14px;}

.user_strong_1{color:#00489d;font-weight:500;font-size:1.05em}
._sub_txt{text-align:center;background: #00489e;padding:40px 0px;font-family:'NanumSquare';font-weight:bold;color:#fff}
._sub_txt>div{font-size:25px}
._sub_txt>span{display:block;font-size:18px;}

.sub_txt{text-align:center;background: #fafafa;padding:90px 0px 140px;font-family:'NanumSquare';font-weight:bold;}
.sub_txt>div{font-size:25px}
.sub_txt>span{display:block;font-size:18px;}



.sub_txt_2{background:linear-gradient(to right,#1bb8ce,#004ea2 );padding:25px 10px;text-align:center;border-radius:20px;border-top-left-radius:0;width:900px;margin-left:300px;}
.sub_txt_2>span{font-family:'NanumSquare';font-size:18px;font-weight:700;color:#fff;}
.sub_txt_3{background:linear-gradient(to right,#1bb8ce,#004ea2 );padding:25px 10px;text-align:center}
.sub_txt_3>span{font-family:'NanumSquare';font-size:18px;font-weight:700;color:#fff;}

.b_img_box{margin:30px 0;width:900px;margin-left:300px;}
.m9-hr-3{max-width:1200px;margin:0 auto;}

.m9-heading-style-1>h1{margin-bottom:50px;text-align:center;}
.m9-heading-style-1>h1>strong{display:block;font-family:'NanumSquare';font-size:40px;font-weight:bold;color:#000;}
.m9-heading-style-1>h1>span{display:block;font-size:15px;font-weight:300;padding-top:15px;}
.m9-heading-style-1>h1:after{content:"";display:block;width:30px;height:1px;border-bottom:2px solid #000;text-align:center;margin:0 auto;padding-top:30px}
.m9-heading-style-1>h2{position:relative;padding-top:20px;color:#00489d;font-family:'NanumSquare';font-weight:700;font-size:30px;letter-spacing:-1px}
.m9-heading-style-1>h2:after {content: "";display: inline-block;width: 36px;height: 10px;background: #004098;position: absolute;top: 0;left: 5px;transform: skew(-40deg,0deg);}

.m9-heading-style-2>h2{position:relative;padding-top:20px;color:#00489d;font-family:'NanumSquare';font-weight:700;font-size:25px;letter-spacing:-1px;margin-top:-20px}
.m9-heading-style-2>h2:after {content: "";display: inline-block;width: 36px;height: 10px;background: #004098;position: absolute;top: 0;left: 5px;transform: skew(-40deg,0deg);}


@media screen and (max-width: 638px){

.convert_list{padding-right:10px}
#m1_business_sub .page_menu_sub>ul>li{width:auto;float:none}

.grid-block{padding:1em 0}
html,body{font-size:14px;line-height:1.5;font-weight:300}
.sub_txt{text-align:center;padding:20px;margin-bottom:0;}
.sub_txt>div{color:#00489e;font-size:17px;font-weight:700;}
    .sub_txt_2{margin:0;width:auto;}
.sub_txt_2>span{font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;color:#fff;line-height:1.4}    


.sub_txt_3{margin:0;width:auto;}
.sub_txt_3>span{font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;color:#fff;line-height:1.4}    


.b_img_box{margin:0;width:auto;}

.m9-heading-style-1>h1{margin-bottom:30px;}
.m9-heading-style-1>h1>strong{font-size:26px;margin-top:20px;}
.m9-heading-style-1>h2 {font-size:20px;}
.m9-heading-style-2>h2 {font-size:20px;margin-top:0}


}


/* 모바일 옆으로 보기로 취급 */
@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}
}

.program_list_A_td5{background:#efffcf !important}