@charset "utf-8";
/* com2zoa design kjh 20200610 */
/* com2zoa design kyj 20240702 수정 */

/* 공통 스타일 */
.btn_img {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden;}
.sc_list {font-size: 1.083em}

/* 공통 버튼 */
.sc_list .btn_sc_list {height:34px; line-height:34px; color: #fff; font-size: 1.077em; font-weight:400; border-radius:5px}
.sc_list .btn_sc_list.btn1 {background: #0073bc}
.sc_list .btn_sc_list.btn2 {background:#3e3e3e }
.sc_list .btn_sc_list.btn3 {background: #09a092}
.sc_list .btn_sc_list.btn3 span {padding: 0 0 0 23px; background: url(../../images/scList/btn_sc_list3.png) 0 50% no-repeat}
.sc_list .btn_sc_list.btn4 {background: #868686}
.sc_list .btn_move {border: 1px solid #c0c0c0; color: #636363; background: #fff; height:40px; line-height:40px; font-size: 1.077em; font-weight:500; padding: 0 20px}
.sc_list .btn_move.btn5 {background: url(../../images/scList/btn_move5.png) 0 50% no-repeat; border-right:0; border-radius:50px 0 0 50px}
.sc_list .btn_move.btn6 {background: url(../../images/scList/btn_move6.png) 100% 50% no-repeat; border-radius:0 50px 50px 0}
/* 카운트영역 */
.sc_toparea{margin: 15px 0 10px}
.sc_toparea .count {padding:0 0 0 21px; background: url(../../images/scList/pg_count.gif) left 1px no-repeat; font-weight: 600; color:#000}
.sc_toparea .count span{color:#ff2727}
.sc_toparea .sc_topright{padding:0 0 0 21px; background: url(../../images/scList/pg_date.gif) left 2px no-repeat; font-weight: 700; color:#000}
/* 상단 탭 */
.sc_list .tab_wrap {position: relative; margin: 0 0 8px 0}
.sc_list .tab_box dt {width:25%; position: absolute; top: 0; transition: all .5s}
.sc_list .tab_box dt a {position: relative; width:97%; margin:0 auto; font-size: 1.077em; background:#e5e5e5; border-radius:20px 20px 3px 3px; color: #000; font-weight:600; display: block; padding:15px 10px 15px 15px; transition: all .5s; box-sizing:border-box}
.sc_list .tab_box dt a span{float: right; min-width: 60px; padding: 6px 15px; margin-top: -6px; border-radius: 50px; background: #fff; box-sizing: border-box; text-align: center}
.sc_list .tab_box.tab1 dt {left: 0}
.sc_list .tab_box.tab2 dt {left: 25%}
.sc_list .tab_box.tab3 dt {right: 25%}
.sc_list .tab_box.tab4 dt {right: 0}
/*3개 일때*/
.sc_list .expsch .tab_box dt {width:33.3%}
.sc_list .expsch .tab_box.tab1 dt {left: 0}
.sc_list .expsch .tab_box.tab2 dt {left: 33.3%}
.sc_list .expsch .tab_box.tab3 dt {right: 0}

.sc_list .tab_box dd {display: none; border-bottom: 2px solid #50606a; text-align: center}
.sc_list .tab_box dd a {position: relative; display: inline-block; padding: 0 12px; color: #000; line-height: 2; position: relative; font-weight:600}
.sc_list .tab_box dd a::before {content: ""; display: block; clear: both; position: absolute; top:10px; right:0; width: 1px; height: 10px; margin-right: -1px; background: #ccc}
.sc_list .tab_box dd a:last-child::before {display: none}
.sc_list .tab_box dd a:hover span, .sc_list .tab_box dd a.on span{color:#ff2727; text-decoration: underline}
.sc_list .tab_box.on {padding:51px 0 0 0}
.sc_list .tab_box:hover dt a, .sc_list .tab_box.on dt a {background:#50606a}
.sc_list .tab_box:hover dt a, .sc_list .tab_box.on dt a {color: #fff; font-weight: 600}
.sc_list .tab_box:hover dt a span, .sc_list .tab_box.on dt a span {color: #000}
.sc_list .tab_box.on dd {display: block; padding: 10px 0}
.sc_list .tab_box dd a.on{color:#149aed} 
/* 담당자 정보 */
.sc_list .charge {margin: 22px 0 0 0}
.sc_list .charg_info {position: relative; background: #007eff; border-radius: 4px; color: #fff; overflow: hidden; font-size: 1.154em; line-height: 20px}
.sc_list .charg_info dt {text-align: center; height: 20px; padding: 12px 0}
.sc_list .charg_info dd {text-align: center}
.sc_list .charg_info strong {font-weight: 600; display: inline-block; padding: 0 0 0 3px}
.sc_list .charg_info .name {display: block; padding: 14px 0; background: #2e2e2e}
.sc_list .charg_info .num {display: none}
.sc_list .charg_info .call {display: block; color: #fff; background: #222}
.sc_list .charg_info .call {display: inline-block; padding: 14px 0 14px 35px; background: url(../../images/scList/btn_baro_call.gif) 0 50% no-repeat}
/* 관내학교 목록 */
.sc_list .list_wrap {overflow: hidden; width:100%; margin-bottom:30px; border-collapse:collapse; table-layout:auto}
.sc_list .list_wrap table{width: 100%; border-bottom: 2px solid #ccc; font-size: 14px; border-bottom-color:#50606a}
.sc_list .list_wrap thead th {line-height:150%; padding:13px 10px; background:#50606a; border:1px solid rgba(255, 255, 255, 0.3); vertical-align:middle;text-align:center; font-weight:600; color:#fff}
.sc_list .list_wrap .pd_other thead th{padding: 5px}
.sc_list .list_wrap tbody th {line-height:150%; background:#f2f2f2; padding:7px; border:1px solid #ddd; text-align:center; font-weight:600; vertical-align:middle}
.sc_list .list_wrap tbody td {position: relative; line-height:150%; background:#fff; padding:10px 7px; border:1px solid #ddd;text-align:center; vertical-align:middle} 
.sc_list .list_wrap tbody th:first-child, .sc_list .list_wrap tbody td:first-child{border-left:none}
.sc_list .list_wrap tbody th:last-child, .sc_list .list_wrap tbody td:last-child{border-right:none}
.sc_list .list_wrap .sm_txt {font-size: 0.857em; display: block; margin: 0 auto}
.sc_list .list_wrap .baro_home {display:block; position: absolute; right: 7px; top: 50%; width: 20px; height:20px; margin: -10px 0 0 4px; background: url(../../images/scList/btn_baro_home.gif) 0 0 no-repeat; vertical-align: middle; transition: all .5s}
/* .sc_list .list_wrap .baro_home:hover{background: url(../../images/scList/btn_baro_home_a.gif) 0 0 no-repeat; transition: all .5s} */
.sc_list .list_wrap .baro_loca {display: inline-block; width:24px; height:28px; background: url(../../images/scList/baro_loca1.gif) 50% 50% no-repeat; vertical-align: middle}
.sc_list .list_wrap .alimi_home {display: inline-block; width:24px; height:28px; background: url(../../images/scList/baro_loca2.gif) 50% 50% no-repeat; vertical-align: middle}
.sc_list .list_wrap .list_item1 {width: 25px; display: none}
.sc_list .list_wrap .list_item2 {width: 30px}
.sc_list .list_wrap .list_item3 {width: 37px; display: none}
.sc_list .list_wrap td.list_item4 {width: 160px; text-align: left; padding-right:35px}
.sc_list .list_wrap .list_item5 {width: 50px; display: none}
.sc_list .list_wrap .list_item6 {width: 50px}
.sc_list .list_wrap .list_item7 {width: 276px; display: none}
.sc_list .list_wrap td.list_item7 {text-align: left}
.sc_list .list_wrap .list_item8 {width: 60px; display: none}
.sc_list .list_wrap .num {display: none}
.sc_list .list_wrap .call {display: inline-block; width:36px; height:36px; background: url(../../images/scList/btn_sc_call.gif) 50% 50% no-repeat; vertical-align: middle}
/* 검색 - 버튼 */
.sc_list .bottom_wrap {margin: 24px 0 0 0;/* border: 1px solid #cacaca; */ border-radius:10px; padding: 14px; background:#efefef}
.sc_list .search_form {position: relative; padding: 0 68px 0 108px}
.sc_list .search_form .selectCon {width: 100px; position: absolute; left: 0; top: 0}
.sc_list .search_form .jqTransformSelectWrapper {background: #fff url(../../images/scList/arw_select.png) right 5px center no-repeat}
.sc_list .search_form .input_box {border: 1px solid #ddd; background: #fff; padding: 0 8px; border-radius:5px}
.sc_list .search_form .input_box input[type=text] {width: 100%; height:32px; border: 0; line-height:32px}
.sc_list .search_form .btn_sbm {position: absolute; right: 0; top: 0; width: 60px; height:34px; line-height:34px; font-weight:500; color: #fff; background: #585858; font-size:1.077em; border-radius:5px}
.sc_list .bottom_wrap .btns {margin: 8px 0 0 0}
.sc_list .bottom_wrap .btn_sc_list {width: 100%}
.sc_list .bottom_wrap .btn_list li {width: 49%; float: left; margin: 0 2% 0 0}
.sc_list .bottom_wrap .btn_list .sc_btn3 {display: none}
.sc_list .bottom_wrap .btn_list li:last-child {margin-right: 0}
.sc_list .bottom_wrap .btn_list li.sc_btn2 {float:right}
/* 관내학교현황 내용보기 */
.sc_list .sc_list_view_box {position: relative; padding: 0 0 0 110px; background:#50606a; border:1px solid #ccc; border-radius:3px}
.sc_list .sc_list_view_box dt {width: 110px; position: absolute; left: 0; top: 50%; font-size: 1.077em; line-height: 20px; margin: -10px 0 0 0; text-align: center; color: #fff; font-weight:500}
.sc_list .sc_list_view li {margin-bottom:7px}
.sc_list .sc_list_view_box dd {background: #fff; padding: 16px 10px; line-height: 1.4; min-height: 19px; letter-spacing:-0.5px; border-radius:0 2px 2px 0}
.sc_list .sc_list_view_box .btn_img {display: inline-block; vertical-align: middle}
.sc_list .sc_list_view_box .num {display: none}
.sc_list .sc_list_view_box .call {width:36px; height:36px; background: url(../../images/scList/btn_baro_call.gif) 50% 50% no-repeat}
.sc_list .sc_list_view_box .baro_home {width:20px; height:20px; background: url(../../images/scList/btn_baro_home.gif) 50% 50% no-repeat; margin: 0 0 0 8px}
.sc_list .sc_list_view_box .baro_loca {width:32px; height:33px; background: url(../../images/scList/btn_baro_loca.gif) 50% 50% no-repeat; margin: 0 0 0 8px}
.sc_list .sc_list_view_bottom {padding: 16px 0 0 0}
.sc_list .sc_list_view_bottom .btns1 {margin-bottom: 12px}
.sc_list .sc_list_view_bottom .btns1 li {width:50%; float: left; margin:0}
.sc_list .sc_list_view_bottom .btns1 li:first-child {margin-left: 0}
.sc_list .sc_list_view_bottom .btns1 .btn_move {width: 100%}
.sc_list .sc_list_view_bottom .btns2 li {width: 23.5%; float: left; margin:0 0 0 2%}
.sc_list .sc_list_view_bottom .btns2 li:first-child {margin-left: 0}
.sc_list .sc_list_view_bottom .btns2 .btn_sc_list {width: 100%}
/* 관내학교 현황 작성 */
.sc_list .sc_list_noti > div {border: 1px solid #cacaca; padding: 14px 18px; margin: 0 0 20px; min-height: 64px}
.sc_list .sc_list_noti > div li {padding: 0 0 0 12px; line-height: 1.6; margin: 6px 0 0 0; background: url(../../images/scList/blt_board.gif) 0 5px no-repeat}
.sc_list .sc_list_noti > div li:first-child {margin-top: 0}
.sc_list .essen {font-size: 1.077em; margin-bottom: 8px}
/* .sc_list .write_list {border-top: 3px solid #4c4844} */
.sc_list .write_box {position: relative; padding: 0 0 0 190px; margin-bottom:10px; background: #e0e0e0; border: 1px solid #ccc; border-radius:5px}
.sc_list .write_box dt {position: absolute; left: 16px; top: 12px; line-height: 33px; font-weight:500; font-size: 1.077em}
.sc_list .write_box dd {padding: 12px; background: #fff; border-radius:0 5px 5px 0}
.sc_list .write_box .ex_txt {margin:  6px 0 0 0}
.sc_list .write_box .name {padding: 0 6px; line-height: 35px}
.sc_list .write_box .input_box {border: 1px solid #c0c0c0; padding: 0 6px}
.sc_list .write_box .input_trans {width: 100%; height: 27px; padding: 3px 0; border: 0; background: none; line-height: 27px}
.sc_list .write_box .input_trans:-ms-input-placeholder {color: #b6b6b6}
.sc_list .write_box .input_trans::-ms-placeholder {color: #b6b6b6}
.sc_list .write_box .input_trans::placeholder {color: #b6b6b6; opacity: 1}
.sc_list .write_box .no_brd {border-color: #fff}
.sc_list .jqTransformSelectWrapper ul a {background: #fff}
.sc_list .write_box .jqTransformSelectWrapper {background: url(../../images/scList/arw_select.gif) 100% 50% no-repeat}
.sc_list .write_box .refer {margin: 8px 0 0 0; line-height: 1.4; text-indent: -15px; padding: 0 0 0 15px}
.sc_list .write_box .input_date {background: url(../../images/scList/ico_calendar.png) 100% 50% no-repeat; cursor: pointer}
.sc_list #file_box_ {width: auto; height: auto; padding: 0 92px 0 0}
.sc_list #file_box_ .inputBox {border: 1px solid #c0c0c0; padding: 0 6px}
.sc_list .jqTransformSelectWrapper {z-index: auto !important; z-index: unset !important}
.sc_list .jqTransformSelectWrapper ul a:hover, 
.sc_list .jqTransformSelectWrapper ul a.selected:hover {color: #222; background: #fff}
.sc_list .jqTransformSelectWrapper > div {position: relative; z-index: 50}
.sc_list .jqTransformSelectWrapper a.jqTransformSelectOpen,
.sc_list .jqTransformSelectWrapper .jqTransformSelectWrapper div span {z-index: 60}
.sc_list .jqTransformSelectWrapper .container {position: absolute; left: 0; top: 0; width: 100%; z-index: 100}
.sc_list .jqTransformSelectWrapper ul {z-index: 200} 
.sc_list #file_box_ .inputBox .input_file {border: 0; height: 27px; padding: 3px 0; line-height: 27px; width: 100%}
.sc_list #file_box_ .file_up {width: 100%; height: 35px}
.sc_list #file_box_ .file_btn_ {width: 88px; right: 0; display: inline-block; background: #4c4844; color: #fff; text-align: center; line-height: 35px}
.sc_list .sc_write_wrap .btns {padding: 20px 0 0 0}
.sc_list .sc_write_wrap .btns li {width: 49%; margin: 0 0 0 2%; float: left}
.sc_list .sc_write_wrap .btns li:first-child {margin-left: 0}
.sc_list .sc_write_wrap .btns .btn_sc_list {width: 100%}
.ui-datepicker .ui-datepicker-prev span {background :url(../../images/board/jquery_calander_prev.png) 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-next span {background :url(../../images/board/jquery_calander_next.png) 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-prev:hover span {background :url(../../images/board/jquery_calander_prev_a.png) 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-next:hover span {background :url(../../images/board/jquery_calander_next_a.png) 50% 50% no-repeat !important}
/* 관내학교 상단 kjh 200610 */
.sc_list .sc_list_noti {padding-right:6px; margin-bottom:30px}
.sc_list .sc_list_noti > div {min-height:65px; border:1px solid #ccc; padding:15px 20px; box-shadow:6px 6px 0 0 #efefef; border-radius:15px 0 15px 0}
/* 관내학교 카운트 20230316 */
.sc_list .sc_toparea:after {content: ""; display: block; clear: both}
.sc_list .sc_toparea .count {float:left}
.sc_list .sc_toparea .sc_topright  {float:right}
.sc_list .sc_toparea .sc_topright span {color:#f00}

/* MOBILE MODE */
@media only screen and (max-width:1299px) {
/* 검색 - 버튼 */
.sc_list .bottom_wrap .btn_list.btn_one li {width: 100%; margin: 0}
/* 관내학교현황 내용보기 */
.sc_list .sc_list_view_box .call_box {padding: 8px 10px}
/* 타이틀 */
.sc_list .sc_list_view_box dt {letter-spacing:-0.5px}
.sc_list .tab_box dt a {font-size:1em}
.sc_list .tab_box.on {padding-top:50px}
}

/*  PC - MODE */
@media only screen and (min-width:1300px) {
/* 관내학교 목록 */
.sc_list .list_wrap .num {display: inline}
.sc_list .list_wrap .call {display: none}
.sc_list .list_wrap .list_item5,
.sc_list .list_wrap .list_item8 {display: table-cell}
/* 담당자 정보 */
.sc_list .charg_info {padding: 0 0 0 130px}
.sc_list .charg_info dt {position: absolute; left: 8px; top: 50%; padding: 18px 0 18px 50px; width: 72px; margin: -28px 0 0 0; background: url(../../images/scList/ico_call.png) 0 50% no-repeat; font-size: 1.2em; text-align: left}
.sc_list .charg_info dd {background: #2e2e2e; text-align: left; padding: 0 0 0 20px}
.sc_list .charg_info .name {background: none; display: inline-block; font-size: 1.067em; padding: 18px 0}
.sc_list .charg_info .call {display: none}
.sc_list .charg_info .num {display: inline-block; padding: 0 10px 0 4px}
/* 검색 - 버튼 */
.sc_list .search_form {width: 204px; float: left}
.sc_list .bottom_wrap .btns {margin: 0; float: right}
.sc_list .bottom_wrap .btn_list li {width: 104px; margin: 0 0 0 6px}
/* 관내학교현황 내용보기 */
.sc_list .sc_list_view_box {padding: 0 0 0 190px}
.sc_list .sc_list_view_box dt {width:190px}
.sc_list .sc_list_view_box dd {font-size: 1.077em; padding: 12px}
.sc_list .sc_list_view_box .num {display: inline}
.sc_list .sc_list_view_box .call {display: none}
.sc_list .sc_list_view_bottom {padding: 30px 0 0 0}
.sc_list .sc_list_view_bottom .btns1 {margin: 0; float: left}
.sc_list .sc_list_view_bottom .btns1 li {width: 104px}
.sc_list .sc_list_view_bottom .btns1 .btn5 {text-align: right}
.sc_list .sc_list_view_bottom .btns1 .btn6 {text-align: left}
.sc_list .sc_list_view_bottom .btns2 {float: right}
.sc_list .sc_list_view_bottom .btns2 li {width: 104px; margin:0 0 0 8px}
/* 관내학교현황 작성 */
.sc_list .write_box .short {width: 290px !important}
.sc_list .write_box .short2 {width: 302px !important}
.sc_list .sc_write_wrap .btns {width: 240px; margin: 0 auto}
/* 관내학교 목록 */
.sc_list .list_wrap .list_item1,
.sc_list .list_wrap .list_item3,
.sc_list .list_wrap .list_item7 {display: table-cell}
/* 검색 - 버튼 */
.sc_list .bottom_wrap .btn_list .sc_btn3 {display: block}
/* 관내학교 상단 kjh 200610 */
.sc_list .sc_list_noti > div{padding-left:100px; background:url(../../images/scList/blt_sclistnoti.gif) no-repeat 20px 50%}
/* 표-테이블 */
.sc_list .list_wrap th.list_item4 {min-width:180px}
.sc_list .list_wrap th.list_item5 {min-width:67px}
.sc_list .list_wrap th.list_item6 {min-width:76px}
}

@media only screen and (max-width:450px) {
.sc_list .tab_box dt a {font-size:0.9em; letter-spacing:-2px}
.sc_list .tab_box.on {padding-top:48px}
}

@media only screen and (max-width:630px) {
/* 상단 탭 */
.sc_list .tab_box dt {text-align: center}
.sc_list .tab_box dt a {padding:10px}
.sc_list .tab_box dt a span{display: block; float: none; min-width: 100%; margin-top: 5px; padding:5px}
.sc_list .tab_box.on {padding:73px 0 0 0}
}

/*공통사항*/
.info_toptxt{padding: 10px 0 0 5px; margin-bottom: 25px; font-size:1.077em}
.info_toptxt .infobx{padding: 5px 5px 5px 0; border-radius: 30px 5px 5px 5px; background:linear-gradient(90deg, #3c84b2, #2baf88)}
.info_toptxt .info_top{position: relative; padding: 20px; margin: -10px 0 0 -5px; border-radius: 30px 5px 5px 5px; border:1px solid #e1e1e1; background: #fff}
.info_toptxt .info_top::after{display: block; content: ''; clear: both; position: absolute; top:18px; left:20px; width: 82px; height: 82px; background-position: center; background-repeat: no-repeat}
.info_toptxt .info_top > ul{margin-left: 100px}
.info_toptxt .info_top > ul > li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 130%}
.info_toptxt .info_top > ul > li:last-child{margin-bottom: 0}
.info_toptxt .info_top > ul > li::after{display: block; content: ''; clear: both; position: absolute; top:5px; left:0; width: 5px; height: 5px; background: #767676}
.info_toptxt span.point_col{font-weight: 600}
/*기본게시판*/
.info_toptxt.infotype1 .infobx{background:linear-gradient(90deg, #3c84b2, #2baf88)}
.info_toptxt.infotype1 .info_top::after{background-image:url(../../images/top/infotype1.gif)}
.info_toptxt.infotype1 span.point_col{color:#158d7c}
/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/*공통사항*/
.info_toptxt .info_top::after{width: 62px; height: 62px; background-size: 62px}
.info_toptxt .info_top > ul{margin-left: 75px}
}
@media only screen and (max-width:400px) {
/*공통사항*/
.info_toptxt .info_top{padding: 15px}
.info_toptxt .info_top::after{display: none}
.info_toptxt .info_top > ul{margin-left:0}
}