@charset "UTF-8";


/*서브일 때 헤더*/
.head_bottom{border-bottom: 1px solid #ddd;}

/*서브일 때 푸터*/
footer{border-top: 1px solid #edecec;}




/*서브 레이아웃*/
.inner{width: 1400px; margin: 0 auto; position: relative;}
#content_area{ width: 100%;  position: relative;}
#content_page{width:100%;margin-bottom: 80px;box-sizing: border-box;min-height: 335px;font-size: 17px;padding: 35px 0 25px 0;  line-height: 1.5;position: relative;z-index: 1;}

#sub_contents{width: 1400px;  margin: 0 auto; padding-bottom: 75px;}
#sub_contents > div{display: inline-block; vertical-align: top;}
#sub_contents{width: 1400px;margin: 0 auto;font-size: 0;}

/*서브상단*/
#containerleft{width: calc(100% - 320px);position: relative;}
.containerTop{border-bottom: 1px solid #f04862;padding: 38px 0px 25px;}


.sub_tit{width: 100%;text-align: left;position: relative;z-index: 10;box-sizing: border-box;font-size: 35px;word-break: keep-all;}

#sub_navi{width: 100%;position: relative;box-sizing: border-box;font-size: 0;z-index: 2;/* margin: 0 auto 25px auto; */text-align: left;}

.navi_list{width: calc(100% - 80px);font-size: 0;box-sizing: border-box;padding-top: 20px;display:inline-block;}



#sub_navi ul.navi_list li.navi_home{margin-left: 0;}
#sub_navi ul.navi_list li{display: inline-block;vertical-align: middle;font-size: 16px;padding: 0 10px;margin-left: 5px;position: relative;font-weight: 400;}


#sub_navi ul.navi_list li:before{display: block;content: "";position: absolute;width: 6px;height: 11px;background: url(/images/domain/ujeongdong/sub/navicon.png) no-repeat;top: 50%;transform: translateY(-50%);left: -5px;}    

#sub_navi ul.navi_list li:first-child:before{display:none;}
#sub_navi ul.navi_list li:last-child{font-weight: 600;}


.sub_snsarea{ width: auto; display:inline-block; font-size:0;}
.sub_snsarea li{display:inline-block; margin-right:8px; position: relative;}
.sub_snsarea li:last-child{margin-right:0px;}
.sub_snsarea > li > a{  display: block; background:#e70a53; width: 35px; height: 35px; box-sizing: border-box; border-radius: 50%; line-height: 33px; position: relative;}
.sub_snsarea li:hover > a{background:#a70038;}
.sub_snsarea > li > a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub_sns_btn{margin-top: 6px; position: absolute; display: none;}
.sub_sns_btn a{ display: block; width: 35px; height: 35px; margin: -1px 0 0 0; text-align: center;
background-color: #fff; border: 1px solid #e70a53;; position: relative; border-radius:50%; margin-bottom:5px;}
.sub_sns_btn a img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub_sns_btn a:hover{background:#ffeff5;}
.sub_sns_btn.on{display: block;}



/*left 메뉴*/
.left-menu-wrap {width: 270px;margin-right: 50px;margin-bottom: 40px;position: relative;}
.left-m-tit{position: relative; width: 270px; height: 155px; overflow: hidden; z-index: 2; background: linear-gradient(90deg, #f04862, #e60051 100%);
border-radius: 20px;}
.left-m-tit:after{width: 171px;height: 134px;bottom: 0;right: 0;z-index: 1;display: block;content: "";position: absolute;background: url(/images/domain/ujeongdong/sub/leftmenu_background.png) no-repeat;}

.left-menu-wrap h2 {line-height: 1.5em;color: #fff;font-size: 28px;font-weight: 500;text-align: left;z-index: 5;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); word-break: keep-all;}

.left-menu-wrap .left-menu {background-color: #fff;font-weight: 400;}

.left-menu-wrap .left-menu li { border-bottom: 1px solid #ddd;}
.left-menu-wrap .left-menu.down li{border-bottom:0px !important;}

.left-menu-wrap .left-menu li>a {display: block;padding: 20px 18px;font-size: 18px;}
.left-menu-wrap .left-menu li a:hover {color:#ed3070;}
.left-menu-wrap .left-menu li a.active { font-weight: 600;}
.left-menu-wrap .left-menu li a span {float:right; color:#686868;}
.left-menu-wrap .left-menu li ul.down {position:relative;background-color: #f7f7f7;border:0;display:none;padding: 18px 0;margin-bottom: 15px;}


.left-menu-wrap .left-menu li ul.down li { border:0; padding-left:10px; word-break:keep-all;}
.left-menu-wrap .left-menu li ul.down li  a{padding-left:15px; display: inline-block; position: relative;}
.left-menu-wrap .left-menu li ul.down li a:after{display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #397fff;
position: absolute; content: ""; top: 12px; left: 4px;}

.left-menu-wrap .left-menu ul.down li a {display:block;padding: 5px 18px;font-size: 16px;}

.left-menu-wrap .left-menu ul.down li a.active {font-weight:bold; color: #ed3070;}

.left-menu-wrap .left-menu li ul.open {display:block;}






/*서브공통*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.t_right{text-align: right; margin-bottom:5px;}

/*bx_박스*/
.bx_1st{position: relative;  box-shadow: 0px 0px 15px 5px rgba(218, 220, 228, 0.75); background: #fff; overflow: hidden;
font-size:0; word-break: keep-all;  }
.bx_1st > div{display:inline-block; font-size:17px; vertical-align: middle; padding: 20px; box-sizing: border-box;}
.bx_img{background:#fff6f9; width: 150px; text-align: center; position: relative; z-index: 2;}
.bx_img:after{display:inline-block; content:""; position: absolute; background:#fff6f9; height:500px; width:100%;
left:0; top:50%; transform: translateY(-50%); z-index: -1;}
.bx_txt{width:calc(100% - 150px);}

.bx_2st{box-sizing:border-box; width: 100%; background-color: #f6fafc; border-radius: 15px; box-sizing: border-box; padding: 20px; border: 1px dashed #a4b0c2; word-break: keep-all; font-size: 17px; margin-bottom: 15px;}

.bx_list_1st li{padding-left: 8px; position: relative; margin-bottom: 3px; word-break: keep-all; font-size: 16px; word-break: keep-all;}
.bx_list_1st li:after{display: block; content: ""; position: absolute; width: 3px; height: 3px; background-color: #ed3070; left: 0; top: 9.5px; border-radius: 50%;}


/*h3, h4*/
#content_page h3{ font-size: 23px; line-height: 1.3; padding-left: 35px; padding-bottom: 20px; background: url(/images/domain/ujeongdong/sub/h2con.png) no-repeat;}
#content_page h4{ font-size: 19px; padding-left:10px; color:#0d329b; line-height: 1.3; margin-bottom:10px;}

/*list*/
ul.indent{margin-left: 15px;     word-break: keep-all;}
.list_1st > li{ position: relative; line-height: 1.5; padding-bottom: 5px; padding-left: 8px; font-size: 17px;  word-break: keep-all;}
.list_1st > li:after{display:inline-block; content:""; position: absolute;
width:4px; height:4px; background:#4b4b4b; left:0; top:8px; }

.list_1sst li{padding-left:8px;position:relative;margin-bottom:3px;word-break: keep-all;font-size: 16px;  word-break:keep-all;}
.list_1sst li:after{display: block; content: ""; position: absolute; width: 3px; height: 3px; background-color: #0e55e6; left: 0; top: 9.5px; border-radius: 2px;}

/*table*/
.tabel_list{width:100%;}
.tabel_list thead{position: relative;}
.tabel_list thead th{position: relative;border:0px;color:#000;font-size: 17px; border-bottom: 1px solid #cecece;}
.tabel_list thead th:after{ display: block; content: ""; position: absolute;
width: 1px; height: 13px; background-color: #cecece; right: 0; top: 50%; transform: translateY(-50%);}
.tabel_list thead th:last-child:after{display:none;}
.tabel_list thead:after{display:inline-block; position: absolute; content:""; background:#e70e5b; width:100%; height:2px; left:0; bottom:0;}
.tabel_list th ,.tabel_list td{border:1px solid #d9d9d9;padding: 12px 5px;word-wrap:break-word;vertical-align:middle;line-height:20px;color:#333;box-sizing: border-box;}
.tabel_list th{background: #fff6f9;font-size: 16px;}
.tabel_list td{text-align:center;box-sizing:border-box;font-size: 16px;}
.no_tabel_list{border-top:2px solid #737373;padding:40px 0;border-bottom:1px solid #d9d9d9;text-align:center;}
.tabel_list th.sth{background: #f7f7f7;}
.tabel_list th br.max_320{display:none}
.tabel_list td span{float:left;text-align:center;padding:0px 5px 0px;display:block;}
.tabel_list td span.program{width:45%;border-right:1px solid #d9d9d9;}
.tabel_list td span.people{width:20%;border-right:1px solid #d9d9d9;}
.tabel_list td span.tuition{width:35%;}
.tabel_list td span.teacher{width:28%;border-right:1px solid #d9d9d9;}
.tabel_list td span.date{width:28%;border-right:1px solid #d9d9d9;}
.tabel_list td span.time{width:44%;}
.tabel_list td span.mail{width:60%;border-right:1px solid #d9d9d9;}
.tabel_list td span.tel{width:40%;}
.tabel_list td span.name{width:50%;border-right:1px solid #d9d9d9;}
.tabel_list td span.position{width:50%;}
.tabel_list_left th,.tabel_list_left td{text-align:left;}
.th_topsolid{border-top: 2px solid #e70e5b;}

/*btn*/
.bt_st{display:inline-block;margin:0 3px;padding: 9px 17px;cursor:pointer;border-radius: 20px;box-sizing: border-box;    transition: 0.5s;}
.bt_blue{display: inline-block;
    margin: 0 3px;
    padding: 9px 17px;
    cursor: pointer;
    border-radius: 20px;
    box-sizing: border-box;
    transition: 0.5s; 
 background: #e7eeff; box-shadow: 2px 3px 0px 1px #92aaf3;}
.bt_blue:hover{background: #c9d9ff; box-shadow: 2px 3px 0px 1px #446de9;}

/*이미지박스*/
.imgWrap:after{content: ""; display: block; clear: both;}
.imgWrap li{float: left; padding: 10px; box-sizing: border-box;}
.imgWrap .images img{width: 100%;}
.imgWrap .txt{position: relative; padding-left: 13px; line-height: 1.3em; font-size: 16px; word-break: keep-all;}
.imgWrap .txt:after{display: block; content: ""; position: absolute; left: 0; top: 4px; width: 0; height: 0; background: none; border-left: 6px solid #0a8857; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}

.imgWrap.type2 li{width: calc(100% / 2);}
.imgWrap.type3 li{width: calc(100% / 3);}
.imgWrap.type4 li{width: calc(100% / 4);}





/*동장인사말*/
.greet_Wrap{font-size:0;}
.greet_img,.greet_text{display:inline-block;vertical-align: top;}
.greet_img img,.greet_img span{display: block;}
.greet_img span{font-size:16px;text-align: center;display: block;margin-top: 5px;box-sizing: border-box;padding: 5px;background: #ffe5e5;border-radius: 5px;}
.greet_img{width: 163px;margin-right: 30px;text-align: center;border: 1px solid #ccc;position: relative;border-radius: 10px;box-sizing: border-box;padding: 10px;}
.greet_text{width: calc(100% - 193px);font-size:18px;word-break: keep-all;line-height: 1.5; font-weight:300; position:relative;}
.greet_text:after{width: 305px; height: 231px; bottom: 0; right: 0; z-index: -1; display: block; content: ""; position: absolute; background: url(/images/domain/ujeongdong/sub/greet_back.png) no-repeat;}
.greet_text .greet{font-size: 21px;font-weight:600;color: #8c001c;}
.ending_greet{    font-size: 18px; word-break: keep-all; margin-top: 25px; font-weight: 500;  position:relative;}

/*오시는길*/
.mapwidth{width:100% !important;}

/*탭버튼*/
.tap_wrap{width: 100%; margin: 10px 0 30px;}
.tap_wrap .tapbtn{font-size:0; width:100%;}
.tap_wrap .tapbtn li{width: 25%; height: 60px; line-height: 60px;     position: relative; box-sizing: border-box; display: inline-block; vertical-align: top; border: 1px solid #dddddd; margin-left: -1px; margin-top: -1px; }

.tap_wrap .tapbtn li:last-child:after{display: none;}

/*개수별*/
.tap_wrap .tapbtn2 li{width:50%;}
.tap_wrap .tapbtn3 li{width:33.3333%;}
.tap_wrap .tapbtn4 li{width:25%;}

.tap_wrap .tapbtn li.on a{ color: #ffffff; font-weight: 700; background:#3865a8 }

.tap_wrap .tapbtn li a{ display: block; height: 100%; width: 100%; font-size: 19px; text-align: center;
position: relative; box-sizing: border-box; padding: 0 10px; background: #ffffff; font-weight: 500;}

.hidden-area {display:none;}
.hidden-area.on {display:block;} 


/*복지센터안내*/
.facilities{font-size:0;}
.facilities > div{display:inline-block; font-size:17px; vertical-align: top;}
.imgside_txt{width:calc(100% - 350px);}
.txtside_img{width:330px; margin-left:20px;}
.txtside_img img{width:100%;}



/* 사이트맵 */
.site_map{width: 100%;padding: 50px 0 55px;box-sizing: border-box;font-size: 0;border-bottom: 1px dashed #cccc;}
.site_map .site_maptit,.site_mapmenu{font-size:18px; display:inline-block; vertical-align: top;}
.site_map .site_maptit{width: 300px;margin-right: 30px;position: relative;}
.site_map .site_mapmenu{width: calc(100% - 330px);font-size: 0;position: relative;} 
.site_map1{padding-top:0;}
.site_map5{border-bottom: 0px;}

.site_maptit{ text-align: center;}
.site_maptit p{font-size:25px;font-weight: 600;word-break: keep-all;color:#000; text-align:left;}
.site_maptit img{padding:30px 0 0px;}
.sitemap_menu_1{display:inline-block; font-size:18px; vertical-align:top; box-sizing: border-box;
width: calc(100% / 4 - 10px); margin-right: 13px; margin-bottom:20px;}
.sitemap_menutitle{display: inline-block;text-align: center;background: #fff6f9;width: 100%;font-weight: 500;border: 1px solid #c8b3ba;}
.sitemap_menutitle a{text-align: center;display: inline-block;width: 100%;height: 100%;padding: 10px 7px;box-sizing: border-box;word-break: keep-all;font-size: 17px;}
.sitemap_menutitle:hover{    background: #ffd3e2;  border: 1px solid #f04862;}


.site_map .site_mapmenu .sitemap_menu_1:last-child{margin-right:0px; margin-bottom: 0px;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(4n){margin-right:0px;}

.sitemap_menu_2{margin-top:15px; word-break: keep-all;}
.sitemap_menu_2 li{font-size:15px;}
.sitemap_menu_2 li a:hover {color:#f04862;}








/*반응형*/


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

/*서브레이아웃*/
.inner{width:100%; box-sizing:border-box;}
#containerleft{width: calc(100% - 360px);}


}


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

/*서브레이아웃*/
.left-menu-wrap {display: none !important;}
#containerleft{width:100%;}
#sub_contents{ width: 100%; margin: 0px auto 50px auto; box-sizing: border-box; padding: 0 15px;}


/*사이트맵*/
.site_map .site_maptit{width:100%; margin-bottom:20px; margin-right: 0px;}
.site_maptit p{text-align: center; padding: 5px 0;   background: linear-gradient(90deg, #f2e2e5, #ffd7e0); font-size:23px;}
.site_map .site_mapmenu{width: 100%;  padding: 0px 0 0px; }
.site_map .site_maptit:after{display: none;}
.site_maptit img{ padding: 5px 0 0px;}
.sitemap_menutitle {background:#fff;}



}




@media  screen and (max-width:800px)
{
/*서브상단*/
.navi_list{width:100%; text-align: center;}
.sub_snsarea{display:none;}

/*bx_박스*/
.bx_img{width:100px;}
.bx_txt{width:calc(100% - 100px);}

/*복지센터*/
.txtside_img{width: 100%; margin-left: 0px; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; text-align: center; margin-bottom: 30px;}
.txtside_img img{width: 315px;}
.imgside_txt{    width: 100%;}


/*사이트맵*/
.sitemap_menu_1{width: calc(100% / 2 - 7px); margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(3n){margin-right:13px !important;}
.site_map .site_mapmenu .sitemap_menu_1:nth-child(2n){margin-right:0px !important;}
.site_map{margin-bottom: 10px;}




}






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



}







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

/*서브상단*/
.sub_tit{font-size:26px; text-align: center;}
#sub_navi ul.navi_list li{font-size:15px; margin-bottom: 3px;}
.containerTop{ padding: 20px 0px 10px;}
#sub_navi{margin: 0 auto 0px auto;}
.navi_list{height: auto;  padding: 8px 0 10px;}


/*bx_박스*/
.bx_img{display:none !important;}
.bx_txt{width:100%;}


/*동장인사말*/
.greet_img{width:100%;}
.greet_text{width:100%; margin-top:20px;}
.greet_img img{position: relative; left: 50%; transform: translateX(-50%);}



/* 탭버튼 개수별*/
.tap_wrap .tapbtn li{ width: 50% !important; box-sizing: border-box; height: 50px; line-height: 50px;}
.tap_wrap .tapbtn li a{font-size: 17px;}
.tap_wrap .tapbtn li:nth-child(2n):after{display:none;}
.tap_wrap .tapbtn li:nth-child(3n):after{display:inline-block;}


/*사이트맵*/
.site_map1{margin-top:30px;}
.site_map{padding: 10px 0 50px;}
.sitemap_menu_1{width:100%; margin-right: 0px !important;}
.site_maptit img{display:none;}
.site_map .site_maptit{margin-bottom: 15px;}
.sitemap_menu_2{margin-top:8px;}




}



@media  screen and (max-width:500px)
{
   /*이미지박스*/
    .history p{font-size: 16px;}
    .imgWrap.type2 li{width: 100%;}
    .imgWrap.type3 li{width: 100%;}
    .imgWrap.type4 li{width: 100%;}
    .imgWrap .txt{font-size: 14px;}
}