/*비주얼*/
#visual {width:100%;height:15.625rem; z-index: 10; }
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%;height:15.625rem; }
#visual .bxslider li .ptext {padding:3.75rem 1.875rem; top:6.25rem;font-size:0.85rem; line-height:1.5;   box-sizing:border-box;   z-index:1; color:#fff;  width:100%; text-align:left; }
#visual .bxslider li .ptext h5{font-size:1rem; line-height:1.3; position:relative; z-index:0; font-weight:400; margin-bottom:1.25rem;}
#visual .bxslider li .ptext h5:before{content:'';display : block; position : absolute; left :-1.563rem; top:50%; margin-top:-1.563rem;   width :3.125rem; height : 3.125rem; background :  linear-gradient(90deg, #E94888 , #B2005B ); border-radius:50%; z-index:-1;}
#visual .bxslider li .ptext h3{font-size:1.5rem; line-height:1.3; font-weight:400;}
#visual .bxslider li .ptext h3 b{font-weight:800;}

#visual .bx-wrapper .bx-pager{text-align:center; margin-right:0; bottom:1.875rem; top:auto;}
#visual .bx-wrapper .bx-pager.bx-default-pager a{background:#b153d9; border-color:#b153d9;}
#visual .bx-wrapper .bx-pager.bx-default-pager a.active{background:#B2005B;border-color:#B2005B; width:3.125rem;}


div#wrap div#container{ margin:0 auto; color:#2a2d32;}
div#wrap div#container div.section{width:100%; margin:0 auto; padding: 1.875rem  0.9375rem; font-size:0.85rem}
div#wrap div#container div.section h3.h3{position:relative; padding-left:1rem; font-size:1.5rem; font-weight:400; margin-bottom:1.25rem; }
div#wrap div#container div.section h3.h3 b{ font-weight:800; }
div#wrap div#container div.section h3.h3:before{content:'';display : block; position : absolute; left :0px; top:0px;  width :0.5625rem; height : 0.5625rem; background : #8D4BB6; border-radius:50%; }

/*중간배너*/
div#wrap div#container .cts01{background:url('/images/default/main/cts01.jpg')no-repeat 60% top; background-size:cover;}
div#wrap div#container .cts01 ul {margin-top:1.875rem;}
div#wrap div#container .cts01 ul li{display:inline-block; margin-left:.5rem; }
div#wrap div#container .cts01 ul li:first-child{margin-left:0}
div#wrap div#container .cts01 ul li a{display:block; height:3rem; line-height:3rem;  text-align:center; font-size:1rem; font-weight:600;  color:#B2005B; background:#fff; border-radius:.5rem 0 .5rem .5rem; transition: all 0.2s ease-out 0s; padding:0 1rem}
div#wrap div#container .cts01 ul li a:hover{background:#B2005B; color:#fff; box-shadow:0px 5px 7px rgba(0, 0, 0, 0.3);}

