@charset "euc-kr";
/* CSS Document */

@import url(common.css);

.blind_ti{overflow:hidden; visibility:hidden; position:absolute; width:0px; height:0px; font-size:0px; line-height:0;}
#ui_header{
width: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    position: fixed;
    background: #fff;
    overflow: hidden;
    height: 64px;
    align-items: center;


}
/*#ui_header .top_logo{width:50%;}
#ui_header .top_btn{width:16%;}*/
#ui_header .top_logo img, #ui_header .top_btn img{width:auto;height:55px;}
#inside-a{
	overflow-y: scroll;
    height: 100vh;
    top: 0;
    position: fixed;
    width: 100%;
    background-color: white;
    left: 0;

}

#inside-a::-webkit-scrollbar {
    width: 3px;
  }
#inside-a::-webkit-scrollbar-thumb {
    background-color: #0000004d;
    border-radius: 10px;
  }
#inside-a::-webkit-scrollbar-track {
    background-color: #888;
    border-radius: 10px;
    
  }


#inside-a .inside_title{text-align:center; padding:10px 0px;}
#inside-a ul li .m_title{height:50px; font-weight:normal; font-size:1.2em; background-color:rgba(8,13,22,0.7); border-color:#343840;
padding: 0 0 0 15px;
    line-height: 50px;
}
#ui_main{ padding-bottom:30px;     position: relative; margin-top:64px;}
#ui_main .nav{padding:12px 7px 0px 12px; margin-top:30px;}
#ui_main .nav table{width:100%; border-collapse:collapse;}
#ui_main .nav table tr td{width:20%;}
#ui_main .nav table tr .b_right{border-right:5px solid #eeebe6;}
#ui_main .notice_ti{margin:18px 0px 10px 12px; font-size:18px; line-height:1.2; font-weight:600;}
.listTopNotice{position:relative; background:#fff; border-radius:2px; margin:0 12px;}
.listTopNotice li:first-child{border-top:0;}
.listTopNotice li:after{content:""; position:absolute; right:10px; top:50%; margin-top:-5px; width:6px; height:12px; background:url(../images/main/more.jpg);}
.listTopNotice li{position:relative; border-top:1px dashed #eeebe6;}
.listTopNotice li > a{display:block; padding:10px 25px 10px 9px; -webkit-box-sizing: border-box; box-sizing:border-box;}
.listTopNotice li > a .tit{display:block; vertical-align:top; max-width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.listTopNotice .more{position:absolute; top:-32px; right:0px;}
.i-btnMore{display:inline-block; vertical-align:middle; width:26px; height:28px; background:url(../images/main/m_more.png) no-repeat;text-indent:-9999px;}
.blind{display:block; position:absolute; left:-9999px; text-indent:9999px; width:0px; height:0px; border:0; overflow:hidden; font-size:1px; line-height:0; white-space:nowrap;}
#ui_footer{position:relative; background:#4a4a4a;}
#ui_footer address{padding:16px 0px; text-align:center;}
#ui_footer address .copyright{display:block; margin:0 auto; white-space:nowrap; overflow:hidden; font-size:12px; color:#fff;}
.menu a{cursor:pointer;}
.menu ul.hide{display:none;padding-bottom:15px;background-color:rgba(8,13,22,0.7);}
.menu ul.hide li{padding:0;margin:0;}
.menu ul.hide li .s_title{ color:#fff; font-weight:normal; display:block; line-height:3.0; padding-left:30px;}

#ui_sub{background:#fff; margin-top:64px;}
#ui_sub .sub_title{height:24px;padding:12px;font-size:0.85em;color:#f7f7f7;font-weight:normal;letter-spacing:-0.08em;}
#ui_sub .ti01{background:url(../images/sub/sub_title_bg1.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti02{background:url(../images/sub/sub_title_bg2.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti03{background:url(../images/sub/sub_title_bg3.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti04{background:url(../images/sub/sub_title_bg4.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti05{background:url(../images/sub/sub_title_bg5.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti06{background:url(../images/sub/sub_title_bg6.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti07{background:url(../images/sub/sub_title_bg7.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti08{background:url(../images/sub/sub_title_bg8.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .ti09{background:url(../images/sub/sub_title_bg9.jpg) repeat-x;background-size:100%; height:50px;}
#ui_sub .s_tit{display:inline-block;height:20;padding-left:22px;font-size:1.6em;background:url(../images/sub/title_dot.png) left 3px no-repeat;background-size:17px;}

/* #ui_sub .sub_content{padding:10px 10px 20px 10px;} */
#ui_sub .sub_content2{background:#fff;}
#ui_sub .sub_content2 .text01{padding:15px; background:#fff;}
#ui_sub .sub_content2 .text02{padding:0px 25px 0px 25px; background:#fff;}
#ui_sub .sub_content .sub_img{padding:20px;}
#ui_sub .sub_content2 .sub_img{padding:20px;}
#ui_sub .sub_content .sub_txt{line-height:1.5; padding:5px; font-size:14px; text-align:justify;}
#ui_sub .sub_content2 .sub_txt2{line-height:1.6; font-size:14px; text-align:justify;}
.sub_txt2 ul li{margin-left:8px; padding-left:8px; background:url(../images/common/m_topbg.gif) left 9px no-repeat;}
.sub_txt2 ul li ul li{margin-left:0px; padding-left:8px; background:url(../images/common/m_dot01.gif) left 10px no-repeat;}
#ui_sub .sub_content .txt_ti{font-size:16px;line-height:1.5; text-align:center;}
#ui_sub .sub_content2 .icon_ti1{padding-left:20px; background:url(../images/common/point_ti.png) left 3px no-repeat; font-size:16px; margin:10px 0 10px 0;}
#ui_sub .sub_content2 .icon_ti2{padding-left:20px; background:url(../images/common/point_ti.png) left 3px no-repeat; font-size:16px; margin-bottom:7px;}
#ui_sub .sub_content2 .dot_txt{padding-left:8px; background:url(../images/common/m_topbg.gif) left 5px no-repeat;}
#ui_sub .sub_content2 .dot_txt2{padding-left:8px; background:url(../images/common/bg_btn_blue.gif) left 5px no-repeat;}

.a_tb{width:100%; margin-bottom:20px;}
.a_tb table{width:100%; border:1px solid #dedede;}
.a_tb table th{padding:5px; height:22px; border:1px solid #dedede; border-bottom:1px solid #dedede; background:url(../images/common/m_topbg3.gif); font-weight:600; text-align:center;}
.a_tb table td{padding:5px; border:1px solid #dedede; color:#626262; text-align:center; line-height:150%;}
.a_tb table td.font1{font-weight:600; color:#437acf;}

.n_login{width:220px; margin:0 auto; background:#b0b1b5; background-color:rgba(130,130,130,0.7); padding:10px;}
.inside_title .n_login .ui-btn{background:#0859d7; border-color:#0859d7; color:#fff;}


/* new */
.mo_banner{width: 100%; height: 185px; overflow: hidden;}


.shortcuts{width: 92%;
    height: 147px;
    position: absolute;
    top: 185px;
    left: 50%;
    margin-left: -46%;
    background-color: #fff;
    border-radius: 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.068);
    z-index: 10;
    
}
.shortcuts .shortcuts_text{width: 80%; height: 43px; border-radius: 50px; overflow: hidden;
	top: -25px; left:50%; margin-left:-40%;
    position: absolute;
}
.shortcuts_text p{ width: 100%; height: 100%; font-size: 16px; font-weight: 600; color: #fff; background-color: #005F97; text-align: center;}
.shortcuts .shortcuts_icon{width: 33%; height: 100%; position: relative;
margin-top: 28px;
}
.shortcuts .shortcuts_icon a{align-items: center; justify-content: center; height: 100px; gap: 10px;
font-size:14px; font-weight: 600; color: #444; text-align:center;
}
.shortcuts_icon::before{width: 1px; height: 50px; content: ''; display: block; background-color: #DBDBDB;
position: absolute; top: 50%; margin-top: -25px; right: 0;
}
.shortcuts_icon:last-child:before{display: none;}
.shortcuts_icon img{width: 50px;}

#ui_main .section02{ width:92%; height:215px; margin: 185px auto 0 ; border-radius:12px; overflow: hidden;}
.section02 .youtub{width:100%; height:100%;}


.notice{width: 92%; margin:50px auto 0;}
.notice_head h3{font: 600 18px/1 'SCDream'; color: #999; position: relative; cursor: pointer;}
.notice_on::before{
    content: '';
    display: block;
    width: 14px;
    height: 8px;
    background: url(../images/main/notice_bt.svg) no-repeat center / cover;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -7px;


}
.dpnone{display: none;}
.notice_head{gap: 20px; position: relative;}
.notice_head::before{content: ''; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #999;
position: absolute; top: 5px; left: 119px;
}
.notice_head::after{content: ''; display: block; width: 3px; height: 3px; border-radius: 100%; background-color: #999;
position: absolute; bottom: 5px; left: 119px;
}


.notice_head .notice_on{color: #005F97;}
.notice_more{ position: relative;}
notice_more a{width:20px; height:22px;}


.notice_post{padding: 0 0 0 10px;
    box-sizing: border-box;
	position: relative;
}

.notice_post::before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #4d4d4d;
    position: absolute; top: 50%; margin-top: -1.5px;
    left: 0;
}

.post_tit{width: 77%;}

.post_tit p{display: block; width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 15px; font-weight: 600; color: #3d3d3d;
}



.post_date{width:23%}
.post_date p{font-size: 14px; color: #888; font-weight: 500;}
.student_notice, .current_student_notice{margin-top: 20px; gap:10px;}



.section04{width: 100%; position: relative;
margin:50px auto 0;
background-color: #EEF5FB;
padding:50px 4%;
}
/* .section04::before{
    content: '';
    display: block;
    width: 100%;
    height: 415px;
    
    border-top-left-radius: 125px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -50%;
} */
.section04>ul{position: relative; z-index: 1; gap: 20px;}
.head_tit{font: 600 20px/1 'SCDream'; color: #3d3d3d;}


.detailed_schedule>li{display:flex; align-items:center; gap:5px; width:100%;}
.detailed_schedule>li>p{
    align-items: start;
width: 100%;
    gap: 2px;
    flex-direction: column;
    display: flex;
	}
	.detailed_schedule>li>p>span{font-size:12px;     
	display: inline;
	    height: auto;
	}
.section03 .calendar{width: 100%; height: 250px; border-radius: 15px; background-color: #fff; 
padding: 10px 20px ; box-sizing: border-box;
}
.calendar_tb{width: 49%; height: 100%; position: relative;}
/* .calendar_tb::before{content: ''; width: 1px; height: 230px; background-color: #eee;
position: absolute; top: 50%; margin-top: -100px; right: -30px;
} */
.calendar_tb table{width: 100%; height: 100%; text-align: center;

    border-collapse: separate;
    border-spacing: 0 5px;
}
.calendar_tb tbody tr{height:25px;}
.calendar{ padding:3%; background-color:#fff; border-radius:10px; border:1px solid #eee;}
.calendar_tb table thead{ font-size: 14px;}
/* .calendar_tb table thead tr{width: 250px; height: 32px; background-color: #005f97; color: white; } */
.calendar_tb table thead th:first-child{border-radius: 8px 0 0 8px;}
.calendar_tb table thead th:last-child{border-radius: 0 8px 8px 0;}
.calendar_tb table tbody{font-size: 13px; color: #888; font-weight: 600;}
.calendar_tb table tbody td{border-radius: 100%;}


.section04 .calendar_schedule{width: 49%;}

.section04 .detailed_schedule>li>span{display:block; width:3px; height:34px;}
.section04 .detailed_schedule>p>span{height:auto; width:100%;}
.section04 .detailed_schedule{gap: 22px;
    align-items: start;
    flex-wrap: nowrap;
    padding-top: 10px;
    font-size: 15px;
    height: 210px;
    overflow-y: scroll;
}
.section04 .detailed_schedule>li{height: 25px; display: flex; width: auto ;}
.section04 .detailed_schedule::-webkit-scrollbar {
    width: 7px;
}
.section04 .detailed_schedule::-webkit-scrollbar-thumb {
    background-color: #93A7BA;
    border-radius: 10px;
}
.section04 .detailed_schedule::-webkit-scrollbar-track {
    background-color: #D1DAE1;
    border-radius: 10px;
    
}
.section04 .schedule_month{gap: 10px; padding-bottom: 5px;}
.section04 .schedule_month .prev, .schedule_month .next{cursor: pointer;}
.section04 .schedule_month .month{height: 32px; width: 70%; background-color: #F4FAFF; border-radius: 10px; font-size: 16px; color: #333;
text-align: center; line-height: 32px;
}
.section04 .schedule_month span{font-size: 18px; font-weight: 600; color: #005C92;}



.section04 .school_event{ background-color: #008FE3; color: white; }
.section04 .school_holiday{ background-color: #FFC633; color: white; }
.section04 .school_etc{ background-color: #FF9CD7; color: white;}




.section04 .cafeteria{width: 390px; height: 250px; background-color: #fff; border-radius: 15px;}
.section04 .cafeteria .inner{width: 350px; height: 210px;  background-color: #fff;
    margin:20px auto;
    box-sizing: border-box; overflow-y: scroll;
}

.cafeteria .inner::-webkit-scrollbar {
    width: 7px;
}
.cafeteria .inner::-webkit-scrollbar-thumb {
    background-color: #93A7BA;
    border-radius: 10px;
}
.cafeteria .inner::-webkit-scrollbar-track {
    background-color: #D1DAE1;
    border-radius: 10px;
    
}
.cafeteria .inner{gap: 20px;}
.cafeteria_tit{width: 220px; height: 35px; border-radius: 50px; background-color: #005F97; margin: 0 auto;}
.cafeteria_tit p{color: white; font-size: 16px; display: block; height: 35px; line-height: 35px;}
.cafeteria_text{gap: 15px; font-size: 15px; color: #3f3f3f;}
.cafeteria_text span{font-weight: 600; color: #383838;}



.section05{width:92%; margin: 50px auto 0;}
.photo_board{margin-top: 20px; gap: 15px;}
.photo_board>a{width:47%;}
.photo_board .photo{width: 100%; height: 150px; border-radius: 20px; overflow: hidden; border: 1px solid #E6EFF6;
border-bottom-right-radius: 0;
}
.photo_board .photo_text{width: 100%;}
.photo_board .photo_text h4{margin: 10px 0 5px; font-size: 16px; color: #3d3d3d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.photo_board .photo_text p{font-size: 14px; color: #474747;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.photo_board img{transition: .2s;}
.photo_board a:hover img{transform: scale(1.05); }





footer{width: 100%; margin-top: 30px; padding: 50px 0; background-color: #303744;}
footer .infoot{width: 92%; margin: 0 auto; gap:30px;}
footer .foot_top{align-items: center; gap: 30px; }
.foot_top li:first-child p{color: white; font-size: 13px;}
.statistics{gap: 4px; text-align:center;}
.foot_top li:first-child{gap: 10px;}
.foot_top li:first-child span{font-weight: 600;}

footer .foot_top a{font: 600 14px / 1 'SCDream'; color: #BDBDBD !important;}
.foot_bottom{gap: 20px;}
.foot_bottom{gap: 10px; align-items: center;}
.foot_bottom h3{font-size: 18px; color: #FFF;}
.foot_bottom p{font-size: 13px; color: #EDEDED; font-weight: 100;}




.sub_fix{width: 100%; position: relative; }
.sub_banner{width: 100%; height: 90px; position: relative; background-color: #0a3457;}
.sub_banner .sub_tit{width: 100%; height: 100%; font-size: 22px; font-weight: 600; color: white; position: relative;}
.sub_banner .sub_tit::before{
    content: '';
    width: 70px;
    height: 3px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 25px;
    left: 50%;
    margin-left: -35px;
}
.breadcrumb{width: 100%; height: 50px; border-bottom: 1px solid #CDCDCD; padding-right: 4%;}
.breadcrumb>ul{width: 100%; height: 50px; margin: 0 auto; justify-content: end; align-items: center; color: #555; font-weight: 600;
    font-size: 14px; gap: 20px;
}
.breadcrumb>ul>li:last-child{color: #323232;}
.sub_main{width: 100%; margin: 50px auto 100px; gap: 50px;}
.sub_main .sub_left{width: 240px; 
}
.breadcrumb li{position: relative;}
.breadcrumb li::before{content: '';
display: block; width: 10px; height: 15px; background: url(/images/main/next.svg) no-repeat center/cover;
position: absolute; top: 50%; margin-top: -7.5px; right: -15px;
}
.breadcrumb li:last-child:before{display: none;}












/* Çб³¿¬Çõ sub0101 */
.right_tit{width: 100%; padding: 0 30px 20px; border: 1px solid #dadada;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px; margin-bottom: 40px;
}
.right_tit h2{ padding: 15px 25px; background-color: #007BC1; min-width:200px;
color: white; font: 600 20px/1 'SCDream'; display: inline-block;
margin:0 auto 20px; border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px; text-align: center;
}
.right_tit .right_subtit{gap: 3px; align-items: flex-start;}
.right_tit>p{color: #383838;}
.right_tit .right_subtit li{position: relative; padding-left: 10px; color: #383838;}
.right_tit .right_subtit li::before{display: block; content: ''; width: 4px; height: 4px;
background-color: #383838; border-radius: 100%; position: absolute; top: 10px; left: 0;
}

.history_area>h3{font: 600 20px/1 'SCDream'; color: #323232; margin-bottom: 12px;}
.history>li{gap: 10px; align-items: flex-start; position: relative; z-index: 1; padding-top: 40px;}
.history>li:first-child{padding-top: 0;}
.history>li::before{display: block; content: ''; width: 1px; height: 100%; background-color: #e0e0e0;
position: absolute; top: 10.5px; left: 8px;
}
.history>li>.ellipse{width: 16px; height: 16px; border-radius: 100%; background-color: #e5f3ff; margin-top: 10.5px;
  position: relative; z-index: 2;
}
.history>li>.ellipse::before{display: block; content: '';
  width: 10px; height: 10px; border-radius: 100%; background-color: #005F97;
  position: absolute; top: 50%; left: 50%; margin: -5px 0 0 0px;
}
.history>li>h3{font:600 30px/1 'SCDream'; color: #484848;}
.history>li>ol{margin: 11px 0 0 25px; width: 755px; border-top: 2px solid #007bc1; padding-top: 15px; gap: 15px;}
.history>li>ol>li{gap: 20px; align-items: center;}
.history>li>ol>li>span{font-size: 15px; color: #484848; font-weight: 600;}
.history>li>ol>li>p{color: #383838; font: 600 13px/1.5 'SCDream2';}



.sub_right{width:92%; margin:0 auto;}
.li-style_disc,.frame{margin-bottom: 40px;}
.li-style_disc{padding-left: 20px;}
.li-style_disc .disc{margin-bottom: 20px; font:600 17px/1 'SCDream'; color: #444; position: relative;}
.li-style_disc span{ font: 900 14px/1.4 'SCDream'; color: #333;}
.li-style_disc .disc::before{display: block; content: ''; width: 4px; height: 4px; border-radius: 100%; background-color: #444;
  position: absolute; top: 50%; left: -15px; margin-top: -2px;
}
.li-style_disc{font: 600 15px/1.4 'SCDream2'; color: #444;}
.inner .frame{width: 100%; padding: 30px; background-color: #EEF5FB; border-radius: 20px; box-sizing: border-box;
margin: 0 auto 40px; align-items: center;
}
.inner .frame h3{ font: 600 16px/1.3 'SCDream'; color: #383838; position: relative; display: inline-block;
margin: 0 auto 25px; z-index: 2;
}
.inner .frame h3::before{content: ''; display: block; width: 110%; height: 10px; background-color: #A9E0FF;
position: absolute; bottom: -4px; left: 50%; margin-left: -55%; z-index: -1;
}
.inner .detail{text-align: center; font: 500 14px/1.3 'SCDream'; color: #474747; gap: 7px;}


/* °¶·¯¸® ¸®½ºÆ® */
.search{width: 100%; height: 80px; background-color: #F6F8FA; border: 1px solid #DEE9F0;
}
.search>.flex_center{gap: 12px; height: 100%;}
.search>.flex_center select{width: 110px; height: 35px; background-color: #fff; border: 1px solid #dadada;
padding: 0 10px; box-sizing: border-box; font-size: 14px; position: relative;
background: url(../images/select_bg.svg) no-repeat center/cover;


}


.search>.flex_center input{width: 303px; height: 35px; background-color: #fff; border: 1px solid #dadada; font-size: 14px;
padding: 0 10px;
}
.search>.flex_center button{width: 67px; height: 35px; background-color: #2A3B57; color: white;
text-align: center; line-height: 35px; font-size: 14px;
}
.statistics{margin: 10px 0;}
.statistics{font-size: 14px; gap: 20px; color: #474747; position: relative;}
.statistics p{position: relative;}
.statistics p:first-child::before{content: '';  display: block; width: 2px; height: 12px;
position: absolute; top: 50%; margin-top: -6px; background-color: #CCCCCC; right: -10px;
}
.statistics span{color:#007BC1; font-weight: 900;
}


.list_area{gap: 20px; flex-wrap: wrap; padding: 20px 0; border-top: 2px solid #005F97;
border-bottom: 2px solid #DADADA;
}
.list_area>ol{width: 212.5px ; height: 180px; border: 1px solid #dadada;}
.list_area>ol .list_img{width: 100%; height: 112px; overflow: hidden;}
.list_area>ol .list_img img{width: 100%;}
.list_area>ol .list_text{width: 100%; padding: 10px; justify-content: space-between; height: 68px;}
.list_area>ol .list_text .list_tit{ font-size: 14px; color: #474747;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.list_area>ol .list_text .list_date{ font-size: 13px; color: #696969;}


.list_page_area{margin-top: 25px; gap: 15px;}
.list_page_area a{display: flex; width: 40px; height: 40px; justify-content: center; align-items: center;
border-radius: 100%; background-color: #B5BEC3; color: white;
}
.list_page_area .prev,.list_page_area .next{background-color: #fff; border: 1px solid #888888;}
.list_page_area .here{background-color: #005F97;}
.pd-none{padding: 0 !important;}
.pd-none>.academic_calendar{margin-top: 0 !important;}
.list_area>.academic_calendar>table thead tr th{border-right:none; height: 50px;}
.list_area>.academic_calendar>table{table-layout: fixed;}
.list_area>.academic_calendar>table tbody tr{cursor: pointer;}
.list_area>.academic_calendar>table tbody tr:hover{background-color: #F3F7F9; }
.list_area>.academic_calendar>table tbody tr:hover td:nth-child(2){text-decoration: underline;}
.list_area>.academic_calendar>table tbody tr td{border-right:none; border-left: none;
font-size: 14px; color: #474747; height: 45px;
}
.list_area>.academic_calendar>table tbody tr td:nth-child(2){text-align: left;
}


.list_mt_top{width: 100%;}
.list_mt_top>li{height: 60px; line-height: 60px; width: 100%; padding-left: 20px;}
.list_mt_top>li:first-child{font: 600 18px/60px 'SCDream'; color: #474747;}

.list_mt_top>li:nth-child(2),.list_mt_top>.attachment{background-color: #F3F7FB; border-top: 1px dotted #dadada; width: 100%;}
.list_mt_top>.attachment{border-bottom: 1px solid #dadada;}
.list_mt_top>li span,.list_mt_bot .comment span{font: 600 16px/60px 'SCDream'; color: #474747; padding-left: 10px; position: relative;}
.list_mt_top>li span::before,.list_mt_bot .comment span::before{width: 4px; height: 4px; content: ''; display: block;
background-color: #474747; position: absolute; top: 50%; margin-top: -2px; left: 0; border-radius: 100%;
}
.list_mt_top>li:nth-child(2){gap: 70px;}
.list_mt_top .writer,.list_mt_top .re_date,.list_mt_top .views,.list_mt_top .attachment{gap: 10px;}
.list_mt_top p{font: 14px/60px 'SCDream';}

.list_main_text{padding: 20px;}
.list_mt_bot{width: 100%;}
.list_mt_bot li{background-color: #F3F7FB; width: 100%; padding: 0 20px;}
.list_mt_bot li:first-child{border-top: 1px solid #dadada; border-bottom: 1px dotted #dadada; height: 60px;}
.list_mt_bot li:last-child{padding-bottom: 10px;}
.list_mt_bot .comment{align-items: center; gap: 25px; font-size: 14px;}
.list_mt_bot .date p,.list_mt_bot .my p{font-size: 12px; color: #525252;}
.list_mt_bot .my{gap: 10px;}
.list_mt_bot .my input{width: 75px; height: 20px; background-color: #fff; border: 1px solid #dadada;
font-size: 12px; padding: 0 5px;
}
.list_mt_bot .write_comment .tit{font-size: 14px; font-weight: 600;}

.list_mt_bot .write_comment{height: 40px; align-items: center;}
.list_mt_bot .write textarea{width: 100%; height: 90px; background-color: white; border: 1px solid #dadada;
padding: 10px; font-size: 13px;
}
.list_mt_bot .re_button button{width: 67px; height: 25px; background-color: #2A3B57; color: #fff;
font-size: 13px; text-align: center; line-height: 25px; margin-top: 10px;
}

.list_mt_page_area{margin: 25px 0 15px;}
.list_mt_page_area>a{height: 45px; border-top: 1px solid #dadada; gap: 15px; align-items: center;
}
.list_mt_page_area>a:last-child{border-bottom: 1px solid #dadada;}
.list_mt_page_area img{transform: rotate(90deg); margin-left: 15px;}
.list_mt_page_area .text{font-size: 16px; font-weight: 600;}
.list_mt_page_area .tit{font-size: 14px;}
.bt_area>.left_bt button{width: 67px; height: 25px; color: white; font-size: 13px; background-color: #72777D;}
.bt_area>.left_bt{gap: 10px;}
.bt_area>.left_bt button:nth-child(1),.bt_area>.left_bt button:nth-child(2){background-color: #2A3B57;}
.bt_area>.right_bt button{width: 80px; height: 35px; background-color: #2A3B57; color: white; font-size: 13px;}






/* ã¾Æ¿À½Ã´Â±æ */
.map{width: 100%; height: 300px; border-radius: 15px; overflow: hidden; margin-bottom: 40px; margin-top:20px;}
.map iframe{width:100%;}

.other_info{gap: 20px; margin-bottom: 40px;}
.other_info .icon{width: 30px; height: 30px; background-color: #007BC1; border-radius: 100%;}
.other_info .icon img{width: 80%;}

.other_info>li{align-items: center; gap:5px;}
.other_info>li span{font: bold 18px/1 'SCDream'; color: #323232;}
.other_info>li p{column-rule: #383838;}
.other_info>li>button{width: 40px; height: 20px ; background-color: #005F97; color: white; font-size: 9px; text-align: center;
}

.sub_main>.sub_right>.inner>.frame>.style_rod{align-items: flex-start; text-align: left; gap: 30px;

}
.sub_main>.sub_right>.inner>.frame>.style_rod li{gap: 10px;}
.align_lf{text-align: left !important; align-items: flex-start !important;}

.style_rod h4{position: relative; font-size: 17px; color: #323232;}
.style_rod h4::before{content: ''; display: block; width: 3px; height: 100%; background-color: #323232; position: absolute;
top: 0; left: -7px;
}
.style_rod p{padding-left: 10px; position: relative;}
.style_rod p::before{content: ''; display: block; width: 4px; height: 4px; background-color: #C4D1DD; position: absolute;
  border-radius: 100%;
  top: 50%; margin-top: -2px; left: 0;}
.style_rod span{font-weight: 600;}




/* ¹ä¸ð½É */
.academic_calendar>.prev_next>h2{margin-bottom: 0;}
.academic_calendar>.prev_next{margin-bottom: 15px; gap: 10px;}
.academic_calendar>.prev_next>.prev,.academic_calendar>.prev_next>.next{cursor: pointer;}
/* .rice tbody td{text-align: left !important; position: relative;} */
.rice tbody td>span{font-weight: 600; font-size: 14px; color: #474747; display: inline-block;
}
.rice tbody td>p{margin-top: 30px;}
.rice thead>tr:first-child th{height: 40px !important;}



/* ÇлçÀÏÁ¤ */
.sub0105_tab{width: 910px; height: 94px;}
.all_months{width: 780px; flex-wrap: wrap; border: 1px solid #DADADA; box-sizing: border-box;}
.all_months li{width: 129.6px; height: 47px; line-height: 47px; text-align: center; font-size: 14px; color: #545454;
font-weight: 600; cursor: pointer;
}
.sub0105_tab .all{width: 130px; text-align: center; border: 1px solid #DADADA; box-sizing: border-box;
border-left:none; font-size: 14px; color: #545454; cursor: pointer;
font-weight: 600; padding:5px;
}


.all_months li:nth-child(1),.all_months li:nth-child(2),.all_months li:nth-child(3),.all_months li:nth-child(4),
.all_months li:nth-child(5){border-right:1px solid #DADADA; border-bottom:1px solid #DADADA;} 
.all_months li:nth-child(6){ border-bottom:1px solid #DADADA;} 
.all_months li:nth-child(7),.all_months li:nth-child(8),.all_months li:nth-child(9),.all_months li:nth-child(10),
.all_months li:nth-child(11){ border-right:1px solid #DADADA;}

.academic_calendar{width: 100%; text-align: center; margin-top: 50px;}
.academic_calendar h2{font-size: 20px; color: #323232; font-weight: 600; margin-bottom: 15px;}
.cal_on{background-color: #0074B7; color: white !important; border: 1px solid #0074B7 !important;}

.academic_calendar thead>tr:last-child th{height: 30px;
    border-right: 1px solid #D3DEEA;
    border-bottom:1px solid #D3DEEA;
}
.academic_calendar thead>tr:first-child th{height: 60px;
border-right: 1px solid #D3DEEA;
border-bottom:1px solid #D3DEEA;
}
.h30{height: 30px !important;}
.border-none{border-right:none !important;}
.academic_calendar thead>tr:first-child{border-top: 2px solid #005F97;}
.academic_calendar thead{background-color: #EEF5FB;}
.academic_calendar{font-size: 14px;}
.academic_calendar .end_of-month{border-bottom: 2px solid #005F97;}
.academic_calendar tbody td{padding: 5px; border:1px solid #DADADA; line-height: 1.3;}
.br-none{border-right: none !important;}
.bl-none{border-left: none !important;}
.bb-none{border-bottom: none !important;}
.bt-none{border-top: none !important;}
.red{color: #DA0000 !important;}



/* »çÀÌÆ®¸Ê */
.sub_sitemap{width: 1200px; margin: 0 auto;}
.site>li{margin-top: 50px;}
.site>li>h3{width: 100%; display: block; height: 60px; border-bottom: 2px solid #00507E;
font:900 24px/60px 'SCDream'; color: #00507E;
}
.site>li>ul{flex-wrap: wrap;}
.site>li>ul>li{width: 300px; padding: 20px 10px; position: relative;}
.site>li>ul>li::before{content: ''; width: 4px; height: 4px; background-color: #383838; display: block;
position: absolute; left: 0; top: 30px; border-radius: 100%;
}
.site>li>ul>li>a{font-size: 18px; color: #383838; transition: .3s;}
.site>li>ul>li>a:hover{font-weight: 900;}
.site>li>ul>li>.submenu a:hover{font-weight: 900;}
.site>li>ul>li>.submenu{padding-left: 5px; margin-top: 10px; gap: 5px;}
.site>li>ul>li>.submenu a{display: block; height: 30px; font: 15px/30px 'SCDream'; color: #383838;
  transition: .3s;
}




/* Çб³Àü°æ */
.pnrm_wrap{width: 100%; height: 350px; border-radius: 20px; overflow: hidden;
position: relative;
}
.panorama_main{width: 100%; height: 350px; 
position: relative;
}

.bg01{background: url(/images/pnrm_01.png) no-repeat center/cover;}
.bg02{background: url(/images/pnrm_02.png) no-repeat center/cover;}
.bg03{background: url(/images/pnrm_03.png) no-repeat center/cover;}
.bg04{background: url(/images/pnrm_04.png) no-repeat center/cover;}
.bg05{background: url(/images/pnrm_05_new.png) no-repeat center/cover;}

.pnrm{position: absolute; cursor: pointer; z-index: 2;}
.pnrm01{
width: 210px;
    height: 70px;
    top: 110px;
    left: 0px;
}

.pnrm02{
width: 110px;
    height: 75px;
    top: 170px;
    right: 10px;
}

.pnrm03{
    width: 110px;
    height: 70px;
    top: 87px;
    right: 20px;
}

.pnrm04{
width: 80px;
    height: 65px;
    top: 10px;
    right: 0px;
}

.pnrm05{
border-radius: 4px;
    width: 123px;
    height: 22px;
    bottom: 102px;
    left: 60px;
}

.pnrm_tab{width: 90%; height: 90%;
position: absolute; top: 50%; left: 50%; margin-top: -37%; margin-left: -45%;
background-color: #fff; z-index: 3; padding: 15px;
}
.pnrm_tab>.tab_top{width: 100%;}
.pnrm_tab .tab-close{width: 40px; height: 40px;}
.pnrm_tab .tab-close img{cursor: pointer;}
.pnrm_img{width: 100%; height: 82%; margin-top:10px;}
.pnrm_img .swiper{width:100%; height:100%;}
.pnrm_img .swiper .swiper-wrapper{width:100%; height:100%; }
.pnrm_img .swiper-slide{width: 100%; height: 100% !important;     overflow: hidden;}
.pnrm_img .mySwiper{height: 100%; margin-top:15px}


.h1{font: 600 30px/1 'SCDream'; color: #323232; margin-bottom: 40px;}
.p{font: 500 16px/1.5 'SCDream'; color: #444;}
.span{font: 600 18px/1.5 'SCDream'; color: #444;}
.span2{font-weight: 600;}
.principal_photo{align-items: end; justify-content: flex-start; gap: 17px; margin-top: -130px; position: relative;
  margin-right: 40px; 
}
.principal_photo::before{content: ''; width: 1200px; height: 330px; display: block;
position: absolute; background-color: #f8f8f8; bottom: -30px; left: -290px; z-index: -1;
}
.principal_photo .photo_wrap{width: 400px; height: 500px; background: url(/html2/images/sub/teacher1.jpg) no-repeat center/cover;}


.yard{gap: 50px;}

.yard>li{width: 100%; padding: 20px 30px 30px; border-radius: 10px; border: 1px solid #CDD7DD;
gap: 20px;
}
.yard>li .h2{width: 100%; text-align: center; font: 600 20px/1 'SCDream'; color: #323232;}
.yard>li>.y_main{width: 100%; padding: 20px; background-color: #EEF5FB; border-radius: 10px; gap: 10px;}
.yard>li>.y_main>li{position: relative; margin-left: 20px; font-size: 16px; color: #383838;}
.yard>li>.y_main>li::before{content: ''; width: 4px; height: 4px; border-radius: 100%; background-color: #383838;
position: absolute; top: 50%; margin-top: -2px; left: -15px;
}


.edu_goals{gap: 40px;}
.edu_goals>li:first-child{width: 457px;}
.edu_goals>li:first-child>.edu>li{position: relative; padding-left: 20px;}
.edu_goals>li:first-child>.edu>li::before{content: ''; width: 4px; height: 4px; border-radius: 100%; background-color: #383838;
  position: absolute; top: 50%; margin-top: -2px; left: 5px;}
  .edu_goals>li:last-child{width: 414px; height: 561px; background: url(/upload/editor/iwynv4r89o6yduhtoh64xo43tks4zo_W2MOGQNOHQ.jpg) no-repeat center/cover;}


.qr_img{width: 315px; height: 315px; margin: 0 auto; background: url(/upload/editor/o46e7e9n3xa4guup4vvj7zjsu7rnzv_29VFS053BZ_1.jpg) no-repeat center/cover;}
.h2{font-size: 24px; color: #323232; font-weight: 600; text-align: center;}


.teacher_introdu{width: 100%; gap: 80px; margin-top:20px;}
.teacher_introdu>li>.introdu_main{width: 440px; height: 300px; gap: 10px;}
.teacher_introdu>li>.introdu_main>li:first-child{width: 235px; height: 300px;}
.teacher_introdu>li>.introdu_main>li:first-child img{width: 100%;}
.teacher_introdu>li>.introdu_main>li:last-child{gap: 10px;}

.teacher_introdu>li{flex-wrap: wrap; width: 100%; border-top: 3px solid #005F97; gap: 30px; padding-top: 30px;
position: relative;
}

.t1::before,.t2::before,.t3::before,.t4::before,.t5::before,.t6::before,.t7::before{display: block;
position: absolute; top: -40px; left: 0; font: 900 20px/1.5 'SCDream'; color: #323232;
}

.support_img{width: 100%; height: 250px; margin-bottom: 30px;
  background: url(/upload/editor/ÁöÇýÈÄ¿ø.jpg) no-repeat center/cover;}
.tl{text-align: left !important; padding-left: 20px !important;}

footer .statistics p:first-child::before{display:none;}




.main_banner{width: 100%; height: 185px; position: relative;}
.main_banner .swiper{width: 100%; height: 185px;}
.main_banner .swiper .swiper-wrapper{width: 100%; height: 185px; background-color: #007ac12f;}
/* .main_banner .swiper img{width: 100%;} */
.main_banner .swiper-slide:nth-child(1){width: 100%;  background: url(/images/bn01.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(2){width: 100%;  background: url(/images/bn02.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(3){width: 100%;  background: url(/images/bn03.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(4){width: 100%;  background: url(/images/bn04.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(5){width: 100%;  background: url(/images/bn05.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(6){width: 100%;  background: url(/images/bn06.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(7){width: 100%;  background: url(/images/bn07.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(8){width: 100%;  background: url(/images/bn08.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(9){width: 100%;  background: url(/images/bn09.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(10){width: 100%;  background: url(/images/bn10.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(11){width: 100%;  background: url(/images/bn11.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(12){width: 100%;  background: url(/images/bn12.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(13){width: 100%;  background: url(/images/bn13.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(14){width: 100%;  background: url(/images/bn14.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(15){width: 100%;  background: url(/images/bn15.jpg) no-repeat center/cover;}
.main_banner .swiper-slide:nth-child(16){width: 100%;  background: url(/images/bn17.jpg) no-repeat center/cover;}

.main{width: 100%; height: 100%; position: relative;}
.main article{margin: 0 auto; position: relative;}

.main_banner .swiper::before{
content: 'ÁöÇý·Î¿öÁö´Â ¸¸Å­ ¿ì¸®µéÀÇ »î¿¡¼­´Â ¾Æ¸§´Ù¿î »ç¶ûÀÌ Èê·¯³ÑÄ¥ °ÍÀÔ´Ï´Ù.';
    display: block;
    font-size: 18px;
    width: 100%;
    color: white;
    z-index: 20;
    position: absolute;
    left: 50%;
    margin-left: -45%;
    bottom: 30px;
}
.main_banner .swiper::after{content: 'Welcome to Sophia School'; z-index: 20;
display: block; font-size: 24px; width: 1200px;  color: white;
position: absolute; left: 50%; margin-left: -600px; bottom: 65px;
}





.dpnone{display: none;}

/* ÇлçÀÏÁ¤ */
/* ´Þ·Â sub0105*/
.months_calendar{margin-top: 50px;}
.wrapper {
  margin:20px auto 40px;
  width: 280px;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #E9E9E9;
}
/*#6*/
.wrapper .nav {
  width: 100%;
  margin-bottom: 20px;
}
.wrapper .nav .current-date {
  font-size: 18px;
  font-weight: 600;
}
.wrapper .nav button {
  width: 38px;
  height: 38px;
  font-size: 30px;
  color: #878787;
}
	.calendar ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  text-align: center;
}
.calendar .weeks li {
  font-weight: 600;
  font-size: 14px;
}
.calendar .days {
  margin-bottom: 9px;
}
.calendar ul li {
  /*#8*/
  width: calc(100% / 7);
  /*#9*/
  position: relative;
}
.calendar .days li {
  /*#10*/
  z-index: 1;
  margin-top: 15px;

  font-size: 13px;
  color: #595959;
  font-weight: 600;
}
 
/*#11*/
.days li.inactive {
  color: #b1b1b1;
}
	.days li.active {
  color: #fff;
}
.calendar .days li::before {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
}


.months_cal_right{width: 100%;  border-top:2px solid #005F97;
    border-bottom:2px solid #005F97; box-sizing: border-box;
}
.months_cal_right>li{width: 100%; border-bottom: 1px solid #DADADA; min-height: 60px;}
.months_cal_right>li:last-child{border-bottom: none;}
.months_cal_right>li h3{width: 20%; text-align:center; position: relative;}
.months_cal_right>li h3::before{content: ''; display: block;
width: 1px; height: 37px; background-color: #d9d9d9; position: absolute;
top: 50%; margin-top: -18.5px; right: 0;
}
.months_cal_right>li>ul{width: 75%; flex-wrap: wrap; gap: 15px; align-items: center;
padding: 15px 0;
}
.months_cal_right>li>ul>li{gap: 7px; font-size: 14px; align-items: center;}
.months_cal_right>li>ul>li span{padding: 3px 7px; border-radius: 50px; color: white; font-size: 12.5px;}
.blue{background-color: #008FE3;}
.yellow{background-color: #FFC633;}
.pink{background-color: #FF9CD7;}
.blue_p{color: #008FE3 !important; font-weight: 600; position: relative;}
.yellow_p{color: #FFC633 !important; font-weight: 600; position: relative;}
.pink_p{color: #FF9CD7 !important; font-weight: 600; position: relative;}

.pink_af::after{content: ''; display: block; 
width: 4px; height: 4px; border-radius: 100%; background-color: #FF9CD7;
position: absolute; bottom: -4px; left: 50%; margin-left: -2px;
}
.blue_af::after{content: ''; display: block; 
width: 4px; height: 4px; border-radius: 100%; background-color: #008FE3;
position: absolute; bottom: -4px; left: 50%; margin-left: -2px;
}
.yellow_af::after{content: ''; display: block; 
width: 4px; height: 4px; border-radius: 100%; background-color: #FFC633;
position: absolute; bottom: -4px; left: 50%; margin-left: -2px;
}



.sub0105_tab{width: 100%; height: 94px;}
.all_months{width: 100%; flex-wrap: wrap; border: 1px solid #DADADA; box-sizing: border-box;}
.all_months li{width: 16.666%; height: 47px; line-height: 47px; text-align: center; font-size: 14px; color: #545454;
font-weight: 600; cursor: pointer;
}
.sub0105_tab .all{width: 100%; text-align: center; border: 1px solid #DADADA; box-sizing: border-box;
border-top:none; font-size: 14px; color: #545454; cursor: pointer;
font-weight: 600;
}


.all_months li:nth-child(1),.all_months li:nth-child(2),.all_months li:nth-child(3),.all_months li:nth-child(4),
.all_months li:nth-child(5){border-right:1px solid #DADADA; border-bottom:1px solid #DADADA;} 
.all_months li:nth-child(6){ border-bottom:1px solid #DADADA;} 
.all_months li:nth-child(7),.all_months li:nth-child(8),.all_months li:nth-child(9),.all_months li:nth-child(10),
.all_months li:nth-child(11){ border-right:1px solid #DADADA;}

.academic_calendar{width: 100%; text-align: center; margin-top: 50px;}
.academic_calendar h2{font-size: 20px; color: #323232; font-weight: 600; margin: 15px;}
.cal_on{background-color: #0074B7; color: white !important; border: 1px solid #0074B7 !important;}

.academic_calendar thead>tr:last-child th{height: 30px;
    border-right: 1px solid #D3DEEA;
    border-bottom:1px solid #D3DEEA;
}
.academic_calendar thead>tr:first-child th{height: 60px;
border-right: 1px solid #D3DEEA;
border-bottom:1px solid #D3DEEA;
line-height: 1.3;
}
.h30{height: 30px !important;}
.border-none{border-right:none !important;}
.academic_calendar thead>tr:first-child{border-top: 2px solid #005F97;}
.academic_calendar thead{background-color: #EEF5FB;}
.academic_calendar{font-size: 12px;}
.academic_calendar .end_of-month{border-bottom: 2px solid #005F97;}
.academic_calendar tbody td{padding: 10px 5px; border:1px solid #DADADA; line-height: 1.3;}
.br-none{border-right: none !important;}
.bl-none{border-left: none !important;}
.bb-none{border-bottom: none !important;}
.bt-none{border-top: none !important;}
.red{color: #DA0000 !important;}