@charset "utf-8";

/* 학교안내도 */
.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/hadong-h/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;}
}

/*학교상징_01*/
                                .symbol_box {
                                    display: inline-block;
                                    width: 100%;
                                    margin-top: 10px;
                                }
                        
                                .symbol_box .img {
                                    width: 25%;
                                    float: left;
                                }
                        
                                .symbol_box .img img {
                                    width: 100%;
                                    height: 100%;
                                }
                        
                                .symbol_box .txt {
                                    width: 72%;
                                    float: right;
                                }
                        
                                /*학교상징_02*/
                                /*교훈*/
                                .intro_txt {
                                    width: 100%;
                                    height: 90px;
                                    margin-top: 10px;
                                    text-align: center;
                                    background: url(/images/sch/ap/ss/intro_bg.png)no-repeat 50% 50%;
                                    background-size: 99% 100%;
                                }
                        
                                .intro_txt p {
                                    padding-top: 35px;
                                    font-size: 20px;
                                    font-family: 'NanumBold';
                                }
                        
                                /*표어*/
                                .intro_txt2 {
                                    position: relative;
                                    font-size: 20px;
                                    text-align: center;
                                    padding: 10px;
                                    color: #555;
                                    font-family: 'NanumBold';
                                }
                        
                                .symbol_box2 {
                                    display: inline-block;
                                    width: 100%;
                                    margin-top: 10px;
                                }
                        
                                .symbol_box2 li {
                                    width: 50%;
                                    height: 338px;
                                    float: left;
                                    text-align: center;
                                    background: url(/images/sch/ap/ss/symbol_bg.png)no-repeat 50% 50%;
                                }
                        
                                .symbol_box2 li p {
                                    width: 160px;
                                    height: 160px;
                                    border-radius: 150px;
                                    /*background:#ddd;*/
                                    margin: 10px auto;
                                }
                        
                                /*.symbol_box2 li.m1 p{background:url(/images/sch/ap/ss/symbol_01.png)no-repeat 50% 50%; background-size:105%;}*/
                                .symbol_box2 li.m2 p {
                                    background: url(/images/sch/ap/ss/symbol_02.png)no-repeat 50% 50%;
                                    background-size: 105%;
                                }
                        
                                .symbol_box2 li.m3 p {
                                    background: url(/images/sch/ap/ss/symbol_03.png)no-repeat 50% 50%;
                                    background-size: 105%;
                                }
                        
                                .symbol_box2 li dl {
                                    display: block;
                                    margin: 65px 50px 0 50px;
                                    height: 80px;
                                    overflow-y: auto;
                                }
                        
                                .symbol_box2 li dl dt {
                                    margin-bottom: 10px;
                                    font-size: 15px;
                                    color: #0081d2;
                                    font-family: 'NanumBold';
                                }
                        
                                /*교가*/
                                .intro_music {
                                    text-align: center;
                                }
                        
                                .intro_music img {
                                    margin-top: 10px;
                                    width: 80%;
                                }
                        
                                /*타이틀*/
                                .tit_01 {
                                    font-size: 17px;
                                    line-height: 1.4;
                                    font-family: "NanumBold";
                                    color: #1b4ca2;
                                    background: url("/images/sch/ap/ss/bul_01.png") no-repeat 0 7px;
                                    padding-top: 15px;
                                }
                        
                                .tit_02 {
                                    font-size: 15px;
                                    line-height: 1.4;
                                    font-family: "NanumBold";
                                    color: #111;
                                    background: url("/images/sch/ap/ss/bul_03.png") no-repeat 0 5px;
                                    padding-left: 16px;
                                }
                        
                                /*블렛*/
                                .bu_list_01 li {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/bu_dot.gif") no-repeat left 7px;
                                    padding-left: 12px;
                                }
                        
                                .bu_list_02 li {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/gray_dot.gif") no-repeat left 7px;
                                    padding-left: 10px;
                                }
                        
                                .bu_list_03 li {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/bu_minus.gif") no-repeat left 7px;
                                    padding-left: 10px;
                                }
                        
                                .bu_arr {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/blue_arrow.png") no-repeat left 6px;
                                    padding-left: 12px;
                                }
                        
                                .bu_01 {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/bu_dot.gif") no-repeat left 7px;
                                    padding-left: 12px;
                                }
                        
                                .bu_02 {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/gray_dot.gif") no-repeat left 7px;
                                    padding-left: 10px;
                                }
                        
                                .bu_03 {
                                    font-size: 13px;
                                    color: #444;
                                    line-height: 1.4;
                                    margin: 5px 0;
                                    font-family: "Nanum";
                                    background: url("/images/sch/ap/ss/bu_minus.gif") no-repeat left 7px;
                                    padding-left: 10px;
                                }
                        
                                /* 이미지 텍스트 */
                                .img_txt1 {
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                }
                        
                                .img_txt1 .img {
                                    width: 10%;
                                    float: left;
                                }
                        
                                .img_txt1 .txt {
                                    width: 85%;
                                    float: right;
                                }
                        
                                .img_txt2 {
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                }
                        
                                .img_txt2 .img {
                                    width: 20%;
                                    float: left;
                                }
                        
                                .img_txt2 .txt {
                                    width: 75%;
                                    float: right;
                                }
                        
                                .img_txt3 {
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                }
                        
                                .img_txt3 .img {
                                    width: 30%;
                                    float: left;
                                }
                        
                                .img_txt3 .txt {
                                    width: 65%;
                                    float: right;
                                }
                        
                                .img_txt4 {
                                    position: relative;
                                    width: 100%;
                                    overflow: hidden;
                                }
                        
                                .img_txt4 .img {
                                    width: 40%;
                                    float: left;
                                }
                        
                                .img_txt4 .txt {
                                    width: 55%;
                                    float: right;
                                }
                        
                                .ff_NG {
                                    font-size: 13px;
                                    line-height: 1.4;
                                    font-family: 'Nanum' !important;
                                }
                        
                                /* 박스 */
                                .gry_box {
                                    font-family: "NanumBold";
                                    font-size: 20px;
                                    line-height: 1.4;
                                    padding: 15px;
                                    border: 1px solid #c8d1db;
                                    background: #f7f7f7;
                                }
                        
                                .txt_box {
                                    font-family: "Nanum";
                                    font-size: 13px;
                                    line-height: 1.4;
                                    padding: 15px;
                                    border: 1px solid #c8d1db;
                                }
                        
                                /*학교상징_ver2*/
                                .symbol_box3 {
                                    position: relative;
                                    width: 100%;
                                    margin-top: 10px;
                                    overflow: hidden
                                }
                        
                                .symbol_box3 li {
                                    width: 32%;
                                    float: left;
                                    margin-left: 2%;
                                    text-align: center;
                                    background: #e9f1fe;
                                    padding-bottom: 15px;
                                    border-radius: 10px
                                }
                        
                                .symbol_box3 li:first-child {
                                    margin-left: 0
                                }
                        
                                .symbol_box3 li span {
                                    display: block;
                                    height: 50px;
                                    line-height: 50px;
                                    font-size: 15px;
                                    color: #fff;
                                    font-family: 'NotoM';
                                    background: #0081d2;
                                    border-radius: 10px;
                                    margin-bottom: 10px
                                }
                        
                                .symbol_box3 li img {
                                    width: 90%;
                                    height: 150px;
                                    border-radius: 10px;
                                    overflow: hidden
                                }
                        
                        
                                @media screen and (max-width:749px) {
                        
                                    /*학교상징_02*/
                                    .symbol_box2 li {
                                        width: 50%;
                                        margin-top: 10px;
                                    }
                        
                        
                                }
                        
                                @media screen and (max-width:480px) {
                        
                                    /*학교상징_02*/
                                    .symbol_box2 li {
                                        width: 100%;
                                    }
                        
                                    /*학교상징_ver2*/
                                    .symbol_box3 li {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 3%
                                    }
                        
                                    .symbol_box3 li img {
                                        width: auto;
                                        height: 100px
                                    }
                                }