/*운영프로그램*/
div#wrap div#container .cts02{background:url('/images/default/main/cts02.jpg')no-repeat 80% top; background-size:cover;}
div#wrap div#container .cts02 .news{ position:relative;  z-index:0;}
div#wrap div#container .cts02 .bx-viewport{ background:none;}
div#wrap div#container .cts02 .gallery li a{display:block;  font-size:1rem; line-height:1.3; color:#7d7d7d;}
div#wrap div#container .cts02 .gallery li a:hover{background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.28);}
div#wrap div#container .cts02 .gallery li .gallery_photo{width:100%; height:9.3rem; margin:0 auto; margin-bottom:.1rem;}
div#wrap div#container .cts02 .gallery li .subject{font-size:1.125rem; font-weight:500;color:#2a2d32; padding-bottom:1rem; margin:1rem 0;  position:relative;}
div#wrap div#container .cts02 .gallery li .subject:after{ content : ""; display : block; position : absolute; bottom:0px; left:0; width : 36px; height : 1px; background : #bbb; }
div#wrap div#container .cts02 .gallery li .context ul li{margin-bottom:5px; padding-left:.625rem; position:relative;}
div#wrap div#container .cts02 .gallery li .context ul li:before{ content : ""; display : block; position : absolute; left :0; top:6px;   width : 4px; height : 4px; background : #B2005B; border-radius:50%; }
div#wrap div#container .cts02 .gallery li .context ul li span{ color:#111;}
div#wrap div#container .cts02 .bx-controls{position:absolute; right:3rem; top:-4.2rem;}
div#wrap div#container .cts02 .bx-controls-direction a {display:inline-block; width:2.5rem;height:2.5rem;z-index:10; font-size:0;margin:0px 3px; position:relative;}
div#wrap div#container .cts02 .bx-controls-direction .bx-prev {width : 2.5rem; height : 2.5rem;   left:0; background:url('/images/default/main/pro_arr_l.png')no-repeat center center; }
div#wrap div#container .cts02 .bx-controls-direction .bx-next { width : 2.5rem; height : 2.5rem; right:0;   background:url('/images/default/main/pro_arr_r.png')no-repeat center center;}
div#wrap div#container .cts02 p.more{position:absolute; right:0rem; top:-3.4rem;}
div#wrap div#container .cts02 p.more a{display:inline-block; width:2.5rem; font-size:0; height:2.5rem; vertical-align:middle;}
div#wrap div#container .cts02 p.more a:after{ content : ""; display : block; position : absolute;left:0px; top:0; width : 2.5rem; height : 2.5rem;   background:url('/images/default/main/pro_arr_p.png')no-repeat center center;}

/*게시판 배너*/
div#wrap div#container div.cts03 .banner{width:100%; }
div#wrap div#container div.cts03 div.notice{position:relative; width:100%; }
div#wrap div#container div.cts03 div.notice ul.notice_tab{height:3.5rem; background:#fff; border:1px solid #ddd;}
div#wrap div#container div.cts03 div.notice ul.notice_tab li{float:left; width:calc(100% / 3 - 13px); }
div#wrap div#container div.cts03 div.notice ul.notice_tab li a{display:block;text-align:center; height:3.5rem; line-height:3.5rem; color:#2a2d32; }
div#wrap div#container div.cts03 div.notice ul.notice_tab li.on a{border-color:#B2005B; background:#B2005B; color:#fff; font-weight:600; }
div#wrap div#container div.cts03 div.notice .notice_wrap{position:relative; background:#fff; margin-bottom:1.875rem;}
div#wrap div#container div.cts03 div.notice .notice_wrap p.more{position:absolute; right:0px; top:-55px; width:2.5rem;; height:3.5rem; line-height:3.5rem; border:1px solid #B2005B; color:#B2005B; font-size:1.4rem; text-align:center;}

div#wrap div#container div.cts03 .notice ul.recent_ul img{vertical-align:middle;}
div#wrap div#container div.cts03 .notice ul.recent_ul li{position:relative; border-bottom:1px solid #ddd; }
div#wrap div#container div.cts03 .notice ul.recent_ul li a.subject{font-size:1.25rem; font-weight:600; color:#111; }
div#wrap div#container div.cts03 .notice ul.recent_ul li.big{padding:1.25rem 0 1.25rem 5.25rem; height:7.5rem; overflow:hidden;}
div#wrap div#container div.cts03 .notice ul.recent_ul li.big div.date{position:absolute; left:.625rem; top:50%; transform:translateY(-50%);  text-align:center; color:#ccc; font-size:1rem; }
div#wrap div#container div.cts03 .notice ul.recent_ul li.big div.date span{font-size:2.1rem; color:#111; font-weight:600;display:block;}
div#wrap div#container div.cts03 .notice ul.recent_ul li.big a{line-height:1.5; width:100%; text-align:left; font-size:1.25rem; color:#111; margin-bottom:.625rem;}
div#wrap div#container div.cts03 .notice ul.recent_ul li.big p{text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 3; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 3.9em;  color:#777;}
div#wrap div#container div.cts03 .notice ul.others_ul li{position:relative; line-height:3.125rem; height:3.125rem; overflow:hidden; padding-left:.9375rem; border-bottom:1px solid #ddd; }
div#wrap div#container div.cts03 .notice ul.others_ul li:before{ content : ""; display : block; position : absolute; left :0; top:50%;  margin-top:-2px; width : 4px; height : 4px; background : #B2005B; border-radius:50%; }
div#wrap div#container div.cts03 .notice ul.others_ul li a{width:70%; float:left;}
div#wrap div#container div.cts03 .notice ul.others_ul li p{width:30%; float:right; text-align:right; color:#777;}

