body { font-size:13px; line-height:18px;}

/***  공통   ***/
#sub_content h3 {font-size:18px; padding-bottom:15px;}
#sub_content h4 {font-size:16px; padding-left:15px; padding-bottom:15px; line-height:20px;}
#sub_content h4:before {width:3px; height:18px; top:1px;}
#sub_content h5 {font-size:15px; padding-left:10px; padding-bottom:10px;}
#sub_content h5:before {top:6px;}
p.con_tt01 {line-height:20px; font-size:13px;}
p.con_tt01 br {display:none;}
p.con_tt02 {font-size:13px; padding-bottom:5px; line-height:20px;}
#sub_content h5:before {top:6px;}
.con_tt02 li {padding-left:10px; font-size:13px; padding-bottom:5px; line-height:20px;}
.con_tt03 li {font-size:13px; padding-bottom:5px; line-height:20px;}


/***  여백   ***/
.mgt60 {margin-top:30px !important;}
.mgt50 {margin-top:25px !important;}
.mgt40 {margin-top:20px !important;}
.mgt25 {margin-top:15px !important;}
.mgt20 {margin-top:10px !important;}
.mgt10 {margin-top:5px !important;}
.space02 {display:inline-block; padding-left:10px;}
.space03 {display:inline-block; padding-left:15px;}
.space04 {display:inline-block; padding-left:20px;}



/***  약도   ***/
.root_daum_roughmap {width: auto !important; max-width: 100% !important;}
.wrap_map {height:250px !important;}
.view_box .view_head span:after {display:none;}


