@charset "utf-8";
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal;}

.headerWrap .sub-logo {display:none;}

/* 공통 */
.em {color:#017f82 !important;}
/*#content .minAgree label:before, #content label[for*="rivacyYn"]:before, #content label[for*="complianceYn"]:before{width:14px !important;height:14px !important;}*/
#content .minAgree label, #content label[for*="rivacyYn"], #content label[for*="complianceYn"] {top:67% !important; padding:0px 20px 0 20px;}
.bx-controls *{display:inline-block; vertical-align:top;}
.bx-pager div a,
.bx-controls-auto-item a,
.bx-controls-direction a{text-indent:-9999px; font-size:0; line-height:0;}
.bx-controls-auto-item a.active{display:none;}
.list-ul li .box-notice.bak {border:none; box-shadow:none; background:#f9f9f9;}
.list-ol li .box-notice.bak {border:none; box-shadow:none; background:#f9f9f9;}
.blue {color:#2559aa !important;}
.mT60 {margin-top:60px !important;}
.conts .point2 {color:#5845a6;}

@media all and (max-width:568px) {
	.bod_search select {max-width:100%; background-position-x:98%;}
}
/* btn */
.btn_wrap a,
.btn_wrap input {background-color: #fff; border: 2px solid #ddd; padding: 10px 15px; display: inline-block; font-weight:bold; font-size: 15px; letter-spacing: -1pt;
box-sizing: border-box; transition:0.5s; font: 15px "NanumS"; vertical-align: middle; line-height: 1.2em; margin-bottom: 5px;}
.btn_wrap a:hover,
.btn_wrap input:hover {border: 2px solid #59bddb;}
.btn.point {background:#D22259 !important;}
.btn.point:hover {background:#af1344 !important;}

/* 게시판 개인정보 수집 및 이용 동의 */
.agree_wrap {border: 5px solid #eee;background: url(/common/img/common/img_boardhead.png) no-repeat 30px 25px;min-height: 140px;padding: 17px 32px 20px 111px; margin-top:20px; box-sizing:border-box;margin-bottom: 20px;word-break: break-all;position: relative;}
/*.bod_guide {border: 5px solid #eee; background: url(/common/img/common/img_boardhead.png) no-repeat 30px 25px; min-height: 140px;padding:2.7em 2.35em 2.7em 9em;box-sizing:border-box;margin-bottom: 20px;word-break: break-all;position: relative;}
.bod_guide .tit { font-size: 23px; font-weight: 600; letter-spacing: -1px; color: #0567ad;}*/
.bod_guide p{margin-bottom: 5px;}
.bod_guide ul[class^="list_ul"], .bod_guide ol[class^="list_num"]{margin: 5px 0;}
.bod_guide ul[class^="list_ul"] >li, .bod_guide ol[class^="list_num"] li ul li{margin-top: 0; margin-bottom: 5px;}
.bod_guide a{display: inline-block; text-decoration:none !important;}
.bod_guide.files {padding:2.7em 2.35em 2.3em 9em;}

@media all and (max-width:640px) {
	.bod_guide.files {padding:2em;}
}

.agree_wrap .minAgree span {margin-right:20px; }
.agree_wrap .minAgree p { display:inline-block;}
.agree_wrap .exp{text-align:center; margin:15px 0;}

/* 게시판 쓰기 */
.bod_write{border-top: 2px solid #333 !important; border-left:0 !important; border-right:0 !important;}
.bod_write dl{display:table!important;width:100% !important ;}
.bod_write dl dt{display:table-cell !important;vertical-align:middle!important;width: 25%; text-align: center;font-weight: 600; line-height: 28px; background:#fff !important; border-right:0px !important; color:inherit !important;}
.bod_write dl dt em {color:#d32532;}
.bod_write dl dd{display:table-cell !important;width: 75%!important;vertical-align:middle!important;}
.bod_write dl{padding-top: 10px!important; padding-bottom: 10px!important; border-bottom: 1px dashed #ddd!important;}
.bod_write dl > * {padding:0px !important;}
.bod_write dl + dl {margin-top:0px !important;}
.bod_write dl:after{content: ''; clear: both; display: block;}
.bod_write dd fieldset {line-height:28px!important;}
.bod_write dd fieldset span {display:inline-block!important; vertical-align:middle!important; margin-right:15px!important;}
.bod_write .grid {border:1px solid #cccccc;}

@media all and (max-width:640px) {
#content .bod_write dl {border:0px !important; border-bottom:1px dashed #ddd!important;}
#content .bod_write dl > dt,
#content .bod_write dl > dd {border:0px !important;}
	}
/* 날씨정보 */
#radar ,
#satellite {position:relative; overflow:hidden; width:100%;}
#radar .bx-controls ,
#satellite .bx-controls{position:relative; margin:10px 0 0 0;}
#radar .bx-controls a,
#satellite .bx-controls a{width:35px; height:35px; margin:0 1px 0 0; background:rgba(44,109,169,0.8) url(/depart/img/content/btn_control.png) no-repeat 15px -20px;}
#radar .bx-controls-direction,
#satellite .bx-controls-direction{overflow:hidden; width:108px;}
#radar .bx-controls-direction a,
#satellite .bx-controls-direction a{float:left; border-radius:50% 0 0 50%;}
#radar .bx-controls-direction .bx-next,
#satellite .bx-controls-direction .bx-next{float:right; border-radius:0 50% 50% 0; background-position:-70px -20px;}
#radar .bx-controls-auto a,
#satellite .bx-controls-auto a{position:absolute; top:0; left:50%; margin:0 0 0 -18px; background-position:12px 10px;}
#radar .bx-controls-auto .bx-start,
#satellite .bx-controls-auto .bx-start{background-position:-27px 10px;}
#radar ul li,
#satellite ul li{position:absolute; top:0; left:0;}

.topbox{padding: 40px 30px 40px 170px; border: 3px solid #d6dbe4;}
.topbox h4:before{display: none;}
.topbox h4{padding-left: 0; color: #276cad;}
.topbox.edu{background:url(/depart/img/sub02/ico_topbox_edu.png) no-repeat 0px 29px;}
.topbox.edu_01{background:url(/depart/img/sub02/ico_topbox_edu_01.png) no-repeat 0px 29px;}
.topbox .txt{font-size: 16px; margin-top: 12px;}
.topbox + h4{margin-top: 30px !important;}
.process_box { margin:0 auto; margin-top:20px; background:url(/portal/img/sub04/bg_process.png) 20px 17px no-repeat; }
.process_box > ul > li { position:relative; margin-top:30px; }
.process_box li:first-child { margin-top:0; }
.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #d3dfff; background:#F3F6FE; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffcfe1; background:#FFF7FA; }
.process_box li div span { font-size:16px; color:#0567ad; }
.process_box li ul { width:92%; margin:0 auto; }
.process_box li ul li { position:relative; width:50%; }
.process_box li ul li div { width:95%; }
.process_box li ul:after { content:''; display:block; clear:both; }
.process_box > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box > ul > li:first-child:before { display:none; }
.process_box > ul > li.last_list:before { display:none; }
.process_box > ul > li > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box li div.txt { position:absolute; border:0; width:auto; background:none; padding:0; border-radius:0; top:-25px; right:17%; }
.process_box li div.txt p { font-size:14px; }
.process_box > ul > li.var:after { content:''; display:block; width:27px; height:1px; border-top:2px solid #0567ad; position:absolute; left:20px; top:50%; margin-top:-1px; }
.process_box.con0105030000 {background-image: none;}
.process_box.con0105030000  > ul > li.var:after {display: none;}

/* td color */
.bg_blue {background: #f4fbfe;}
.bg_yellow{background:#fcffdc ;}
.inter_info { background:none; }
@media (max-width:1024px){
	.process_box { background-position:5px 17px; }
	.process_box > ul > li.var:after { left:5px; }
	.process_box li div.txt { right:15%; }
}

@media (max-width:810px){
	.process_box li div.txt { right:10%; }
}
@media (max-width:625px){
	.process_box { background:none; }
	.process_box > ul > li.var:after { display:none; }
}
@media (max-width:565px){
	.process_box li div.txt { right:5%; }
}
@media (max-width: 518px){
	.topbox.edu{background: url(/depart/img/sub02/ico_topbox_edu.png) no-repeat center 33px;}
	.topbox{padding: 160px 30px 30px; text-align: center;}
	.topbox h4{text-align: center;}
}
@media (max-width:445px){
	.process_box li div.txt { right:2%; }
	.process_box li div.txt p { font-size:12px; }
}
@media (max-width:340px){
	.process_box li div p,
	.process_box li div span { font-size:14px; }
}

/* Q&A */
.qa_box { margin-top:20px; padding:10px; box-sizing:border-box; letter-spacing:-1px; }
.qa_box dl { margin-top:50px; }
.qa_box dl:first-child { margin-top:0; }
.qa_box dl.odd dd { background:#f1f9e6; border:2px dashed #daebc2; }
.qa_box dl.even dd { background:#fff3e5; border:2px dashed #ffe8cb; }
.qa_box dt { font-size:21px; font-weight:600; }
.qa_box dt span { display:inline-block; color:#fff; width:30px; height:30px; line-height:31px; vertical-align:middle; background:#008baa; text-align:center; font-size:20px; font-weight:600; border-radius:7px 0 7px 0px; margin-right:5px; }
.qa_box dd { background:#ddd; border-radius:5px; padding:20px; box-sizing:border-box; margin-top:15px; font-size:15px; line-height:25px; }
.qa_box dd span { display:inline-block; color:#fff; width:30px; height:30px; line-height:31px; vertical-align:top; background:#496ec1; text-align:center; font-size:20px; font-weight:600; border-radius:7px 0 7px 0px; margin-right:10px; }
.qa_box dd p, .qa_box dd div { display:inline-block; width:95%; }
.qa_box dd h5:first-child {margin-top: 7px;}

@media all and (max-width:768px) {
	.qa_box dd p, .qa_box dd div {width: 93%;}
}
@media all and (max-width:667px) {
	.qa_box dd p, .qa_box dd div {width: 91%;}
}
@media all and (max-width:414px) {
	.qa_box dd h5:first-child {margin-top: 20px !important;}
	.qa_box dd p, .qa_box dd div { width:100%; }
	.qa_box dt {line-height: 150%;}
}

/* 오시는 길 */
.map_wrap div{border-bottom: 1px dashed #ddd; padding-bottom: 20px; padding-top: 20px;}
.map_wrap p{float: left; padding-top: 80px; background: url(/portal/img/sub01/spr_map.png) no-repeat; font-size: 17px; font-family: 'NanumSB'; width: 15%;
text-align: center; color: #276cad;}
.map_wrap ul{float: left; width: 80%;}
.map_wrap .car p{background-position: center 0;}
.map_wrap .subway p{background-position: center -273px; padding-top: 94px;}
.map_wrap .bus p{background-position: center -552px;}
.map_wrap .add{background: #f7f7f7; overflow:hidden; margin-top:10px;}
.map_wrap .add p{background-position: center -912px;}

@media (max-width: 644px){
	.map_wrap p{margin-bottom: 10px;}
	.map_wrap p, .map_wrap ul{float: none; width: 100%;}
}

/* 체육시설 */
.sports_facilities > ul > li { margin-top:20px; }
.sports_facilities > ul > li:first-child { margin-top:0; }
.sports_facilities .con { box-sizing:border-box; border:1px solid #CCC; border-radius:19px; padding:33px 24px 26px 36px;}
.sports_facilities .con:hover {border:1px solid #CD4D74; -webkit-box-shadow: 5px 10px 13px 0px rgb(210 34 89 / 15%);box-shadow: 5px 10px 13px 0px rgb(210 34 89 / 15%); border-radius:19px;}
.sports_facilities .img { float:left; width:32.5%; height:217px; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.sports_facilities .img img { width:100%; height:100%; }
.sports_facilities .tit{font-size: 24px; font-weight: 600; line-height: 1.2em; color:#DA346D;}
.sports_facilities .con:after, .sports_txt:after { content:''; display:block; clear:both; }

.sports_txt { float:left; margin-left:4%; padding-top:.2em; width:63.5%; }
.sports_txt ul li{margin-top: 6px;}
.sports_txt ul li b{/*background: url(/depart/img/sub07/spr_spo_view.png) no-repeat;*/ padding: 5px 0 5px 56px;}
.sports_txt .add {position:relative; width:136px; display:inline-block;}
.sports_txt .add:before {content:''; position:absolute; width:36px; height:36px; left:0; top:0; background:url(/depart/img/sub07/ico_add.svg) no-repeat;}
.sports_txt .add.date:before {background:url(/depart/img/sub07/ico_date.svg) no-repeat;}
.sports_txt .add.cos:before {background:url(/depart/img/sub07/ico_cos.svg) no-repeat;}
.sports_txt .call{position:relative; width:136px; display:inline-block;}
.sports_txt .call:before {content:''; position:absolute; width:36px; height:36px; left:0; top:0; background:url(/depart/img/sub07/ico_call.svg) no-repeat;}

.sports_txt .adm{position:relative; width:136px; display:inline-block;}
.sports_txt .adm:before {content:''; position:absolute; width:36px; height:36px; left:0; top:0; background:url(/depart/img/sub07/ico_adm.svg) no-repeat;}

.sports_txt .chair{background-position: 0px -841px;}
.sports_txt li .yes{color: #0394d8; font-weight:bold;}
.sports_txt li .no{color: #f46a00; font-weight:bold;}
.sports_txt .adm ~ a{word-break:break-all;}
.sports_txt ul { margin-top:20px; }
.sports_txt .more { text-align:center; margin-top:5px; float:right;}
.sports_txt .more a { display:block; color:#fff; width:158px; padding:13px 21px 13px 37px; box-sizing:border-box; background:#fff; float: left; border:1px solid #D22259; border-radius:15px;}
.sports_txt .more.pT75 {padding-top:75px;}
.sports_txt .btn_list {color:#D22259 !important;}
.sports_txt .btn_list:before {content:''; position:absolute; width:1.058em; height:1.117em; left:1.117em; top:1.058em; background:url(/depart/img/sub07/ico_list.svg) no-repeat; background-size:contain;}

/* 체육공원 - 체육시설 - 체육시설 */
.btn_gym {color: #fff; padding: 10px; box-sizing: border-box; background:#D22259 !important; float: left; margin-right:10px; border-radius:15px;}
.btn_gym:before {content:''; position:absolute; width:.88em; height:1.176em; left:1em; top:1em; background:url(/depart/img/sub07/ico_more.svg) no-repeat; background-size:contain;}

.btn_list {float: right !important;}

/*@media all and (max-width:870px){
.sports_txt .more { width:63%;}
.sports_txt .more a { display:block; color:#fff; padding:10px; box-sizing:border-box; background:#0394d8; width: 49%; float: left; }
}*/

.sports_facilities_view .visual { box-sizing:border-box; position: relative; }
.sports_facilities_view .visual .img { width:510px; height:340px; overflow: hidden; position: relative; background: #EFEFEF url(/common/img/common/sample_noimage.png) no-repeat center center; margin:0 auto;}
.sports_facilities_view .visual .img img {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
.sports_facilities_view .visual .img li>div{width: 378px; height: 100%; overflow: hidden;}
.sports_facilities_view .arrow {position: absolute; bottom:-10%; left: 50%; width: 165px; border-radius:20px; background:#fff; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08); transform:translateX(-50%); padding:19px 48px; border-radius: 30px; box-sizing:border-box;}
.sports_facilities_view .arrow li {float: left;}
.sports_facilities_view .arrow li.page_num{display:block; padding:0 22px; text-align: center; font-weight: 600;}
.sports_facilities_view .arrow li a{text-indent: -99999px; display: block; /* background: url(/tour/img/sub03/spr_cultural_ctr.png) no-repeat;*/}
.sports_facilities_view .arrow li a.prev:before {content:''; position:absolute; width:11px; height:17px; left:-10px; top:5px; background:url(/depart/img/sub07/ico_prev.svg) no-repeat;}
.sports_facilities_view .arrow li a.next:before {content:''; position:absolute; width:11px; height:17px; right:-10px; top:5px; background:url(/depart/img/sub07/ico_next.svg) no-repeat;}

.sports_facilities_view .sports_txt {width:100%; margin-top:20px; }
.sports_facilities_view .sports_txt .tit{font-size: 25px; font-weight: 600; margin-top: 30px; line-height: 1.2em;}
.sports_facilities_view .list:after { content:''; display:block; clear:both; }

.sports_facilities_view .info { padding:30px 0; border-bottom:1px solid #ddd; padding-bottom:30px;}
.sports_facilities_view .list {border-top:2px solid #D22259; padding-top:49px;}
.sports_facilities_view .info .about {clear:both;}
.sports_facilities_view .info p { margin-top:10px; line-height:24px; }
.sports_facilities_view .bt_list { text-align:center; float:right; margin-top:20px; margin-bottom:10px; }
.sports_facilities_view .bt_list a {display:inline-block; background:#fff; border-radius:0.88em; font-size:.88em; border:1px solid #D22259; color:#333; box-sizing:border-box; line-height:2.87em; text-align:center; padding:0 .933em;}
.sports_facilities_view .bt_list a:hover {background:#D22259; color:#fff;}
.sports_facilities_view:after { content:''; display:block; clear:both; }
.sports_facilities_view .sports_txt .add:before, .sports_facilities_view .sports_txt .call:before, .sports_facilities_view .sports_txt .adm:before {display:none;}
.sports_facilities_view .sports_txt .tbl-respon {margin-top:73px; margin-left:0 !important;}
.sports_facilities_view .sports_txt .tbl:before {background:#ddd; height:1px;}

@media (max-width:1024px){
	.sports_facilities .img {width:38%; }
	.sports_facilities .sports_txt {width:56%;}
	.sports_facilities_view .txt { width:90%;}
	.sports_facilities .con {padding-left:24px;}
	.sports_txt ul li {margin-top:10px;}
	.sports_txt .more {margin-top:10px;}
	.sports_facilities_view .sports_txt {width:96%;}
}

@media (max-width:785px){
	.sports_facilities .con { padding:20px; box-sizing:border-box; }
	.sports_facilities .img { width:100%; height:320px; }
	.sports_facilities .sports_txt{ width:100%; margin-left:0; margin-top:20px; }
	.sports_facilities .sports_txt .more { margin-top:20px; }
	.sports_facilities_view .visual { width:100%; border-right: 0;}
	.sports_facilities_view .visual .img div { height:320px; }
	.sports_facilities_view .sports_txt { width:100%; margin-left:0; margin-top: 0;}
	.sports_facilities_view .info { padding:30px 0; }
	.sports_txt .more.pT75 {padding-top:0;}
}

@media (max-width:640px){
	.sports_facilities .img { height:210px; }
	.sports_facilities_view .visual .img div { height:210px; }
	.btn_gym:before {left:1.5em; top:1.1em;}
	.sports_facilities_view .txt { width:100%;}
}

@media (max-width:560px){
	.sports_facilities_view .visual .img {width:100%;}
}

@media (max-width:460px){
	.sports_txt span {display:block; padding-left:3.8em;}
}

@media (max-width:430px){
	.sports_facilities .img { height:240px; }
	.sports_facilities_view .visual .img div { height:240px; }
	.sports_txt .adm ~ a{display: inline-block;}
}

@media (max-width:418px){
	.sports_facilities .sports_txt .more {width:100%;}
	.sports_facilities .sports_txt .more a {width:100%;}
	.btn_gym:before, .sports_txt .btn_list:before {left:30%;}
	.btn_gym {margin-bottom:.5em;}
}

@media (max-width:350px){
	.sports_facilities .img { height:200px; }
	.sports_facilities_view .visual .img div { height:200px; }
}

/* 공원현황 */
.park_box {margin-top:50px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.park_box li { float:left; width:33.33333333333333%; }
.park_box div.con { width:95%; margin:0 auto; border:1px solid #ddd; border-radius:20px;}
.park_box .img img { width:100%; height:100%; }
.park_box .img a { width:100%; height:200px; position:relative; display:block; border-radius: 20px 20px 0 0; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.park_box .img a:hover:before { content:''; display:block; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(/tour/img/sub03/bg_cultural_plus.png) no-repeat center; width:100%; height:200px; border-radius: 20px 20px 0 0;}
.park_box ul:after { content:''; display:block; clear:both; }
.park_box .txt { padding:25px 10px; box-sizing:border-box; text-align: center; }
.park_box .txt p { font-size:20px; font-weight:500; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

@media (max-width:700px){
	.park_box {margin-top: 1em;}
	.park_box li { width:100%; float:none;margin-top:1em;}
}

.edu_teacher img{width: 170px; height: 220px;}

/* 컨트리클럽  */
.countryClub > ul > li { margin-top:20px; }
.countryClub > ul > li:first-child { margin-top:0; }
.countryClub .con { box-sizing:border-box; border:1px solid #ddd; border-top:2px solid #0567ad; }
.countryClub .img { float:left; width:378px; height:220px; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.countryClub .img img { width:100%; height:100%; }
.countryClub .tit{font-size: 25px; font-weight: 600; margin-top: 30px;}
.countryClub .con:after, .country_txt:after { content:''; display:block; clear:both; }

.country_txt { float:left; margin-left:4%; width:59%; }
.country_txt ul li{font-size: 15px; margin-top: 5px;}
.country_txt ul li b{background: url(/depart/img/sub07/spr_spo_view.png) no-repeat; padding: 5px 0 5px 25px;}
.country_txt .add{letter-spacing: -0.7pt; background-position: 0px -266px;}
.country_txt .date{letter-spacing: 0.4pt; background-position: 0px -632px;}
.country_txt .cos{background-position: 0px 4px;}
.country_txt .call{background-position: 0px -141px;}
.country_txt .home{background-position: 0px -732px;}
.country_txt .home + a{width: 60%; display: inline; vertical-align: top; word-break: break-all;}
.country_txt .reserve{background-position: 0px -840px;}
.country_txt ul { margin-top:20px; }
.country_txt .more { text-align:center; width:25%; margin-top:10px; float:right; }
.country_txt .more a { display:block; color:#fff; padding:10px; box-sizing:border-box; background:#0394d8; }

.countryClub_view .list{ border:1px solid #ddd;}
.countryClub_view .visual { float:left;  box-sizing:border-box; position: relative; border-right: 1px solid #ddd;}
.countryClub_view .visual .img { width:378px; height:220px; overflow: hidden; position: relative; background: #ebecf5 url(/common/img/common/sample_noimage.png) no-repeat center center;}
.countryClub_view .visual .img img { width:100%; height:100%; }
.countryClub_view .visual .img_list img{height: 220px;}
.countryClub_view .arrow {position: absolute; bottom: 5px; left: 50%; width: 83px; border-radius:20px; background: rgba(255, 255, 255, 0.8); margin-left: -45px; padding: 5px;
box-sizing:border-box;}
.countryClub_view .arrow li {float: left;}
.countryClub_view .arrow li.page_num{width: 30px; text-align: center; font-weight: 600;}
.countryClub_view .arrow li a{text-indent: -99999px; overflow: hidden; width: 21px; height: 21px; display: block; background: url(/tour/img/sub03/spr_cultural_ctr.png) no-repeat;}
.countryClub_view .arrow li a.prev{background-position: 0 -25px;}
.countryClub_view .country_txt { float:left; margin-left:4%; width:60%; margin-top:20px; }
.countryClub_view .country_txt .tit{font-size: 25px; font-weight: 600; margin-top: 30px;}
.countryClub_view .list:after { content:''; display:block; clear:both; }
.countryClub_view .list {background: #f7f7f7;}
.countryClub_view .info .map{border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px;}
.countryClub_view .info {padding:30px 0; border-bottom:1px solid #ddd; }
.countryClub_view .bt_list { text-align:center; float:right; margin-top:20px; margin-bottom:10px; }
.countryClub_view .bt_list a { display:inline-block; background:#fff; font-size:15px; border:2px solid #ddd; padding:10px 15px; box-sizing:border-box; }
.countryClub_view:after { content:''; display:block; clear:both; }

.countryClub_view .country_txt li{width: 50%; float: left;}
.countryClub_view .about .tit{font-size:20px; padding-left:27px; margin-bottom: 8px;line-height: 130%; position: relative; font-weight: 600;}
.countryClub_view .about .tit:before{content: ''; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background:url('/common/img/common/spr_bu.png') no-repeat 0 -37px;}
.countryClub_view .about .last{border-bottom: 0;}
.countryClub_view .about .txt{margin-top: 10px; line-height: 1.5em;}
@media (max-width:1024px){
	.countryClub .img { width:38%; }
	.countryClub .country_txt { width:56%; }
	.countryClub_view .visual { width:38%; }
	.countryClub_view .country_txt{width: 56%;}
	.countryClub_view .visual .img div { width:100%; }

}
@media (max-width:930px){
	.country_txt .home + a{width: 56%;}
}
@media (max-width:858px){
	.countryClub_view .visual, .countryClub_view .country_txt{width: 100%; float: none;}
	.countryClub_view .visual .img div{max-width: 378px; margin: 0 auto;}
	.countryClub_view .visual .img{border: 1px solid #ddd;}
	.countryClub_view .visual{border: 0;}
	.countryClub_view .list{padding: 20px 0;}
	.countryClub_view .visual .img{margin: 0 auto; position: relative;}
}

@media (max-width:640px){
	.countryClub .img { height:210px; max-width: 378px; float: none; width: 100%; margin: 0 auto; margin-top: 20px;}
	.countryClub .country_txt{width: 100%; margin-left: 0;}
	.countryClub .country_txt .more { margin-top:5px; }
	.countryClub_view .visual .img div { height:210px; }
	.countryClub .con{padding: 0 20px 20px;}
}

@media (max-width:580px){
	.countryClub .con { padding:20px; box-sizing:border-box; }
	.countryClub .img { height:auto; float: none; margin: 0 auto;}
	.countryClub .country_txt{ width:100%; margin-left:0; }
	.countryClub .country_txt .more { float:none; width:100%; margin-top:20px; }
	.countryClub_view { padding:20px; box-sizing:border-box; }
	.countryClub_view .list { padding:20px;}
	.countryClub_view .country_txt { width:100%; margin-left:0; margin-top: 0;}
	.countryClub_view .country_txt li{width: 100%; float: none;}
	.country_txt .home + a{width: 70%;}
}
@media (max-width:474px){
	.countryClub_view .visual .img, .img_list li, .countryClub_view .visual .img div {width: 100% !important;}
}
@media (max-width:430px){
	.countryClub_view .visual .img div { height:240px; }
	.country_txt .home + a{width: 61%;}
}

@media (max-width:350px){
	.countryClub .img { height:200px; }
	.countryClub_view .visual .img div { height:200px; }
	.country_txt .home + a{width: 53%;}
}
@media (max-width:320px){
	.country_txt .home + a {display: block;width: 94%;}
}
/* 날씨정보 > 현재특보 */
.select_area{background: #3a98bd; margin: 10px 0 0; padding:7px 10px; display:inline-block; /*position:absolute;*/ right:0; top:0; z-index: 2;color: #fff;border-radius: 5px;box-sizing: border-box;}
.select_area .botton{background: #255877; color: #fff; padding: 5px;}
@media screen and (max-width:800px){
	.select_area.bangjae {position: relative; top: 0; width: 100%; margin-top: 30px;}
	.select_area.bangjae + .mT50 {margin-top: 20px !important;}
}
@media screen and (max-width:800px){

}

/* 학습동아리 */
.search_opendata {background: #f9f9f9;border: 1px solid #ddd;border-radius: 4px;margin-top: 20px;padding: 20px 0;box-sizing: border-box;text-align: center;}
.search_opendata #searchTxt {margin-left: 10px;height: 45px; width:300px !important;}
.search_opendata select { height:28px; }
.search_opendata .btn {margin-bottom: 0;}
@media all and (max-width:568px){
	.search_opendata #searchTxt { width:40% !important; }
}
/* 시민아카데미신청 */
.academy_list { margin-top:10px; border-top:2px solid #006ed4; text-align:center; }
.academy_list thead { border-bottom:1px solid #333; }
.academy_list thead th { padding:12px 0; font-weight:600; }
.academy_list tbody td { padding:12px 0; border-bottom:1px solid #bbb; }
.academy_list tbody td a:hover{font-weight:bold;color:#fff;text-decoration:underline}
.academy_list .list_num { width:5%; }
.academy_list .list_year { width:6%; }
.academy_list .list_mon { width:10%; }
.academy_list .list_term { width:15%; }
.academy_list .list_person { width:10%; }
.academy_list .list_condition { width:20%; }
.academy_list .list_application { width:12%; }

.academy_list .list_tit { text-align:center; }
.academy_list .list_condition a { display:block; padding:3px 0; border-radius:3px; box-sizing:border-box; background:#949a9c; color:#fff; }
.academy_list .list_condition a.receive { background:#0394d8; }
.academy_list .list_condition a.ready { background:#189652; }
.academy_list .list_condition a.deadline { background:#e61060; color:#fff}
.academy_list .btn_application {  padding:5px 20px; border-radius:3px; box-sizing:border-box; background:#fff; border:1px solid #ddd; }

.academy_view .view_info { background:none; padding:0; border-bottom:0; }
.academy_view .view_info dl { float:left; width:50%; border-bottom:1px solid #dcdcdc; background:#f7f7f7; }
.academy_view .view_info dt { float:left; width:30%; text-align:center; padding:12px 0; }
.academy_view .view_info dd { float:left; width:70%; padding:12px 0; padding-left:10px; box-sizing:border-box; background:#fff; }
.academy_view .view_info dl.w100 dt { width:15%; }
.academy_view .view_info dl.w100 dd { width:85%; }
.academy_view .view_info:after,
.academy_view .view_info dl:after { content:''; display:block; clear:both; }

.btn_academy { margin-top:20px; margin-bottom:20px; }
.btn_academy a { padding:10px 15px; text-align:center; border:2px solid #ddd; margin:0 2px; }
.btn_academy a.bt_list { float:none; }
.btn_academy a.bt_request { background:#0394d8; border:2px solid transparent; color:#fff; }

.academy_history { border:5px solid #eee; box-sizing:border-box; background:url(/portal/img/sub/bg_academy_history.png) no-repeat 30px 20px; padding:0 20px; }
.academy_history .title { margin-top:30px; margin-left:160px; }
.academy_history h4 { font-size:23px; font-weight:600; letter-spacing:-1px; color:#0567ad; padding-left:0; }
.academy_history h4:before { background:none; }
.academy_history ul { margin-top:15px; }
.academy_history li { position:relative; margin-bottom:5px; padding-left:14px; }
.academy_history li:before { content:''; position:absolute; width:8px; height:8px; left:0; top:6px; background:url(/common/img/common/spr_bu.png) no-repeat 0 -92px; }
.academy_history .info_box { margin-top:30px; border-top:1px dashed #ddd; }
.academy_history .info_box .txt { box-sizing:border-box; padding:20px; }
.academy_history .info_box .txt dl { margin-bottom:5px; }
.academy_history .info_box .txt dt { display:inline-block; width:28%; }
.academy_history .info_box .academy_name { width:177px; }
.academy_history .info_box .txt dd { display:inline-block; width:69%; }
.academy_history .info_box .txt .con { float:left; width:30%; }
.academy_history .info_box .txt .inquiry { float:left; }
.academy_history .info_box .txt .inquiry a { display:block; text-align:center; background:#0294d8; color:#fff; border-radius:5px; padding:20px 10px; width:100px; box-sizing:border-box; }
.academy_history .info_box .txt:after { content:''; display:block; clear:both; }

@media all and (max-width:995px){
	.academy_history .info_box .txt .con { width:35%; }
}

@media all and (max-width:870px){
	.academy_history .info_box .txt .con { width:40%; }
}

@media all and (max-width:780px){
	.academy_history .info_box .txt .con { width:45%; }
}

@media all and (max-width:768px){
	.academy_list { width:729px; }
	.academy_list td.list_tit p { width:90%; }
	.academy_list .list_application { width:15%; }
	.academy_list td.list_tit a { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}

@media all and (max-width:700px){
	.academy_history .info_box .txt .con { width:50%; }
}

@media all and (max-width:650px){
	.academy_history .info_box .txt .con { width:55%; }
}

@media all and (max-width:630px){
	.academy_view .view_info dl { width:100%; }
	.academy_view .view_info dt,
	.academy_view .view_info dl.w100 dt { width:25%; }
	.academy_view .view_info dd,
	.academy_view .view_info dl.w100 dd { width:75%; }
}

@media all and (max-width:595px){
	.academy_history .info_box .txt .con { width:60%; }
}

@media all and (max-width:552px){
	.academy_history { background-position:center 20px; }
	.academy_history .title { margin-left:0; margin-top:180px; }
	.academy_history .info_box .txt .con { width:100%; }
	.academy_history .info_box .txt .inquiry { width:100%; margin-top:20px; }
	.academy_history .info_box .txt .inquiry a { width:100%; padding:15px 10px; }
}

/* 레이어팝업 */
#visual .popup { position:absolute; top:20px; left:0; z-index:1; }
#visual .popup a { display:block; width:100%; padding-right:0; }
#visual .close { position:absolute; top:0; right:0; background:rgba(0, 0, 0, 0.3); padding:15px; }
#visual .close a { display:block; width:100%; }
#visual #layout_pop02 { left:510px !important; }
#visual #layout_pop01 { left:410px !important; }

/*이로운 가족 프로그램 지도*/
.familyMap {padding-bottom:4.705em;}
.familyMap .headImg {width:100%; background:#FFF6FA url(/depart/img/sub10/ico_family.png) no-repeat 90% bottom; padding:3.235em 0 2.235em 3.94em; margin-bottom:3.411em; border-radius:20px;}
.familyMap .headImg h4 {font-family:VITRO CORE OTF; padding-left:0; color:#5546A9; font-size:2em; font-weight:800; margin-bottom:0;}
.familyMap .headImg h4:before {display:none;}
.familyMap .headImg p {color:#171717; font-size:1.176em; margin-bottom:1.3em;}
.familyMap .headImg ul {width:45%;}
.familyMap h5{margin-top:0; margin-left:0 !important;}
.familyMap select, .familyMap input[type="text"] {font-size:.882em; width:11.13em; height:2.66em; padding:.6em .113em .6em 1em; box-sizing: border-box;}
.familyMap select{ appearance:none; background:url('/depart/img/sub10/icon_select_arrow.png') no-repeat right 13px center;}
.familyMap .wrap3 input {width:73% !important;}

.familyMap .familyWrap{padding:4em 2.235em 4em; margin: 0;text-align: left;background: none; overflow: hidden; border:1px solid #ddd; border-radius:15px;}
.familyMap .familyWrap .mapWrap{width:60%; float:left;}
.familyMap .familyWrap .mapWrap .map {display:block; position:relative; margin:0 auto; max-width:577px; width:100%; height:630px; background:url(/depart/img/sub10/gjmap_00.png) no-repeat 50% 50%; background-size:contain;}
.familyMap .familyWrap .mapWrap .map:before {content:""; display:block; position:relative; z-index:-999; padding-top:107.0796460176991%;}
.familyMap .familyWrap .mapWrap .map button {display:block; position:absolute; z-index:10; width:15.48%; height:4.75%; overflow:hidden; text-indent:-999px; background:none; text-align:left;}
.familyMap .familyWrap .mapWrap .map button.area1 {top:11%; left:49%;}
.familyMap .familyWrap .mapWrap .map button.area2 {top:24%; left:21%;}
.familyMap .familyWrap .mapWrap .map button.area3 {top:25.5%; left:55.5%;}
.familyMap .familyWrap .mapWrap .map button.area4 {top:35%; left:22%;}
.familyMap .familyWrap .mapWrap .map button.area5 {top:37%; left:35%; }
.familyMap .familyWrap .mapWrap .map button.area6 {top:47%; left:15%;}
.familyMap .familyWrap .mapWrap .map button.area7 {top:52.5%; left:23%;}
.familyMap .familyWrap .mapWrap .map button.area8 {top:44%; left:30%;}
.familyMap .familyWrap .mapWrap .map button.area9 {top:47%; left:37%;}
.familyMap .familyWrap .mapWrap .map button.area10 {top:47%; left:51%;}
.familyMap .familyWrap .mapWrap .map button.area11 {top:60%; left:71.5%;}
.familyMap .familyWrap .mapWrap .map button.area12 {top:58%; left:7%;}
.familyMap .familyWrap .mapWrap .map button.area12_1 {top:65%; left:9%;}
.familyMap .familyWrap .mapWrap .map button.area12_2 {top:60%; left:20%;}
.familyMap .familyWrap .mapWrap .map button.area12_3 {top:60%; left:33%;}
.familyMap .familyWrap .mapWrap .map button.area13 {top:80.5%; left:51%;}

.familyMap .familyWrap .mapWrap .map div[class*="bak-area"] {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; opacity:0; background:url(/depart/img/sub10/gjmap_00.png) no-repeat 50% 50%; transition:.3s all; -webkit-transition:.3s all;}
.familyMap .familyWrap .mapWrap .map div.bak-area1 {background-image:url(/depart/img/sub10/gjmap_01.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area2 {background-image:url(/depart/img/sub10/gjmap_02.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area3 {background-image:url(/depart/img/sub10/gjmap_03.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area4 {background-image:url(/depart/img/sub10/gjmap_04.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area5 {background-image:url(/depart/img/sub10/gjmap_05.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area6 {background-image:url(/depart/img/sub10/gjmap_06.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area7 {background-image:url(/depart/img/sub10/gjmap_07.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area8 {background-image:url(/depart/img/sub10/gjmap_08.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area9 {background-image:url(/depart/img/sub10/gjmap_09.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area10 {background-image:url(/depart/img/sub10/gjmap_10.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area11 {background-image:url(/depart/img/sub10/gjmap_11.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area12 {background-image:url(/depart/img/sub10/gjmap_12.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area12_1 {background-image:url(/depart/img/sub10/gjmap_12_1.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area12_2 {background-image:url(/depart/img/sub10/gjmap_12_2.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area12_3 {background-image:url(/depart/img/sub10/gjmap_12_3.png);}
.familyMap .familyWrap .mapWrap .map div.bak-area13 {background-image:url(/depart/img/sub10/gjmap_13.png);}

.familyMap .familyWrap .mapWrap .map[data-area="퇴촌면"] div.bak-area1 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="남한산성면"] div.bak-area2 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="남종면"] div.bak-area3 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="탄벌동"] div.bak-area4 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="송정동"] div.bak-area5 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="광남1동"] div.bak-area6 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="광남2동"] div.bak-area7 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="경안동"] div.bak-area8 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="쌍령동"] div.bak-area9 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="초월읍"] div.bak-area10 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="곤지암읍"] div.bak-area11 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="신현동"] div.bak-area12 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="능평동"] div.bak-area12_1 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="오포1동"] div.bak-area12_2 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="오포2동"] div.bak-area12_3 {opacity:1;}
.familyMap .familyWrap .mapWrap .map[data-area="도척면"] div.bak-area13 {opacity:1;}

.familyMap .familyWrap .searchWrap{width:40%; float:left; padding-left:45px; padding-top:20px;}
.familyMap .searchWrap > div{margin-bottom: 40px;overflow: hidden;}
.familyMap .searchWrap a, .familyMap .searchWrap input[type="submit"] {display:inline-block;text-align:center;line-height:42px;color:#fff;margin-right:1%;padding:0 24px;font-size:15px; float:left; background-color:#333;border-radius:3px;box-sizing:border-box;}
.familyMap .searchWrap .wrap4 {margin-bottom:0;}
.familyMap .searchWrap .wrap4 input[type="submit"]{background:#5546A9; margin-right:.6em !important;}
.familyMap .statusTable{margin-top:30px;}
.familyMap .statusTable .topWrap{overflow:hidden;}
.familyMap .statusTable .tbl_wrap{margin-top:10px;}
.familyMap .statusTable .topWrap p{margin-left:10px;}

.modal{display:none;position:fixed;width:200%; height:100%;top:0; left:0;background:rgba(0,0,0,0.3);z-index: 9999;}
.modalCon{display:none;position:fixed;top:50%; left:50%;transform: translate(-50%,-50%);padding:50px;width:750px;max-height:80%;background:#fff;z-index: 99999;overflow-y:scroll;}

.modalCon .topBox{border: 1px solid #ddd;padding:20px;}
.modalCon a.close_btn{display: inline-block;text-align: center;line-height: 52px;color: #fff;margin-right: 1%;padding: 0 20px;font-size: 14px;background-color: #4984bc; border-radius: 3px; box-sizing: border-box;}
.modalCon .operating{margin-left: 10px;font-size:12px;color:#fff;border-radius:50px;padding:5px 10px;background:#4fb948;}/*운영중*/
.modalCon .stop {margin-left: 10px;font-size:12px;color:#fff;border-radius:50px;padding:5px 10px;background:#f94343; }/*운영중단*/
.modalCon .finish {margin-left: 10px;font-size:12px;color:#fff;border-radius:50px;padding:5px 10px;background:#285b25; }/*모집완료*/
.modalCon .cancelClass {margin-left: 10px;font-size:12px;color:#fff;border-radius:50px;padding:5px 10px;background:#888888; }/*임시휴강*/
.modalCon .enquiry {margin-left: 10px;font-size:12px;color:#fff;border-radius:50px;padding:5px 10px;background:#f1832a; }/*센터문의*/

.modalCon a.close_btn:hover{background-color:#0058ad;}

.modalCon a.modalClose{position:absolute;right:50px;top:60px;}

@media (max-width:1024px){
	.modalCon{width:75%;}
	.familyMap .headImg {padding:5.88em 1em 5.88em 4em;}
	.familyMap .familyWrap .mapWrap .map {background-size:contain; height:auto;}
	.familyMap .familyWrap .mapWrap .map div[class*="bak-area"] {background-size:contain;}
	.familyMap .wrap3 input {margin-top:0 !important;}
}

@media (max-width:940px){
	.familyMap .familyWrap .mapWrap{width: 100%;float: none;}
	.familyMap .familyWrap .searchWrap{width: 100%;float: none; padding-left:0;}
}

@media (max-width:880px){
	.familyMap .headImg {background-position:center bottom; background-size: auto 46%; padding:2.94em 2.94em 14.7em;}
	.familyMap .headImg ul {width:100%;}

}

@media (max-width:810px){
	.familyMap .wrap3 input {width:100% !important; margin-top:10px !important}
}

@media (max-width:710px){
	.familyMap .headImg {background-size: auto 40%;}
}

@media (max-width:600px){
	.modalCon{padding:30px;}
	.modalCon a.modalClose{right:30px;top:45px;}
}

@media (max-width:490px){
	.familyMap .headImg {background-size: auto 30%; padding-bottom:11.17em;}
	.familyMap .familyWrap {padding:3em 2.235em 4em;}
}

@media (max-width:430px){
	.familyMap .headImg {background-size:0; padding:2em; margin-bottom:1.5em;}
}

@media (max-width:385px){
	.familyMap .searchWrap a, .familyMap .searchWrap input[type="submit"] {width:100%;}
	.familyMap .searchWrap .wrap4 input[type="submit"] {margin-bottom:.5em !important}

	.familyMap .statusTable .topWrap a {width:100%; margin-bottom:.5em;}
}

/* slide */
.sports_facilities_view.img_slide {position:absolute; right:0; margin-right:1em; margin-top:3.2em; z-index:1;}
.sports_facilities_view.img_slide .visual .img {width:372px;height:278px;border:8px solid #f3f3f3;border-radius:10px;}
.sports_facilities_view.img_slide .visual .img img {transform: translate(0, 0);}

@media (max-width:1024px){
	.sports_facilities_view.img_slide {position:relative; margin-right:0;}
}
@media (max-width:400px){
	.sports_facilities_view.img_slide .visual .img {width:100%;}
}

/* list */
ul[class^="list_ul"], ol[class^="list_num"]{margin:20px 0 0;}
.list_ul_h4, .list_num_h4 {margin-left:36px !important;}
.list_ul_h5, .list_num_h5 {margin-left:33px !important;}
.list_ul_h6, .list_num_h6 {margin-left:35px !important;}
.agree_wrap dl dt {line-height:21px; position: relative;text-align: left; font-weight:600; padding-left:14px; margin-top:11px;}
.agree_wrap dl dd {display:inline-block;}
/*agree_wrap dl dt:before {content: ''; position: absolute; width: 8px; height: 8px; left: 0; top: 6px; background:url('../../common/img/common/spr_bu.png') no-repeat 0 -92px;}*/
.agree_wrap dl dt:first-child{margin-top:0;}
.agree_wrap dl dd >ul.list-ul >li {margin-top:14px;}
.agree_wrap dl dd >ul.list-ul >li{position:relative; padding-left:18px; margin-top:11px;}
/*.agree_wrap dl dd >ul.list-ul >li:before{content: ''; position: absolute; width: 11px; height: 11px; left: 0; top: 4px; background:url('../../common/img/common/spr_bu.png') no-repeat 0 -109px;}*/
.agree_wrap dl dd >ul.list-ul >li:first-child{margin-top:0;}
ul[class^="list_ul"] ul ul {margin-top:10px; background:#eff2f7; padding:15px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 8px; background:#afc4db;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}
.list_ul_h6 >li {padding-left:10px; margin-top:5px;}
.list_ul_h6 >li:first-child {margin-top:0;}
.list_ul_h6 > li > ul {margin-top:10px; background:#f3f4fa; padding:15px; box-sizing: border-box;}
.list_ul_h6 > li > ul >li {padding-left:15px; margin-top:5px;}
.list_ul_h6 > li > ul >li:first-child {margin-top:0;}
ol[class^="list_num"] li{padding-left:27px; margin-top:15px;}
ol[class^="list_num"] >li:before {content: ''; position: absolute; left: 0; top: -1px; width: 22px; height: 22px; line-height: 22px; background: #008baa;
text-align: center; color: #fff; font-size: 13px; font-weight: 600; border-radius: 7px 0 7px 0px;}
ol[class^="list_num"] >li:nth-child(1):before {content: '1';}
ol[class^="list_num"] >li:nth-child(2):before {content: '2';}
ol[class^="list_num"] >li:nth-child(3):before {content: '3';}
ol[class^="list_num"] >li:nth-child(4):before {content: '4';}
ol[class^="list_num"] >li:nth-child(5):before {content: '5';}
ol[class^="list_num"] >li:nth-child(6):before {content: '6';}
ol[class^="list_num"] >li:nth-child(7):before {content: '7';}
ol[class^="list_num"] >li:nth-child(8):before {content: '8';}
ol[class^="list_num"] >li:nth-child(9):before {content: '9';}
ol[class^="list_num"] >li:nth-child(10):before {content: '10';}
ol[class^="list_num"] >li:nth-child(11):before {content: '11';}
ol[class^="list_num"] >li:nth-child(12):before {content: '12';}
ol[class^="list_num"] >li:nth-child(13):before {content: '13';}
ol[class^="list_num"] >li:nth-child(14):before {content: '14';}
ol[class^="list_num"] >li:nth-child(15):before {content: '15';}
ol[class^="list_num"] >li:nth-child(16):before {content: '16';}
ol[class^="list_num"] >li:nth-child(17):before {content: '17';}
ol[class^="list_num"] >li:nth-child(18):before {content: '18';}
ol[class^="list_num"] >li:nth-child(19):before {content: '19';}
ol[class^="list_num"] >li:nth-child(20):before {content: '20';}
ol[class^="list_num"] >li:nth-child(21):before {content: '21';}
ol[class^="list_num"] >li:nth-child(22):before {content: '22';}
ol[class^="list_num"] >li:nth-child(23):before {content: '23';}
ol[class^="list_num"] >li:nth-child(24):before {content: '24';}
ol[class^="list_num"] >li:nth-child(25):before {content: '25';}
ol[class^="list_num"] >li:nth-child(26):before {content: '26';}
ol[class^="list_num"] >li:nth-child(27):before {content: '27';}
ol[class^="list_num"] >li:nth-child(28):before {content: '28';}
ol[class^="list_num"] li:first-child{margin-top:0;}
ol[class^="list_num"] >li >ul {margin-top: 14px;background: #f3f4fa; padding: 15px;box-sizing: border-box;}
ol[class^="list_num"] >li >ul li {padding-left: 12px;}
ol[class^="list_num"] >li >ul li:before {top: 7px;}
ol[class^="list_num"] > li > ul > li > ul > li { position:relative; padding-left:18px; }
ol[class^="list_num"] > li > ul > li > ul > li:before { content:''; position:absolute; width:11px; height:11px; left:0; top:4px; background:url(../img/common/spr_bu.png) no-repeat 0 -109px; }
/* ol[class^="list_num"] >li >li:first-child{margin-top: 0;} */

@media screen and (max-width:667px){
	.list_ul_h4, .list_num_h4 {margin-left: 9px !important;}
}

/* 신청폼 파일 업로드 스타일 추가 */
.file-upload-area .noti{color:#d32532;}
.file-upload-area .no_data {padding:1.5rem 0; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}


/* 보건위생 비주얼 슬라이더 */
.mainVisual {position:relative;width:640px;height:540px;float:left;}
.mainVisual .slider {display:block;position:relative;max-height: 32.4em;overflow:hidden;border-radius: 15px;overflow:hidden;z-index:0;background:#fff;border: 1px solid #ddd;}
.mainVisual .slider:before {content:""; display:block; position:relative; padding-top:84.64%;}
.mainVisual .slider *[class^="swiper-"] {height:100%;}
.mainVisual .slider .swiper-container {position:absolute; top:0; left:0; right:0; bottom:0;}
.mainVisual .slider .swiper-slide {position:relative; background:#fff0f5;}
.mainVisual .slider .swiper-slide > * {display:block; position:relative; width:100%; height:100%; overflow:hidden; z-index:0; }
.mainVisual .slider .swiper-slide a {display:block;position:absolute !important;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;text-indent: -9999px;}
.mainVisual .slider .swiper-slide .popupTemlate {height:100%;}
.mainVisual .slider .swiper-slide .popupTemlate:before {display:none;}
.mainVisual .slider .swiper-slide img {position:absolute; top:50%; left:50%; min-height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.mainVisual .slider .swiper-slide .no-image img {min-height:0;}

.control-box {display:block;position:absolute;z-index:2;border-radius: .7em;background:#fff;left: 21.1%;bottom: -22px;padding:.3em 2em .5em 2em;white-space:nowrap;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);box-shadow: 0 .2em .8em rgb(0 0 0 / 10%);/* margin-top: 15px; */}
.control-box > * {display:inline-block; vertical-align:middle; margin:0 .1em;}
.control-box .pager {width:auto; bottom:auto; margin-right:1.5em; color:transparent;}
.control-box .pager > * {display:block; position:relative; float:left; color:#888888;}
.control-box .pager > * + * {margin-left:2.25em;}
.control-box .pager > * + *:before {content:""; display:block; position:absolute; width:1.25em; height:1px; background:#bbb; left:-1.75em; top:50%;}
.control-box .pager .swiper-pagination-current {color:#D22259;}
.control-box button,
.control-box a {display:inline-block; width:1.2em; height:1.2em; background:no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
.control-box .prev {background-image:url(/portal/img/main/ico_control_prev.svg);}
.control-box .next {background-image:url(/portal/img/main/ico_control_next.svg);}
.control-box .stop {background-image:url(/portal/img/main/ico_control_pause.svg);}
.control-box .play {display:none; background-image:url(/portal/img/main/ico_control_play.svg);}
.control-box .total,
.control-box .more {background-image:url(/portal/img/main/ico_control_total.svg);}

@media all and (max-width:1024px) {
	.mainVisual {width:auto;float:none;text-align:center;}
	.mainVisual .control-box {display:inline-block; position:relative; left:auto; top:auto; bottom:auto; transform:translate(0, 0); -webkit-transform:translate(0, 0);}
	.mainVisual {width:auto;float:none;}
	.mainVisual .slider {max-height:100%;}
}

@media all and (max-width:640px) {
	.mainVisual {height:auto;}
}


/****************************************************************
	Slide Total Popup Style
****************************************************************/

.popup-slide-view {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8);}
.popup-slide-view .item a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; overflow:hidden; text-indent:-9999px;}
.popup-slide-view .popup {position:absolute;height:630px;top:50%;margin-top:-315px;width: 1200px;left:50%;margin-left: -570px;max-width:100%;}
.popup-slide-view .popup .pop-title {display:block; position:relative; padding:0 1em 2.5em; color:#fff;}
.popup-slide-view .popup .pop-title p > * {display:inline-block; position:relative; vertical-align:bottom; font-size:1em; line-height:1; font-family:'GmarketSans', sans-serif;}
.popup-slide-view .popup .pop-title strong {font-size:2.5em; font-weight:800; color:#fffb87;}
.popup-slide-view .popup .pop-title span {margin-left:1em; padding-left:1em; position:relative;}
.popup-slide-view .popup .pop-title span:before {content:""; display:block; position:absolute; width:2px; height:1em; left:-1px; top:50%; margin-top:-.5em; background:#d6d8da;}
.popup-slide-view .popup .pop-title span em {color:#ff8a35; font-size:1.3em;}
.popup-slide-view .popup .list {height:545px; overflow:auto;}
.popup-slide-view .popup .list li {display:inline-block;position:relative;vertical-align:top;width:31em;height: 26.177em;margin:.5em;border-radius:.5em;background: #33333300;overflow:hidden;}
.popup-slide-view .popup .list li a {display:block;position:relative;width:100%;height:100%;text-indent: -9999px;}
.popup-slide-view .popup .list li img {display:block;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.popup-slide-view .visual-goto {display:block; position:absolute; top:0; right:1em; width:3em; height:3em; text-indent:-9999px; background:transparent; overflow:hidden;}
.popup-slide-view .visual-goto:before,
.popup-slide-view .visual-goto:after {content:""; display:block; position:absolute; background:#fff; width:2em; height:.15em; top:50%; left:50%; margin-left:-1em; margin-top:-.075em;}
.popup-slide-view .visual-goto:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.popup-slide-view .visual-goto:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}


@media all and (max-width:1340px) {
	.popup-slide-view .popup {margin-left:0; width:auto; left:1em; right:1em;}
	.popup-slide-view .popup .list li {width:48%; margin:1%; }
	.popup-slide-view .popup .list:after {content:""; display:block; clear:both;}
}
@media all and (max-width:1024px) {
	.popup-slide-view .popup {top:0; left:1em; right:1em; bottom:0; height:auto; margin-top:0;}
	.popup-slide-view .visual-goto {top:2em;}
	.popup-slide-view .popup .pop-title {padding:2em 1em;}
	.popup-slide-view .popup .list {position:absolute; left:0; right:0; bottom:0; top:6em; height:auto; padding-bottom:2em;}
	.popup-slide-view .popup .list li {display:block;height: 19em;float:left;}
}

@media all and (max-width:768px) {
	.popup-slide-view .popup .list li {display:block;width:auto;margin:1% 0;height: 18em;float:none;}
}
@media all and (max-width:640px) {
	.popup-slide-view .popup .pop-title {padding:2em 0;}
	.popup-slide-view .popup .pop-title strong {display:block; font-size:2em;}
	.popup-slide-view .popup .pop-title span {padding-left:0; margin-left:0;}
	.popup-slide-view .popup .pop-title span:before {display:none;}
	.popup-slide-view .popup .pop-title span em {font-size:1em;}
	
	.popup-slide-view .visual-goto {right:0;}
}

@media all and (max-width:650px) {
	.popup-slide-view .popup .list li {height: 14em;}
}