@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-demilight.eot),
    url(https://www.sj-t.com/m9_data/fonts/notokr-demilight.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-demilight.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-demilight.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-regular.eot),
    url(https://www.sj-t.com/m9_data/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-regular.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-medium.eot),
    url(https://www.sj-t.com/m9_data/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-medium.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: bold;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-bold.eot),
    url(https://www.sj-t.com/m9_data/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-bold.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: bold;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-black.eot),
    url(https://www.sj-t.com/m9_data/fonts/notokr-black.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-black.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/fonts/notokr-black.otf) format('opentype');
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: bold;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-bold.eot),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-bold.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: bold;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-black.eot),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-black.eot?#iefix) format('embedded-opentype'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-black.woff) format('woff'),
    url(https://www.sj-t.com/m9_data/m9_data/fonts/notokr-black.otf) format('opentype');
}

.table-1 tbody th{background:#137dc4 !important;color:#fff}
.table-1 th, .table-1 td{border-color:#212121}
.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{background:#005187;color:#fff}

[class*="grid-"]{padding:1px 0} 


@media screen and (max-width:683px){
.grid-block._e-grid-top-style-1{padding-top:50px}
.grid-block._e-grid-bottom-style-1{padding-bottom:80px}
.grid-block._e-grid-bottom-style-2{padding-bottom:30px}
}


  @media screen and (max-width:768px){
    .table_wrap{overflow-x:scroll;}
    .table_wrap table{width:1200px}
  }


#program_area,.program_table_out_table{padding-top:30px}
.program_list_contents_image_td>span{z-index:90 !important}
html,body{font-size:17px;line-height:1.7; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;letter-spacing:-0.5px;color:#333;}

.grid-block>[class*="grid-"]{max-width:1200px;}

.grid-bg-1{background:#f1f1f1}
.grid-block-end{padding-bottom:100px}

.group_tab>ul>li:first-child>a{margin-left:0}
/* .page_main_in{padding:30px 0px 0px} */
.m9-hr-3,.m9-hr-2{max-width:1200px;margin:0 auto}
.page-tab-one>a{min-width:171px !important}
ol[class~="list-style-1"]>li:before {background-color: #f5f4f7;color:#333}

.uploadform{background:#fff !important}
.uploadform .upload_btn1{background:url('/etc_img/button.png') no-repeat !important;color:#fff !important;margin-right:3px}
.uploadform .line{background:none !important}
.uploadform .uploadfile{padding:0 !important}
.uploadform .upload_btn2{border:1px solid #dadada !important;margin:1px;background:#fff !important}

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

.convert_list{max-width:1200px;margin:0 auto}
.sns-container{background:#434242;margin:0;padding:20px 0 0 0;display:none !important}
.sns_p{max-width:1200px;margin:0 auto;position:relative}
.sns_p .sns_box{position:absolute;top:10px;right:0;z-index:11111}

._status_kind_1{background:#1d1c6d;color:#fff !important;border:1px solid #1d1c6d}
._status_kind_2{background:#28a8d8;color:#fff !important;border:1px solid #28a8d8}
._status_kind_3{background:#fff;color:#666 !important;border:1px solid #ccc}




/* 사용자 박스 정의 */
.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-background1{background-color:#f1f1f1;color:#212121;border-color:#ccc}
.user-background2{background-color:#093155;color:#fff;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:#093155}
.strong-1{background:none;color:#e91e63;font-weight:500;margin-top:2em;font-size:16px;}
.user-background-3{background-color:#1d1c6d;color:#fff}
.user-text-icon-1{position:absolute;top:-12px;left:10px;padding:4px 10px;background:#b1b1b1;border-style:solid;border-width:0;border-color:#af3333;color:#fff;overflow:visible;font-weight:normal;font-size:12px;font-family:dotum;border-radius:3px}


.page_button_down{position:relative}
.page_button_down-in{height:950px;position:relative;text-align:center}
.page_button_down-in>p{padding-top:288px;color:#fff;font-size:90px;font-weight:500;text-align:center;text-shadow: 1px 1px 1px #5a5a5a;font-family: 'Poppins', sans-serif;line-height:1.2;text-shadow: 1px 1px 1px #5a5a5a;}
.page_button_down-in>span:after{position:absolute;left:50%;top:0;margin-left:-25px;content:"";display:inline-block;width:50px;height:4px;background:#fff}
.page_button_down-in>span{position:relative;display:inline-block;font-size:24px;color:#fff;margin-top:100px;padding-top:50px;text-shadow: 1px 1px 1px #5a5a5a;font-family: 'Poppins', sans-serif;}

.slick-type-1 .item>div>a:hover, .slick-type-1 .item>div>a:focus, .slick-type-1 .item>div>a.on {border-color: #a13e96;}
.links-1>li{display:inline-block;padding:0 10px 0 0 ;}  



.page_banner_bottom_in{padding-top:176px;height:410px;text-align:center;font-family:'Play';}
.page_banner_bottom_in>div>strong{position:relative;display:block;font-size:3em;line-height:1.2;font-weight:900;color:#fff;}
.page_banner_bottom_in>div>strong>b{position:relative;font-size:1.3em;display:inline-block;padding-top:5px;}

.page_banner_bottom_in>div>div{font-size:17px;color:#b4b4b4;letter-spacing:4px}
.page_banner_bottom_in>div>strong>span{display:block;font-size:20px;font-weight:normal;color:#fff}
.mobile-for-icon>.axi{display:none}


.sub_text1{padding:15px 12px;background:#f0f3fa;color:#0d4488;}

@media screen and (max-width:683px){

.sns_p .sns_box{position:static}

/* [class*="grid-"]{padding:0}  */

html,body{font-size:14px}
.grid-block{padding: 0 1em}
.page-tab-one>a{min-width:auto !important}
    
.sub_title{margin-bottom: 0; margin-top: 40px;}
.sub_title>h1{font-size: 30px;}
.sub_title2>h2{font-size:19px}

.page_button_down-in{height:260px}
.page_button_down-in>p{padding:80px 1em 0;color:#fff;font-size:30px;font-weight:500;text-align:center;text-shadow: 1px 1px 1px #5a5a5a;font-family: 'Poppins', sans-serif;line-height:1.2;}
.page_button_down-in>span:after{position:absolute;left:50%;top:0;margin-left:-25px;content:"";display:inline-block;width:50px;height:2px;background:#fff}
.page_button_down-in>span{position:relative;display:inline-block;font-size:20px;color:#fff;margin-top:20px;padding-top:20px}
    
.page_banner_bottom_in>div>div{font-size:14px}

.convert_fontsize_div{margin-right:10px !important}

.page_pattern{background:#fff}
.page_up_link_box{margin:0}
.page_banner_bottom_in{font-size:20px;height:200px;padding-top:54px}

.page_banner_bottom_in>div>strong{font-size:1.2em;}
    

}




@media screen and (max-width:439px){

.mobile-for-icon>.axi{display:inline-block}
.mobile-for-icon>._content{display:none}
}


.sub_table1{padding-top:0.5em}
  .sub_table1>.table-1 th{background: #fafafa !important;color: #1a1a1a !important;}
  .sub_table1>.table-1 th, .table-1 td{border-color: #e0e0e0 !important;font-weight:300;box-shadow:none}
  .sub_table1>.table-1{border-top: 2px solid #50ab05 !important;}
  .sub_table1>.table-1>tbody>tr>th{font-weight:bold !important}

  .sub_text2{padding-bottom:0.5em;line-height:1.2}
  
  .con_list{border:1px solid #eee;padding:15px 20px;background:#f8f8f8;margin-top:10px}
  .con_list>ul>li>strong{display:block;font-weight:normal}
  .con_list>ul>li>span{display:block;padding:5px 0;color:#737373;font-size:0.9em}
  .con_list>ul>li>div{padding:5px 0;color:#0d4488;font-size:0.9em}
.notice_box{padding:5px 0;color:#0d4488;font-weight:normal}
.process_box>ul>li>div{position:relative;border:1px solid #eee;text-align:center;margin-right:10px}
  .process_box>ul>li>div:after{content:"\f17f";height:20px;line-height:20px;margin-top:-10px;position:absolute;top:50%;right:-20px;display:inline-block;font-family:"axicon"}
  .process_box>ul>li:nth-child(4n)>div:after{display:none}

  .process_box.process_box_5>ul>li:nth-child(4n)>div:after{display:block}
  .process_box>ul>li:last-child>div:after{display:none}
  .process_box>ul>li>div>strong{display:block;min-height:60px;background:#3e75c1;padding:20px 10px;color:#fff;font-size:0.9em;font-weight:normal;}
  .process_box>ul>li>div>span{display:block;padding:15px 10px;}
  
  @media screen and (max-width:683px){
  .con_list{font-size:0.9em}
    .process_box>ul>li>div{margin-right:0}
    .process_box>ul>li:nth-child(2n)>div:after{display:none}
    .process_box>ul>li>div>strong{min-height:55px}

.process_box.process_box_5>ul>li:nth-child(4n)>div:after{display:none}

.notice_box{font-size:0.9em}

.sub_table_1>.table-1{font-size:0.95em}

}

.sub_table_1>.table-1{border-top:2px solid #a70100;text-align:left}
.sub_table_1>.table-1 tr>th{text-align:center;font-weight:400;box-shadow:none;background:#fafafa}
.sub_table_1>.table-1 tr>th:first-child{border-left:0;background:#fafafa;}
.sub_table_1>.table-1 tr>td:last-child,.sub_table_1>.table-1 tr>th:last-child{border-right:0}


.sub_table_1>.table-1 th, .sub_table_1>.table-1 td{border-color:#eee}




.m9-heading-style-1>h1{font-size: 3em;text-align:center;font-weight: 700;padding-bottom:45px;margin:0 0 30px;border-bottom:1px solid #eee;color:#333;letter-spacing: -1px;}
  .m9-heading-style-1>h2{position:relative;padding-top:15px;font-size:28px;margin-bottom:10px;margin-top:100px}
 .m9-heading-style-1>._bottom{max-width:80%;margin-left:auto;margin-right:auto}

/*   .m9-heading-style-1>h2:after{content: ""; display: inline-block;width: 36px;height: 5px;background:#2b2e75;position: absolute;bottom:0;left:50%;} */

  .m9-heading-style-2>h2{position:relative;padding-top:20px;font-size:35px;margin-bottom:40px;letter-spacing:-1px;color:#fff;font-weight:500}
  .m9-heading-style-2>h2:after{content: ""; display: inline-block;width: 36px;height: 10px;background: #fff;position: absolute;top:0;left:5px;transform: skew(-40deg,0deg);}


 .m9-heading-style-3>h2{margin-bottom:50px;position:relative;font-size:30px;padding-bottom:20px;letter-spacing:-1px;color:#000;font-weight:300;text-align:center}
  .m9-heading-style-3>h2:after{content: ""; display: inline-block;width: 30px;height: 1px;border-bottom:2px solid #000;position:absolute;left:50%;bottom:0;margin-left:-15px;}





.m9-heading-style-1>h3{text-align:left;position:relative;padding-left:16px;margin-bottom:15px;margin-top:30px;font-size:18px;font-weight:500}
.m9-heading-style-1>h3:before{position:absolute;left:0px;top:50%;width:8px;height:8px;border-radius:50%;background:#c02736;margin-top:-4px;content:"";display:inline-block;}


.m9-heading-style-3>h3{color:#1b3372;text-align:left;position:relative;padding-left:20px;margin-top:30px;font-size:16px;font-weight:500}
.m9-heading-style-3>h3:after{content:"";display:inline-block;position:absolute;top:50%;left:8px;margin-top:-2.5px;width:5px;height:5px;background:#622b7e;border-radius:50%;font-weight:500}

.m9-heading-style-3>h4{color:#000;font-size:15px;font-weight:500;margin:10px 0;text-align:left}


.user-heading-style-1{text-align:center;margin-bottom:30px}

@media screen and (max-width:638px){


.m9-heading-style-1>h1{padding-bottom:10px;font-size:32px;margin:20px 0}
  .m9-heading-style-1>h2{margin-top:20px;margin-bottom:20px;font-size:21px}
 .m9-heading-style-3>h2{margin-bottom:30px;position:relative;font-size:25px;padding-bottom:20px;letter-spacing:-1px;color:#000;font-weight:500;text-align:center}


.m9-heading-style-3{margin-top:10px}

.m9-heading-style-3>h3{margin-top:20px}

}

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

.pro-btn{display:inline-block;min-width:60px;height:30px;line-height:30px;padding:0 10px;margin-left:3px;margin-right:3px;font-family:gulim;font-size:12px;text-align:center;border:1px solid #424242;background:#424242;border-radius:3px;overflow:hidden;cursor:pointer;outline:none;vertical-align:middle;color:#fff}
.pro-btn:hover,.pro-btn:focus{background-color:#424242;border-color:#424242;color:#fff}
.pro-btn.small{min-width:30px;height:23px;line-height:23px;padding:0 5px}
.pro-btn.large{min-width:40px;height:40px;line-height:40px;padding:0 20px}
.pro-btn:active{position:relative;top:1px}
.pro-btn>img{display:none}
.pro-btn>.blind{width:auto;height:auto;overflow:inherit;font-size:12px;line-height:1;position:static;left:0;top:0}



.user_table_1 .table-1>thead> tr {background:#00913a;color:#fff}
.user_table_1 .table-1>thead>tr>th{font-weight:500}
.user_table_1 .table-1 th, .user_table_1 .table-1 td{box-shadow:none;border-color:#f2f2f2 !important;padding:10px 20px;font-size:1em;}
.user_table_1 .table-1>tbody{background:#fff;}
.user_table_1 .table-1>tbody>tr>th{font-weight:500 !important;background:#162b83;border-color:rgb(188 188 188 / 19%) !important;color:#fff}

.user_table_2 .table-1>thead> tr {background:#fafafa;color:#333}
.user_table_2 .table-1>thead>tr>th{font-weight:500}
.user_table_2 .table-1 th, .user_table_2 .table-1 td{box-shadow:none;border-color:#f2f2f2;padding:15px 12px;}
.user_table_2 .table-1>tbody>tr>th{font-weight:500 !important;background:#fafafa}
.user_table_2 .table-1>tbody{background:#fff;}


@media screen and (max-width:683px){
.user_table_1,.user_table_2 {overflow-x:scroll}
.user_table_1 .table-1,.user_table_2 .table-1{font-size:0.89em}
.user_table_1 .table-1 th, .user_table_1 .table-1 td, .user_table_2 .table-1 th, .user_table_2 .table-1 td {padding:7px }


}



.prd_box_type_1{margin:30px 0}
        .prd_box_type_1>.box_title{width:250px;float:left;}
  .prd_box_type_1>.box_title>h3{position:relative;padding-left:20px;}
  .prd_box_type_1>.box_title>h3:before{content:"";display:inline-block;position:absolute;top:6px;left:0;width:5px;height:5px;background:#9f1000;margin-bottom:5px;margin-right:10px;}
        .prd_box_type_1>.box_content{display:block;overflow:hidden;}
  .prd_box_type_1>.box_content>.prd_strong_1{font-size:1.1em;color:#9f1000}
  .prd_box_type_1>.box_content.box_name{font-size:20px;font-weight:700}
  .prd_box_type_1>.box_content>ul{width:650px}
  .prd_box_type_1>.box_content>ul>li>.box{text-align:center;}
  .prd_box_type_1>.box_content>ul>li>.box>.box_img{padding:10px 0;background:#fff;border:1px solid #eee;}
  .prd_box_type_1>.box_content>ul>li>.box>.box_title{color:#666;padding-top:5px}
  .prd_box_type_1>.box_content>.prd_btn>a{display:inline-block;padding:10px 35px;color:#fff;background:#9f1000;border:1px solid #9f1000}
.file_btn{}
.file_btn>a{display:inline-block;padding:6px 25px;background:#ff5722;color:#fff;font-size:1.1em;}

/*table-user2*/
.table-6.table-user2 th, .table-6.table-user2 td{border-color:#eee;background:#fff}
.table-6.table-user2{max-width:1000px;margin:0 auto;color:#666;font-weight:300;font-size:0.95em;border-bottom:0;border-top:3px solid #9f1000}
.table-6.table-user2 th, .table-6.table-user td{border-color:#eee;background:#fff;}
.table-6.table-user2>thead>tr>th{border-color:#fb6559;background:#9f1000}
.table-6.table-user2 > thead > tr{background:#9f1000;color:#fff;font-weight:300}
.table-6.table-user2 tr>th:first-child{border-left:0}
.table-6.table-user2 tr>th:last-child,.table-6 tr>td:last-child{border-right:0}
.table-6.table-user2>thead>tr>th, .table-6.table-user>thead>tr>td{padding:7px 0;font-weight:300;}

.table-6.table-user2>tbody>tr>th{border-color:#eee !important;font-weight: 700 !important;color: #000;background: #fafafa;}
.table-6.table-user2 tr>th:first-child{border-right-color:#eee}
.table-6.table-user2>tbody>tr:first-child>th, .table-6>tbody>tr:first-child>td{border-top-color:#eee}
 .table-6.table-user2 td{text-align:left}


@media screen and (max-width:683px){
  .prd_box_type_1>.box_title{width:100%;float:none;padding-bottom:1em;}

}