@charset "utf-8";



div#Header a.back{ position:absolute; top:23px; left:58px}
input[type=text]  {border:1px solid #d0d0d0;}

.subhd {padding: 25px 12px 25px 34px;font-size:23px;font-weight: bold;background-image:url(/images/mobile/renew_usr/sub/sttbg.gif);background-repeat:no-repeat;background-position: 12px 27px; }
.pdcontz {padding: 12px;padding-top: 0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.srch {border:1px solid #d0d0d0;padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #f8f8f8;margin-bottom: 20px}


 
.sttle { margin-bottom: 10px;padding-left: 16px;font-size: 16px; font-weight: bold;background-image: url(/images/mobile/renew_usr/common/blit.gif); background-position: left 4px; background-repeat:no-repeat;}
.bttle { margin-bottom: 10px;padding-left: 12px;font-size: 18px; font-weight: bold;background-image: url(/images/mobile/renew_usr/common/blit3.gif); background-position: left 2px; background-repeat:no-repeat;}
 


/* table */

table {width: 100%}
th {  text-align:left; padding: 5px 0;padding-left: 12px;background-color: #656565;color: #fff;border-bottom:1px solid #888;}
th:last-child {border-right:0 !important;} 
td {text-align:left;padding: 4px 0;padding-left: 12px;border-bottom:1px solid #d4d4d4;} 
th.bgy {background-image: url(/images/mobile/renew_usr/sub/ct_bg.gif); background-position: left top; background-repeat:no-repeat;} 


table.tbc th {text-align:center; padding-left: 0px;} 
table.tbc td {text-align:center; padding-left: 0px;font-size: 13px} 
table.tbc td {border-left:1px solid #eaeaea;} 
table.tbc td:first-child {border-left:0} 
table.tbc td.bdx {border-left:0} 
td.oxo {background-image: url(/images/mobile/renew_usr/sub/o.gif); background-position: 50% 50%; background-repeat:no-repeat;}
td.oxx {background-image: url(/images/mobile/renew_usr/sub/x.gif); background-position: 50% 50%; background-repeat:no-repeat;}

td.bR0 {border-right:0 !important;}


table.bdy {border:1px solid #ff7c00;}
table.bdy th.bdo{ border-right:0;border-bottom:0;}
table.bdy td {border-bottom:0;}

table.tbdesign2 th {background-color: #ededed;color: #000;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;} 
table tr.thbdT {border-top:2px solid #868686 !important;}
table th.tct {text-align: center;padding-left: 0 }


td.secricon {background-image: url(/images/mobile/renew_usr/sub/04_community/b_lock.gif); background-position: 10px 15px; background-repeat:no-repeat;}
span.repicon {background-image: url(/images/mobile/renew_usr/sub/04_community/reply.gif);background-size: 18px; background-position:0 0; background-repeat:no-repeat;}
span.repicon2 {background-image: url(/images/mobile/renew_usr/sub/comm2.png);background-size: 18px; background-position:0 0; background-repeat:no-repeat;}



div.bdBox{width: 100%;border:1px solid #d4d4d4;border-bottom:3px solid #d4d4d4;box-sizing:border-box;}
div.bdBox2{width: 100%;border:1px solid #d4d4d4;box-sizing:border-box;}
div.bdBox3{width: 100%;border:0;box-sizing:border-box;}
div.topbd{border-top: 3px solid #656565 !important;}


ul.li3_2 {text-align: center;}
ul.li3_2 > li {border: 1px solid #e1e1e1;border-bottom: 5px solid #d4d4d4;padding: 15px; display: inline-block;text-align: center;vertical-align: top; margin-bottom: 25px}
/*ul.li3_2 > li:hover {text-decoration:underline}*/
ul.li3_2 > li.last {margin-right: 0}
ul.li3_2 > li img {width: 100%;}
ul.txtdeco_none > li:hover {text-decoration:none}
p.ellipP2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.28em;/*height: 1.2em;*/}
p.ellipP {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.28em;height: 2.3em;}
 

/* 프로그램 디테일 동영상*/
.cmntboardvdo2 {width:100%;height:190px; background-color: #eaeaea; position: relative;}
.cmntboardvdo2zone {position: absolute;top: 0;left: 0; }
.cmntboardplybtn2 {position: absolute;top: 35%;left: 40%; z-index: 888;cursor: pointer;}


	/*편성표*/ 
li.menu3 { display: block;border-bottom: 1px solid #555555;}

li.menu3 a{cursor:pointer;font-size: 13px;display: block;height: 40px;line-height: 40px;padding: 0 0;background-image: url(/images/mobile/renew_usr/sub/media/slide11.png); background-position:97.5% 15px; background-repeat:no-repeat;}
li.menu3 a:hover{background-color: #fff9de; }
li.menu3 .menu3ul {display: block;}
li.menu3 .menu3ul li{float: left;width: 32%;text-align: center;}
li.menu3 .menu3ul li.last{width: 60%;padding-left: 3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align: left;}
li.menu3 .menu3ul li.last img {vertical-align: text-bottom;}
.menu3 .hide{clear: both;display:none;font-weight: normal;padding:10px 15px;border-top: 1px solid #555555}
.mda4dr {font-size: 16px}
.mda4dr img{ cursor: pointer;display: inline-block;vertical-align: bottom;margin: 0 3px}

p.pairingp1 {width:32%;border-right: 1px solid #a5a5a5;text-align: center;}
p.pairingp2 {width:64%;text-align: center;}


/*교육*/ 

ul.sale_info > li { border-bottom: 1px solid #e1e1e1;}
ul.sale_info > li.last {padding-bottom: 0px;border-bottom:0;margin-top: 15px}
ul.sale_info > li p.sI_title {margin-top: 0px;padding-bottom: 10px;padding-top: 20px;font-size: 21px;color:#178dd5;font-weight: bold;text-align: center;}
ul.sale_info > li p.sI_title2 {margin-top: 0px;padding-bottom: 10px;padding-top: 20px;font-size: 21px;color:#ff7c00;font-weight: bold;text-align: center;}


ul.sale_info > li > ul li{ width:90px;text-align: center;vertical-align: top;margin-bottom: 5px}
ul.sale_info > li > ul li p{margin-top: 0px;font-size: 11px;font-weight: bold; }
ul.sale_info > li > ul li.last {margin-right: 0}



/*영상/도서*/
.tab1 {width: 100%}
.tab1 li{width: 32.5%;display: inline-block; }
.tab1 li a{ display: block; background-color:#f7f7f7;height: 32px;line-height: 32px;text-align: center;font-size: 15px;border: 1px solid #cccccc;color: #cccccc}
.tab1 li.on a{  background-color:#fff;border: 1px solid #67ad2f;color: #67ad2f;font-weight: bold;}

ul.flimnbook > li{ background-image: url(/images/mobile/renew_usr/sub/media/filmnbook_bg.gif); background-position: 82px -5px; background-repeat:no-repeat;}


ul.meduaUl li {display: block;}
ul.meduaUl > li:first-child  {text-align: center;} 
ul.meduaUl img{width: 150px} 

 

/*상영회*/ 

.tab2 {width: 100%}
.tab2 li{width: 49.4%;display: inline-block; }
.tab2 li a{ display: block; background-color:#f7f7f7;height: 32px;line-height: 32px;text-align: center;font-size: 15px;border: 1px solid #cccccc;color: #cccccc}
.tab2 li.on a{background-color:#fff;border: 1px solid #67ad2f;color: #67ad2f;font-weight: bold;}


div.grblitDiv {padding-left: 15px;background-image: url(/images/mobile/renew_usr/common/blit2.gif); background-position: left 5px; background-repeat:no-repeat;line-height: 20px; margin-top:5px} 
div.grblitDiv2 {padding-left:8px;background-image: url(/images/mobile/renew_usr/common/sblit.gif); background-position: left 5px; background-repeat:no-repeat;line-height: 20px} 
span.sblit {padding-left: 12px;background-image: url(/images/mobile/renew_usr/common/sblit.gif); background-position: left 6px; background-repeat:no-repeat;}


ul.meduaUl2 > li:first-child {width: 28%;height: 192px; max-height: 192px; overflow: hidden;} 
ul.meduaUl2 > li:first-child a {display: block;width: 100%;height: 192px;line-height: 192px;}
ul.meduaUl2 > li:first-child img{min-width: 100%;max-height: 140px;} 
ul.meduaUl2 > li.last {width: 67%;}


/*창작지원*/
.ul5 {width: 100%}
.ul5 li.fir {width: 30%}
.ul5 li.fir a {display: block;}
.ul5 li.fir img {width: 100%;height: 82px}
.ul5 li.sec {width: 65%;margin-left: 3px}

.bdbul>li{border-bottom: 1px solid #cccccc;margin-bottom: 8px}

span.condition {background: url(/images/mobile/renew_usr/common/blit4.gif) no-repeat right 1px;padding-right: 6px}

p.ellipP {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.4em;}

/*교육신청*/
.ul6 {width: 100%}
.ul6>li {padding-bottom: 10px}
.ul6>li.fir {width: 30%}
.ul6>li.fir a {display: block;width: 95%;height: 88px;text-align: center;border: 1px solid #ededed;margin-bottom: 5px; background:#eaeaea}
.ul6>li.fir img {max-width: 100%;max-height: 100%;}
.ul6>li.sec {width: 65%;margin-left: 5px}

ul.edutc li {padding-left: 8px;background-image: url(/images/mobile/renew_usr/common/blit_g.gif); background-position: left 7px; background-repeat:no-repeat; }
 
 
ul.bdbul li p strong{ background:url(/images/mobile/renew_usr/common/blit_g.gif) no-repeat left 6px; padding-left:7px;}
ul.bdbul li p.grcolor2 strong{ background:url(/images/mobile/renew_usr/common/sblit.gif) no-repeat left 6px; background-size:3px 3px }
ul.bdbul li div.fs12 p strong{ background:none; padding-left:0px;} 
 
/*FAQ*/
li.menu2 { display: block;font-weight: bold;border-bottom: 1px solid #555555;}
li.menu2 a{cursor:pointer; display: block;padding:14px 10px;background-image: url(/images/mobile/renew_usr/sub/04_community/slide.png); background-position:97% 50%; background-repeat:no-repeat;padding-right: 45px;}
li.menu2 a:hover{background-color: #f4f4f4;color:#178dd5;}
.menu2 .hide{display:none;font-weight: normal;font-size: 14px;padding: 15px 15px 15px 15px;line-height: 23px}

/*센터소개*/

li.bordccc {border: 1px solid #cccccc;background-image: url(/images/mobile/renew_usr/sub/centerintro/member_bg.gif); background-position: 93% bottom; background-repeat:no-repeat;}

div.center_map {width: 100%;height: 180px}


.centerintroul li{width:31.5%;display: inline-block;margin-right:4px }
.centerintroul li.last {margin-right: 0}
.centerintroul li img {width: 100%; }
.centerintroul li a{ display: block; background-color:#f7f7f7;height: 32px;line-height: 32px;text-align: center;font-size: 15px;border: 1px solid #cccccc;color: #cccccc}





/* btn */

a.btn {display: inline-block;zoom:1;*display: inline;_display:inline;height: 25px;line-height: 27px;border-radius: 3px;padding: 0 20px;font-size:13px;}

a.whbtn {background-color: #fff;border: 1px solid #999;color: #333;border-bottom: 2px solid #666;border-right: 1px solid #666;}
a.grbtn {background-color: #434343;border: 1px solid #000;color: #fff}
a.gr2btn {background-color: #a6a6a6;border: 1px solid #a6a6a6;color: #fff}
a.gr3btn {background-color: #B8C78F;border: 1px solid #B8C78F;color: #fff}
a.blbtn {background-color: #3d94b1;border: 1px solid #3d94b1;color: #fff}
a.vibtn {background-color: #834d91;border: 1px solid #834d91;color: #fff}
a.greenbtn {background-color: #8aba07;border: 1px solid #8aba07;color: #fff}
a.bgrbtn {background-color: #3d597a;border: 1px solid #3d597a;color: #fff}

span.grblit {padding-left: 12px;background-image: url(/images/mobile/renew_usr/common/blit2.gif); background-position: left 3px; background-repeat:no-repeat;}

.txtov {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
span.situation {background: url(/images/mobile/renew_usr/common/blit5.gif) no-repeat right 1px;padding-right: 12px}


  /* paging */
.paging{ position:relative; width:100%; text-align:center; margin:25px 0; } 
.paging strong{ color:#fff; background:#FF8300;padding:5px 9px 4px 9px; } 
.paging strong {vertical-align: top;} 
.paging a{color:#666; border:1px solid #f5f5f5; padding:5px 9px 4px 9px; margin-left:3px;vertical-align: top; } 
.paging a:hover{ color:#555555; border:1px solid #555555; }  
.paging a.btn1, .paging a.btn2, .paging a.btn3, .paging a.btn4{ padding:0; position:relative; top:-1px; background-color:#ffffff; border:none; } 
  
.paging a.btn2 img{ margin-right:5px; } 
.paging a.btn3 img{ margin-left:5px; }


/* 장비대여 */
 
.flexslider2 {margin: 0; padding: 0; position: relative; z-index:24}
.flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden;}  
.flexslider2 .slides img {width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
 
.slides:after {  display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.no-js .slides > li:first-child {display: block;}
 
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index:30}
.loading .flex-viewport { max-height: 300px; }
.flexslider2 .slides { zoom: 1; } 


/* 이미지 공간 */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 50; overflow: hidden; opacity: 0;  cursor: default;  color: rgba(0,0,0,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; text-align: right; } 
.flexslider2:hover .flex-next:hover, .flexslider2:hover .flex-prev:hover { opacity: 0; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor:default; }





/* 공간대여 */

.flexslider3 {margin: 0; padding: 0; position: relative; z-index:24}
.flexslider3 .slides > li {display: none; -webkit-backface-visibility: hidden;}  
.flexslider3 .slides img {width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
 
.slides:after {  display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.no-js .slides > li:first-child {display: block;}
 
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index:30}
.loading .flex-viewport { max-height: 300px; }
.flexslider3 .slides { zoom: 1; } 


/* 이미지 공간 */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 50; overflow: hidden; opacity: 0;  cursor: default;  color: rgba(0,0,0,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; text-align: right; } 
.flexslider3:hover .flex-next:hover, .flexslider3:hover .flex-prev:hover { opacity: 0; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor:default; }


/* 이미지 롤링 동그라미*/ 
.flex-control-nav {width: 100%; position: absolute; bottom:10px; text-align: center; z-index:40}
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #f8f8f8; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #fa7712;}
.flex-control-paging li a.flex-active { background: #fa7712;}
 


/* 마을계획단 동영상*/
.cmntboardvdo3 {width:100%;height:195px;position: relative;}
.cmntboardvdo3zone {position: absolute;top: 0;left: 0;width:100%;height:100%; background-color: #eaeaea; }
.cmntboardplybtn3 {position: absolute;top: 35%;left: 40%; z-index: 888;cursor: pointer;}


.cmntboard2 {width:300px; height: 274px;position: relative;background-image: url(/images/mobile/renew_usr/sub/04_community/seongbukguimg.png); background-position: 0 0; background-repeat:no-repeat;background-size: 100%;margin: 0 auto}
.cmntboard2 p {position: absolute;font-size: 14px;color:#cccccc;}
.cmntboard2 p.on {cursor: pointer;color:#90be1c;font-weight: bold} 
.cmntboard2 p#cmntboard2po1 {top: 28px;left: 40px;} 
.cmntboard2 p#cmntboard2po2 {top: 92px;left: 47px;} 
.cmntboard2 p#cmntboard2po3 {top: 141px;left: 42px;} 
.cmntboard2 p#cmntboard2po4 {top: 122px;left: 82px;} 
.cmntboard2 p#cmntboard2po5 {top: 84px;left: 120px;} 
.cmntboard2 p#cmntboard2po6 {top: 93px;left: 145px;} 
.cmntboard2 p#cmntboard2po7 {top: 115px;left: 119px;} 
.cmntboard2 p#cmntboard2po8 {top: 133px;left: 141px;} 
.cmntboard2 p#cmntboard2po9 {top: 144px;left: 93px;} 
.cmntboard2 p#cmntboard2po10 {top: 162px;left: 127px;} 
.cmntboard2 p#cmntboard2po11 {top: 186px;left: 100px;} 
.cmntboard2 p#cmntboard2po12 {top: 197px;left: 123px;} 
.cmntboard2 p#cmntboard2po13 {top: 185px;left: 150px;} 
.cmntboard2 p#cmntboard2po14 {top: 101px;left: 182px;} 
.cmntboard2 p#cmntboard2po15 {top: 129px;left: 202px;}
.cmntboard2 p#cmntboard2po16 {top: 151px;left: 175px;}
.cmntboard2 p#cmntboard2po17 {top: 73px;left: 197px;}
.cmntboard2 p#cmntboard2po18 {top: 86px;left: 226px;}
.cmntboard2 p#cmntboard2po19 {top: 46px;left: 230px;}
.cmntboard2 p#cmntboard2po20 {top: 96px;left: 267px;}

/*    
<p id="cmntboard2po14">월곡1</p>
<p id="cmntboard2po15">월곡2</p>
<p id="cmntboard2po16">종암동</p>
<p id="cmntboard2po17">장위1</p>
<p id="cmntboard2po18">장위2</p>
<p id="cmntboard2po19">장위3</p>
<p id="cmntboard2po20">석관동</p> 
<p id="cmntboard2po25" class="on" >ddd</p>

*/

.ctb_img img {width:100%;height:100%}
.ctb_img *{width:100% !important;text-indent: 0 !important;}

ul.li3_2 > li {width: 90%;} 
ul.li3_2 > li img {width:280px;height:150px} 

ul.li3_2 > li {width: 90%;} 
.dvel1 {height: 30px;overflow-y: hidden; }  
.dvel1 p{height: 14px} 

.ctr_li {width: 100%;height: 50px;overflow: hidden;text-align:center; border-top:1px dashed #cccccc;padding-top:5px } 
.ctr_li img {display:none}
.ctr_li table {display:none}

.ctr_li a p span{font-size:13px !important}
.ul6>li.fir img {width:100%;height:100%} 
.edtc> li{padding:15px; border:1px dashed #cccccc;width: 80%;margin: 0 auto;text-align: center;display: block !important;} 
.hide { border-top:1px dashed #cccccc} 
.hide * {margin-left:0 !important; }
.dvel1 {height: 39px;overflow: hidden;padding-top:3px;margin:5px 0;border-top:1px dashed #cccccc}  
.ctr_li {width: 100%;height: 38px;overflow: hidden;text-align:center;border-top:1px dashed #cccccc;padding-top:5px;padding-bottom:5px !important;}  

.dvel1 img{display:none !important}
.dvel1 table{display:none !important}
.dvel1 a p iframe{background-image:none !important} 
.dvel1 iframe{display:none !important} 
.dvel1 a p {height:15px !important}


.dvel1 {height: 32px;overflow: hidden;margin-top:15px;font-size:14px !important;font-weight:normal;} 


.imgresize img {width:100% !important; height:250px !important;}

.imgre2 img {width:100%}
.imgre2 table {width:95%;table-layout:auto} 

/* Cross Browser 3줄일 경우.*/  
    .ellipsis.multline { white-space: normal;overflow: hidden;text-overflow: ellipsis;position:relative;line-height:21px;height:39px;      /* 3 times the line-height to show 3 lines */padding:0 0 0 0; }  
    .ellipsis.multline::after {content:"..."; position:absolute;bottom:0;right:-1px;padding:0 0 0 0; }  
 .ellipsis.multline a {display: block;width:96.5%;} 
 
 /*FAQ*/ 
li.menu4 { display: block;font-weight: bold;border-bottom: 1px solid #555555;} 
li.menu4 a{cursor:pointer; display: block;padding:14px 10px;background-image: url(/images/mobile/renew_usr/sub/04_community/slide.png); background-position:97% 50%; background-repeat:no-repeat;padding-right: 45px;} 
li.menu4 a:hover{background-color: #f4f4f4;color:#178dd5;} 
.menu4 .hide{display:none;font-weight: normal;font-size: 14px;padding: 15px 15px 15px 15px;line-height: 23px}