@charset "utf-8";

/* 페이지 내 전역 폰트 지정 */

.page {
    font-family: "NotoR", sans-serif;
}


/* 학교안내도 */
.img_guide_map {
    position: relative;
    overflow-x: hidden
}

.img_guide_map .btn_st {
    position: absolute;
    top: 195px;
    width: 100%;
    text-align: center;
}

.img_guide_map .btn_st a {
    padding: 8px 30px;
}

.img_pc {
    display: block;
}

.img_mo {
    display: none;
}

/* 정보공개실 */
.sub_icon {
    background: url(/images/sch/schl/geochayeo-m/sub/sub11_01_ico.png) no-repeat 32px center;
    border: 6px solid #e8edf3;
    padding: 25px 25px 25px 160px;
    margin-bottom: 20px;
}

.sub_icon_txt {
    font-size: 18px;
    line-height: 1.2;
    font-family: "NotoM";
    color: #0c3477;
    margin-bottom: 10px;
}

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

    /* 학교안내도 */
    .img_guide_map .btn_st {
        top: 175px;
    }
}


/* ============================== 
custom-hs 스타일코드 (신형섭 작업자 커스텀 스타일 코드)
============================== */


/* 커스텀 레이아웃 기본형 */

.custom-hs-block-defaultlayout .tit2 {
    margin-left: 0;
    margin-top: 20px;
}


/* 패러그래프 화이트스페이스 변경 */

.custom-hs-modifier-whiteSpacePreline.box_st2 {
    padding: 20px;
}

.custom-hs-modifier-whiteSpacePreline p {
    white-space: pre-line;
}


/* 패러그래프 그룹 */

