@import url(./basic.css);/*font-family: 'Nanum Brush Script', cursive;*/ /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- sub 코딩 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*배경*/ #bannerArea {position:absolute;top:0;left:0;width:100%;height:auto;z-index:0;} #bannerArea img{width:100%;height:auto;} .swipe { overflow: hidden; position: relative; width: 100%; height: auto; } .swipe-wrap { overflow: hidden; position: relative; } .swipe-wrap > div { float: left; width: 100%;position: relative; } .swipe-wrap > div span{display:block;width: 100%;height:400px;} .swipe .nav { position: absolute; width: 40px; height: 35px; z-index: 5; text-align: center; line-height: 40px; display: inline-block; color: #000; top: 40%; cursor: pointer; background-color: rgba(255,255,255,0.8) } .swipe .nav.next { right: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .swipe .nav.prev { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } /*레이아웃*/ #subwrap {position:relative;width:800px;margin:150px auto 0;padding:80px 100px;z-index:1;background-color:#fff;} #subContentBox {width:100%;min-height:700px;} #subContentBox .row{padding-bottom:30px; color:#666666;font-size:15px;line-height:25px;} #subContentBox .titleArea {position:relative;margin-bottom:40px;height:52px;} #subContentBox .titleArea h2 {width:auto;color: #333;font-size: 25px;font-weight:700;line-height:28px;font-style:normal;font-size:36px;font-family:'KlavikaBd','Malgun Gothic';color:#363636;} #subContentBox .titleArea p {position: absolute;bottom:0;right:0;width:auto;color: #c3c3c3;font-size: 13px;line-height:16px;padding-top:7px;font-family: 'Open Sans',Arial,sans-serif;} #mobilePadding {position:relative;} #subContentBox h3 { margin:10px 0 20px; font-size:1.3em; color:#94855a;background:url(/image/line.gif) no-repeat 0 0;padding-top:15px;} #subContentBox h4 { margin:10px 0 5px; font-size:1.1em; font-weight:bold;} #subContentBox .imgBox { width:100%;text-align:center;} #subContentBox p {margin-bottom:15px;text-align:justify;} #subContentBox p a{font-weight:bold;color:#5e2c05;} #subContentBox ol {margin:20px 0 0 20px; } #subContentBox ol li {line-height:25px;} #subContentBox dl {margin:0 20px; } #subContentBox dl dt{font-weight:bold;font-size:1.1em;line-height:2em} #subContentBox dl dd {line-height:25px;margin-bottom:20px;} #subContentBox .floatImg {float:left;padding:10px 20px 20px 0;} #subContentBox .floatImg_r {float:right;padding:10px 0 20px 20px;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 컨텐츠 디자인 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*클럽소개*/ #subContentBox .centerBox {background-color:#fff;border: 1px solid #e0e0e0;padding:3%;width:41%;margin-right:3%;height:400px;display:inline-block;margin-bottom:20px;} #subContentBox .centerBox img{width:100%;} /*인사말*/ #subContentBox .introEndText {font-size:18px;font-family: 'Nanum Myeongjo', serif;font-weight:bold;} #subContentBox .introImg {width:100%;margin:0 0 30px 0 !important;} /*시설소개*/ #subContentBox .linkHospital {background-color:#fff;border: 1px solid #e0e0e0;width:30%;margin-right:3%;height:220px;display:inline-block;margin-bottom:20px;} #subContentBox .linkHospital:hover {border: 1px solid #96855a;} #subContentBox .linkHospital img{width:100%;} #subContentBox .linkHospital h4{color:#96855a;margin:5px 0 0 5px;} #subContentBox .linkHospital.right{margin-right:0;} /* 마필소개 */ #subContentBox .fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;} #subContentBox .fancyboxLi li{display:inline-block;margin: 0 0 15px 2%;width:140px;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #subContentBox .fancyboxLi li img{width:138px;max-height:93px;} #subContentBox .fancyboxLi li h5{width:138px;text-align:center;font-size:.9em;} /* 예약안내 */ #stepDL dl {margin:0 !important;} #stepDL dl dt{float:left;width:15%;font-size:14px;margin-right:3%;border-radius:20px;background-color:#bbad80;text-align:center;color:#fff;} #stepDL dl dd{float:left;width:80%;margin-bottom:20px;} #subContentBox .tbl02{margin-bottom:30px;} #subContentBox .tbl02 table { width:100%; border-top:2px solid #545861; border-bottom:1px solid #545861; color:#545861;font-size:1em; } #subContentBox .tbl02 thead tr th{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px;border-top:1px solid #5d5d5d;font-weight:bold;background-color:#efefef;} #subContentBox .tbl02 thead tr th.last{border-right:none;} #subContentBox .tbl02 tbody th {background:#f7fbfb;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding-left:10px;font-weight:bold;font-size:0.9em;} #subContentBox .tbl02 tbody tr td{border-bottom:1px solid #ddd;border-right:1px solid #ddd; padding:9px 10px;text-align:center;} #subContentBox .tbl02 tbody tr td.last{border-right:none;} #subContentBox .tbl02 tbody tr td.left{text-align:left;} /*승마의 특징과 효과*/ #subContentBox .info {position:relative;margin-bottom:40px;min-height:220px;} #subContentBox .info img {position:absolute;top:0;left:0;width:230px;height:200px;} #subContentBox .info .text {padding-left:260px;} #subContentBox .info .text h3{font-size:1.1em;} /* 말의 종류 */ .stepLi_first {position:relative;min-height:200px;width:100%;margin:0 0 30px 0;border:1px solid #e0e0e0;} .stepLi_first img{position:absolute;top:0;left:0;} .stepLi_first .stepC{margin-left:250px;vertical-align:middle;} /* 원형 단계 */ .oneStep ul li {width:22%;height:60px;float:left;margin-right:3%;color:#96855a;text-align:center;line-height:1.4em;padding:7px 0 0 40px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #e0e0e0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .oneStep ul li.one {background:url(/image/oneNum_01.gif) no-repeat 10px center;line-height:40px;} .oneStep ul li.two {background:url(/image/oneNum_02.gif) no-repeat 10px center;} .oneStep ul li.thr {background:url(/image/oneNum_03.gif) no-repeat 10px center;} .oneStep ul li.fou {background:url(/image/oneNum_04.gif) no-repeat 10px center;line-height:40px;} /* 원형 박스 */ .oneBox ul li{width:47%;height:230px;float:left;margin:0 3% 3% 0;padding:20px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #e0e0e0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .oneBox ul li h4{position:relative;font-weight:bold;background:url(/image/oneBg.gif) no-repeat 0 0;padding:4px 0 3px 40px;color:#96855a;} .oneBox ul li span{position:absolute;top:2px;left:10px;color:#fff;} .oneBox ul li p{text-align:center;line-height:1.4em;padding:0 20px 0 40px;} /* 원형 박스_타이틀만 */ .oneBox_t ul li{width:90%;height:auto;margin:0 0 20px 0;padding:5px 20px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #e0e0e0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .oneBox_t ul li h4{position:relative;font-weight:bold;background:url(/image/oneBg.gif) no-repeat 0 0;padding:4px 0 3px 40px;color:#96855a;} .oneBox_t ul li span{position:absolute;top:2px;left:10px;color:#fff;} /*사이트맵*/ #sitemap {width:100%;height:1000px;} #sitemap div {width:33%;box-sizing:border-box;float:left;height:450px;} #sitemap div ul {border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:400px;padding-top:20px;} #sitemap div ul li{padding-left:30px;background: url('/image/subD/dotA.gif') no-repeat 15px 10px;line-height: 24px;} #sitemap .color_01 ul, #sitemap .color_04 ul{border-left: 1px solid #ddd;} #sitemap .color_01 h3 {background-color:#76c9aa} #sitemap .color_02 h3 {background-color:#5db787} #sitemap .color_03 h3 {background-color:#57beb6} #sitemap .color_04 h3 {background-color:#a2c2c5} #sitemap .color_05 h3 {background-color:#7a9395} #sitemap .color_06 h3 {margin:0;padding:5px 10px;font-size:14px;color:#fff; background-color:#65787a} #sitemap .color_01 h3,#sitemap .color_02 h3,#sitemap .color_03 h3,#sitemap .color_04 h3,#sitemap .color_05 h3,#sitemap .color_06 h3{margin:0;padding:12px;font-size:16px;color:#fff;letter-spacing:0;font-weight:bold;} /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- 각 게시판 리스트 페이지 --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /*게시판 tab*/ .boardTab {width:100%;background-color:#efefef;} .boardTab ul li{display:inline-block;*display:inline;*zoom:1; width:16.6%;padding:0 20px;text-align:center; color:#858585; line-height:35px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;} .boardTab ul li.bold{font-weight:bold;background-color:#bf3130; color:#fff} .boardTab ul li.bold a{color: #fff;} .boardTab ul li.all a{font-weight:bold;} /*게시판 selectbox*/ #frm_category {position:absolute;top:15px;right:20px;} #frm_category:before {content:'카테고리검색';} /*검색 */ .SearchBoard { border: 1px solid #e3e0d9; padding:10px 20px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .SearchBoard .input_btn{font-size:12px; width: 70px;height: 25px;} /*게시판 버튼*/ #boardBox .boardBtn {text-align:right;margin-top:20px;} #boardBox .boardBtn {text-align:right;margin-top:20px;height:40px;} #boardBox .boardBtn .col_left {float:left;width:45%;height:40px;text-align:left;} #boardBox .boardBtn .col_right {float:right;width:45%;height:40px;text-align:right;} /* 일반게시판 리스트 */ #boardBox ul.boardList {border-top: 1px solid #444;margin-top:30px;} #boardBox ul.boardList li {position:relative;border-bottom: 1px solid #ddd;padding:15px; 0} #boardBox ul.boardList li:hover {background-color:#f2f2f2;} #boardBox ul.boardList li .number{position:absolute;top:0;left:0;width:10%;line-height:60px;text-align:center;color:#4e7296;} #boardBox ul.boardList li .list {padding-left:10%;width:90%;} #boardBox ul.boardList li .list h5{font-size:17px;font-weight:bold;margin-bottom:5px;} #boardBox ul.boardList li .list .name {display:inline;color:#989898;text-align:center;font-size:0.9em;padding-right:10px;} #boardBox ul.boardList li .list .regdate_cal{display:inline;color:#989898;text-align:center;font-size:0.9em;padding-right:10px;} #boardBox ul.boardList li .list .view{display:inline;color:#989898;text-align:center;font-size:0.9em;} /*사진 게시판 리스트*/ #photoBox{border-bottom:1px solid #e0e0e0;padding:20px 0;} #photoBox .photoListBox ul.photo_list li{position:relative;float:left;width:160px;height:190px;text-align:center;margin:10px 10px;border:1px solid #ddd;border-bottom:2px solid #ddd;} #photoBox .photoListBox ul.photo_list li:hover{opacity:0.7;filter:alpha(opacity=70);} #photoBox .photoListBox ul.photo_list li div{margin:5px auto 5px;display: table-cell;width:160px;padding:3px;height:110px;}/*중앙정렬*/ #photoBox .photoListBox ul.photo_list li div a {text-align:center;vertical-align: middle;width:160px;height:110px;} #photoBox .photoListBox ul.photo_list li div a img{text-align:center;width:auto;max-width:150px;max-height:110px;}/*이미지박스*/ #photoBox .photoListBox ul.photo_list li p.title{font-weight:bold;margin: 8px auto 2px;text-overflow : ellipsis;overflow : hidden; width:140px;text-align:left;}/*이미지제목*/ #photoBox .photoListBox ul.photo_list li p.photo_date{font-size:11px;color:#a5a5a5;padding:0 0 0 10px;text-align:left;}/*이미지제목*/ #photoBox .photoListBox ul.photo_list li p.title span{position:absolute;top:0;left:0;background-color:#f4f8fd;width:40px;text-align:center;color:red;opacity:0.8;filter:alpha(opacity=80);} /*게시판 글쓰기*/ #boardBox h3 {font-size: 14px; font-weight: bold; padding: 8px 0; margin-bottom: 15px; border-top: 1px dotted #ddd; color: #45760d;} #boardBox table.board_form {width:100%;border-bottom:1px solid #e9e9e9;border-top: 1px solid #444;} #boardBox table.board_form tbody th {border-bottom:1px solid #e9e9e9;text-align:left;font-weight:bold;color:#000;padding-right:10px;background-color: #f5f5f5;text-align:right;} #boardBox table.board_form tbody td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;} #boardBox table.board_form tbody td input.Wtit {width:350px;} #boardBox table.board_form tbody td input.Wname {width:120px;} #boardBox table.board_form tbody td input.Wpw {width:100px;} #boardBox table.board_form tbody td input.Wmail {width:200px;} #boardBox table.board_form tbody td input.Wlink {width:200px;} #boardBox table.board_form tbody td input.input_bbs {width:190px;} /*게시판 본문*/ #boardBox table.board_view {width:100%;border-bottom:1px solid #e9e9e9;} #boardBox table.board_view img{max-width:100%;height:auto;} #boardBox table.board_view iframe{max-width:100%;} #boardBox table.board_view thead th.title{padding:14px;border-bottom:1px solid #d4d4d4;border-top:1px solid #444;color:#000;text-align:center;font-size:16px;font-weight:bold;} #boardBox table.board_view thead td {border-bottom:1px solid #e9e9e9;padding:8px 15px;text-align:left;height:18px;vertical-align: middle;} #boardBox table.board_view tbody td{padding:5px 10px 30px;line-height:180%;} #boardBox table.board_view tbody td .info {margin-bottom:30px;width:100%;color:#a5a5a5;} #boardBox table.board_view tbody td .info .writer{float:left;width:150px;} #boardBox table.board_view tbody td .info .writeDate{float:right;width:auto;} #boardBox table.board_view .board_Down, #boardBox table.board_view .board_Link{display:inline-block; border:1px solid #ddd;font-size:11px;padding:3px 10px;margin-right:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #boardBox table.board_view .board_Link a:hover, #boardBox table.board_view .board_Down a:hover {text-decoration:none;color:#2b61b2;} #boardBox table.board_view .board_Link:hover, #boardBox table.board_view .board_Down:hover {text-decoration:none;background-color:#efefef;color:#2b61b2;} /*게시판 이전글 다음글*/ #boardBox table.prev_next {width:100%;} #boardBox table.prev_next tbody th{font-weight:bold;padding:8px;border-bottom:1px solid #e9e9e9;} #boardBox table.prev_next tbody td{padding:8px;border-bottom:1px solid #e9e9e9;} /*사진 게시판 입력 대용량 파일입력 폼*/ ul.Bigfile_form li{float:left;width:50px;margin:0 10px 10px 0;} /*사진 게시판 lightbox*/ .new_imageBox {margin-top:20px;} .new_imageBox ul li {display:inline-block;*display:inline;*zoom:1;margin:0 5px 5px 0;line-height:19px;vertical-align:top;border:1px solid #9e9e9e;} .new_imageBox ul li a img {width:120px;} .new_imageBox ul li:hover {color:#1b8868;border:1px solid #443731;} .new_imageBox ul li h3{line-height:20px;width:165px;font-size:12px;letter-spacing: -1px;background-color: #fff;height:38px;padding:5px;} /* ------ 댓글영역------ */ .repleListBox .list {padding:10px 0 0 20px;border-bottom:1px solid #e9e9e9;} .repleListBox .list p{width:100%;margin-top:5px;padding-bottom:15px;} .repleBox {background-color: #fbfbfb;width:100%;padding:20px 0;border-bottom:1px solid #e9e9e9;} .repleBox form{padding-left:20px} .repleBox .textArea {position:relative;} .repleBox .textArea textarea {margin-top:5px;padding:5px;} .repleBox .textArea img {position:absolute;top:5px;right:20px;} .repleBox input, .repleBox textarea {border:1px solid #d4d4d4;} /* ------ 버튼/ 페이징 영역 ------ */ #pagination {margin: 20px auto 0;text-align:center;} #pagination ul {display: inline-block;margin-left: 0;margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05); } #pagination li { display: inline; } #pagination li.active a { color: blue; background-color:#efefef; } #pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } #pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } #pagination a {float: left;padding: 0 10px;line-height: 24px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0;background-color:#fff;} #pagination a:hover { background-color:#efefef; } /* ========================================================================== 모바일 메뉴 ========================================================================== */ #MobileHeader {display:none;position:relative;width:100%;height:60px;z-index:102;} #MobileHeader .subTitle {width:100%;color:#0c4ca6; margin:0;text-align:center;font-size:17px;font-weight:bold;line-height:60px;height:60px; background-color:#f0f0f0; -webkit-box-shadow: inset -2px -13px 10px -13px rgba(207,207,207,1); -moz-box-shadow: inset -2px -13px 10px -13px rgba(207,207,207,1); box-shadow: inset -2px -13px 10px -13px rgba(207,207,207,1); } nav#MobileNav { background-color: #efefef; margin-top: -1px;z-index:100;} nav#MobileNav ul { list-style: none; padding: 0; } nav#MobileNav ul li {color: rgba(255, 255, 255, 1.0); display: block; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; } nav#MobileNav ul li a {padding-left:20px;color:#00a5c3;font-weight:bold;display: block; padding: 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;position: relative; } nav#MobileNav ul li ul li{color:#000; display: block; border-bottom: none; padding-left: 10px;background-color: #fff;border-bottom: 1px dotted rgba(192, 192, 192, 0.7);} nav#MobileNav ul li ul li a {padding-left:40px;color:#000; padding: 12px 5px;font-weight:normal;} nav#MobileNav ul li ul li:last-child { border: none; } #nav-toggle { position: absolute; right: 20px; top: 15px;z-index:10;} #nav-toggle { cursor: pointer;background:url(/image/menu/btn_lnb.png) no-repeat 0 0;background-size:100% 100%;width:30px;height:30px;} #nav-toggle.active {background:url(/image/menu/btn_lnb_on.png) no-repeat 0 0;background-size:100% 100%;} .navicon { position: relative; height: 26px; } .pull { display: none;box-shadow:0px 8px 23px 0px rgba(50, 50, 50, 0.34);}