/***  header   ***/
.header {height:55px; position:fixed; width:100%; z-index:999; background:#fff;}
.header .header_wrap {height:55px; background:#fff;}
.top_menu {height:100px; background:#4e4d4d; position:relative; z-index:4;}
.top_menu .top_wrap {padding:0; height:50px; line-height:50px; width:100%;}
.top_menu .top_wrap .right {position:absolute; top:0; background:#4e4d4d; left:15px;}
.top_menu .top_wrap .right span.login:before {background:#fff;}
.top_menu .top_wrap .right span:before {left:10px;}
.top_menu .top_wrap .left {padding-top:50px; box-sizing:border-box; float:none;}
.top_menu .top_wrap .left ul {text-align:left; background:#3f3f3f;}
.top_menu .top_wrap .left ul li {width:50%; display:block; border-left:0; box-sizing:border-box; position:relative;}
.top_menu .top_wrap .left ul li:first-child:before {display:none;}
.top_menu .top_wrap .left ul li a {font-size:14px; padding-left:15px; text-align:left; color:#fff;}
.top_menu .top_wrap .left ul li:last-child {width:50%; top:0; left:0; height:50px; line-height:inherit; background:#4e4d4d;}
.top_menu .top_wrap .left ul li:last-child a {display:block; padding:0px 15px; font-size:14px; height:50px; line-height:50px; background:#222;}
.mobile_menu {display:block; position:fixed; text-indent:-9999px; right:0; z-index:3; top:0;}
.mobile_menu a {display:block; width:56px; height:55px; background:url(../images/main/mobile_menu.png) no-repeat center; background-size:26px;}
.mobile_login {display:block; text-indent:-9999px; position:fixed; right:0px; top:0;}
.mobile_login a {display:block; width:50px; height:55px; background:url(../images/main/mobile_login.png) no-repeat center; background-size:20px;}
.gnb_wrap {width:100%; height:55px; padding:0px; box-sizing:border-box; position:static;}
.logo {position:absolute; height:55px; left:0; top:0; z-index:inherit; width:auto; margin-left:0;}
.logo a {display:inline-block; width:120px; padding:13.5px 0px 13.5px 15px;}
.logo img {width:100%;}
.top_menu .top_wrap .right span a {color:#fff; font-size:14px;}
#container {padding-top:55px;}
.menu_close {display:block; position:absolute; text-indent:-9999px; right:0; top:0; z-index:9;}
.menu_close a {display:block; width:50px; height:50px; background:#4e4d4d url(../images/main/menu_close.png) no-repeat center; background-size:20px;}
.gnb_wrap .menu {width:100%; background:#fff; position:fixed; height:100%; z-index:101; overflow:auto; box-sizing:border-box; padding-bottom:120px;}
.header .header_wrap {position:fixed; z-index:999; width:100%; height:100%; background:#fff; right:-100%; overflow:hidden;}
.gnb_wrap .ld1 {display:block; padding-left:0;}
.gnb_wrap .ld1 > li {float:none; position:relative; background:#f3f3f3;}
.gnb_wrap .ld1 > li > a {line-height:55px; padding:0 20px; font-size:15px; width:100%; text-align:left;}
.gnb_wrap .ld1 > li > a.on {background:#0a52b0; color:#fff;}
.gnb_wrap .ld1 > li > a:after {background:url(../images/main/down_arrow01.png) no-repeat; content:''; display:block; width:19px; height:10px; position:absolute; right:20px; top:23px; background-size:19px;}
.gnb_wrap .ld1 > li > a.on:after {background:url(../images/main/down_arrow02.png) no-repeat; background-size:19px;}
.gnb_wrap .ld1 > li > a:before {display:none;}
.gnb_wrap .ld1 li.cd1c2 a:before {display:none;}
.gnb_wrap .ld1 li a span:after {display:none;}
.gnb_wrap .ld1 li a.on span:after {display:none;}
.gnb_wrap .ld1 .lb1 {position:relative; width:100%;  box-sizing:border-box;}
.gnb_wrap .ld1 .lb1 li a {text-align:left; padding:15px 20px;}
.gnb_wrap .ld1 .lb1 li a:hover {font-weight:400;}
.gnb_wrap .ld1 .lb1 li a:focus {font-weight:400;}
.header #GNB ul li div.lb1 ul{padding:0; width:100%;}
.header #GNB ul li div.lb1 {width:100%; position:relative;}
.header #GNB ul li div.lb1 .menu_top {display:none;}
.header #GNB ul li.cd1c3 .lb1 {left:0;}
.header #GNB ul li.cd1c4 .lb1 {left:0;}
.header #GNB ul li.cd1c5 .lb1 {left:0;}
.header #GNB ul li.cd1c6 .lb1 {left:0;}
.header #GNB ul li.cd1c7 .lb1 {left:0;}
.header #GNB ul li div.lb1 ul li>a {padding:10px 20px; color:#6d6d6d; font-size:14px;}
.header #GNB ul li div.lb1 ul li>a:hover {background:#e3eaf3; color:#236cb1; text-decoration:inherit;}
.top_menu .top_wrap .right span a {color:#fff;}




/***  메인비쥬얼   ***/
.sec_slide { position: relative; left:0; top:0;  height:100%; width:100%;}
.sec_slide .slick-track .rolling {height:280px; width:100%;}
.sec_slide .slick-arrow {width:6px; height:13px; border-radius:100%; bottom:45px; left:136px; margin-left:0px;}
.sec_slide .slick-prev {background:url(../images/main/left_arrow.png) no-repeat center; display:block; z-index:100; background-size:6px;}
.sec_slide .slick-next {background:url(../images/main/right_arrow.png) no-repeat center; display:block; z-index:100; background-size:6px; left:173px;}
.sec_slide .slick-dots {bottom:45px; left:15px; margin-left:0; height:10px;}
.sec_slide .slick-dots li {display:inline-block; height:10px; width:inherit;}
.sec_slide .slick-dots button { width:10px;  height:10px;  margin:0 5px; border:1px solid #fff;}
.sec_slide .slick-dots .slick-active button {width:26px; height:10px;}
.sec_slide .rolling .visual_text {position:absolute; top:60px; left:0px; margin-left:0px; width:100%;}
.sec_slide .rolling .visual_text .visual_wrap {width:100%; padding-left:15px; box-sizing:border-box;}
.sec_slide .rolling .visual_text .v_txt01 {font-size:16px; color:#fff; padding-bottom:10px; line-height:22px;}
.sec_slide .rolling .visual_text .v_txt02 {font-size:28px; color:#fff; font-weight:700; padding-bottom:25px; line-height:32px;}
.sec_slide .rolling .visual_text .v_txt02 span {font-weight:400;}
.pause {background:url(../images/main/stopbg.png) no-repeat; display:none; width:7px; height:13px; bottom:44px; left:155px; margin-left:0; background-size:7px;}
.play {background:url(../images/main/playbg.png) no-repeat; display:none; width:7px; height:13px; bottom:44px; left:155px; margin-left:0; background-size:7px;}
.sec_slide .slick-track .rolling:nth-child(1) {background:url(../images/main/mvisual01.jpg) no-repeat; background-size:cover;}
.sec_slide .slick-track .rolling:nth-child(2) {background:url(../images/main/mvisual01.jpg) no-repeat; background-size:cover;}
.sec_slide .slick-track .rolling:nth-child(3) {background:url(../images/main/mvisual01.jpg) no-repeat; background-size:cover;}
.sec_slide .slick-track .rolling:nth-child(4) {background:url(../images/main/mvisual01.jpg) no-repeat; background-size:cover;}
.sec_slide .slick-track .rolling:nth-child(5) {background:url(../images/main/mvisual01.jpg) no-repeat; background-size:cover;}



.main_wrap {width:100%; padding:20px 15px; box-sizing:border-box;}
.service_box {padding-left:0; height:inherit;}
.service_text {position:relative; width:100%; height:45px;}
.service_text a {background:#468fe2; border-radius:0; color:#fff; font-size:16px; line-height:45px; padding:0 15px;}
.service_text a br {display:none;}
.service_text a:after {display:none;}
.responsive_box {width:100%; padding:0 35px; box-sizing:border-box; background:#fff;}
.responsive_box .slider {height:150px; overflow:hidden;}
.responsive_box .slider:after {clear:both; content:''; display:block;}
.responsive_box .slider li {float:left;}
.responsive_box .slider li a span em {margin-top:10px; font-size:13px;}
.responsive_box .slick-prev, .responsive_box .slick-next {width:30px; height:30px; border:0; position:absolute; top:103px;}
.responsive_box .slick-prev{left:10px; background:none; margin-left:0;}
.responsive_box .slick-prev:before{content: ''; display:block; background:url(../images/main/m_leftarrow.png) no-repeat; background-size:30px; width:30px; height:30px;}
.responsive_box .slick-next{right:10px; background:none; left:auto; margin-left:0;}
.responsive_box .slick-next:before{content: ''; display:block; background:url(../images/main/m_right_arrow.png) no-repeat; background-size:30px; width:30px; height:30px;}
.responsive_box .slider li a span img {width:60px; height:60px;}

/*  2019.05.21 css 추가  */
.responsive_box { display: block; }
.service_list { display: none; }
/*  2019.05.21 css 추가  */

.content .box {width:100%; margin-right:0px; height:inherit; margin-bottom:20px; border-radius:0;}
.content .box.notice {width:100%; border-radius:0;} 
.content .notice .notice_top {padding:0 15px;}
.content .notice .notice_top h3 {height:45px; line-height:45px; font-size:16px;}
.content .notice .notice_top a {width:45px; height:45px;}
.content .notice .notice_con {padding:20px 15px;}
.content .notice .notice_con p {width:60px; height:60px; font-size:15px; line-height:15px; padding:15px 0;}
.content .notice .notice_con p span {font-size:13px;}
.content .notice .notice_con dl {padding:5px 0 0px 75px;}
.content .notice .notice_con dl dt {font-size:15px; font-weight:700; padding-bottom:3px;}
.content .notice .notice_con dl dd {font-size:13px; line-height:18px; height:34px;}
.content .notice .notice_list {padding:0 15px;}
.content .notice .notice_list ul {padding:20px 0;}
.content .notice .notice_list ul li a {font-size:13px; padding-bottom:10px;}
.content .notice .notice_list ul li a span {padding-right:85px;}
.content .popup h3 {height:45px; line-height:45px; font-size:16px; padding:0 15px;}
.content .popup .slidesjs-container {height:289px !important;}
.content .popup .popup_img { width: 100%; height: 289px; background-position: center; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; display:block;}
/*** 팝업버튼   ***/
.popup .slidesjs_btn {left:75px; top:13.5px; letter-spacing:-1px; width:35px; height:18px;}
.popup #slidesjs-log {font-size:13px;}
.popup a.slidesjs-next {width:35px; height:25px; right:15px; top:10px;}
.popup a.slidesjs-previous {width:35px; height:25px; right:50px;; top:10px;}
.popup a.slidesjs-play {right:45px; top:17px;}
.popup a.slidesjs-stop {right:45px; top:17px;}
.content .desk h3 {height:45px; line-height:45px; font-size:16px; padding:0 15px;}
.content .desk .desk_text {padding:10px 15px 15px;}
.content .desk .desk_text p {font-size:13px;}
.content .desk .desk_text .str {font-size:18px;}
.content .desk .desk_text .basic {padding-top:5px;}
.content .desk .desk_text .last {padding-top:10px; line-height:18px;}
.content .desk .desk_text .last .t_space02 {padding-left:60px;}
.content .desk .desk_btn {padding:0 15px 20px; position:static;}
.content .desk .desk_btn span a {height:36px; line-height:36px;}
.content .desk .desk_btn span:last-child a {font-size:13px;}



/***  footer   ***/
footer aside {height:inherit; width:100%; box-sizing:border-box;}
footer aside .algin_box {width:100%; text-align:center; padding:0;}
footer .click_box span {display:inline-block;}
footer .click_box span a {padding:0 5px; height:40px; line-height:40px; font-size:11px;}
footer .click_box span:first-child a {padding-left:0; color:#f7a134;}
footer .click_box span a:hover {color:#f7a134;}
.family_box {position:relative; right:0; top:0px;}
.family_box:after {clear:both; content:''; display:block;}
.family_box .select {height:40px; width:50%; float:left;}
.family_box .select dl dt a {height:40px; width:100%; line-height:40px; padding:0 15px; font-size:11px; color:#222; text-align:left; border-width:1px 0 0 1px;}
.family_box .select dl dt a:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/main/foot_selectbg.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select dl dt a.on:after {content:''; display:block; width:11px; height:6px; position:absolute; right:15px; background:url(../images/main/foot_selectbg02.png) no-repeat; top:50%; margin-top:-3.5px;}
.family_box .select.width {margin-left:0px; border-left:1px solid #ebebeb;}
.family_box .select dl dd {bottom:40px; width:100%; height:150px;}
.family_box .select dl dd a {padding:8px 10px; font-size:11px;}
.family_box .select dl dd a:hover {background:#f7a134; color:#fff;}
.family_box .select dl dd a:focus {background:#f7a134; color:#fff;}
footer .foot_in {padding:60px 15px 25px 15px; line-height:13px; background:url(../images/main/foot_logo.png) no-repeat center 15px; box-sizing:border-box; width:100%; box-sizing:border-box; text-align:center; background-size:120px; font-size:11px;}
footer .foot_in span {margin:0px 5px; display:inline-block; padding:5px 0;}
.main_pop_sevice {width:100%;}
.main_pop_sevice .popsevice_con {display:inline-block; text-align:left;}
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none;}
.main_pop_sevice .popsevice_con dl dt {font-size:17px;}
.main_pop_sevice .popsevice_con dl dd {font-size:11px; line-height:18px;}
.main_popbtn {display:none;}
.main_pop_wrap {width:100%;}




/***  서브페이지   ***/
.wrap {width:100%; padding:30px 15px 30px; box-sizing:border-box;}


#container #SUB-GNB	{ margin-top:0px; }
#SUB-GNB #submenu	{ width: auto; margin: 0; }
#SUB-GNB a.home,
#SUB-GNB a.home *,
.breadcrumb .col2,
.breadcrumb .col2 *	{ display: none !important; background: none !important; }
#SUB-GNB .drop_menu	{ float: none; height: 45px; }
#SUB-GNB .drop_menu .ld1	{ width: 100%; }
#SUB-GNB .drop_menu .lb1	{ left: 0; width: 100%; margin-left: 0; }
#SUB-GNB .drop_menu .lb2	{ left: 0; width: 100%; margin-left: 0; }
#SUB-GNB .drop_menu ul li.fix_menu	{ display: none; }
#SUB-GNB .drop_menu ul li.fix_menu.last_depth	{ display: block; }
#SUB-GNB .drop_menu ul.last_depth	{ position: absolute; left: 0; top: 0; width: 100%; }
#SUB-GNB .drop_menu a	{ line-height: 45px; }
#SUB-GNB a:after	{ height: 45px; }
#SUB-GNB .drop_menu ul.show_menu	{ padding-top: 45px !important; }
#SUB-GNB .drop_menu ul li.fix_menu > a {border-right:0;}
#SUB-GNB .drop_menu a {font-size:14px;}
#SUB-GNB .drop_menu ul li.fix_menu.last_depth   { float: none !important; }
#SUB-GNB .drop_menu ul li.fix_menu > a   { float: none !important; }
#SUB-GNB .drop_menu ul.show_menu > li   { float: none !important; }
#SUB-GNB .drop_menu ul.show_menu > li > a   { float: none !important; }


/*서브비쥬얼*/
.sub_visual {height:120px;}
.sub_visual h2 {font-size:28px; line-height:28px; padding-bottom:0;}
.sub_visual.sub_visual01 {background:url(../images/sub/sub_visual01.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual02 {background:url(../images/sub/sub_visual02.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual03 {background:url(../images/sub/sub_visual03.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual04 {background:url(../images/sub/sub_visual04.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual05 {background:url(../images/sub/sub_visual05.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual06 {background:url(../images/sub/sub_visual06.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual07 {background:url(../images/sub/sub_visual07.jpg) no-repeat; background-size:cover;}
.sub_visual.sub_visual08 {background:url(../images/sub/sub_visual08.jpg) no-repeat; background-size:cover;}


/** 시설개요 **/
#slides {text-align:center;}
.sub_slide_box ul li {height:inherit; width:100%;}
.sub_slide_box ul li img {width:100%; max-width:600px;}
.sub_slide_box ul li.text {padding:25px 15px;}
.sub_slide_box ul li.text.no_pd {padding:25px 15px 25px;}
.sub_slide_box ul li.text .mt {font-size:20px; padding-bottom:15px;}
.sub_slide_box ul li.text .nt {line-height:20px;}
.sub_slide_box ul li.text .nt br {display:none;}
.sub_slide_box ul li.text .down_text {position:absolute; height:inherit; line-height:inherit; padding:10px 15px; text-align:left;}
.sub_slide_box ul li.text .down_text span {display:block; padding:5px 0px; position:relative;}
.m_table table {border-top:1px solid #8dc63f;}
.m_table table tr th {padding:10px 5px; font-size:13px;}
.m_table table tbody tr td {padding:10px 5px; font-size:13px; letter-spacing:-0.7px; line-height:18px;}
.m_table table tr th br {display:block;}
.etc_txt {padding-top:10px;}
.etc_txt span {font-size:13px;}
.etc_txt p {padding-bottom:5px;}
.sub_slide_box ul li.text .st dl {padding-bottom:10px;}
.sub_slide_box ul li.text .st dl dt {width:60px; font-size:13px; padding-left:8px;}
.sub_slide_box ul li.text .st dl dt:before {width:2px; height:2px; top:8px;}
.sub_slide_box ul li.text .st dl dd {font-size:13px;}
.sub_slide_box ul li.text .st dl dd a {color:#545454;}
.con_tab ul li a {height:40px; line-height:40px; font-size:13px;}
.con_tab.many li {width:33.3%;}
.con_tab {padding-bottom:30px;}



/*** 슬라이드버튼   ***/
.sub_slide_box .slidesjs_btn {height:48px; position:relative; line-height:48px; padding:0 15px;}
.sub_slide_box #slidesjs-log {font-size:16px; font-weight:400;}
.sub_slide_box a.slidesjs-next {width:30px; height:30px; right:15px; bottom:9px; background-size:30px;}
.sub_slide_box a.slidesjs-previous {width:30px; height:30px; left:15px; bottom:9px; background-size:30px;}



/** 오시는길셔틀버스안내**/
.busbg p img {width:100%;}



/** 고객서비스헌장 **/
.charter {background:#f3f3f2 url(../images/sub/handbg.png) no-repeat right bottom; padding:35px 15px; background-size:190px;}
.charter .charter_tt {font-size:20px; line-height:20px; padding-left:25px; margin-bottom:30px;}
.charter .charter_tt:before {width:36px; height:30px; position:absolute; left:0px; top:-10px; background:url(../images/sub/charter01.png) no-repeat; background-size:36px;}
.charter .charter_tt:after {width:36px; height:30px; position:absolute; right:-25px; bottom:-10px; background:url(../images/sub/charter02.png) no-repeat; background-size:36px;}
.charter .basic_tt {font-size:13px; line-height:20px; padding-bottom:20px;}
.charter .basic_tt br {display:none;}
.charter ol {padding-bottom:20px;}
.charter ol li {font-size:14px; padding-bottom:10px; line-height:20px;}
.charter ol li:last-child {padding-bottom:0;}
.charter .basic_tt:last-child {padding-bottom:0;}




/** 관악구체육센터강사소개 **/
#masonry {position:relative; width:100% !important; left:0px;}
.wrap.no_pb {padding-bottom:0px;}
.proc_teacher_list .search	{ padding: 20px 15px; margin-bottom: 15px; }
.proc_teacher_list .search label	{ display: block; font-size: 16px; margin-bottom: 10px; }
.proc_teacher_list .search select	{ display: block; width: 100%; height: 30px; margin: 0 0 10px 0; font-size: 13px; line-height:20px;}
.proc_teacher_list .search .button	{ display: block; width: 100% !important; height: 30px !important; margin: 0; font-size: 13px; }
.teacher_box .in_picture {padding:20px 15px;}
.teacher_box .in_picture .picture {width:120px; height:146px;}
.teacher_box .in_picture .name_box dl {padding-left:20px; padding-top:5px;}
.teacher_box .in_picture .name_box dl dt {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
.teacher_box .in_picture .name_box dl dd {padding-top:3px; font-size:13px;}
.teacher_area .time_table tr th {padding:10px 5px;}
.teacher_area .time_table tr th:first-child {border-left:0;}
.teacher_area .time_table tr td {padding:10px 5px; border-left:1px solid #e1e1e1;}
.teacher_area .time_table tr td:first-child {border-left:0;}
.teacher_area ul li {width:100% !important; padding:0;}



/** 셔틀버스운행정보 **/
.text_box {padding:15px; margin-top:25px;}
.text_box p {font-size:13px; color:#878787; padding-bottom:5px;}
.bus ul li {width:100%;}
.bus ul li:first-child {padding-right:0px; margin-bottom:20px;}
.bus ul li:last-child {padding-left:0px;}
.busbg p img {width:100%;}



/** 자주묻는질문 **/
.paging{margin-top:25px;}
.paging span a{display:inline-block; width:33px; height:33px; font-size:14px; line-height:33px;}
.paging span a.first {background:url(../images/sub/page_leftbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
.paging span a.last {background:url(../images/sub/page_rightbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
.paging span.target{width:33px; height:33px; line-height:33px; font-size:14px;}
.mywrite_search {padding:20px 15px; margin-bottom:25px;}
.mywrite_search.mgt {margin-top:20px;}
.mywrite_search > form > fieldset > ul {position:relative; width:100%;}
.mywrite_search > form > fieldset > ul > li {box-sizing:border-box;}
.mywrite_search > form > fieldset > ul > li.width00 {width:100%; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width01 {width:50%; padding-right:5px; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width02 {width:50%; margin-left:0px; padding-left:5px; margin-bottom:10px;}
.mywrite_search.full > form > fieldset > ul > li.width02 {width:100%; margin-left:0px; padding-left:0px; margin-bottom:10px;}
.mywrite_search > form > fieldset > ul > li.width03 {width:100%; margin-left:0px;}
.mywrite_search > form > fieldset > ul > li.width04 {width:80px; margin-left:10px; position:absolute; right:0; bottom:0;}
.mywrite_search > form > fieldset > ul input {width:100%; height:35px; padding-left:10px; padding-right:90px; font-size:13px;}
.mywrite_search > form > fieldset > ul > li.width04 button {line-height:35px; font-size:13px; width:80px;}
.mywrite_search > form > fieldset .select {height:35px;}
.mywrite_search > form > fieldset select {background: #fff url(../images/sub/arrow.png) no-repeat right center; height:35px; font-size:13px;}
.m_table table {border-top:1px solid #8dc63f;}
.hisco_table .type04 {border-top:1px solid #8dc63f;}




/** 칭찬합니다 **/
.btn_wrap {padding-top:20px;}
.btn_wrap.one.right {text-align:center; padding-top:20px;}
.b_btn {width:100%; height:35px; line-height:35px; font-size:13px;}


/** 칭찬합니다_입력 **/
.hisco_table .type04 .line_h {line-height:inherit;}
.hisco_table.login .type04 th {width:90px; font-size:13px; padding-left:15px;}
.essential {position:absolute; left:0px;}
.hisco_table .type04 th {font-size:12px; padding:0 3px; letter-spacing:-1px;}
.hisco_table .type04 th br {display:block;}
.hisco_table .type04 th span {margin-left:3px;}
.hisco_table .type04 td {padding:10px; font-size:12px; position:relative;}
.hisco_table .type04 td.left {padding-left:10px; letter-spacing:-1px;}
.hisco_table .type04 td input {height:33px; padding:0 10px; font-size:13px;}
.hisco_table .type04 td input[type="file"] {font-size:13px;}
.hisco_table .type04 td.chk span {margin-left:5px;}
.hisco_table .type04 td.chk span label {margin-left:3px; font-size:13px;}
.hisco_table .type04 td p.eri_txt {padding-top:5px;}
.hisco_table .type04 td p:first-child {padding-top:0;}
.hisco_table.login .type04 td input {width:100%;}
.hisco_table .type04 td textarea {height: 130px;}
.btn_wrap {padding-top:20px;}
.btn_wrap.two span {display:inline-block; margin:0px; width:50%; box-sizing:border-box;}
.btn_wrap span:nth-child(1) {padding-right:5px;}
.btn_wrap span:nth-child(2) {padding-left:5px;}
.radio span input[type="radio"] {opacity:0; width:16px;height:16px;}
.radio span label {font-size:12px; margin-left:8px;} 
.radio span label::after{top:-1px;left:0px; width:16px;height:16px; background:url(../images/sub/unchek_bg.png) no-repeat;  background-size:16px;}
.radio span input:checked + label::after { background:url(../images/sub/onchek_bg.png) no-repeat;; background-size:16px; border:0;}
.radio span.disabled label::after {opacity:0.5;}
.hisco_table.login .type04 td .radio span {margin-right:10px;}
.hisco_table.login .type04 td .radio label {margin-left:10px;}



/** 칭찬합니다_상세 **/
.view_tt {font-size:16px; padding-bottom:20px; position:relative;}
.view_tt.pdt {padding-top:30px;}
.view_tt span {padding:0 15px; height:28px; line-height:28px; font-size:13px; margin-right:0px;}
.view_tt em {font-size:16px;}
.view_tt i {display:block; font-size:15px; padding-top:10px;}
.view_box .view_head {padding:15px; font-size:13px;}
.view_box .view_head span {display:block; padding:0;}
.view_box .view_head span:first-child {padding-bottom:5px;}
.view_box .view_head span:nth-child(2) {padding-bottom:5px;}
.view_box .view_head em {display:inline-block; float:none; padding-top:5px;}
.view_box .view_con {padding:15px; font-size:13px; line-height:20px;}
.view_box .view_file {padding:15px;}
.view_box .view_file dl {display:block;}
.view_box .view_file dl dt {display:block; font-size:13px; font-weight:700; padding-bottom:15px;}
.view_box .view_file dl dd {display:block;}
.view_box .view_file dl dd span {display:block; margin-right:0px; margin-bottom:10px;}
.view_box .view_file dl dd span:last-child {margin-bottom:0;}
.view_box .view_file dl dd span a {padding:0 15px; height:30px; line-height:30px;}
.hisco_table .type04 td textarea {height:130px;}
.view_tt .like_area {position:absolute; top:0; right:0; line-height:37px; font-size:15px; padding-left:20px;}
.view_tt .like_area:before {width:18px; height:16px; content:''; display:block; position:absolute; left:0; background:url(../images/sub/likebg.png) no-repeat; top:10px; background-size:18px;}
.btn_area03 span:nth-child(1) {padding-right:5px;}
.btn_area03 span:nth-child(2) {padding-left:5px;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span {width:50%; margin-left:0px; box-sizing:border-box; margin:0;}
.btn_area03 span:nth-child(3) {width:100%; margin-top:10px;}
.like_btn {border:1px solid #8dc63f; color:#8dc63f; padding-left:30px; position:relative;}
.like_btn:before {width:18px; height:16px; content:''; display:block; position:absolute; left:50%; margin-left:-30px; background:url(../images/sub/likebg02.png) no-repeat; top:9px; background-size:18px;}
.like_btn.on:before {width:18px; height:16px; content:''; display:block; position:absolute; left:50%; margin-left:-30px; background:url(../images/sub/likebg03.png) no-repeat; top:9px; background-size:18px;}
.view_box .satisfaction .radio {text-align:left; padding:10px 0;}
.view_box .satisfaction .radio span {display:block; width:100%; padding:3px 0;}
.view_box .satisfaction .radio span label {width:113px; padding-left:10px;}
.view_box .satisfaction .radio span label img {width:85px;}
.view_box .satisfaction .radio span label::after{width:16px;height:16px; background:url(../images/sub/unchek_bg.png) no-repeat;  background-size:16px; left:0; top:5px;}
.view_box .satisfaction .radio span input:checked + label::after { background:url(../images/sub/onchek_bg.png) no-repeat;; background-size:16px;}




/** 대관절차 **/
.img_btn_area {padding-top:20px;}
.img_btn_area span {display:inline-block; margin-left:0px; width:100%; margin-bottom:5px;}
.img_btn_area span a {display:block; width:100%; height:40px; line-height:40px; padding-right:15px; box-sizing:border-box; text-align:center; padding-left:40px; max-width:inherit;}
.img_btn_area span a em {display:inline-block; width:40px; height:40px;}



/** 프로그램 **/
.bg_txtbox {padding:20px 15px;}
.bg_txtbox dl dt {font-size:15px; padding-bottom:15px;}
.bg_txtbox dl dd {font-size:13px; padding-bottom:5px;}
.bg_txtbox dl dd:before {content:'-'; display:block; color:#5e5e5e; position:absolute; left:0; top:0;}



/** 사이트맵 **/
.site ul li {width:100%; float:left; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.site ul li dl {padding-top:10px; border-top:1px solid #8dc63f;}
.site ul li dl dt {padding:5px 0 15px; margin-bottom:15px;}
.site ul li dl dt a {display:block; color:#333; font-weight:700; font-size:18px;}
.site ul li dl dd {padding-bottom:7px;}




/** 준비중 **/
.ready {padding:0; text-align:center;}
.ready dl {padding-left:0px; text-align:center; padding-top:110px;}
.ready dl:before {width:80px; height:80px; background:url(../images/sub/readybg.png) no-repeat; background-size:80px; position:absolute; left:50%; top:0%; margin-top:-0px; margin-left:-40px;}
.ready dl dt {font-size:20px; padding-bottom:15px;}
.ready dl dd {font-size:15px; color:#787878; line-height:20px;}




/** 분실물알림공간 **/
.img_notice ul {width:100%;}
.img_notice ul li {float:left; margin-bottom:15px; width:100%;}
.img_notice ul li:last-child {margin-bottom:0;}
.img_notice ul li a {width:100%; text-align:center;}
.img_notice ul li a .img_area {width:100%; height:172px; display:inline-block; overflow:hidden;}
.img_notice ul li a .text_area {padding:20px 15px; text-align:left;}
.img_notice ul li a .text_area .subject {font-size:15px; padding-bottom:10px;}
.img_notice ul li a .text_area .date {font-size:13px;}
.view_box .view_img img {width:100%;}




/** 인사말 **/
.m_text p {font-size:18px; line-height:30px; padding-left:0px; text-align:center;}
.greeting {padding:25px 15px; background:#fbfbfa;}
.greeting p {padding-bottom:20px; line-height:20px; font-size:13px;}
.greeting p span {font-size:13px;}
.right_text {font-size:15px; padding-bottom:0 !important;}

.greeting.ex01 {padding:25px 15px; background:#fbfbfa;}
.greeting.ex01 p {padding-bottom:20px; line-height:20px; font-size:13px;}
.left_txt {font-size:15px; padding-bottom:0 !important;}




/** 비전과목표 **/
.vision_img img {width:100%;}
.goal ul li {width:100%; margin-right:0px; padding:25px 15px; height:inherit; margin-bottom:20px;}
.goal ul li:last-child {margin-right:0; margin-bottom:0;}
.goal ul li p {padding-bottom:20px;}
.goal ul li p img {width:100px;}
.goal ul li dl {padding-top:30px;}
.goal ul li dl dt {font-size:16px; line-height:22px; padding-bottom:15px;}
.goal ul li dl dd {font-size:13px; padding-bottom:5px;}
.history ul {display:block; padding-bottom:15px;}
.history ul:last-child {padding-bottom:0;}
.history ul li {display:block;}
.history ul li.year {font-size:25px; line-height:25px; width:100%; padding-bottom:5px;}
.history ul li.day {padding:10px 0 15px;}
.history ul li.day:before {display:none;}
.history ul li.day p {padding:3px 0;}
.history ul li.day p:before {display:none;}
.history ul li.day p:first-child:before {display:none;}
.history ul li.day p span {font-size:13px; position:absolute;}
.history.type ul li.day p {padding-left:0;}
.history.type ul li.day p em {padding-left:0px; font-size:13px;}
.history ul li.day p em {padding-left:50px; font-size:13px;}





/** 대관신청양식 **/
.background_box {width:100%; height:inherit; padding:20px 15px; border:1px solid #e1e1e1; background:none; box-sizing:border-box;}
.btn_down {position:inherit; right:auto; top:0; margin-top:0px;}
.btn_down .text {font-size:20px; line-height:30px; padding-bottom:15px;}
.icon_btn a {display:block; width:200px; height:35px; line-height:35px; padding-left:35px; font-size:14px;}
.icon_btn a em {width:35px; height:35px; background:url(../images/sub/downbg.png) no-repeat center; background-size:18px; border-right:1px solid #3068b0;}




/** 창의적체험활동 **/
.box_text dl dt {padding:15px 0; font-size:16px;}
.box_text dl dd {padding:20px 0; font-size:13px; line-height:20px;}
.goal.bg_space {padding-top:40px; background:url(../images/sub/bg_space.png) no-repeat center 12px; background-size:24px;}




/** 아쿠와조이_이용안내 **/
.use_box ul li {padding:20px 0;}
.use_box ul li .table {display:block; text-align:center;}
.use_box ul li .table .img {display:inline-block; text-align:center;}
.use_box ul li .table .text {display:block; padding-left:0px; text-align:left; padding-top:20px;}
.use_box ul li .table .text .use_tt {font-size:16px; padding-bottom:10px;}
.use_box ul li .table .text dl {padding-top:15px;}
.use_box ul li .table .text dl dt {font-size:15px; padding-bottom:10px;}
.use_box ul li .table .text dl dd {padding-left:10px; padding-bottom:5px; font-size:13px;}
.foot_btn {width:80px; height:25px;}
.foot_btn a {font-size:13px; height:25px; line-height:25px;}




/** 편의시설_메뉴표 **/
.food_menu ul li {width:100%; margin-right:0px; height:inherit; margin-bottom:20px;}
.food_menu ul li .foodimg {text-align:center;}
.food_menu ul li:last-child {margin-bottom:0;}
.food_menu ul li img {width:100%; max-width:386px;}
.food_menu ul li dl {padding:0 15px 10px;}
.food_menu ul li dl dt {padding:15px 0; font-size:15px; margin-bottom:20px;}
.food_menu ul li dl dd {padding-bottom:10px; font-size:13px;}
.food_menu ul li dl dd em {float:right;}



/** 시설운영사업체육문화시설 **/
.year_imgbox ul li {width:100%; margin-right:0px; height:inherit;}
.year_imgbox ul li .img {text-align:center;}
.year_imgbox ul li .img img {width:100%; max-width:283px;}
.year_imgbox ul li dl {padding:20px 15px;}
.year_imgbox ul li dl dt {font-size:15px; padding-bottom:5px;}
.year_imgbox ul li dl dd {font-size:13px; line-height:20px;}




/****버튼****/
.btn_area01 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area01 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area01 span:nth-child(1) {padding-right:0;}
.btn_area02 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area02 span:nth-child(1) {padding-right:5px;}
.btn_area02 span:nth-child(2) {padding-left:5px;}
.btn_area02 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area03 span:nth-child(3) {width:100%; margin-top:10px;}
.btn_area03 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span {width:50%; margin:0; box-sizing:border-box;}
.btn_area04 span a {width:100%; height:36px; line-height:36px; font-size:13px;}
.btn_area04 span:nth-child(1) {padding-right:5px;}
.btn_area04 span:nth-child(2) {padding-left:5px;}
.btn_area04 span:nth-child(3) {padding-right:5px; margin-top:10px;}
.btn_area04 span:nth-child(4) {padding-left:5px; margin-top:10px;}



@media all and (min-width:320px) and (max-width:700px) {
.m_table.scroll {overflow:auto;}
.m_table.scroll table {width:700px;}
.m_table.scroll02 table {width:800px;}
.m_table.scroll02 table {width:900px;}
.basic_table.scroll {overflow:auto;}
.basic_table.scroll table {width:700px;}
}


@media all and (min-width:320px) and (max-width:800px) {
.m_table.scroll02 {overflow:auto;}
.m_table.scroll02 table {width:800px;}
}

@media all and (min-width:320px) and (max-width:900px) {
.m_table.scroll03 {overflow:auto;}
.m_table.scroll03 table {width:900px;}
}

@media all and (min-width:320px) and (max-width:1000px) {
.m_table.scroll04 {overflow:auto;}
.m_table.scroll04 table {width:1000px;}
}

@media all and (min-width:320px) and (max-width:374px) {

}


@media all and (min-width:660px) and (max-width:1199px) {
.main_pop_sevice .popsevice_con dl {padding:20px 15px 20px; background:none; padding:22px 0 22px 150px; background:url(../images/main/mainpopbg.png) no-repeat left bottom; background-size:130px;}
.sub_slide_box .slidesjs_btn {position: absolute;}
.slidesjs-container {height: 365px !important;}
}