/* content */

/* 인사말 */
.greeting_wrap {}
.greeting_wrap .thumb {margin-bottom:0px; margin-top:40px; border:1px solid #eee; /* box-shadow:0px 10px 15px rgba(0, 0, 0, .2);*/}
.greeting_wrap .desc {padding:0 80px;}
.greeting_wrap p {margin-bottom:10px; text-align:left; line-height:130%;}
.greeting_wrap .line1 {margin-bottom:35px; font-size:38px; color:#3275c8; font-family:"NotoKrM", NotoKrM; letter-spacing:-2px;}
.greeting_wrap .line2 {font-size:24px;}
.greeting_wrap .line2 span.color {font-weight:bold; color:#fa9d09;}
.greeting_wrap .line2 span.enter {display:inline-block; padding-left:57px;}
.greeting_wrap .sign {padding-top:30px;}
.greeting_wrap .sign span {display:block; margin-bottom:8px; text-align:right; font-size:18px;}
.greeting_wrap .sign span img {display:inline-block; margin-left:10px;}

@media only screen and (max-width: 1399px){
  .greeting_wrap .thumb {margin-bottom:35px;}
  .greeting_wrap .desc {padding:0 20px;}
  .greeting_wrap p {font-size:16px; line-height:130%;}
  .greeting_wrap .line1 {margin-bottom:15px; font-size:24px; color:#3275c8; font-family:"NotoKrM", NotoKrM; letter-spacing:-2px;}
  .greeting_wrap .line2 span.enter {padding-left:0;}
  .greeting_wrap .line2 {font-size:16px;}
  .greeting_wrap .sign {padding-top:20px;}
  .greeting_wrap .sign span {padding-right:20px; font-size:16px;}
  .greeting_wrap .sign span img {height:24px;}
}

@media only screen and (max-width:660px) {
  .greeting_wrap .line2 span.enter {display:inline; padding-left:0;}
}


/* 사업소개 */
.business_tab {font-size:14px;}
.business_tab > a.current {display:none;}
.business_tab ul:after {display:block; clear:both; content:'';}
.business_tab li {float:left; width:24%; box-sizing:border-box;  border:1px solid #e5e5e5; border-radius:8px; margin-left:1%; margin-bottom:8px;}
.business_tab li a {display:block; padding:15px 15px; text-align:left; letter-spacing:-1px;}
.business_tab li.on {background:#0c86e5; border:1px solid #0c86e5; color:#fff;}
.business_tab li:nth-child(1),
.business_tab li:nth-child(5),
.business_tab li:nth-child(9),
.business_tab li:nth-child(13),
.business_tab li:nth-child(17) {margin-left:0;}

@media screen and (max-width: 1399px) {
  .business_tab {background:#efefef; font-size:14px; border:0 none;}
  .business_tab.onlym {display:block;}
  .business_tab {margin-bottom:10px; border-radius:5px; overflow:hidden;}
  .business_tab > a.current {display:block; padding:10px 20px; color:#fff; background:#005097 url(../../images/common/icon_arrow5.png) no-repeat 96% center; border:0 none;}
  .business_tab ul  {overflow:hidden;}
  .business_tab ul li {width:100%; float:none; margin-bottom:0; height:38px; line-height:38px;}
  .business_tab ul li a {margin-left:0; height:38px; line-height:38px; padding:3px 0; padding:0 20px; border:1px solid #e6e6e6; border-top:0 none; text-align:left; color:#383838;}
  .business_tab ul li:last-child a {border-radius:0 0 5px 5px;}
  .business_tab ul li.on a {background:url(../../images/common/icon_arrow5.png) no-repeat 94% center; font-weight:normal; color:#333;}
  .business_tab li.on:hover a {background:#005097; color:#fff;}
  .business_tab li:hover a {background:#005097; color:#fff;}
  .business_tab li:nth-child(21) {width:100%;}
}

/* 신청안내 */
.manual_wrap {padding:0 200px;}
.manual_wrap h4 {font-family:"NotoKrB", NotoKrB;}
.manual_wrap h5 {margin:40px 0 10px !important; font-family:"NotoKrB", NotoKrB; font-size:18px; color:#f93d3d;}
.manual_wrap .manual_img {margin:5px 0 8px; overflow:hidden; border:1px solid #dcdcdc; border-radius:10px;}
.manual_wrap .manual_img img {display:block; width:100%; height:auto;}
.manual_wrap .txt_dep3 {margin:0px 0 20px 2px;}

@media only screen and (max-width: 1399px){
  .manual_wrap {padding:0;}
  .manual_wrap h4 {}
  .manual_wrap h5 {margin:20px 0 5px !important; font-size:14px;}
  .manual_wrap .manual_img {}
  .manual_wrap .manual_img img {width:100%; height:auto;}
  .manual_wrap .txt_dep3 {}
}


/* 원클릭 프로그램 */
/* 상단검색 */
.search_head {padding:25px; margin-bottom:60px; border:1px solid #e5e5e5; border-top:3px solid #000;}
.search_head .srch_tbl {}
.search_head .srch_tbl th, .search_head .srch_tbl td {padding:8px 12px; text-align:left;}
.search_head .srch_tbl th {}
.search_head .srch_tbl td {}
.search_head .srch_tbl td button {padding:6px 20px; margin:0 2px 0 0; border-radius:5px; border:1px solid #e5e5e5; background:#fff; font-size:13px;}
.search_head .srch_tbl td button.c_black {border:1px solid #41464d; background:#41464d; color:#fff;}
.search_head .srch_tbl td button.c_black:hover {border:1px solid #41464d; background:#41464d; color:#fff;}
.search_head .srch_tbl td button:hover {border:1px solid #41464d; background:#fff; color:#41464d;}
.search_head .srch_tbl td button.active {background:#41464d; color:#fff; border:1px solid #41464d;}
.search_head .srch_tbl td button.disabled {background:#e5e5e5; border:1px solid #e5e5e5; cursor:default;}
.search_head .srch_tbl td .ipt_word {width:50%; height:34px; padding:0 10px; margin-right:5px; border:1px solid #e5e5e5; border-radius:5px;}
.search_head .srch_tbl td .ipt_set {height:34px; line-height:34px; padding:0 20px; border-radius:5px; border:1px solid #e5e5e5; font-size:13px;}

@media screen and (max-width: 1399px) {
  .search_head {padding:15px; margin-bottom:20px;}
  .search_head .srch_tbl td button {padding:4px 12px; margin:0 2px 2px 0; font-size:12px; letter-spacing:-1px;}
  table.srch_tbl colgroup {display:none;}
  table.srch_tbl tr {display:block; border-bottom:1px solid #d9d9d9; padding:0;}
  table.srch_tbl tr:last-child {border-bottom:0 none;}
  table.srch_tbl tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
  table.srch_tbl thead th.title .tit {display:block; float:none; margin-bottom:0px; font-size:18px;}
  table.srch_tbl thead th.title .info {display:block; float:none; font-size:13px; color:#8a8a8a; font-weight:normal;}
  table.srch_tbl thead th {padding:0; }
  table.srch_tbl th {display:block; float:left; clear:left; width:100%; border:none; color:#222; text-align:left; box-sizing:border-box;}
  table.srch_tbl td {display:block; float:left; clear:left; width:100%; border:none; box-sizing:border-box;}
  .search_head .srch_tbl th, .search_head .srch_tbl td {padding:5px 0;}
  .search_head .srch_tbl td .ipt_word {height:32px;}
  .search_head .srch_tbl td .ipt_sltbox {height:32px; line-height:32px;}
  .search_head .srch_tbl td .ipt_set {padding:0 5px;}

}


/* 원클릭 카테고리 */
.oneclick_cate {margin-bottom:50px;}
.oneclick_cate > a.current {display:none;}
.oneclick_cate ul {display:flex; border:4px solid #25b8ac; border-bottom:0 none;}
.oneclick_cate ul:after {display:block; content:""; clear:both;}
.oneclick_cate ul li {flex:1 1 auto; position:relative; background:#25b8ac; color:#fff;}
.oneclick_cate ul li a {display:block; height:63px; padding:21px 0; text-align:center; font-size:18px; font-family:"NotoKrB", NotoKrB; border-left:1px solid #1aa499;}
.oneclick_cate ul li:first-child a {border-left:0 none;}
.oneclick_cate ul li.active {}
.oneclick_cate ul li.active a {background:#fff; color:#25b8ac; border-radius:10px 10px 0 0; overflow:hidden;}
.oneclick_cate ul li.all {}
.oneclick_cate ul li.all a {}
.oneclick_cate ul li.all a span {display:inline-block; position:relative;}
.oneclick_cate ul li.all a span:before {display:inline-block; content:""; width:22px; height:20px; background:url(../../images/content/icon_total1_on.png) no-repeat left top; position:relative; top:2px; margin-right:8px;}
.oneclick_cate ul li.all.active a span:before {background:url(../../images/content/icon_total1.png) no-repeat left top;}

@media screen and (max-width: 768px) {
  .oneclick_cate {margin:25px 0 10px; border-radius:5px; overflow:hidden;}
  .oneclick_cate > a.current {display:block; padding:14px 20px; color:#fff; background:#25b8ac url(../../images/common/icon_arrow2_on.png) no-repeat 95% center; border:0 none; font-size:16px; font-family:"NotoKrB", NotoKrB;}
  .oneclick_cate ul {padding:10px 0; display:block; overflow:hidden; border:1px solid #dfdfdf; border-top:0 none;}
  .oneclick_cate ul li {float:none; margin-bottom:0; background:#fff; color:#333;}
  .oneclick_cate ul li a {height:auto; padding:5px 20px; text-align:left; font-size:14px; font-family:"NotoKrR", NotoKrR; border-left:0 none; background:#fff; color:#333;}
  .oneclick_cate ul li.active a {color:#25b8ac; border-radius:0;}
}



/* 원클릭 - 리스트 */
.oneclick_list {}
.oneclick_list * {box-sizing: border-box; transition: all .2s ease-in-out;}
.oneclick_list ul {}
.oneclick_list ul li {margin-bottom:10px; border:1px solid #e5e5e5; border-radius:15px;}
.oneclick_list ul li:first-child a .state {top:0px;}
.oneclick_list ul li:hover {border:1px solid #5e5e5e;}
.oneclick_list ul li a {display:block; padding:35px 32px; position:relative;}
.oneclick_list ul li a:after {display:block; content:""; clear:both;}
.oneclick_list ul li a .category {padding:3px 12px; margin-right:6px; position:relative; top:-4px; display:inline-block; font-size:12px; border-radius:3px;}
.oneclick_list ul li a .category.cate1 {color:#fff; background:#ffc600 ;}
.oneclick_list ul li a .category.cate2 {color:#fff; background:#757aee;}
.oneclick_list ul li a .category.cate3 {color:#fff; background:#00a8ff;}
.oneclick_list ul li a .category.cate4 {color:#fff; background:#0dccbd ;}
.oneclick_list ul li a .category.cate5 {color:#fff; background:#55c770;}
.oneclick_list ul li a .category.cate6 {color:#fff; background:#3e4d4c;}
.oneclick_list ul li a .tit {float:left; width:500px; padding:10px 30px 10px 0; margin-bottom:10px; font-size:24px; font-family:"NotoKrB", NotoKrB; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.oneclick_list ul li a .info {float:left; width:630px; padding:2px 0; font-size:15px;}
.oneclick_list ul li a .info:after {display:block; content:""; clear:both;}
.oneclick_list ul li a .info span {float:left; width:50%; padding:5px 20px 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.oneclick_list ul li a .info span.icon3 {width:100%; padding-right:50px;}
.oneclick_list ul li a .info span i {width:90px; padding-left:17px; position:relative; color:#898989; display:inline-block;}
.oneclick_list ul li a .info span.icon1 i {background:url('../../images/content/icon_oneclick1.png') no-repeat left center;}
.oneclick_list ul li a .info span.icon2 i {background:url('../../images/content/icon_oneclick2.png') no-repeat left center;}
.oneclick_list ul li a .info span.icon3 i {background:url('../../images/content/icon_oneclick3.png') no-repeat left center;}
.oneclick_list ul li a .info span.icon4 i {background:url('../../images/content/icon_oneclick4.png') no-repeat left center;}
.oneclick_list ul li a .info span.icon5 i {background:url('../../images/content/icon_oneclick5.png') no-repeat 6px center;}

.oneclick_list ul li a .btn_apply1 {width:200px; float:right; text-align:right;}
.oneclick_list ul li a .btn_apply1 span {display:inline-block; width:120px; padding:7px 0; text-align:center; border-radius:5px;}
.oneclick_list ul li a .btn_apply1 span.state {margin-bottom:5px; font-family:"NotoKrB", NotoKrB;font-size:15px;}
.oneclick_list ul li a .btn_apply1 span.state1 {background:#fff; border:1px solid #ff4949; color:#ff4949;}
.oneclick_list ul li a .btn_apply1 span.state2 {background:#fff; border:1px solid #2d2d2d; color:#2d2d2d;}
.oneclick_list ul li a .btn_apply1 span.state3 {background:#fff; border:1px solid #25b8ac; color:#25b8ac;}
.oneclick_list ul li a .btn_apply1 span.count {background:#fff; border:1px solid #d3d3d3; color:#6e6e6e; font-size:14px; font-family:"NotoKrR", NotoKrR;}
.oneclick_list ul li a .btn_apply1 span.count em {color:#ff9147;}

@media screen and (max-width: 768px) {
  .oneclick_list ul li {margin-bottom:8px; border-radius:5px;}
  .oneclick_list ul li a {padding:15px 15px;}
  .oneclick_list ul li a .category {padding:1px 9px; top:-2px;}
  .oneclick_list ul li a .tit {float:none; width:100%; padding:5px 30px 5px 0; margin-bottom:10px; font-size:20px;}
  .oneclick_list ul li a .info {float:none; width:100%; padding:2px 0; margin-bottom:15px; font-size:14px;}
  .oneclick_list ul li a .info span {float:none; display:block; width:330px; padding:1px 12px 1px 0;}
  .oneclick_list ul li a .info span i {width:90px; padding-left:15px;}
  .oneclick_list ul li a .info span.icon3 {padding-right:0;}
  .oneclick_list ul li a .btn_apply1 {width:100%; float:none; text-align:center;}
  .oneclick_list ul li a .btn_apply1 span {width:90px; padding:4px 0;}

}




/* 원클릭 탭메뉴 */
.oneclick_tab {margin-bottom:35px;}
.oneclick_tab ul {display:flex; border:4px solid #25b8ac; border-bottom:0 none;}
.oneclick_tab ul li {flex:1 1 auto; position:relative; background:#25b8ac; color:#fff;}
.oneclick_tab ul li a {display:block; padding:21px 0; text-align:center; font-size:18px; font-family:"NotoKrB", NotoKrB; border-left:1px solid #1aa499;}
.oneclick_tab ul li:first-child a {border-left:0 none;}
.oneclick_tab ul li.active {}
.oneclick_tab ul li.active a {background:#fff; color:#25b8ac; }
.oneclick_tab ul li:nth-child(1) a span {display:inline-block; position:relative; padding-left:48px;}
.oneclick_tab ul li:nth-child(1) a span:before {display:block; content:""; width:36px; height:36px; position:absolute; left:0; top:-5px; background:url('../../images/content/icon_tab1_on.png') no-repeat left center;}
.oneclick_tab ul li.active:nth-child(1) a span:before {display:block; content:""; width:36px; height:36px; position:absolute; left:0; top:-5px; background:url('../../images/content/icon_tab1.png') no-repeat left center;}
.oneclick_tab ul li:nth-child(2) a span {display:inline-block; position:relative; padding-left:48px;}
.oneclick_tab ul li:nth-child(2) a span:before {display:block; content:""; width:36px; height:36px; position:absolute; left:0; top:-5px; background:url('../../images/content/icon_tab2_on.png') no-repeat left center;}
.oneclick_tab ul li.active:nth-child(2) a span:before {display:block; content:""; width:36px; height:36px; position:absolute; left:0; top:-5px; background:url('../../images/content/icon_tab2.png') no-repeat left center;}

@media screen and (max-width: 768px) {
  .oneclick_tab {margin-bottom:15px;}
  .oneclick_tab ul li a {padding:14px 0; font-size:16px; letter-spacing:-1px;}
  .oneclick_tab ul li:nth-child(1) a span {padding-left:32px;}
  .oneclick_tab ul li:nth-child(1) a span:before {width:24px; height:24px; top:0px; background-size:24px 24px;}
  .oneclick_tab ul li.active:nth-child(1) a span:before {width:24px; height:24px; top:0px; background-size:24px 24px;}
  .oneclick_tab ul li:nth-child(2) a span {padding-left:32px;}
  .oneclick_tab ul li:nth-child(2) a span:before {width:24px; height:24px; top:0px; background-size:24px 24px;}
  .oneclick_tab ul li.active:nth-child(2) a span:before {width:24px; height:24px; top:0px; background-size:24px 24px;}
  }



/* 원클릭 - 글보기 */
.oneclick_view {}
.oneclick_view > .head {padding:20px 0 40px;}
.oneclick_view > .head .tit {text-align:center; font-size:32px; letter-spacing:-1px; font-family:"NotoKrB", NotoKrB;}
.oneclick_view > .head .tit span {padding:6px 18px; margin-right:8px; position:relative; top:-6px; display:inline-block; font-size:14px; border-radius:5px;}
.oneclick_view > .head .tit .category.cate1 {background:#fff; border:1px solid #a0a0a0;}
.oneclick_view > .head .tit .category.cate2 {color:#fff; background:#757aee;}
.oneclick_view > .head .tit .category.cate3 {color:#fff; background:#00a8ff;}
.oneclick_view > .head .tit .category.cate4 {color:#fff; background:#0dccbd ;}
.oneclick_view > .head .tit .category.cate5 {color:#fff; background:#55c770;}
.oneclick_view > .head .tit .category.cate6 {color:#fff; background:#3e4d4c;}

.oneclick_view > .head .state {position:absolute; right:20px; top:-3px; }

.oneclick_view > .body {padding:0; display:flex;}
.oneclick_view.clist > .body {padding:0; display:block !important;}
.oneclick_view > .body:after {}
.oneclick_view > .body .innr {flex:1 1 auto; padding:40px 50px; border:1px solid #e5e5e5;}
.oneclick_view > .body .innr h4.tit {margin-bottom:16px; font-family:"NotoKrB", NotoKrB; font-size:24px; text-align:left;}
.oneclick_view > .body .innr .desc {}
.oneclick_view > .body .innr.time {flex-basis:500px; border:1px solid #3a4746; color:#fff; background:#3a4746 url(../../images/content/bg_time1.png) no-repeat 88% bottom;}
.oneclick_view > .body .innr.time h4.tit {}
.oneclick_view > .body .innr.time .desc {}
.oneclick_view > .body .innr.time .desc ul {}
.oneclick_view > .body .innr.time .desc ul li {margin-bottom:8px; padding:15px; border:1px solid #4b6260; font-size:13px;}
.oneclick_view > .body .innr.time .desc ul li .c_time {margin-bottom:3px; font-family:"NotoKrB", NotoKrB; color:#fff; font-size:16px;}
.oneclick_view > .body .innr.time .desc ul li .c_con {color:#bcd6d4;}

@media screen and (max-width: 768px) {
  .oneclick_view > .head {padding:10px 0 15px;}
  .oneclick_view > .head .tit {font-size:24px;}
  .oneclick_view > .head .tit span {padding:2px 12px; top:-4px; font-size:12px;}

  .oneclick_view > .body {display:block;}
  .oneclick_view > .body .innr {flex:none; padding:20px;}
  .oneclick_view > .body .innr h4.tit {margin-bottom:8px; font-size:18px;}
}


.oneclick_view .top_sec .btn .btn_apply {margin-top:5px; color:#fff; font-size:18px; }
.oneclick_view .top_sec .btn .btn_apply:hover {top:-8px;}

.oneclick_view .center_sec {}
.oneclick_view .center_sec:after {display:block; content:""; clear:both;}
.oneclick_view .center_sec .detail_innr {width:100%;}

.oneclick_view .center_sec .program_intro {width:770px; float:left; margin-right:60px;}
.oneclick_view .center_sec .program_intro table.intro th {vertical-align:top;}
.oneclick_view .center_sec .program_intro table.intro td {text-align:left;}
.oneclick_view .center_sec .program_intro table.intro td .map_kakao {margin-bottom:5px;}
.oneclick_view .center_sec .program_intro table.intro td .map_addr1 {padding:6px 0; font-family:"NotoKrB", NotoKrB; text-align:center; background:#3a3c44; color:#fff;}
.oneclick_view .center_sec .program_intro table.intro td .map_addr2 {text-align:center;}
.oneclick_view .center_sec .calendar_intro {width:498px; float:left;}

@media screen and (max-width: 1399px) {
  .oneclick_view .center_sec .program_intro {width:100%; float:none; margin-right:0;}
  .oneclick_view .center_sec .calendar_intro {width:100%; float:none;}
}


.prog_list {width:100%; margin-bottom:40px; position:relative; background:#fff;}
.prog_list .tab_gategory {}
.prog_list .tab_gategory > ul {}
.prog_list .tab_gategory > ul:after {display:block; content:""; clear:both;}
.prog_list .tab_gategory > ul > li {float:left; width:33.333%;}
.prog_list .tab_gategory > ul > li > a {display:block; padding:20px 0 16px; font-size:18px; letter-spacing:-1px; border:1px solid #e4e4e4; border-left:0 none; border-bottom:4px solid #005bac; font-family:"NotoKrM", NotoKrM; text-align:center; background:#fff;}
.prog_list .tab_gategory > ul > li.on > a {border-left:0 none; border-top:1px solid #005bac; background:#005bac; color:#fff;}
.prog_list .tab_gategory > ul > li:first-child.on > a {border-left:0 none;}
.prog_list .tab_gategory > ul > li:first-child > a {border-left:1px solid #e4e4e4;}
.prog_list .tab_gategory > ul > li:last-child.on > a {border-right:0 none;}
.prog_list .tab_gategory > ul > li > a .count {margin-left:7px; font-size:16px; font-family:"NotoKrR", NotoKrR; letter-spacing:1px;}
.prog_list .tab_content {width:1400px; padding:30px; border:1px solid #e4e4e4; border-top:0 none;}
.prog_list .tab_content ul {overflow:hidden;}
.prog_list .tab_content ul li {float:left; width:25%; text-align:left; padding-right:15px; margin-bottom:10px;}
.prog_list .tab_content ul li a:before {display:block; content:""; position:absolute; left:0; top:14px; width:6px; height:6px; background:#dddddd; border-radius:100%;}
.prog_list .tab_content ul li a {position:relative; display:inline-block; padding:5px 0 5px 11px;}
.prog_list .tab_content ul li.on a, .prog_list .tab_content ul li a:hover {color:#005bac; font-weight:bold;}
.prog_list .tab_content ul li .state {display:inline-block; padding:0 10px; margin-left:8px; border-radius:20px; background:#ff7d50; color:#fff; font-size:12px; letter-spacing:-1px;}
/* .prog_list .tab_content ul li:nth-child(6),
.prog_list .tab_content ul li:nth-child(10),
.prog_list .tab_content ul li:nth-child(14) {clear:both;} */
.prog_list .tab_content#tab_2 {margin-left:-466px;}
.prog_list .tab_content#tab_3 {margin-left:-933px;}

.tab-content.on {display:block;}

@media only screen and (max-width: 1399px){
  .prog_list {margin-bottom:20px;}
  .prog_list .tab_gategory > ul > li {float:none; width:100%;}
  .prog_list .tab_gategory > ul > li > a {display:block; padding:10px 0; font-size:14px; border:1px solid #e4e4e4;;}
  .prog_list .tab_gategory > ul > li.on a {}
  .prog_list .tab_gategory > ul > li > a .count {margin-left:3px; position:relative; top:auto; display:inline-block; font-size:12px;}
  .prog_list .tab_content {width:100%; padding:10px;}
  .prog_list .tab_content ul li {width:50%; padding-right:0; margin-bottom:1px;}
  .prog_list .tab_content ul li a {padding:1px 0 1px 11px; letter-spacing:-2px; font-size:13px;}
  .prog_list .tab_content ul li a:before {top:9px;}
  .prog_list .tab_content ul li .state {padding:0 4px; margin-left:5px; border-radius:3px; font-size:11px; letter-spacing:-2px;}
  .prog_list .tab_content#tab_2 {margin-left:0;}
  .prog_list .tab_content#tab_3 {margin-left:0;}

}


.prog_tit {height:60px; line-height:60px; font-family:"NotoKrR", NotoKrR, "맑은고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Arial, AppleGothic, sans-serif; }
.prog_tit h3 {margin-top:35px; position:relative; font-size:24px; letter-spacing:-1px;}
.prog_tit h3:before {display:block; content:""; position:absolute; left:1px; top:5px; width:22px; height:4px; background:url('../../images/common/bu_tit1.png') no-repeat left top;}

.program_wrap {padding-top:0px; margin-bottom:20px; position:relative;}
.program_wrap > .head {position:fixed; top:71px; width:100%; height:71px; line-height:71px; padding:0 40px; z-index:100; background:#fff;}
.program_wrap > .head h3 {font-size:24px; letter-spacing:-1px; text-align:left;}
.program_wrap > .head .location {position:absolute; top:0; right:40px; font-size:13px;}
.program_wrap > .head .location ol {overflow:hidden;}
.program_wrap > .head .location ol li {float:left; padding:0 13px; color:#9c9c9c; background:url("../../images/content/icon_arrow.png") no-repeat left center;}
.program_wrap > .head .location ol li:first-child {padding-left:17px; background:url("../../images/content/icon_home.png") no-repeat left center;}
.program_wrap > .head .location ol li:last-child {padding-right:0; color:#f17a57;}

.program_wrap > .body {}
.program_wrap > .body:after {display:block; content:""; clear:both;}
.program_wrap > .body .prog_con {padding:40px 50px; background:#fff;}
.calendar_wrap {}
.calendar_wrap:after {display:block; content:""; clear:both;}
.calendar {width:980px; float:left;}
.calendar > .head {margin-bottom:5px; position:relative; background:#fff;}
.calendar > .head .info_ctl {position:absolute; top:20px; right:0;}
.calendar > .head .info_ctl a {display:inline-block; font-size:14px;}
.calendar > .head .info_ctl a.prev {padding:3px 8px 3px 15px; background:url("../../images/content/icon_prev1.png") no-repeat left center;}
.calendar > .head .info_ctl a.next {padding:3px 15px 3px 8px;  margin-left:0px; background:url("../../images/content/icon_next1.png") no-repeat right center;}
.calendar > .head .info_date {font-size:24px;}
.calendar > .head .info_date select {border:0 none; font-size:14px;}
.calendar > .head .info_date select option {}
.calendar > .head .info_date .slt_date {position:relative; padding-top:13px; padding-right:30px; line-height:150%; background:#fff url(../../images/common/bu_arrow1.png) no-repeat 95% 22px;}
.calendar > .head .info_date .slt_date.year {margin-left:0; display:inline-block;}
.calendar > .head .info_date .slt_date.month {margin-left:10px; display:inline-block;}
.calendar > .head .info_date .slt_date .select {height:34px; font-size:50px; font-family:Teko;}
.calendar > .head .info_date .slt_date.year ul {width:98px;}
.calendar > .head .info_date .slt_date.month ul {width:65px;}
.calendar > .head .info_date .slt_date ul {position:absolute; left:0; top:55px; padding:0; background:#fff; display:none; font-size:14px; font-weight:normal; line-height:120%; border:1px solid #eee;}
.calendar > .head .info_date .slt_date ul li {border-bottom:1px solid #efefef;}
.calendar > .head .info_date .slt_date ul li:last-child {border-bottom:0 none;}
.calendar > .head .info_date .slt_date ul li a {display:block; padding:8px 15px; color:#868686; text-align:left;}
.calendar > .head .info_date .slt_date ul li a:hover {background:#3a3a3a; color:#fff;}

.sms_count {display:block; font-size:11px; text-align:right}
.sms_count .number {width:23px; border:0px; padding-bottom:2px; color:#ee4141; display:inline-block;}

@media only screen and (max-width: 1399px){
  .calendar > .head {margin-bottom:0px;}
  .calendar > .head .btn_write {display:none;}
  .calendar > .head .info_ctl {top:0px;}
  .calendar > .head .info_ctl a {top:0px;}
  .calendar {width:100%; float:none;}
}


.calendar > .body {background:#fff;}
.programReq {float:left; width:70%;}
.programReq .tbl_req1 {border-top:4px solid #393939;}
.programReq .tbl_req1 thead th {padding:10px 0; background:#fff; border:1px solid #e4e5e7; text-align:center; font-weight:normal; font-size:13px; font-family:"NotoKrM", NotoKrM;}
.programReq .tbl_req1 tbody td {padding:10px; height:135px; color:#333; background:#fff; border:1px solid #e4e5e7; vertical-align:top; font-size:11px;}

.programReq .tbl_req1 tbody td .day_wrap {margin-bottom:6px; overflow:hidden; font-size:14px;}
.programReq .tbl_req1 tbody td .day_wrap a {display:block; transition: all .2s ease-in-out;}
.programReq .tbl_req1 tbody td .day_wrap .btn_apply {float:right; padding:0px 5px; font-size:12px; border:1px solid #25b8ac; color:#25b8ac; }
.programReq .tbl_req1 tbody td .day_wrap .btn_apply:hover {color:#fff; background:#25b8ac;}
.programReq .tbl_req1 tbody td.end {background:#fafafa;}
.programReq .tbl_req1 tbody td .txt {}
.programReq .tbl_req1 tbody td .txt li {margin-bottom:3px; background:#DB682C; color:#fff; border-radius:2px;}
.programReq .tbl_req1 tbody td .txt li a {display:block; padding:0px 8px;}
.programReq .tbl_req1 .sunday {color:#d92d1e;}
.programReq .tbl_req1 .today {font-weight:bold;}
.programReq .tbl_req1 .today a {font-weight:normal;}

.program_wrap .btn_wrap.excel {}
.program_wrap .btn_wrap.excel input[type=text] {width:136px; background:#f8f9fa; border:0 none; text-align:center; cursor:pointer;}
.program_wrap .btn_wrap.cldr a.btn_set {position:relative; padding:0 20px 0 40px !important;}
.program_wrap .btn_wrap.cldr a.btn_set:before {display:block; content:""; position:absolute; left:15px;}
.program_wrap .btn_wrap.cldr .list {position:relative; padding-left:25px; padding-right:35px;} /*목록*/
.program_wrap .btn_wrap.cldr .list:after {display:block; content:""; position:absolute; top:20px; right:13px; width:9px; height:5px; background:url("../../images/content/icon_arrow5.png") no-repeat 0 0;} /*목록*/
.program_wrap .btn_wrap.cldr .icon1:before {top:16px; width:18px; height:13px; background:url("../../images/content/icon_btn1.png") no-repeat 0 0;} /*카테고리*/
.program_wrap .btn_wrap.cldr .icon2:before {top:14px; width:18px; height:17px; background:url("../../images/content/icon_btn2.png") no-repeat 0 0;} /*공휴일설정*/
.program_wrap .btn_wrap.cldr .icon3:before {top:13px; width:20px; height:19px; background:url("../../images/content/icon_btn3.png") no-repeat 0 0;} /*기사정보*/
.program_wrap .btn_wrap.cldr .icon4:before {top:14px; width:17px; height:17px; background:url("../../images/content/icon_btn4.png") no-repeat 0 0;} /*강사정보*/
.program_wrap .btn_wrap.cldr .icon5:before {top:12px; width:18px; height:20px; background:url("../../images/content/icon_btn5.png") no-repeat 0 0;} /*전체삭제*/
.program_wrap .btn_wrap.cldr .icon6:before {top:14px; width:18px; height:18px; background:url("../../images/content/icon_btn6.png") no-repeat 0 0;} /*엑셀저장*/
.program_wrap .btn_wrap.cldr a.btn_area {position:relative; padding-left:20px !important;}
.program_wrap .btn_wrap.cldr a.btn_area:before {display:block; content:""; position:absolute; left:0;}
.program_wrap .btn_wrap.cldr a.btn_area {}
.program_wrap .btn_wrap.cldr .list > .submenu {width:114px; position:absolute; bottom:45px; left:-1px; background:#647687; display:none; z-index:10;}
.program_wrap .btn_wrap.cldr .list > .submenu > a {width:114px; display:block; height:auto !important; line-height:120%; padding:5px 15px; text-align:center; font-size:12px !important; color:#ced5dc;}
.program_wrap .btn_wrap.cldr .list > .submenu > a:hover {background:#566879; color:#fff;}

@media (max-width: 1399px) {
  .programReq {float:none; width:100%;}
  .program_wrap {padding-top:1px; margin-bottom:0;}
  .program_wrap > .head {position:relative; top:0; width:100%; height:70px; padding:0 10px 0; background:#fff;}
  .program_wrap > .head h3 {font-size:20px; text-align:center;}
  .program_wrap > .head .location {display:none;}
  .program_wrap > .body {margin:0;}
  .program_wrap > .body .calendar {width:100%; float:none;}
  .program_wrap > .body .prog_con {padding:0px;}
  .calendar > .head {height:48px; line-height:48px;}
  .calendar > .head .info_date .slt_date {padding-top:5px; padding-right:30px; line-height:150%; background:#fff url(../../images/common/bu_arrow1.png) no-repeat 82% 20px; background-size:13px auto;}
  .calendar > .head .info_date .slt_date .select {height:34px; font-size:28px;}
  .calendar > .body {min-height:300px;}
  .programReq .tbl_req1 tbody td {padding:5px; height:120px; letter-spacing:-1px;}
  .programReq .tbl_req1 tbody td .txt li a {padding:0px 4px;}
}

/* 원클릭 프로그램 > readme */
.readme {width:400px; min-height:700px; margin-left:20px; float:right; overflow:hidden;}
.readme > .head {text-indent:-9999px; height:56px; line-height:56px; font-size:26px; font-family:"NotoKrM", NotoKrM;}
.readme > .body {}
.readme > .body > ul {}
.readme > .body > ul > li {margin-bottom:10px; text-align:center; background:#fff;}
.readme > .body > ul > li:last-child {margin-bottom:15px;}
.readme > .body > ul > li .tit {display:inline-block; padding:3px 12px; margin-top:12px; color:#fff; font-size:13px; border-radius:3px; letter-spacing:-1px;}
.readme > .body > ul > li .tit span {display:block;}
.readme > .body > ul > li .desc {padding:15px; position:relative; text-align:left; }
.readme > .body > ul > li .desc dl {font-size:13px;}
.readme > .body > ul > li .desc dl:after {display:block; content:""; clear:both;}
.readme > .body > ul > li .desc dt {float:left; width:120px; color:#818181;}
.readme > .body > ul > li .desc dd {float:left; position:relative;}
.readme > .body > ul > li .desc dl.detail {display:none;}
.readme > .body > ul > li .desc dl.detail dd {width:100%;}
.readme > .body > ul > li .more {display:block; width:100%; padding:3px 0; background:#fff; color:#5e5e5e; text-align:center; border-top:1px solid #e9e9e9; font-size:12px;}
.readme > .body > ul > li .more:hover {background:#4d5153; color:#fff;}
.readme > .body .maul {margin-bottom:10px; height:46px; line-height:46px; text-align:center; background:#fbefda; border:1px solid #f2d5a3; border-radius:5px; }
.readme > .body .maul span {display:inline-block; background:url(../../images/content/icon_group1.png) no-repeat left center; padding-left:30px;}
.readme > .body .innr {position:relative; border-top: 4px solid #19978d;}
.readme > .body .info {padding:16px 20px; font-size:14px; line-height:130%; border:1px solid #e4e5e7; border-top:0 none;}
.readme > .body .info:last-child {}
.readme > .body .info .tit {position:relative; padding-bottom:4px; font-size:15px; font-family:"NotoKrB", NotoKrB; color:#19978d;} 
.readme > .body .info .tit:before {display:block; content""; position:absolute; left:0; top:3px; width:3px; height:15px; background:#19978d;} 
.readme > .body .info .txt {}
.readme > .body .info.s_time {background: linear-gradient(to right bottom, #9dd231, #0fb987); color:#fff; border:0 none;}
.readme > .body .info.s_time:after {display:block; content:""; background: url('../../images/content/icon_cldr1.png') no-repeat left top; width:60px; height:66px; position:absolute; right:20px; bottom:20px; z-index:10;}
.readme > .body .info.s_time .tit {margin-bottom:6px; color:#fff;}
.readme > .body .info.s_time .txt {color:#fff;}
.readme > .body .info.s_time .txt ul {}
.readme > .body .info.s_time .txt ul li {padding:0px 10px; margin-bottom:10px; border-left:3px solid #bff18b;}
.readme > .body .info.s_time .txt ul li .c_time {font-family:"NotoKrB", NotoKrB;}
.readme > .body .info.s_time .txt ul li .c_con {}


@media (max-width: 1399px) {
  .readme {width:100%; min-height:auto; margin-left:0; margin-bottom:20px; float:none;}
  .readme > .head {display:none;}
  .readme > .body {padding:0; height:auto !important;}

  .readme > .body > .info {margin-bottom:10px; font-size:13px;}
  .readme > .body > .info .tit {padding:8px 15px; margin-bottom:5px; font-size:14px;} 
  .readme > .body > .info p {min-height:50px; padding:15px; line-height:150%;}
  .readme > .body > .info ul {}
  .readme > .body > .info ul li {margin-bottom:5px; padding-left:10px; position:relative;}
  .readme > .body > .info ul li:before {display:block; content:""; position:absolute; top:7px; left:0; width:5px; height:5px; background:#fc6f40; border-radius:100%;}
}


/* 작은 달력() */
.calendar_wrap {}
.cldr_box {}
.cldr_box > .cldr_head {margin-bottom:5px; position:relative; background:#fff;}
.cldr_box > .cldr_head .info_ctl {position:absolute; top:20px; right:0;}
.cldr_box > .cldr_head .info_ctl a {display:inline-block; font-size:14px;}
.cldr_box > .cldr_head .info_ctl a.prev {padding:3px 8px 3px 15px; background:url("../../images/content/icon_prev1.png") no-repeat left center;}
.cldr_box > .cldr_head .info_ctl a.next {padding:3px 15px 3px 8px;  margin-left:0px; background:url("../../images/content/icon_next1.png") no-repeat right center;}
.cldr_box > .cldr_head .info_date {font-size:24px;}
.cldr_box > .cldr_head .info_date select {border:0 none; font-size:14px;}
.cldr_box > .cldr_head .info_date select option {}
.cldr_box > .cldr_head .info_date .slt_date {position:relative; padding-top:10px; padding-right:30px; line-height:150%; background:#fff url(../../images/common/bu_arrow1.png) no-repeat 95% 22px;}
.cldr_box > .cldr_head .info_date .slt_date.year {margin-left:0; display:inline-block;}
.cldr_box > .cldr_head .info_date .slt_date.month {margin-left:10px; display:inline-block;}
.cldr_box > .cldr_head .info_date .slt_date .select {height:34px; font-size:32px; font-family:Teko;}
.cldr_box > .cldr_head .info_date .slt_date.year ul {width:98px;}
.cldr_box > .cldr_head .info_date .slt_date.month ul {width:65px;}
.cldr_box > .cldr_head .info_date .slt_date ul {position:absolute; left:0; top:55px; padding:0; background:#fff; display:none; font-size:14px; font-weight:normal; line-height:120%; border:1px solid #eee;}
.cldr_box > .cldr_head .info_date .slt_date ul li {border-bottom:1px solid #efefef;}
.cldr_box > .cldr_head .info_date .slt_date ul li:last-child {border-bottom:0 none;}
.cldr_box > .cldr_head .info_date .slt_date ul li a {display:block; padding:5px 12px; color:#868686; text-align:left;}
.cldr_box > .cldr_head .info_date .slt_date ul li a:hover {background:#3a3a3a; color:#fff;}


.cldr_body .tbl_cldr1 {border-top:3px solid #393939; font-size:13px;}
.cldr_body .tbl_cldr1 thead th {padding:5px; background:#fff; border:1px solid #e4e5e7; text-align:center; font-weight:normal; font-family:"NotoKrM", NotoKrM;}
.cldr_body .tbl_cldr1 tbody td {color:#333; background:#fff; border:1px solid #e4e5e7; vertical-align:top; cursor:pointer;}
.cldr_body .tbl_cldr1 tbody td .day_wrap {height:50px; line-height:50px; text-align:center;}
.cldr_body .tbl_cldr1 tbody td.on {background:#0dccbd;}
.cldr_body .tbl_cldr1 .sunday {color:#d92d1e;}
.cldr_body .tbl_cldr1 .today {font-weight:bold;}
.cldr_body .tbl_cldr1 .today a {font-weight:normal;}


/* 기관 및 부서별 프로그램 */
.dep_program_bg {background:#f7f7f7;}
.dep_program {padding:15px; overflow:hidden;}
.dep_program dl {width:50%; float:left; display: table; margin-bottom:10px;}
.dep_program dl dt {width:105px; display: table-cell; text-align: left; vertical-align: top;}
.dep_program dl dt span {display:block; padding:4px 15px; background:#005bac; border-radius:40px; color:#fff; font-size:13px; text-align:center; letter-spacing:-1px;}
.dep_program dl dd {padding-left:25px; padding-top:3px; text-align:left;}
.dep_program dl dt:after, .dep_program dl dd:after {clear: both;}
.dep_program dl:last-child dt {}
.dep_program dl:last-child dt span {width:105px;}
.dep_program dl:last-child dd {width:900px;}

@media (max-width: 1399px) {
  .dep_program {padding:15px 0;}
  .dep_program dl {width:100%; float:none; margin-bottom:8px;}
  .dep_program dl dt span {font-size:12px;}
  .dep_program dl dd {padding-left:15px; font-size:14px;}
  .dep_program dl:last-child dt {width:105px;}
  .dep_program dl:last-child dd {width:100%;}
}


/* 콘텐츠 */
.program_wrap .content {padding:40px 50px; background:#fff;}
.program_wrap .content .info_box {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #e9e9e9;}
.program_wrap .content .info_box .con_innr {}
.program_wrap .content .info_box .con_innr p {}
.program_wrap .content .info_box .con_innr ul {}
.program_wrap .content .info_box .con_innr ul li {position:relative; padding-left:10px;}
.program_wrap .content .info_box .con_innr ul li:before {display:block; content:""; position:absolute; left:0; top:9px; width:4px; height:4px; background:#1f7fcf;}

@media (max-width: 1399px) {
  .program_wrap .content {padding:10px;}
}


/* 너른고을 교육지원 - 인포박스 */
.eduinfo1 {margin-bottom:40px; overflow:hidden; font-size:16px; line-height:160%;}
.eduinfo1 .head {float:left; width:370px; min-height:390px; padding:0 40px; background:#3fb69b;}
.eduinfo1 .head p {text-align:center; color:#fff; letter-spacing:-1px; line-height:120%;}
.eduinfo1 .head .tit {margin:210px 0 14px; font-size:26px; }
.eduinfo1 .head .tit span {display:inline-block; line-height:0%;}
.eduinfo1 .head .tit span:after {display:block; content:""; width:100%; height:10px; margin-top:5px; background:#289e83;}
.eduinfo1 .head .txt {color:#d1fff5;}
.eduinfo1 .head#icon1 {background:#3fb69b url("../../images/main/main_icon1.png") no-repeat center 50px;}
.eduinfo1 .head#icon2 {background:#3fb69b url("../../images/main/main_icon2.png") no-repeat center 50px;}
.eduinfo1 .head#icon3 {background:#3fb69b url("../../images/main/main_icon3.png") no-repeat center 50px;}
.eduinfo1 .head#icon4 {background:#3fb69b url("../../images/main/main_icon4.png") no-repeat center 50px;}

.eduinfo1 .body {float:left; width:696px; min-height:390px; padding:30px 40px; background:#f4f4f4;}
.eduinfo1 .body .txt_info1 {}
.eduinfo1 .body .txt_info1 > li {margin-top:15px; font-size:20px; font-family:"NotoKrM", NotoKrM;}
.eduinfo1 .body .txt_info1 > li:first-child {margin-top:0;}
.eduinfo1 .body .txt_info1 .txt_dep3 {color:#757575 !important;}

@media only screen and (max-width: 1399px){
  .eduinfo1 {margin-bottom:20px; font-size:14px;}
  .eduinfo1 .head {float:none; width:100%; min-height:auto; padding:20px;}
  .eduinfo1 .head .tit {margin:190px 0 14px; font-size:22px; }
  .eduinfo1 .head .tit span {display:inline-block; line-height:0%;}
  .eduinfo1 .body {float:none; width:100%; min-height:auto; padding:20px;}
  .eduinfo1 .body .txt_info1 > li {margin-top:10px; font-size:14px;}


}


/* 너른고을 교육지원 */
.edumap_warp {}
.edumap_warp .search_head {margin-bottom:20px; overflow:hidden;}
.edumap_warp .search_head .left_sec, .edumap_warp .search_head .right_sec {min-height:380px;}
.edumap_warp .search_head .left_sec {width:726px; float:left; border:1px solid #e6e6e6; border-right:0 none;}
.edumap_warp .search_head .left_sec .map img {display:none;}
.edumap_warp .search_head .left_sec .map img.on {display:block;}
.edumap_warp .search_head .right_sec {width:350px; float:left; padding:30px; background:#275cab; color:#fff;}
.edumap_warp .search_head .right_sec h5 {margin-bottom:13px; font-size:18px;}
.edumap_warp .search_head button {width:31.3%; padding:10px 0; margin:0 3px 7px 0; text-align:center; border:0 none; background:#fff;}
.edumap_warp button.c_black {background:#3d3d3d; color:#fff;}
.edumap_warp button.c_black:hover {background:#3d3d3d; color:#fff;}
.edumap_warp button.active {background:#ffc850; color:#fff;}
.edumap_warp button.disabled {background:#d4d4d4; cursor:default;}

.search_option {padding:25px; margin-bottom:60px; border:1px solid #e7f3f7; background:#f2f8fa;}
.search_option .srch_tbl {}
.search_option .srch_tbl th, .search_option .srch_tbl td {padding:8px 12px; text-align:left;}
.search_option .srch_tbl th {}
.search_option .srch_tbl td {}
.search_option .srch_tbl td .ipt_word {width:50%; height:38px; padding:0 10px; margin-right:5px; border:1px solid #d4d4d4;}
.search_option .srch_tbl td .ipt_sltbox {height:38px; line-height:38px; padding:0 10px; border:1px solid #d4d4d4;}
.search_option button {width:auto; padding:9px 22px; border:1px solid #e6e6e6;}
.search_option button:hover {background:#e7e7e7; border:1px solid #dedede;}
.search_option button.active:hover, .search_option button.active {border:1px solid #ffc850; background:#ffc850;}

@media screen and (max-width: 1399px) {
  .edumap_warp .search_head .left_sec, .edumap_warp .search_head .right_sec {min-height:auto;}
  .edumap_warp .search_head .left_sec {width:100%; float:none; border:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
  .edumap_warp .search_head .left_sec .map img {width:100%; height:auto;}
  .edumap_warp .search_head .right_sec {width:100%; float:none; padding:20px;}

  .search_option {padding:10px; margin-bottom:20px;}
  .search_option .srch_tbl colgroup {display:none;}
  .search_option .srch_tbl tr {display:block; padding:8px 0;}
  .search_option .srch_tbl tr:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
  .search_option .srch_tbl thead th {padding:8px 0; }
  .search_option .srch_tbl th {display:block; float:left; clear:left; width:100%; padding:2px 0; color:#222; text-align:left; box-sizing:border-box;}
  .search_option .srch_tbl td {display:block; float:left; clear:left; width:100%; padding:2px 0; box-sizing:border-box;}
  .search_option .srch_tbl tbody td, .search_option .srch_tbl tbody th {padding:0;}

  .search_option .srch_tbl td button {padding:3px 14px; margin:0 0px 3px 0; border:1px solid #d4d4d4; background:#fff;}
  .search_option .srch_tbl td .ipt_word {width:30%; height:30px; padding:0 10px; margin-right:5px; border:1px solid #d4d4d4;}
  .search_option .srch_tbl td .ipt_sltbox {height:30px; line-height:30px; padding:0 10px; border:1px solid #d4d4d4;}
  .search_option button.active {border:1px solid #ffc850 !important; background:#ffc850 !important;}
  .edumap_warp button.c_black {background:#3d3d3d !important; color:#fff !important;}
}

.edumap_view {padding-bottom:30px; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.edumap_view .head {position:relative; padding:20px 0 20px; margin-bottom:30px; border-top:3px solid #464646; border-bottom:1px solid #e7e7e7;}
.edumap_view .head .cate {display:inline-block; padding:3px 15px; margin-right:15px; border-radius:5px; font-size:14px; color:#fff; background:#ffcc00;}
.edumap_view .head h4 {display:inline-block; font-size:22px; font-family:"NotoKrM", NotoKrM; letter-spacing:-1px;}
.edumap_view .body {}
.edumap_view .body .detail {margin-bottom:50px; overflow:hidden;}
.edumap_view .body .detail .thumb {float:left; width:420px;  margin-right:50px;}
.edumap_view .body .detail .info_box {float:left; width:596px;}
.edumap_view .body .detail .info_box table {border-top:1px solid #000 !important;}
.edumap_view .body .desc {padding:20px 0; border-top:1px dashed #dcdcdc;}

.edumap_view .gallery {}
.edumap_view .gallery .images {position: relative; width: 420px; height:314px;}
.edumap_view .gallery .images > div,
.edumap_view .gallery .images > span {position: absolute; display: block; width: 100%; height: 100%;}
.edumap_view .gallery .images > div {opacity: 0; background: center no-repeat; background-size: cover; -webkit-transition: all 0.88s ease; transition: all 0.88s ease;}
.edumap_view .gallery .images > div.active {opacity: 1;}
.edumap_view .gallery .images > span {cursor: pointer; display:block; width:32px; height:32px; position:absolute; top:50%; margin-top:-16px;}
.edumap_view .gallery .images > span.left {left:0; background:url('../../images/common/btn_prev1.png') no-repeat left top;}
.edumap_view .gallery .images > span.right {right:0; background:url('../../images/common/btn_next1.png') no-repeat left top;}
.edumap_view .gallery .thumbs {margin-top: 25px;  display: inline-block; width: 100%; text-align: center; cursor: pointer;}
.edumap_view .gallery .thumbs > div {box-sizing: border-box; background: center no-repeat; background-size: cover; display: inline-block; position: relative; margin: 4px; border: 3px solid transparent; width: 100px; height: 80px; cursor: pointer; -webkit-transition: all 0.88s ease; transition: all 0.88s ease;}
.edumap_view .gallery .thumbs > div:before {content: ''; width: 0; height: 0; border: solid transparent; border-width: 0 5px 5px 5px; position: absolute; left: 45px; top: -8px; -webkit-transition: all 0.88s ease; transition: all 0.88s ease;}
.edumap_view .gallery .thumbs > div.active {border-color: #44abe0;}
.edumap_view .gallery .thumbs > div.active:before {border-bottom-color: #44abe0;}

@media (max-width: 1399px) {
  .edumap_view .head {padding:15px 0 15px; margin-bottom:25px;}
  .edumap_view .head .cate {margin-bottom:5px; font-size:14px;}
  .edumap_view .head .cate span {padding:2px 10px;}
  .edumap_view .head h4 {width:70%;}
  .edumap_view .head h4 span {font-size:25px; line-height:110%;}
  .edumap_view .head a.btn_ticket {width:90px; height:90px; margin-top:-10px; border-radius:0 0 0 10px;}
  .edumap_view .head a.btn_ticket .iconbox {display:none;}
  .edumap_view .head a.btn_ticket .textbox {padding-top:28px;}

  .edumap_view .body {min-height:auto;}
  .edumap_view .body .thumb {float:none; width:340px; height:380px;}
  .edumap_view .body .thumbs > div {width: 86px; height:60px;}
  .edumap_view .body .thumbs img {width: 80px; height:54px;}
  .edumap_view .body .detail {float:none; width:100%; margin-top:0; margin-bottom:0px;}
  .edumap_view .body .detail .thumb {float:none; width:340px; margin:0 auto;}
  .edumap_view .body .detail .info_box {float:none; width:100%;}
  .edumap_view .body .desc {padding:0;}

  .edumap_view .gallery .thumbs {margin-top: 0;}
  .edumap_view .gallery .thumbs > div:before {left: 35px;}
  .edumap_view .gallery .images {position: relative; width: 340px; height:270px;}
  .edumap_view .gallery .images img {width: 100%; height:auto;}

  .edumap_view .body .desc {border-top:0 none;}
  .edumap_view .body .desc img {width:100% !important; height:auto !important;}
}


/* 찾아오시는길(주소,버스,지하철 등) */
.map_wrap {width:100% !important; margin-bottom:40px;}
.map_wrap iframe.daum_map {width:100%; height:440px;} /* 다음지도 외부 크기(내부보다 20px 크게) */
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:400px !important;} /* 다음지도 내부 크기 */
.root_daum_roughmap .wrap_controllers {display:block !important;}

.map_desc {overflow:hidden;}
.map_desc .left_sec {width:320px; float:left; margin-right:40px; background:url('../../images/content/icon_location1.png') no-repeat left top;}
.map_desc .left_sec .address {margin-bottom:25px; font-size:24px; font-family:"NotoKrB", NotoKrB; line-height:120%;}
.map_desc .left_sec .tel ul li {display:block; margin-bottom:4px;}
.map_desc .left_sec .tel ul li span {display:inline-block; width:40px; color:#848484;}

.map_desc .right_sec {width:706px; float:left;}
.map_desc .right_sec {}
.map_desc dl {width: 100%; display: table; overflow:hidden; margin:0 0 35px;}
.map_desc dl dt {width:120px; display: table-cell; text-align: left; vertical-align: middle;}
.map_desc dl dd {padding-left:35px;}
.map_desc dl dt.icon1 {background:url('../../images/content/icon_trans1.png') no-repeat center top;}
.map_desc dl dt.icon2 {background:url('../../images/content/icon_trans2.png') no-repeat center top;}
.map_desc dl dt.icon3 {background:url('../../images/content/icon_trans3.png') no-repeat center top;}
.map_desc dl dt span {display:block; padding-top:130px; text-align:center;}
.map_desc dl dt:after, .map_desc dl dd:after {clear: both;}

@media screen and (max-width: 1065px) {
  .map_wrap {margin-bottom:25px;}
  .map_wrap .wrap_map {height:220px !important;}
  .map_wrap iframe.daum_map {width:100%; height:260px;} /* 다음지도 외부 크기 */
  .root_daum_roughmap .wrap_map {height:240px !important;} /* 다음지도 내부 크기 */
  .map_desc .left_sec {width:100%; float:none; margin-right:0; margin-bottom:30px;}
  .map_desc .left_sec .address {margin-bottom:25px; font-size:18px; text-align:center;}
  .map_desc .left_sec .tel {}
  .map_desc .left_sec .tel ul {text-align:center;}
  .map_desc .left_sec .tel ul li {display:inline-block;}
  .map_desc .right_sec {width:100%; float:none; margin:0;}

  .map_desc dl {width: 100%; display: table; overflow:hidden; margin:0 0 35px;}
  .map_desc dl dt {width:100%; display:block;}
  .map_desc dl dd {padding-left:0;}
  .map_desc dl dt span {display:block; padding-top:130px; text-align:center;}
  .map_desc dl dt:after, .map_desc dl dd:after {clear: both;}
}


/* 이용안내-사이트맵 */
.sitemap {width:100%;}
.sitemap .site_con {float:left; width:30%; margin-left:5%; margin-bottom:30px;}
.sitemap .site_con:nth-child(1),
.sitemap .site_con:nth-child(4),
.sitemap .site_con:nth-child(7) {margin-left:0; clear:both;}
.sitemap .site_con h4 {padding:16px 25px; text-align:left; font-size:20px; font-weight:bold; background:url(../../images/common/icon_arrow2.png) no-repeat 95% center; border-bottom:3px solid #315b8a;}
.sitemap .site_con .depth1 {}
.sitemap .site_con .depth1 > li {border-bottom:1px solid #eee;}
.sitemap .site_con .depth1 > li > a {display:block; padding:16px 25px; color:#474747; font-weight:bold;}
.sitemap .site_con .depth2 {padding:5px 10px; border-top:1px solid #eee; background:#fafafa; font-size:13px;}
.sitemap .site_con .depth2 > li {background:url(../../images/common/bu_dep3.png) no-repeat 14px 7px;}
.sitemap .site_con .depth2 > li > a {display:block; color:#878787; padding:5px 0 5px 30px;}

@media screen and (max-width: 1399px) {
  #siteMap {height:3860px !important;}
  .sitemap {width:100%; margin-bottom:0;}
  .sitemap .site_con {float:left; width:100%; margin-left:0; margin-bottom:25px;}
  .sitemap .site_con h4 {padding:10px 15px; font-size:18px;}
  .sitemap .site_con .depth1 > li > a {padding:10px 15px;}
  .sitemap .site_con .depth2 > li {background:url(../../images/common/bu_dep3.png) no-repeat 6px 7px;}
  .sitemap .site_con .depth2 > li > a {padding:5px 0 5px 24px;}
}


/* 검색결과 */
#srch_container {margin:28px 0; position:relative;}
#srch_container .srch_con {min-height:500px; padding:65px 140px;}
.srch_head {width:100%;}
.srch_head h3 {margin-bottom:48px; font-size:36px; color:#393939; text-align:center;}
.srch_head h3 strong {color:#dc5c3e;}
.srch_body .section {margin-bottom:35px; position:relative;}
.srch_body .section h4 {padding:12px; font-size:22px; color:#4270be; border-bottom:3px solid #4e4e4e;}
.srch_body .section h4.bd {padding:12px; font-size:22px; color:#4270be; border-bottom:1px solid #4e4e4e !important;}
.srch_body .section .result {}
.srch_body .section .result > ul {}
.srch_body .section .result > ul > li {padding:25px 12px; border-bottom:1px solid #f1f1f1;}
.srch_body .section .result > ul > li:hover {background:#f9f9f9;}
.srch_body .section .result > ul > li h5.sh_tit1 {margin-bottom:10px; font-size:16px;}
.srch_body .section .result > ul > li h5.sh_tit1 span {padding-left:15px; color:#9c9c9c; font-size:14px;}
.srch_body .section .result > ul > li .txt {margin-bottom:6px; font-size:14px; color:#676767;}
.srch_body .section .result > ul > li .path {font-size:14px; color:#d36969;}
.srch_body .section .btn_more {position:absolute; right:0; top:20px; color:#8c8c8c;}
.srch_body .section .result.dir li {padding:14px 12px !important; font-size:16px;}

@media screen and (max-width: 1399px) {
  #srch_container .srch_con {min-height:400px; padding:15px;}
  .srch_head h3 {margin-bottom:20px; font-size:24px;}
  .srch_body .section h4 {font-size:18px;}
  .srch_body .section h4.bd {font-size:18px;}
  .srch_body .section .result > ul > li {padding:15px 12px;}
}


/* 워크넷 채용정보 */
.job_list1 {border-top:1px solid #7a7d96;}
.job_list1 ul {}
.job_list1 ul li {border-bottom:1px solid #e5e5e5;}
.job_list1 ul li:first-child a .state {top:0px;}
.job_list1 ul li:hover {background:#fafafa;}
.job_list1 ul li:hover .state, .job_list1 ul li:hover:first-child a .state {top:-8px;}
.job_list1 ul li a {display:block; padding:28px 32px; position:relative;}
.job_list1 ul li a .category {margin-bottom:5px; overflow:hidden;}
.job_list1 ul li a .category span {padding:3px 12px; margin-right:5px; float:left; font-size:12px; border-radius:20px;}
.job_list1 ul li a .category .dday {border:1px solid #ed3434; color:#ed3434;}
.job_list1 ul li a .category .compy {border:1px solid #434343;}
.job_list1 ul li a .category .write {border:1px solid #434343; color:#434343;}
.job_list1 ul li a .category .state_top {background:#efefef;}
.job_list1 ul li a .category .cate {color:#fff; background:#3c3c3c;}
.job_list1 ul li a .tit {padding:10px 0 10px; margin-bottom:10px; font-size:24px;}
.job_list1 ul li a .info {padding:2px 0; font-size:15px;}
.job_list1 ul li a .info span {display:inline-block; margin-right:30px; padding-left:10px; position:relative; color:#898989;}
.job_list1 ul li a .info span:before {display:block; content:""; width:5px; height:5px; background:#bec4cc; left:0; top:7px; position:absolute;}
.job_list1 ul li a .info span i {position:relative; color:#3a3a3a; display:inline-block; padding-right:15px;}
.job_list1 ul li a .info span i:after {display:block; content:""; position:absolute; right:2px; top:3px; width:1px; height:14px; background:#c4c4c4;}
.job_list1 ul li a .info.prog .line em {color:#ed3434;}

.job_list1 ul li a .state {position:absolute; right:20px; top:-1px; width:120px; height:90px; padding:30px 0 0 0; border-radius:0 0 20px 20px; font-size:18px; text-align:center; box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.25); transition: all .15s ease-in;}
.job_list1 ul li a .state i {display:inline-block; position:relative;}
.job_list1 ul li a .state i:after {display:inline-block; content:""; position:relative; top:-8px; width:100%; height:4px; background:#fff; opacity: 0.5; filter: alpha(opacity=50);}
.job_list1 ul li a .state.state1 {background: linear-gradient(to bottom, #ff5050, #ff802c); color:#fff;} /*접수중*/
.job_list1 ul li a .state.state2 {background: linear-gradient(to bottom, #434343, #7d7d7d); color:#fff;} /*접수마감*/
.job_list1 ul li a .state.state3 {background: linear-gradient(to bottom, #4e84f4, #54b1fb); color:#fff;} /*접수대기*/
.job_list1 ul li.nodata {padding:15px 0; text-align:center;}

@media screen and (max-width: 1399px) {
  .job_list1 ul li a {padding:20px 20px 10px;}
  .job_list1 ul li a .tit {margin-bottom:0; font-size:20px; line-height:120%;}
  .job_list1 ul li a .info {margin-bottom:0; font-size:14px;}
  .job_list1 ul li a .info span {display:block; margin-right:0; margin-bottom:3px;}
  .job_list1 ul li a .info span.icon5 i {background:url('../../images/content/icon_oneclick4.png') no-repeat 3px center;}

  .job_list1 ul li a .state {position:relative; right:auto; top:auto; display:inline-block; width:120px; height:auto; padding:10px 25px; border-radius:5px; font-size:14px;box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.25);}
  .job_list1 ul li a .state i:after {display:none;}
}