@charset "UTF-8";
/* /css/goesw/module/whthschul/moduleWhthSchul.css */
/* @latest 2021.02.09 YHY */
/* @latest 2022.03.10 OSY */
/* @latest 2022.04.12 YHY */


/* 학교안내 - 지도 */
#schulInfoArea .goeLocal .localSeList {font-size:0; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
#schulInfoArea .goeLocal .localSeList > li {list-style:none !important; display:inline-block; width:25%; box-sizing:border-box; border-left:1px solid #fff; margin-bottom:1px;}
#schulInfoArea .goeLocal .localSeList > li:nth-child(4n-3) {border-left:none;}
#schulInfoArea .goeLocal .localSeList > li > button {width:100%;font-size:18px;line-height:1.4em;color:#fff;margin:0;padding:15px 10px;border-radius:0;background:#8A8A8A;border:none;}
#schulInfoArea .goeLocal .localSeList > li > button.active {background:#184c95; font-weight:600;}
#schulInfoArea .goeLocal .localSeList > li > button:focus {font-weight:600;  /*background:#333;*/}
#schulInfoArea .goeLocal .localSeList > li > button.active:focus {/*background:#093169;*/ font-weight:600;}
/* #schulInfoArea .goeLocal .localSeList > li > button:hover {background:#999;} */

#schulInfoArea .goeLocal .schulKndCdList {font-size:0; padding-left:0; margin:20px 0; text-align:center;}
#schulInfoArea .goeLocal .schulKndCdList > li {list-style:none !important; display:inline-block; margin:2px;}
#schulInfoArea .goeLocal .schulKndCdList > li > button {width:100%; font-size:17px; line-height:1.4em; padding:10px 20px; border-radius:25px;}
#schulInfoArea .goeLocal .schulKndCdList > li > button:hover,
#schulInfoArea .goeLocal .schulKndCdList > li > button.active {color:#fff;font-weight: 600;}
#schulInfoArea .goeLocal .schulKndCdList > li > button:focus {font-weight:600;}

.all_school {border:1px solid #666; color:#666;}
.all_school:hover, .all_school.active {background:#666 !important;}
.c_school {border: 1px solid #bf7500;color: #bf7500;}
.c_school:hover, .c_school.active {background: #bf7500 !important;}
.e_school {border: 1px solid #008705;color: #008705;}
.e_school:hover, .e_school.active {background: #008705 !important;}
.m_school {border: 1px solid #0178bf;color: #0178bf;}
.m_school:hover, .m_school.active {background: #0178bf !important;}
.h_school {border: 1px solid #802186;color: #802186;}
.h_school:hover, .h_school.active {background: #802186 !important;}

.markerBox {width:150px; height:34px; cursor:default; display:block; position:absolute; z-index:0; background:rgb(255, 255, 255); border-radius:25px; border: solid 1px #efefef !important;}
.markerNm {box-sizing:border-box; border-radius:25px;}
.markerNm > div {}
.markerNm > div > a {width:150px; height:34px; line-height:34px; display:inline-block; text-align:center; font-size:15px; color:#fff;}

@media (max-width:799px){

    #schulInfoArea .goeLocal .localSeList > li > button {font-size:16px;}
	#schulInfoArea .goeLocal .schulKndCdList > li > button {font-size:15px;}

}



/* 관내학교현황 */
#schulInfoArea .schulTit {font-size:18px; font-weight:600; vertical-align:middle; margin-bottom:10px;}
#schulInfoArea .schulTit::before {content: ''; display:inline-block; width:8px; height:2px; background:#333; margin-right:8px; vertical-align:middle; transform: rotate(-45deg);}
#schulInfoArea .schulTit span {display:inline-block; background:#333; color:#fff; font-size:14px; font-weight:normal; padding:5px 10px; margin-left:3px; border-radius:25px; vertical-align:middle;}

@media (max-width:799px){

    #schulInfoArea .schulTit {font-size:16px;}
    #schulInfoArea .schulTit span {font-size:12px; padding:3px 8px;}

}