@charset "utf-8";

/* 공통스타일 수정 : 요청에 의한 타이틀 크기 및 컬러 변경 */
/* 타이틀(텍스트 타입) */
.tit1{font-size:1.2rem;}
.tit2{color:#004795; font-size:1rem; }
.tit3{color:#002246; font-size:.85rem;}

/* 박스 :박스 기본 타입 */
[class^="box_st"] .tit3{color:#002246; font-size:.85rem;}

/* 서브메인 : 시작 *****************************************************************************************/
/* 비주얼 */
.subMain_visual img {width:100%; border-radius:1rem; overflow:hidden;}

/* 바로가기 */
.subMain_link  { position:relative; margin:3rem 0 0; }
.subMain_link ul { display:table; table-layout:fixed; width:100%; }
.subMain_link ul li {position:relative;  display:table-cell; vertical-align:middle; }
.subMain_link ul li:before { content:""; position:absolute; left:0; top:0; height:100%; border-left:2px dotted #c5c9d6;}
.subMain_link ul li:first-child:before {display:none;}
.subMain_link ul li a { position:relative; display:block; height:100%; text-align:center; -webkit-transition:all 0.15s; transition:all 0.15s;}
.subMain_link ul li a .img { position:relative; display:block; vertical-align:middle; height:5rem; z-index:1; -webkit-transition:0.2s; transition:0.2s; }
.subMain_link ul li a .img:before { content:""; position:absolute; left:50%; top:0; width:5rem; height:5rem; margin-left:-2.5rem; background:#eef6ff; border-radius:1rem; -webkit-transition:0.15s; transition:0.15s; }
.subMain_link ul li a .img img { position:relative; z-index:1; }
.subMain_link ul li a p { position:relative; margin-top:.5rem; vertical-align:middle; line-height:1.4; font-size:.8rem; font-weight:600; color:#222; z-index:1; }
.subMain_link ul li a p br {display:none;}
/** 바로가기1 :active **/
.subMain_link ul li a:hover,
.subMain_link ul li a:focus {margin-top:-.5rem;}
.subMain_link ul li a:hover .img:before,
.subMain_link ul li a:focus .img:before {border:2px dotted #0d69cd;}
.subMain_link ul li a:hover p,
.subMain_link ul li a:focus p {color:#002872; font-weight:700;}

/* 게시판 */
.subMain_noti {position:relative; margin:3rem 0 0; overflow:hidden;}
.subMain_notice { position:relative; width:47%; float:left;}
.subMain_notice h2 {max-width:9rem; line-height:3rem; color:#fff; text-align:center; font-size:1rem; font-weight:600; background:#0d69cd url('/images/dgedu/web/palgongsan/subMain/bg_subM_Tab1.png') no-repeat right center; border-radius:1.5rem 1.5rem 1.5rem 0; }
.subMain_notice .list_box ul { padding-top:1.1rem; overflow:hidden; } 
.subMain_notice .list_box li { position:relative; padding:.4rem 0 .35rem 1rem; }
.subMain_notice .list_box li:after { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%; background:#0d69cd; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.subMain_notice .list_box li a { position:relative; display:block; padding-right:5rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#333; font-size:.8rem; }
.subMain_notice .list_box li a:hover { color:#1a4cba; text-decoration:underline; }
.subMain_notice .list_box li span { position:absolute; right:0; top:50%; color:#666; font-size:.75rem; font-weight:400; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.subMain_notice .list_box .no_data { line-height:7.5rem; background:#edf6ff; padding:0; border-radius:0 1.5rem 1.5rem 1.5rem; text-align:center; }
.subMain_notice .list_box .no_data:after {display:none;}

/** 게시판 :new **/
.subMain_notice .list_box li a.new { padding-left:1.35rem; }
.subMain_notice .list_box li a.new:before { content:"N"; position:absolute; top:50%; left:0; width:1.1rem; height:1.1rem; border-radius:50%; text-align:center; font-size:.65rem; font-weight:600; font-family:"NotoSans"; line-height:1.1rem; color:#fff; background:#ff6d00; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
/** 게시판 :more **/
.subMain_noti .btn_more {position:absolute; right:0; top:0; z-index:1; width:2.3rem; height:2.3rem; text-align:center; line-height:2.3rem; background:#f7f7f7;  border-radius:50%;}
.subMain_noti .btn_more i{color:#000; font-size:1.2rem; line-height:2.3rem;}
.subMain_noti .btn_more:hover{ top:-.25rem; } 

/* 게시판2 */
.subMain_notice02 {float:right;}
.subMain_notice.subMain_notice02 h2 {background:#00a1b9 url('/images/dgedu/web/palgongsan/subMain/bg_subM_Tab2.png') no-repeat right center;}
.subMain_notice02 .list_box li:after { background:#0d9eaf; }
.subMain_notice02 .list_box .no_data { background:#e7f7f9; }
.subMain_notice02 .list_box li:after { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%; background:#00a1b9; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.subMain_notice02 .list_box li a:hover { color:#0d9eaf; }

/* 포토갤러리 */
.subMain_photo { position:relative; width:47%; float:right;}
.subMain_photo h2 {max-width:9rem; line-height:3rem; color:#fff; text-align:center; font-size:1rem; font-weight:600; background:#00a1b9 url('/images/dgedu/web/palgongsan/subMain/bg_subM_Tab2.png') no-repeat right center; border-radius:1.5rem 1.5rem 1.5rem 0; }
.subMain_photo .list_box ul { padding-top:1.1rem; overflow:hidden; } 
.subMain_photo .list_box ul li { position:relative; float:left; width:31%; margin:0 0 0 3.5%; }
.subMain_photo .list_box ul li:first-child {margin-left:0;}
.subMain_photo .list_box ul li a {display: block;}
.subMain_photo .list_box ul li .img {position: relative; height:6rem; overflow:hidden; border-radius:1rem; background:#f1f1f1;}
.subMain_photo .list_box ul li .img img { position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.subMain_photo .list_box ul li .txt { display: block; margin-top: 0.5rem; padding: 0 .5rem; position: relative; line-height:1.4; font-size: 0.8rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.subMain_photo .list_box .no_data { width:100%; line-height:7.5rem; background:#edf6ff; padding:0; border-radius:0 1.5rem 1.5rem 1.5rem; text-align:center; }
.subMain_photo .list_box .no_data:after {display:none;}

/** 갤러리 :active **/
.subMain_photo .list_box ul li a:hover .img span,
.subMain_photo .list_box ul li a:focus .img span {transform: scale(1.1); -webkit-transform: scale(1.1); }
.subMain_photo .list_box ul li a:hover,
.subMain_photo .list_box ul li a:focus { text-decoration: underline;}
.subMain_photo .list_box ul li a .img span {-webkit-transition: all .25s; -ms-transition: all .25s; transition: all .25s;}


/* 서브메인 : 끝 *****************************************************************************************/

/* 이미지 슬라이드 */
.subSlider { position:relative; padding:0 0 1rem; text-align:center;}
.subSlider .slider{ border:2px solid #ddd; padding:1rem 1rem 1.75rem; z-index: 0;}
.subSlider .item .txt {margin-top:1rem; padding:.5rem 2rem; font-weight:600; display:inline-block; border:1px solid #ddd; border-radius:30px;}
.subSlider .control {position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.subSlider .control > a{ display:inline-block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; background:#d2d8db; color:#5e717e; z-index: 1; transition: all .2s; -webkit-transition: all .2s;}
.subSlider .control > a:hover{ background:#2a5375; color:#fff;}
.subSlider .control > a.slick-hidden{ display:none !important;}
.subSlider .control .page{ display:inline-block; line-height:2rem; color:#fff; background:#1273c0; padding:0 1.2rem; border-radius:1rem; z-index: 1;}
.subSlider .control .page strong:after{content:"-"; position:relative; display:inline-block; margin:0 5px; font-size:.7rem;}

/*포시즌팔공*/
.fourSeasons {border:1px solid #ddd; border-radius:1rem; position:relative; padding:1rem;}
.fourSeasons li {padding:.5rem 1rem; border-bottom:1px dashed #ccc;}
.fourSeasons li:first-child {padding-top:0;}
.fourSeasons li:last-child {border-bottom:none; padding-bottom:0;}
.fourSeasons span {display:inline-block; position:absolute; width:2.8rem; height:2.8rem; line-height:2.8rem; text-align:center; border-radius:50%; font-weight:700; color:#fff;}
.fourSeasons .season1 span {background:#14a34f;}
.fourSeasons .season2 span {background:#137ab1;}
.fourSeasons .season3 span {background:#f8a526; color:#000;}
.fourSeasons .season4 span {background:#e75955;}
.fourSeasons h4,
.fourSeasons p {padding-left:4rem;}
.fourSeasons h4 {font-weight:600; font-size:.9rem;}

/*다품캠프 프로그램 내용*/
.tbl_bg_dapum1 {background-color: #16c0f3 !important;}
.tbl_bg_dapum1-2 {background-color: #c7ebfc !important;}
.tbl_bg_dapum2 {background-color: #9bce77 !important;}
.tbl_bg_dapum2-2 {background-color: #e0efd4 !important;}
.tbl_bg_dapum3 {background-color: #5ea9de !important;}
.tbl_bg_dapum3-2 {background-color: #cce2f5 !important;}
.tbl_bg_dapum4 {background-color: #ada9d1 !important;}
.tbl_bg_dapum4-2 {background-color: #e4e3f0 !important;}
.tbl_bg_dapum5 {background-color: #f387b7 !important;}
.tbl_bg_dapum5-2 {background-color: #fcdeeb !important;}
.tbl_bg_dapum6 {background-color: #faa74a !important;}
.tbl_bg_dapum6-2 {background-color: #fee8cc !important;}

/*시설종목소개*/
.tbl_st.imgType {z-index:auto !important;}
.tbl_st.imgType img {width:100%;}

/*센터이용안내*/
.utlinstt_img {overflow:hidden;}
.utlinstt_img li {width:32%; float:left; margin:.5rem 2% .5rem 0; padding:1rem; text-align:center; border:1px solid #c5c9d6;}
.utlinstt_img li:nth-child(3n) {margin-right:0;}
.utlinstt_img li p.img img {max-width:100%;}
.utlinstt_img li span.txt {display:block; margin-top:.5rem;}

/* 시설종목소개  팝업 */
.no-scrolling {overflow-y:hidden;}
.modal {width:768px; height:auto; background:#fff; border-radius:1rem; position:fixed; top:8rem; left:50%; margin-left:-384px; z-index:10; display:none}
.modal .container {width:90% !important; margin:0 auto !important; padding:2rem 0; z-index:10;}
.modal_close {text-align:center; margin-bottom:1rem;}
.modal_close i {padding-left:3rem;}
.mask {width:100%; height:100%; background:rgba(0, 0, 0, 0.4); width:100%; height:100%; position:fixed; left:0; top:0; z-index:5; display:none}

/*개인정보처리방침*/
.privacy_wrap .pri_img img{width: 4rem;}
.privacy_wrap img.pri_ico {width: 2rem; vertical-align: middle;}
.list_ol2 > li { position:relative; min-height:1.25rem; padding-left:1.6rem; margin-top:0.35rem; color:#333; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; font-size:.7rem; border-radius:50%; color:#fff; text-align:center; font-weight:700; color:#1f64b2; background-color:#e8f3ff; letter-spacing: -1px;} 

@media screen and (max-width:768px){ 
	
	/* 서브메인 : 시작 *****************************************************************************************/

	/* 바로가기 */
	.subMain_link  {margin:1.5rem 0 0; }
	.subMain_link ul li a .img {height:4rem;}
	.subMain_link ul li a .img:before {width:4rem; height:4rem; margin-left:-2rem;  }
	.subMain_link ul li a .img img { height:100%;}
	.subMain_link ul li a p {height:2rem; }
	.subMain_link ul li a p br {display:block;}

	/* 게시판 */
	.subMain_noti {margin:1.5rem 0 0; }

	/* 서브메인 : 끝 *****************************************************************************************/
	
	/*센터이용안내*/
	.utlinstt_img li {width:49%; }
	.utlinstt_img li:nth-child(3n) {margin-right:2%;}
	.utlinstt_img li:nth-child(even) {margin-right:0;}
	
	/* 시설종목소개  팝업 */
	.modal {width:90%; height:480px; left:50%; margin-left:-45%;}
}
@media screen and (max-width:640px){ 
	
	/* 서브메인 : 시작 *****************************************************************************************/
	
	/* 게시판 */
	.subMain_notice {width:100%; float:none;}

	/* 게시판2 */
	.subMain_notice02 {width:100%; float:none; margin-top:1rem;}

	/* 포토갤러리 */
	.subMain_photo { width:100%; float:none; margin-top:1rem;}

	/* 서브메인 : 끝 *****************************************************************************************/
	
	/* 시설종목소개  팝업 */
	.modal {height:440px;}
}
@media (max-width:480px) {
	
	/* 서브메인 : 시작 *****************************************************************************************/
	/* 바로가기 */
	.subMain_link  {margin:0; }
	.subMain_link ul { display:block; width:100%; overflow:hidden;}
	.subMain_link ul li {display:block; width:50%; min-height:4rem; padding:.25rem 0; float:left; }
	.subMain_link ul li:before {display:none;}
	.subMain_link ul li a { text-align:left; min-height:4rem; padding-left:4.5rem;}

	.subMain_link ul li a .img {position:absolute; left:0; top:0; width:4rem; height:4rem;}
	.subMain_link ul li a .img:before {left:0; top:0; width:4rem; height:4rem; margin-left:0; }
	.subMain_link ul li a .img img { position:relative; z-index:1; height:100%;}
	.subMain_link ul li a p { position:relative; display:table; height:4rem; line-height:1.5; font-size:.8rem; font-weight:600; color:#222; z-index:1; }
	.subMain_link ul li a p em {display:table-cell; vertical-align:middle;}
	.subMain_link ul li a p br {display:block;}

	/* 게시판 */
	.subMain_noti {margin:1rem 0 0; }

	/* 서브메인 : 끝 *****************************************************************************************/
	
	
    /* 이미지 슬라이드 */
    .subSlider .slider{ padding:.5rem .5rem 1.75rem;}
}

@media screen and (max-width:460px){
	/*센터이용안내*/
	.utlinstt_img li {width:100%; margin-right:0;}
	.utlinstt_img li:nth-child(3n) {margin-right:0;}
	
	/* 시설종목소개  팝업 */
	.modal {height:380px;}
}

@media screen and (max-width:380px){
	/* 서브메인 : 시작 *****************************************************************************************/
	/* 바로가기 */
	.subMain_link ul li { float:none; width:100%; }
	.subMain_link ul li:before {display:block; height:auto; width:100%; border-left:none; border-top:2px dotted #c5c9d6;}

	/* 포토갤러리 */
	.subMain_photo .list_box ul li { width:48%; margin:0 0 0 4%; }
	.subMain_photo .list_box ul li + li + li {display:none;}

	/* 서브메인 : 끝 *****************************************************************************************/
}