@charset "utf-8";
/* CSS Document */

input,select,label,textarea{font-family: 'Gmarket Sans'}
button{font-family: 'Gmarket Sans'; cursor:pointer}

/***배너영역***/
.sb_banner .common_tith5 {margin-bottom:20px}
.sb_banner .common_tith5 p {display:block; height: 24px; line-height: 24px; padding:8px 15px 8px 51px; border-bottom: 2px solid #0285c8; background: url(../../images/common/banner_blt.gif) no-repeat 0 center; font-size: 1.308em; font-weight: 500; color:#323232}  
.sb_banner .common_tith5 .span_num{border: none; background: #50606a; margin: 0 0 0 5px; padding:3px 7px 4px; border-radius:10px; font-size:13px; color:#fff}
/*배너 리스트*/
.banner_list{clear:both; padding:0 0 25px; padding:0 0 20px 0; margin-bottom: 20px}
.banner_list ul {clear:both}
.banner_list ul:after{content:""; clear:both; display:block; height:0; visibility:none}
.banner_list li {float:left; width: 20%; margin:10px 0; position:relative; text-align: center}
.banner_list li a{display:block; overflow:hidden; width:220px !important; height:53px !important; margin:0 auto; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; transition: all .3s}
.banner_list li a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.banner_list li img{width:100%; height:100%; transition: all .5s}
.banner_list li a:hover{box-shadow:0 3px 1px rgba(0, 0, 0, 0.1)}
.banner_list li a:hover img{transform: scale(110%)}

/***빈페이지***/
#nopage {clear:both; width:80%; padding:150px 0 ; margin:0 auto; background:#fff}
#nopage h4 {text-align:center; color:#0393d2; font-size:1.5em; font-weight:normal; margin:15px 0; line-height:80%; padding:0}
#nopage h4 span.nimg02 {display:none}
#nopage .nopage_box { padding:30px;border:2px solid #d4d4d4; border-radius:15px}
#nopage .nopage_box p.notxt {color:#4c5154; font-size:1.4em; padding:0 0 10px 0}
#nopage .nopage_box p.notxt02 {color:#717577;font-size:1.083em; line-height:160%}
#nopage .nopage_box p.notxt02 span {display:block}
.npageBtn {  margin:15px 0 0 0;text-align:center}
.npageBtn p button { width:214px; text-align:center; line-height:30px; font-size:1.1em}
.npBtn1 {font-size:1.333em;  background:#f8f7f7; color:#202122; padding:7px 0 5px 0;border:0; margin-right:5px;  border:1px solid #d4d4d4; display:none;border-radius:5px}
.npBtn2 {font-size:1.333em; font-weight:bold; background:#ffd548 url(../../images/common/npBtn2_bg.gif) 85% center no-repeat; border:#f1bf19 solid 1px;  color:#232222; padding:7px 0 5px 0; border-radius:5px}
.npBtn1:hover { background:#333333; color:#fff;border:1px solid #333333}
.npBtn2:hover { background:#333333 url(../../images/common/npBtn2_bga.gif) 85% center no-repeat;  color:#fff;border:1px solid #333333}

/***개인정보처리방침 이력 리스트***/
#protectList{clear:both; padding:20px 0 0 0; margin:0; width:100%}
#protectList table{width:100%; border-collapse:collapse; padding:0; margin:0}
#protectList table caption{display:none}
#protectList table thead th{line-height:150%; border:1px solid #b4b4b4; font-size:1.25em; padding:10px 0; background:#676cd7; font-weight:400; color:#fff}
#protectList table tbody td{line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left}
.infov {background:#ededed}
#protectList table tbody a {display:block}

/***관리자 수정하기***/
#admin_modify .h4_box {width: auto; height: 75px; padding-top: 33px;  text-align: center}
#admin_modify .h4_line {width:10%; height: 3px; margin: 0 auto; background: #172639}
#admin_modify .am_tith4 {margin-top:10px; font-size: 2.5em; font-weight: 600; color:#323232}
#admin_modify .am_tith5 {line-height: 24px; padding:10px 20px 15px 40px; background: url(../../images/common/cont_blt_v2.gif) no-repeat 5px 10px; font-size: 1.385em; font-weight: bold; color:#323232; display: inline-block; margin-bottom: -1px} 
#admin_modify .amtop_txtbox {padding: 10px}
#admin_modify .amtop_txtbox #page_Modi {height:200px; padding: 5px}
#admin_modify .sub_topbox { position: relative; height:49px; background:url(../../images/common/bg_sub_top.gif) 0 0 repeat-x}
#admin_modify .sub_topbox .sub_guide {display: block; position:absolute; top:12px; left:0}
#admin_modify .sub_topbox .sub_guide li {float:left; height: 31px; line-height: 31px; font-size:1.000em; color:#dcd3c6}
#admin_modify .sub_topbox .guide_home img {padding-right: 10px}
#admin_modify .sub_topbox .guide_next img {padding: 7px 5px 0 5px}
#admin_modify .sub_topbox .sub_guide a {font-size:1.13em; color:#dcd3c6}
#admin_modify .sub_topbox .sub_guide .on_page a {color:#dcd3c6}
#admin_modify .sub_mobile_guide {display: block}
#admin_modify #list_bottom .btnBox {width:234px; padding:7px 0 0 0; margin: 0 auto}
#admin_modify #list_bottom .btnBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#admin_modify #list_bottom .buttonBox {float:left; margin-bottom: 4px}
#admin_modify #list_bottom .buttonBox p {margin:0 0 0 3px; text-align:center; height:35px; padding:0}
#admin_modify #list_bottom .buttonBox:first-child p {margin:0 3px 0 0}
#admin_modify #list_bottom .buttonBox button {border:0; width:100%; height:35px; line-height: 35px; padding:0; margin:0; color: #fff; font-size: 1.077em; font-weight: 600}
#admin_modify #list_bottom div.btnBox div.buttonBox {width:110px}
#admin_modify #list_bottom .buttonBox .okBtn {background: #007eff}
#admin_modify #list_bottom .buttonBox .cancelBtn {background: #585858}

/***통합검색***/
.sb_search{padding:0; margin:0}
select { appearance: none; -webkit-appearance: none}
select::-ms-expand { display:none}
/* Layout 레이아웃 영역 */
/* sb_search */
/*게시판*/
.sb_search span.noticeBox{display:inline-block; padding:3px 5px 3px; margin:-5px 0 0 0; color:#fff;background:#828181; line-height:130%; font-size:11px; border-radius:3px}
.sb_search span.reservBox{display:inline-block; padding:1px 3px 3px 3px; margin:-5px 0 0 0; color:#fff; background:#1bdada; line-height:130%; font-size:11px;border-radius:3px}
.sb_search span.situ01{display:inline-block; padding:1px 3px 3px 3px; margin:-5px 0 0 0; color:#fff;background:#747474; line-height:130%; font-size:11px; border-radius:3px}
.sb_search span.situ02{display:inline-block; padding:1px 3px 3px 3px; margin:-5px 0 0 0; color:#fff; background:#0083e8; line-height:130%; font-size:11px; border-radius:3px}
/*타이틀*/
h4.search_tit{display:block; height: 24px; line-height: 24px; padding:8px 15px 8px 51px; margin-bottom:15px; border-bottom: 2px solid #0285c8; background: url(../../images/common/banner_blt.gif) no-repeat 0 center; font-size: 1.308em; font-weight: 500; color:#323232}  
h4.search_tit .span_num{border: none; background: #50606a; margin: 0 0 0 5px; padding:3px 9px 4px; border-radius:50px; font-size:14px; color:#fff}
/*검색박스*/
.sb_search .sb_table table{font-size:1.000em}
.sb_search .search_tb{padding:15px; width:auto; margin:0 0 15px 0; background: #efefef; border-radius:8px}
.sb_search .search_tb .basic_search{padding:0; margin:0; position:relative}
.sb_search .search_tb .basic_search:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .search_tb .basic_search .selectBox{width:87px; padding-right:5px; float:left; margin:0}
.sb_search .search_tb .selectBox #prt{width:94px; height: 45px; line-height:45px; padding-left: 10px; border:1px solid #ddd; border-radius:5px; background:#fff url(../../images/common/btn_select_arrow.png) no-repeat right 7% center}
.sb_search .basic_search .inputBox{margin:0 65px 0 99px; border:1px solid #ddd; border-radius:5px; background:#fff; line-height:45px; height:43px; width:auto; padding:0 5px}
.sb_search .basic_search .inputBox input[type=text]{width:100%; height:38px; line-height:38px; border:0; background:#fff; vertical-align:middle; padding:0; margin:-1px 0 0 0}
.sb_search .basic_search .s_btnBox{position:absolute; right:0; top:0; padding:0; margin:0}
.sb_search .basic_search .s_btnBox .detailBtn{display:none}
.sb_search .basic_search .s_btnBox .searchBtn{width:60px; height:45px}
.sb_search .basic_search .s_btnBox .searchBtn button{background:#656565; display:block; width:100%; border:0; height:45px; color:#fff; border-radius:5px}
.sb_search .basic_search .s_btnBox .searchBtn button img {display:none}
/*상세검색박스*/
.sb_search .detailBox{display:none}
.sb_search .search_tb>div.on{display:block}
.sb_search .detailBox { margin:15px 0 0 0; padding:10px; border-radius:5px; position:relative; background:#fff}
.sb_search .detailBox:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .detailBox div{*zoom:1; margin:0; padding:0}
.sb_search .detailBox div:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .detailBox p.detailmsg{clear:both; padding:10px 0 0 0; margin-top:42px; border-top:1px solid #ccc}
/*내용노출*/
.sb_search .moreSearchList{border-bottom:0 !important; margin-bottom:0 !important}
.sb_search .searchBox{margin:0 0 30px 0; position:relative}
.sb_search .searchBox:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .searchBox ul{ margin:10px 5px}
.sb_search .searchBox.webpageLi ul li{padding:5px 0 8px; margin-bottom:10px; border-bottom:1px solid #ddd} 
.sb_search .searchBox.webpageLi ul li:last-child{margin-bottom:0}
.sb_search .searchBox.boardLi ul li{padding:10px 0; margin-bottom:10px; border-bottom:1px solid #ddd} 
.sb_search .searchBox .ptableList li{line-height: 140%; margin-bottom: 5px;  padding-left: 10px; background: #fff url(../../images/common/blt_member.gif) no-repeat left 6px}
.sb_search .searchBox .ptableList li:last-child{margin-bottom:0}
/*내용노출_더보기페이지*/
.sb_search .searmore_border{padding-bottom:0}
.sb_search .searmore_webpage{padding-bottom:0}
.sb_search .searchBox ul li.searmore_last{border-bottom:none}
.sb_search .searchInfo{padding:0; margin:0}
.sb_search .searchInfo:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .searchInfo p.s_title{color:#f35d5e; font-size:1.154em; display:inline-block; background:url(../../images/common/search_stit.png) no-repeat left 2px; padding:0 10px 5px 17px;letter-spacing:-1px; font-weight: 500}
.sb_search .searchInfo p.s_title a{color:#f35d5e}
.sb_search .searchInfo p.s_date{ display:inline-block; padding:0 0 3px 13px; color:#9a9595; font-size:1.083em; margin:0 10px 0 0; background:url(../../site/images/search/pcmenu_bar.gif) no-repeat left center}
.sb_search .searchInfo p.s_person{ display:inline-block; padding:0 0 3px 13px; color:#9a9595; font-size:1.083em; margin:0 10px 0 0; background:url(../../site/images/search/pcmenu_bar.gif) no-repeat left center}
.sb_search .s_contents{padding:10px; border-radius:5px; background:#f1f1f1}
.sb_search .s_contents a{display:block; line-height:150%}
.sb_search .s_contents p.s_navi{color:#9a9595; padding:5px 0 0 0; font-size:0.95em}
.sb_search .searchBox span.sear_text{ font-weight:500; color:#000000; background:#ffeb3b; font-size:1.077em; padding:0 3px}
/*검색결과 없을때*/
.sb_search .searchBox ul li.nodata{ padding-bottom: 20px; text-align:center}
/*더보기*/
.sb_search .search_listbox{position: relative}
.sb_search .search_listbox .sch_morebtn{position: absolute; top:7px; right:0}
.sb_search .search_listbox .sch_morebtn p button{border:0; width:auto; padding:6px 13px 3px; display:block; border:1px solid #ddd; background:#fff; color:#000; font-weight:400; border-radius:50px; text-align:center; transition: all .3s}
.sb_search .search_listbox .sch_morebtn p button:hover{background:#ddd}
/*테이블추가*/
.sb_tablebox table tbody td.t_nodate{text-align:center}
.sb_tablebox  table .telBtn{display: none}
/*페이표시*/
.sb_search #list_page{ padding-top:20px; margin:0 0 20px 0; border-top:2px solid #ccc}
/* 관내학교 현황 */
.s_name .baro_home {display: inline-block; width: 19px; height:22px; margin: 0 0 0 4px; background: url(../../images/scList/btn_baro_home.gif) 0 0 no-repeat; vertical-align: middle; transition: all .5s}
.s_name .baro_home:hover{background: url(../../images/scList/btn_baro_home_a.gif) 0 0 no-repeat; transition: all .5s}
.s_area .baro_loca {display: inline-block; width:24px; height:28px; background: url(../../images/scList/baro_loca1.gif) 50% 50% no-repeat; vertical-align: middle}
.s_name .btn_img, .s_area .btn_img{text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden}
.searchBox .sb_table table{font-size:1.000em}


/***사이트맵***/
.sb_sitemap h4.sitemap_tit01 {position: relative; width:auto; padding:40px 5px 12px; border-bottom:1px solid #dcdcdc; font-size:1.308em; font-weight:500; color:#000; text-align:center}
.sb_sitemap h4.sitemap_tit01::after, .sb_sitemap h4.sitemap_tit01::before{display: block; content: ''; clear: both; position:absolute;}
.sb_sitemap h4.sitemap_tit01::after{left:0; top:0; width:100%; height:13px; border-radius:2px 2px 7px 7px; background:#f1f1f1}
.sb_sitemap h4.sitemap_tit01::before{left:50%; top:-23px; width:50px; height:50px; margin-left:-25px; background:url(../../images/common/sitemap_tit.png) no-repeat center #fff; border-radius:50%; z-index:1; box-shadow:0 3px 1px rgba(0, 0, 0, 0.1)}
.sb_sitemap h4.sitemap_tit01 span{display: block; position: relative}
.sb_sitemap h5.sitemap_tit02 {padding-bottom:5px;  text-align:center; transition: all .3s}
.sb_sitemap h5.sitemap_tit02 a {display:block; width:100%; height:44px; line-height: 42px; background:#50606a; color:#fff; font-weight:500; border-radius:10px 10px 3px 3px; box-sizing:border-box; transition: all .3s}
.sb_sitemap h5.sitemap_tit02 a span{position: relative; display:inline-block}
.sb_sitemap h5.sitemap_tit02 a span::after{content:""; clear:both; display:block; position:absolute; top:14px; right:-18px; width: 13px; height: 13px; background: url(../../images/common/btn_topblank_a.png) 0 center no-repeat}
.sb_sitemap .map_box {margin-bottom:35px}
.sb_sitemap div.map_box02 {margin:20px 5px 0}
.sb_sitemap .box_in ul {padding: 15px; margin:0; background:#f1f1f1; border:1px solid #f1f1f1; border-radius:5px 5px 10px 10px; box-sizing:border-box; transition: all .3s}
.sb_sitemap .box_in ul li {line-height:140%; padding-left:14px; margin-bottom:5px; background: url(../../images/common/blt_txt01.gif) no-repeat 0 8px; font-size: 1.077em}
.sb_sitemap .box_in ul li:last-child{margin-bottom:0}
.sb_sitemap .box_in ul li:hover a{color:#42ac2d; font-weight:600}
.sb_sitemap .box_in:hover h5.sitemap_tit02 a{background: #29343a}
.sb_sitemap .box_in:hover ul{background:#fff}
.sb_sitemap .box_in ul li a span{position: relative; display:inline-block}
.sb_sitemap .box_in ul li a span::after{content:""; clear:both; display:block; position:absolute; top:3px; right:-18px; width: 13px; height: 13px; background: url(../../images/common/btn_blank.png) 0 0  no-repeat}
.sb_sitemap .box_in ul li a:hover span::after{background: url(../../images/common/btn_blank_a.png) right center no-repeat}

/*개인정보처리방침 이력 리스트*/
#protectList{clear:both; padding:20px 0 0 0; margin:0; width:100%;}
#protectList table{width:100%; padding:0; margin:0; border-radius:15px 15px 0 0; overflow:hidden}
#protectList table caption{display:none}
#protectList table thead th {line-height:150%; border:1px solid #b4b4b4; font-size:1.308em; padding:10px 0; background:#4c4844; font-weight:500; color:#fff}
#protectList table tbody td {line-height:150%; padding:10px; font-weight:normal; border:1px solid #b4b4b4; text-align:left;}
.infov {background:#ededed}
#protectList table tbody td a {display:block}

/*************** MOBILE LAYOUT ******************/
@media only screen and (max-width:1024px) {
/***배너모음***/
.banner_list li {float:left; width: 33.3%}

/***통합검색***/
.sb_search div.searchBox table .s_num{display:none}
.sb_search div.searchBox table .s_addr{display:none}
.sb_search div.searchBox table .s_date{display:none}
.sb_search div.searchBox table .s_area{display:none}
.sb_search div.search_tb div.detailBox{display: none}

/***사이트맵***/
.sb_sitemap{margin-top:20px}
.sb_sitemap .map_box {margin-bottom:25px}
.sb_sitemap div.map_box02 {margin:15px}
.sb_sitemap .box_in {margin-bottom:15px}
}

/*** PC LAYOUT ***/
@media only screen and (min-width:1025px) {
/***빈페이지***/
#nopage h4 {font-size:2.333em}
#nopage h4 span.nimg01 {display:none}
#nopage h4 span.nimg02 {display:inline-block}
#nopage .nopage_box p.notxt {font-size:1.6em}
.npBtn1 { display:inline-block;font-weight:bold}

/***통합검색***/
.sb_search .search_tb .basic_search .selectBox{width:127px}
.sb_search .search_tb .selectBox #prt{width:127px; height: 45px}
.sb_search .search_tb .basic_search .inputBox{margin:0 255px 0 132px}
.sb_search .search_tb .basic_search .s_btnBox:after {content:""; clear:both; display:block; height:0; visibility:none}
.sb_search .search_tb .basic_search .s_btnBox div.detailBtn{display:block; float:left; width:138px; margin:0 0 0 5px; height:45px; background:#0073bc; color:#fff; border-radius:5px}
.sb_search .basic_search .s_btnBox .detailBtn button {background:url(../../images/common/btn_detail.png) no-repeat 80% center; display:block; width:100%; padding:0 25px 0 0; color:#fff; border:0; height:45px; text-align:center}
.sb_search .basic_search .s_btnBox .searchBtn{width:106px; float:left}
.sb_search .basic_search .s_btnBox .on button{background:url(../../images/common/btn_detail_a.png) no-repeat 80% center}
.sb_search .detailBox .d_search01{width:197px; float:left}
.sb_search .detailBox .d_search02{width:197px; float:left; margin-left:20px}
.sb_search .detailBox .d_search01 label,
.sb_search .detailBox .d_search02 label{display:block; width:65px; float:left; line-height:34px; font-weight: 500}
.sb_search .detailBox div div.selectBox{width:127px; float:left}
.sb_search .detailBox div div.selectBox select{padding:3px 3px 3px 10px;; height:30px; line-height:24px; width:110px; vertical-align:middle; margin-top:2px; border:1px solid #c0c0c0; background:#fff url(../../images/common/btn_select_arrow.png) no-repeat right 7% center}
.sb_search .detailBox .d_search03{float:right; line-height:32px}
.sb_search .detailBox .d_search03 span{display:inline-block; width:65px}
.sb_search .detailBox .d_search03 label{display:inline-block; padding:0 15px 0 5px}
.sb_search .detailBox .d_search03 label:last-child{padding-right:0}
.sb_search .detailBox .d_search03 input[type=radio] {vertical-align:-1px}
.sb_search .basic_search .s_btnBox .searchBtn button img {display:inline-block; margin:0 5px 1px 0; vertical-align:middle}

/***사이트맵***/
.sb_sitemap h4.sitemap_tit01 {font-size:1.429em}
.sb_sitemap h5.sitemap_tit02 {font-size:1.188em}
.sb_sitemap div.map_box02 .box_in {float:left; width:33.3%; padding:0 10px; box-sizing:border-box}
.sb_sitemap div.map_box02 ul.map_box02 {margin-bottom:20px}
.sb_sitemap .box_in ul li {font-size:1em}
}

/* LOWSET FIX */
@media only screen and (min-width:650px) and (max-width:767px){
/***빈페이지***/
#nopage h4 {font-size:2.333em}
#nopage h4 span.nimg01 {display:none}
#nopage h4 span.nimg02 {display:inline-block}
#nopage .nopage_box p.notxt {font-size:1.6em}
.npBtn1 { display:inline-block;font-weight:bold}
}


@media only screen and (min-width:0) and (max-width:740px){
/***배너모음***/
.banner_list li {width: 50%}
}

@media only screen and (min-width:0) and (max-width:500px){
/***배너모음***/
.banner_list li {width: 100%}
}