/*시설안내*/
div#wrap div#container div.cts04{background:url('/images/default/main/fac_bg.jpg')no-repeat center top; background-size:cover; color:#fff;}
div#wrap div#container div.cts04 .ftxt{width:100%; line-height:1.3; margin-bottom:1.25rem;}
div#wrap div#container div.cts04 .ftxt .bor_fac{position:relative;border:3px solid rgba(255,255,255,0.4); padding:.625rem 1.25rem .625rem 120px; }
div#wrap div#container div.cts04 .ftxt .bor_fac h4{position:absolute; left:1.25rem; top:.625rem; font-size:1.2rem}
div#wrap div#container div.cts04 .ftxt .bor_fac li{position:relative;margin-top:.625rem; padding-left:.625rem; }
div#wrap div#container div.cts04 .ftxt .bor_fac li:first-child{margin-top:0}
div#wrap div#container div.cts04 .ftxt .bor_fac li:before{content : ""; display : block; position : absolute; left :0; top:.725rem;   width : 5px; height : 2px; background : #fff;}
div#wrap div#container div.cts04 .ftxt .floor li{position:relative; padding:1rem .25rem 1rem 3.5rem; font-size:1rem; border-bottom:1px solid rgba(255,255,255,0.4); }
div#wrap div#container div.cts04 .ftxt .floor li span{position:absolute; left:0px; top:50%;transform:translateY(-50%); font-size:1.8rem; font-weight:800; line-height:1; font-style:italic;}
div#wrap div#container div.cts04 .ftxt .floor li:hover{color:#b153d9;}

div#wrap div#container div.cts04 .fimg{width:100%; }
div#wrap div#container div.cts04 .fimg ul li{position:relative; width:100%; }
div#wrap div#container div.cts04 .fimg ul li h4{position:absolute; right:0px; bottom:0px; background:#B2005B; width:80%; height:3.125rem; line-height:3.125rem; padding-left:1.5rem; color:#fff; font-size:1rem; font-weight:500; text-align: left;}
div#wrap div#container div.cts04 .fimg .owl-nav{position:absolute; right:0px; bottom:1.05rem;}
div#wrap div#container div.cts04 .fimg .owl-nav button{width:3.125rem; height:3.125rem; line-height:3.125rem;  position:relative; }
div#wrap div#container div.cts04 .fimg .owl-nav button span{font-size:0px; }
div#wrap div#container div.cts04 .fimg .owl-nav button.owl-next{ background:#E94888;}
div#wrap div#container div.cts04 .fimg .owl-nav button.owl-next:before{ content : "\e940"; display : block; position : absolute; left :50%; top:50%; margin-left:-12.5px; margin-top:-12.5px; color:#fff; line-height:1; font-family:'xeicon'; font-size:25px;font-style:normal;}
div#wrap div#container div.cts04 .fimg .owl-nav button.owl-prev:before{ content : "\e93d"; display : block; position : absolute; left :50%; top:50%; margin-left:-12.5px; margin-top:-12.5px; color:#fff; line-height:1; font-family:'xeicon'; font-size:25px;font-style:normal;}
div#wrap div#portfolio{ position:relative; clear:both; background-color:#535353; height:250px; }
div#wrap div#portfolio div.section{ width:1004px; margin:0 auto; padding:0px; }
div#wrap div#portfolio div.section h3{ margin:0px; padding:0px; }
div#wrap div#portfolio div.section ul{ margin:0px; padding:0px; }
div#wrap div#portfolio div.section ul li{ list-style:none; float:left; width:190px; margin:5px; }