@charset "utf-8";

/* common */
.tit1 {margin-bottom:10px}
.tit2 {margin-left: 15px; margin-bottom:10px; margin-top:5px}
.tit_num{position: relative;font-size: 18px;line-height: 1.6;font-family: "NotoM";padding-left: 28px;}
.tit_num span {background: #264988;border-radius: 20px;color: #fff;width: 22px;height: 22px;line-height: 1.3em;text-align: center;position: absolute;top: 4px;left: 0px;font-size: 90%;}

.txt_h3 {margin-left: 30px;margin-bottom: 15px; margin-top: 10px;}

.page p, .page li{white-space: normal;}
.list_st1,.list_st2,.list_st3,.list_st4{margin-top:15px; margin-bottom:15px;}
.list_st1 li ul,.list_st2 li ul,.list_st3 li ul,.list_st4 li ul{margin-top:5px; margin-bottom:5px;}
li.no_list, p.no_list{background:none;padding: 3px 0 3px 0px;}
li.no_list_1, p.no_list_1{background:none;}

.box_st1_1{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 15px 0px;overflow: hidden;background: #3775c3;color: #fff;margin-top: 10px;}
.box_st1_2{background: #f9f9f9;margin-bottom: 20px;border: 1px solid #e8e8e8;border-radius: 0px 7px;padding: 15px 30px 15px 30px;margin-top: 5px;}
.box_st1_2_1{background: #f9f9f9;margin-bottom: 20px;border: 1px solid #e8e8e8;border-radius:5px;padding: 15px 30px 15px 30px;margin-top: 5px;}
.box_st1_3{position: relative; padding: 10px 20px;font-family: "NotoR";line-height: 1.4;border-radius: 30px;overflow: hidden;background: #3775c3;color: #fff;margin-top:10px;}

.pc_red {color:#ff0000;}
.pc_blue2 {color:#1863c1;}

.img_pc {display:block;}
.img_mo {display:none;}


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


/* sub */
.table_st table { margin-bottom: 30px; }

.round_box_st .box_st1_1 { border-radius: 50px; font-size: 16px; }
.round_box_st .box_st1_1 span { color: #fff0c1; font-size: 14px; margin-right: 10px; }
.round_box_st .box_st1_1:nth-child(1) { background-color: #37adc3; }
.round_box_st .box_st1_1:nth-child(5) { background-color: #23b196; }
.round_box_st .box_st1_1:nth-child(7) { background-color: #3745a3; }
.round_box_st .box_st1_2 { border-radius: 15px; }
.round_box_st .box_st1_2 li span { background-color: rgba(55,117,195,0.2); }
.round_box_st .box_st1_2:nth-child(2) li span { background-color: rgba(55,173,195,0.2); }
.round_box_st .box_st1_2:nth-child(6) li span { background-color: rgba(35,177,150,0.2); }
.round_box_st .box_st1_2 table { margin: 5px 0; }
.round_box_st .box_st1_2 table th { border: 1px solid #aaa; text-align: center; padding: 5px; background-color: #e5e5e5; }
.round_box_st .box_st1_2 table td { border: 1px solid #aaa; text-align: center; padding: 3px 5px; }
.round_box_st .box_st1_2 table th:first-child,
.round_box_st .box_st1_2 table td:first-child { border-left: 0; }
.round_box_st .box_st1_2 table th:last-child,
.round_box_st .box_st1_2 table td:last-child { border-right: 0; }

.introduce_town { font-family: "NotoR"; line-height: 1.4; font-size: 14px; }
.introduce_town .town_img { position: relative; min-height:254px; margin-bottom: 10px; background: url(/images/sch/schl/samga-p/sub/sub0106.jpg) no-repeat; background-size: 100%; }
.introduce_town dl { position: absolute; bottom:0; padding: 12px 5px; background: rgba(54,38,100,0.65); border:1px solid rgba(54,38,100,0.1); border-radius: 0px 0px 50px 10px; }
.introduce_town dl dt,
.introduce_town dl dd { display: inline-block; color: #fff;  }
.introduce_town dl dt { font-family: "NotoM"; width: 27%; text-align: center; font-size: 24px;  }
.introduce_town dl dd { width: 68%; vertical-align: middle; }
.introduce_town p { border-radius: 10px; padding: 20px 30px; color: #444; }

.old_font { font-weight: normal; font-family: "새굴림","New Gulim"; }

.link_page li { margin: 15px 0; }
.link_page li a { display: block; padding: 15px 25px 15px 35px; background:url("/images/sch/web/samga-p/common/bu1.png") no-repeat 12px center; }
.link_page li a:hover,
.link_page li a:active,
.link_page li a:focus { background-color: #f7f9fa; }
.link_page li a b { font-weight: normal; font-size: 16px; color: #222; display: inline-block; width: 150px; }
.link_page li a span { display: inline-block;  color:#00539f; background: url("/images/sch/web/samga-p/common/bu_link.png") no-repeat 5px 5px; padding-left: 25px; }

.file_down_page { margin: 30px 5%; text-align: right; }
.file_down_page li { display: inline-block; width: 47%; margin-right: 2%; }
.file_down_page li .img_wrap { max-width: 293px; background: url("/images/sch/web/samga-p/common/pt_diagonal.png") repeat; }
.file_down_page li .img_wrap img { border: 1px solid #ddd; 
                                transform: translate(-11px, -11px); 
                                -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
                            }
.file_down_page li .img_wrap:hover img, 
.file_down_page li .img_wrap:focus img,
.file_down_page li .img_wrap:active img { transform: translate(0px, 0px); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.file_down_page .btn_st { margin: 15px 0 30px; text-align: center; }
.file_down_page .btn_st a { width: 50%; }

.file_down_page.one_content li { display: block; width: 60%; margin: 0 auto; }
.file_down_page.one_content li .img_wrap { max-width: 400px;  }


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

/* sub */
.introduce_town dl { background: rgba(54,38,100,1); border:1px solid rgba(54,38,100,1); border-radius: 0px 0px 50px 10px; }
    

}

@media screen and (max-width :490px) {
/* common */
.img_mo {display:block;}
.img_pc {display:none;}

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

/* sub */
.table_st.long_width_pd th { padding: 13px 7px; }
.table_st.long_width_pd td { padding: 10px 7px; }

.introduce_town dl { padding: 10px 25px 15px; }
.introduce_town dl dt,
.introduce_town dl dd { display: block; width: 100%; }

.m_blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.file_down_page li { display: block; width: 100%; }

}