.custom-hs-block-paragraphGroup p,
.custom-hs-block-paragraphGroup dd {
    line-height: 1.4;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-hs-block-paragraphGroup dt {
    margin-top: 20px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.6;
    font-family: "NotoM";
    color: #111;
    background: url(/images/sch/web/geochayeo-m/common/tit_2.png) no-repeat 1px 7px;
}


/* 갤러리투칼럼 */

.custom-hs-block-galleryTwoColumn {
    text-align: center;
}

.custom-hs-block-galleryTwoColumn li {
    display: inline-block;
    padding: 10px;
}

.custom-hs-block-galleryTwoColumn li p {
    text-align:left;
  margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    font-family: "NotoR";
    color: #222;
    background: url(/images/sch/web/geochayeo-m/common/bu2.png) no-repeat left 6px;
}


/* 커스텀 타이틀2 */

.custom-hs-element-tit2.tit2 {
    margin-left: 0;
    margin-top: 20px;
}


/* 이미지 사이즈 조정 */

.custom-hs-element-imgWidthFull>img {
    /* width: 100%; */
    /* display: block; */
    max-width: 100%;
}


/* 박스 - 더블 칼럼 */

.custom-hs-element-box-doubleColumn {
    border: 1px solid #bbb;
    padding: 20px;
    border-radius: 12px;
}

.custom-hs-element-box-doubleColumn table th,
.custom-hs-element-box-doubleColumn table td {
    border: 1px solid #bbb;
    padding: 20px;
    text-align: left;
}

.custom-hs-element-box-doubleColumn table th {
    background-color: #f2faff;
}

.custom-hs-element-box-doubleColumn table td {
    vertical-align: top;
}

.custom-hs-element-box-doubleColumn table td .bu_st2 {
    text-align: left;
    font-weight: bold
}


/* 화살표 다운 */

.custom-hs-element-arrowDown {
    margin-top: 10px;
    font-size: 18px;
    color: #004ea5;
}


/* 화살표 다운 동그라미 */

.custom-hs-element-arrowDownCircle {
    position: relative;
    left: 50%;
    margin-left: -36px;
    width: 36px;
    height: 36px;
}

.custom-hs-element-arrowDownCircle:before {
    display: block;
    content: "";
    background: #d6d6d6;
    width: 36px;
    height: 36px;
    position: absolute;
    border-radius: 50%;
}

.custom-hs-element-arrowDownCircle:after {
    display: inline-block;
    position: relative;
    content: "";
    top: 7px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-right: 2px solid rgba(0, 0, 0, .2);
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    border-color: #fff;
}


/* 규정, 약정 스타일 - 타입01 */

.custom-hs-block-rules.custom-hs-modifier-type01 h1,
.custom-hs-block-rules.custom-hs-modifier-type01 h2 {
    margin-top: 20px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.6;
    font-family: "NotoM";
    color: #111;
    background: url(/images/sch/web/geochayeo-m/common/tit_2.png) no-repeat 1px 7px;
}

.custom-hs-block-rules.custom-hs-modifier-type01 dt,
.custom-hs-block-rules.custom-hs-modifier-type01 .subTit1 {
    margin-top: 10px;
    font-weight: bold;
    padding: 5px 0 5px 18px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "NotoR";
    color: #111;
    background: url("/images/sch/web/geochayeo-m/common/bu1.png") no-repeat left 10px;
}

.custom-hs-block-rules.custom-hs-modifier-type01 .tit2 {
    margin-left: 0;
    margin-top: 20px;
}

.custom-hs-block-rules.custom-hs-modifier-type01 dd,
.custom-hs-block-rules.custom-hs-modifier-type01 p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.custom-hs-block-rules.custom-hs-modifier-type01 .secondSubTit1 {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    font-family: "NotoR";
    color: #222;
    background: url(/images/sch/web/geochayeo-m/common/bu2.png) no-repeat left 6px;
}

.custom-hs-modifier-type01.custom-hs-block-rules.custom-hs-modifier-type02 h2 {
    /* type02 */
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 25px;
    font-size: 20px;
    line-height: 1.6;
    font-family: "NotoM";
    color: #111;
    background: url("/images/sch/web/geochayeo-m/common/tit_1.png") no-repeat left 9px;
}

.custom-hs-modifier-type01.custom-hs-block-rules.custom-hs-modifier-type02 dd {
    /* type02 */
    line-height: 1.5;
}


/* 테이블 열 폭 조정 */

colgroup.custom-hs-element-colWidth-firstCol-50p>col:first-child {
    width: 50%;
}


/* 테이블 정렬 수정 */

.custom-hs-modifier-td-textAlign-left td {
    text-align: left;
}      

.custom-hs-modifier-td-textAlign-secondCol-left tbody tr>td+td {
    text-align: left;
}


/* 버튼 커스터마이징 */

.custom-hs-element-btn.custom-hs-modifier-bigBtn>a {
    width: 300px;
}

.custom-hs-element-btn.custom-hs-modifier-bigBtn>a>span {
    padding: 30px 15px;
    font-size: 16px;
}


/* 학급 별 홈페이지 커스터마이징 */

.custom-hs-block-classHomepage .cb {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 20px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.6;
    font-family: "NotoM";
    color: #111;
    background: url(/images/sch/web/geochayeo-m/common/tit_2.png) no-repeat 1px 7px;
}

.custom-hs-block-classHomepage .school_year {
    margin-top: 10px;
    font-weight: bold;
    padding: 5px 0 5px 18px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "NotoR";
    color: #111;
    background: url("/images/sch/web/geochayeo-m/common/bu1.png") no-repeat left 10px;
}

.custom-hs-block-classHomepage .school_ban {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    font-family: "NotoR";
    color: #222;
    background: url(/images/sch/web/geochayeo-m/common/bu2.png) no-repeat left 6px;
    color: #333;
    display: inline-block;
}


/* .custom-hs-element-doubleColumnTable */

.custom-hs-element-doubleColumnTable {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.custom-hs-element-doubleColumnTable td {
    vertical-align: top;
    padding: 10px;
}

.custom-hs-element-doubleColumnTable p {
    white-space: pre-line;
}

.custom-hs-element-doubleColumnTable.al td {
    text-align: left;
}

.custom-hs-element-doubleColumnTable.ac td {
    text-align: center;

}

.custom-hs-element-doubleColumnTable.al-p td p {
    text-align: left;

}

.custom-hs-element-doubleColumnTable.td-p-bgColor-skyBlue td p {

    white-space: normal;
    padding: 16px;
    margin-top: 10px;
    background: #e4f1ff;
    border-radius: 6px;

}


/* Number List Small */

.custom-hs-block-numberListSmall p.tit_num {
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
}
.custom-hs-block-numberListSmall p.tit_num span {
    top: 2px;
    line-height: 19px;
}


/* 테이블 좌측 정렬 커스텀 코드
 */
.custom-hs-element-tableCell-ac table td {
    text-align: left;
}

/* ============================== 
cusotm 학교 관련 추가 공통 커스텀 스타일링
============================== */

.custom-color-blue {
    color: #3775c3
}

.custom-fontWeight-bold {
    font-weight: bold;
}

.custom-box-singleColumn {
    padding: 25px;
    border: 6px solid #e8edf3;
    margin-bottom: 20px;
}

.custom-box-singleColumn .sub_icon_txt {
    font-size: 20px;
    padding-top: 6px;
}

.custom-box-twoColumn {
    padding: 25px;
    border: 6px solid #e8edf3;
    margin-bottom: 20px;
}

.custom-box-twoColumn .img-inTwoColmnBox {
    float: left;
    border-radius: 8px;
    margin-right: 20px;
    width: 100px;
}

.custom-box-twoColumn .sub_icon_txt {
    padding-top: 34px;
    font-size: 20px;
}


/* ============================== 
custom-hs 학교 별 커스텀
============================== */

/* sub20A, sub39A,  */

.custom-hs-block-sub39a .custom-hs-element-table-01 col:first-child,
.custom-hs-block-sub20a .custom-hs-element-table-01 col:first-child {
    width: 15%
}


/* sub64 */
.custom-hs-block-sub64 td.custom-hs-element-cellYellowBg {
    background: rgb(255, 255, 0);
}

/* sub39B */

.custom-hs-block-sub39b .custom-hs-element-principleGreeting {
    padding: 25px;
    border: 6px solid #e8edf3;
    margin-bottom: 20px;
}

.custom-hs-block-sub39b .custom-hs-element-principleGreeting img.custom-hs-modifier-portrait {
    float: left;
    border-radius: 8px;
    margin-right: 12px
}

.custom-hs-block-sub39b .custom-hs-element-principleGreeting h4 {
    display: table-cell;
}


/* sub25 */

.custom-hs-block-sub25 .custom-hs-element-customBox01 {
    padding: 25px;
    border: 6px solid #e8edf3;
    margin-bottom: 20px;
}

.custom-hs-block-sub25 .custom-hs-element-customBox01>div>img {
    float: left;
    border-radius: 8px;
    margin-right: 12px
}

.custom-hs-block-sub25 .custom-hs-element-customBox01.custom-hs-modifier-alt01>div>img {
    float: right;
    border-radius: 8px;
    margin-left: 12px
}

.custom-hs-block-sub25 .custom-hs-element-customBox01>div>ul>h3 {
    display: table-cell;
    height: 18px;
}


/* sub20B */

.custom-hs-block-sub20b-educationProject h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    margin-top: 20px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.6;
    font-family: "NotoM";
    color: #111;
    background: url(/images/sch/web/geochayeo-m/common/tit_2.png) no-repeat 1px 7px;
}

.custom-hs-block-sub20b-educationProject dt {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 2px 0 5px 18px;
    font-size: 16px;
    line-height: 1.5;
    font-family: "NotoR";
    color: #111;
    background: url("/images/sch/web/geochayeo-m/common/bu1.png") no-repeat left 10px;
    color: #168e4c
}

.custom-hs-block-sub20b-educationProject>dl>dd {
    position: relative;
    padding: 30px;
    font-family: "NotoR";
    line-height: 1.4;
    border-top: 1px solid #c8d1db;
    border-left: 1px solid #c8d1db;
    border-bottom: 1px solid #9298af;
    border-right: 1px solid #9298af;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;

}

.custom-hs-block-sub20b-educationProject>dl>dd>ul>li {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    font-family: "NotoR";
    color: #222;
    background: url(/images/sch/web/geochayeo-m/common/bu2.png) no-repeat left 6px;
    color: #333;
}

.custom-hs-block-sub20b-educationProject>dl>dd>ul>li.txt {
    font-weight: bold;
    color: #168e4c;
}

.custom-hs-element-sub09.custom-hs-modifier-tableBorderFIx .table_st th:last-child,
.custom-hs-element-sub09.custom-hs-modifier-tableBorderFIx .table_st td:last-child,
.custom-hs-element-sub09_0301.custom-hs-modifier-tableBorderFIx .table_st th:last-child,
.custom-hs-element-sub09_0301.custom-hs-modifier-tableBorderFIx .table_st td:last-child {
    border-right: 1px solid #9298af;
}

.custom-hs-element-sub10_0106 .c_02,
.custom-hs-element-sub10_0106 .c_03,
.custom-hs-element-sub10_0106 .c_04,
.custom-hs-element-sub10_0106 .c_05,
.custom-hs-element-sub10_0106 .c_06 {
    color: #051f5f;
    font-weight: bold;
}


/* sub04 */

.custom-hs-block-sub04_0803 td {
    padding: 10px;
}

.custom-hs-block-sub04_0803 .ti01:first-child {
    margin-top: 0;
    font-weight: normal;
    color: #0059a6;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.6;
    font-family: "NotoM";
    background: url(/images/sch/web/geochayeo-m/common/tit_2.png) no-repeat 1px 12px;
}

.custom-hs-block-sub04_0803 .ti01 {
    margin-top: 0px;
    font-weight: normal;
    padding: 5px 0 5px 18px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "NotoR";
    color: #111;
    background: url("/images/sch/web/geochayeo-m/common/bu1.png") no-repeat left 10px;
}

.custom-hs-block-sub04_0803 img {
    border-radius: 20px;
    border: 4px solid #3fa1f5;
}

.custom-hs-block-sub04_0303 .custom-hs-element-customBox01 {
    padding: 25px;
    border: 6px solid #e8edf3;
    margin-bottom: 20px;
}

.custom-hs-block-sub04_0303 .custom-hs-element-customBox01 img {
    float: left;
    border-radius: 8px;
    margin-right: 12px;
    border: 1px solid #bbb;
}

.custom-hs-block-sub04_0303 .custom-hs-element-customBox01 h4 {
    display: table-cell;
}

.custom-hs-block-sub04_0303 .custom-hs-element-customBox01 h4+p {
    display: table;
}

.custom-hs-block-sub04_08010701 .custom-hs-element-img {
    padding: 32px 0;
}

.custom-hs-bock-sub04_080201 .custom-hs-element-p {
    padding-left: 0;
    text-align: center;

}


/* sub09 */

.custom-hs-block-sub0305>.box_st3>.box>p {
    padding-left: 0;
    text-align: center;
}


/* sub18 */

.custom-hs-block-sub18 .map_ara {
    width: 100%;
    padding: 20px 0;
}

.custom-hs-block-sub18 .map_ara iframe {
    width: 100%;
    height: 380px;
}