@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon');




#subVisual{width: 100%; height: 200px; background: url(../images/bg_subvisual.jpg) no-repeat; background-size:cover;}

#subContents{width: 1200px; margin: 0 auto; display: table;}
#subContents>li{display: inline-block; float: left;}
#subContents>li:nth-child(1){width: 300px; box-sizing: border-box; padding: 30px 50px 0 0;}
#subContents>li:nth-child(2){width: 900px; box-sizing: border-box; padding: 50px 0 50px 50px; border-left: 1px solid #ddd;}

#subContents>li>h2{font-family: 'Do Hyeon'; font-size: 36px; color: #7a5548; border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 30px;}
#subContents>li>h2>span{font-size: 14px; display: block;}

/*left*/
#subContents>li:nth-child(1)>ul{width: 100%; display: block;}
#subContents>li:nth-child(1)>ul>li{width: 100%; height: 45px; border-bottom: 1px solid #ccc;}
#subContents>li:nth-child(1)>ul>li>a{height: 100%; line-height: 45px; font-size: 18px; color: #333; box-sizing: border-box; padding: 0 10px; display: block;}
#subContents>li:nth-child(1)>ul>li>a:hover{text-decoration: none;}
#subContents>li:nth-child(1)>ul>li>a>i{float: right; margin-top: 12px;}
#subContents>li:nth-child(1)>ul>li>a.on{background: #ffc200; color: #fff; font-weight: 600;}
#subContents>li:nth-child(1)>ul>li>a.on:hover{text-decoration: none;}

/*right*/
#subContents>li:nth-child(2)>h3{width: 100%; background: url(../images/bg_subtitle.gif) center bottom no-repeat; box-sizing: border-box; padding: 0 0 20px 0; font-size: 48px; font-weight: 600; color: #51392c; text-align: center; margin:0;}

#contents{width:100%; color: #666; display: block;}
#contents>h4{background: url(../images/bg_h4.gif) no-repeat; font-size: 24px; color: #51392c; line-height: 1; text-indent: 25px; margin: 50px 0 10px 0;}

.sub11cont1{width: 100%; border-radius: 10px; background: #fff9e3; box-sizing: border-box; padding: 30px;}
.sub11cont1>strong{color: #eb683b; display: block; margin-bottom: 10px;}
.sub11cont1>p{line-height: 24px; margin: 0;}
.sub11cont1>p>span{width: 20px; height: 20px; border-radius: 10px; background: #f69b25; color: #fff; text-align: center; display: inline-block; line-height: 20px; margin: 0 5px 0 10px;}
.sub11cont1>p>span:nth-child(1){margin-left: 0;}
.sub11cont2{width: 100%; display: block;}
.sub11cont2>li>strong{background: url(../images/img_subullet.gif) 0 0 no-repeat; color: #333; box-sizing: border-box; padding-left: 15px;}
.sub11cont2>span{color: #eb683b;}
.sub11cont3{width: 100%; display: table;}
.sub11cont3>li{float: left; width: 47.5%; height: 75px; display: inline-block; box-sizing: border-box; padding: 10px 0 10px 85px; margin-bottom: 10px;}
.sub11cont3>li:nth-child(2n){margin-left: 5%;}
.sub11cont3>li.cont31{background: url(../images/bg_sub11cont31.jpg) no-repeat;}
.sub11cont3>li.cont32{background: url(../images/bg_sub11cont32.jpg) no-repeat;}
.sub11cont3>li.cont33{background: url(../images/bg_sub11cont33.jpg) no-repeat;}
.sub11cont3>li.cont34{background: url(../images/bg_sub11cont34.jpg) no-repeat;}
.sub11cont3>li.cont35{background: url(../images/bg_sub11cont35.jpg) no-repeat;}
.sub11cont3>li.cont36{background: url(../images/bg_sub11cont36.jpg) no-repeat;}
.sub11cont3>li:nth-child(5){margin-bottom: 0;}
.sub11cont3>li:nth-child(6){margin-bottom: 0;}
.sub11cont3>li.pd2{padding-top: 20px;}
.sub11cont3>li.pd1{padding-top: 30px;}
.sub11cont4{width: 100%; height: 200px;}
.sub11cont4>li{float: left; width: 260px; height: 200px; text-align: center; box-sizing: border-box; padding: 110px 30px 30px 30px; margin-top: 10px;}
.sub11cont4>li+li{margin-left: 34px;}
.sub11cont4>li.cont41{background: url(../images/bg_sub11cont41.gif) no-repeat;}
.sub11cont4>li.cont42{background: url(../images/bg_sub11cont42.gif) no-repeat;}
.sub11cont4>li.cont43{background: url(../images/bg_sub11cont43.gif) no-repeat;}
.sub11cont4>li>strong{display: block; font-size: 18px; color: #333;}
.sub11cont5{width: 100%; background: #fff9e3; border-radius: 10px; box-sizing: border-box; padding: 30px; text-align: center; font-size: 18px; color: #eb683b; font-weight: 600; line-height: 30px;}

.sub12cont1{width: 100%; height: 239px; margin-top: 50px; display: table;}
.sub12cont1>li{float: left; width: 149px; height: 239px; display: inline-block;}
.sub12cont1>li+li{margin-left: 26px;}
.sub12cont1>li.cont11{background: url(../images/bg_sub12cont11.gif) no-repeat;}
.sub12cont1>li.cont12{background: url(../images/bg_sub12cont12.gif) no-repeat;}
.sub12cont1>li.cont13{background: url(../images/bg_sub12cont13.gif) no-repeat;}
.sub12cont1>li.cont14{background: url(../images/bg_sub12cont14.gif) no-repeat;}
.sub12cont1>li.cont15{background: url(../images/bg_sub12cont15.gif) no-repeat;}
.sub12cont1>li>strong{width: 100%; height: 55px; line-height: 55px; color: #fff; font-size: 32px; text-align: center; display: block;}
.sub12cont1>li>p{box-sizing: border-box; padding: 15px; text-align: center;}
.sub12cont2{text-align: center;}

.sub13cont1{width: 100%; text-align: center; margin-top: 50px;}

.sub14cont1{width: 100%; margin-top: 50px; display: block;}
.sub14cont1>li.date{text-align: center; font-size: 32px; color: #333; font-weight: 600; line-height: 1; margin-bottom: 10px;}
.sub14cont1>li.date>a{color: #333; margin: 0 10px; font-size: 28px;}
.sub14cont1>li.calendar table{width: 100%; background: #f4f4f4;}
.sub14cont1>li.calendar th{width: 14.1857%; height: 40px; line-height: 40px; border: 1px solid #fff; text-align: center; font-weight: 600; background: #b7b7b7; color: #fff;}
.sub14cont1>li.calendar th:nth-child(1){background: #ff7a7d;}
.sub14cont1>li.calendar th:nth-child(7){background: #8acedb;}
.sub14cont1>li.calendar td{height: 100px; border: 1px solid #fff; vertical-align: top; position: relative;}
.sub14cont1>li.calendar td>a{width: 100%; height: 100%; color: #333; box-sizing: border-box; padding: 5px 10px; display: block;}
.sub14cont1>li.calendar td>a:hover{text-decoration: none;}
.sub14cont1>li.calendar td>a>span{width: 100%; color: #666; display: block;}
.sub14cont1>li.calendar td:nth-child(1)>a{color: #c62127;}
.sub14cont1>li.calendar td:nth-child(7)>a{color: #1464a9;}
.sub14cont1>li.calendar td>div{position: absolute; left: 100%; top: 0; background: #fff; border: 3px solid #ccc; box-sizing: border-box; padding: 20px; width: 300px; height: 135px; z-index: 99;}
.sub14cont1>li.calendar td>div>img{width: 90px; height: 90px; float: left;}
.sub14cont1>li.calendar td>div>div{float: left; margin-left: 10px;}
.sub14cont1>li.calendar td>div>div>strong{font-size: 16px; color: #333; font-weight: 600; display: block;}
.sub14cont1>li.calendar>div.schedule{display: none;}



.sub21cont1{width: 100%; display: block;}
.sub21cont1>li.map{width: 100%; height: 300px; background: gray;}
.sub21cont1>li table{width: 100%; border-top: 2px solid #333;}
.sub21cont1>li th{border-bottom: 1px solid #ccc; height: 50px; border-right: 1px solid #ccc; color: #333; box-sizing: border-box; padding: 10px; width: 150px;}
.sub21cont1>li td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}

.sub22cont1{width: 100%; margin-top: 50px; display: block;}

.sub51cont1{width: 100%; margin: 50px 0 10px 0;}
.sub51cont1>li:nth-child(1){font-size: 24px; font-weight: 600; color: #51392c; line-height: 1; text-align: center; margin-bottom: 10px;}
.sub51cont2{width: 100%; border-top: 2px solid #333; margin-bottom: 10px;}
.sub51cont2 th{border-bottom: 1px solid #ccc; height: 50px; border-right: 1px solid #ccc; color: #333; box-sizing: border-box; padding: 10px; width: 190px;}
.sub51cont2 td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}

.boardArea{width: 100%; margin-top: 50px; display: block;}

.list{width: 100%; border-top: 2px solid #333;}
.list th{height: 50px; background: #f4f4f4; border-bottom: 1px solid #ccc; text-align: center; box-sizing: border-box; padding: 10px; color: #333;}
.list td{border-bottom: 1px solid #ccc; padding: 10px; text-align: center;}
.list td>a{color: #666;}
.list td>a:hover{text-decoration: none;}
.list td:nth-child(2){text-align: left;}
.listM{display: none;}

.btnWrap{width: 100%; height: 50px; margin-top: 10px; text-align: right; display: block;}
.btnWrap>a{width: 100px; height: 50px; line-height: 50px; border-radius: 5px; color: #fff; text-align: center; font-weight: 600; display: inline-block;}
.btnWrap a:hover{text-decoration: none; color: #fff;}
.btnWrap>a.btn1{background: #51392c;}
.btnWrap>a.btn2{background: #d4c9bc; float: left;}
.btnWrap>a.btn2+a.btn2{margin-left: 5px;}
.btnWrap>a.btn3{float: left; width: auto; background: #eb683b; padding: 0 10px;}

.pageWrap{width: 100%; text-align: center; margin-top: 10px; display: block;}
.pageWrap table{margin: 0 auto;}
.pageWrap th{padding: 0 2px;}
.pageWrap td{padding: 0 2px;}
.pageWrap td>a{width: 35px; height: 35px; border: 1px solid #ccc; box-sizing: border-box; line-height: 35px; text-align: center; border-radius: 5px; display: inline-block; color: #666;}
.pageWrap td>a:hover{background: #ccc; color: #fff; text-decoration: none;}

.searchWrap{width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-top: 10px; box-sizing: border-box; padding: 15px; text-align: center;}
.searchWrap>a{width: 50px; height: 35px; line-height: 35px; background: #aaa; color: #fff; text-align: center; display: inline-block;}
.searchWrap>a:hover{text-decoration: none;}

.sub31cont2{width: 100%; box-sizing: border-box; padding: 50px; border-radius: 10px; background: #fff9e3; text-align: center;}
.sub31cont2>li{text-align: center; font-size: 18px; color: #333; line-height: 32px;}
.sub31cont2>li+li{margin-top: 10px;}
.sub31cont2>li>input[type=text]{width: 250px;}
.sub31cont2>li>a{width: 50px; height: 32px; font-size: 14px; color: #fff; background: #aaa; text-align: center; display: inline-block;}

.view{width: 100%; border-top: 2px solid #333; display: block;}
.view>li{width: 100%; border-bottom: 1px solid #ccc; box-sizing: border-box; padding:12px 10px; line-height: 1; display: block;}
.view>li.title{font-size: 18px; font-weight: 600; color: #333; text-align: center; padding-top: 15px;}
.view>li.info{text-align: right; font-size: 13px;}
.view>li.info>div{display: inline-block;}
.view>li.info>div+div{margin-left: 20px;}
.view>li.info>div>span{background: url(../images/bg_viewInfo.gif) right no-repeat; margin-right: 5px; padding-right: 8px; display: inline-block;}
.view>li.conts{padding: 20px; line-height: 24px;}
.view>li.conts>img{margin-bottom: 10px;}
.view>li.conts>div.file{background: url(../images/ico_file.gif) 0 5px no-repeat; box-sizing: border-box; padding-left: 25px; margin-top: 20px;}
.view>li.conts>div.file>a{text-decoration: underline; color: #666;}

.writeNotice{margin-bottom: 10px; text-align: right;}
.write{width: 100%; border-top: 2px solid #333;}
.write th{width: 150px; color: #333; font-weight: 600; text-align: center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.write td{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
.write td>div+div{margin-top: 5px;}
.write td>div>a{height: 34px; line-height: 34px; box-sizing: border-box; padding: 0 10px; background: #ccc; color: #333; display: inline-block;}

.photoList{width: 100%; border-top: 2px solid #333;}
.photoList td{box-sizing: border-box; padding: 10px; border-bottom: 1px solid #ccc; text-align: center;}
.photoList td:nth-child(2){text-align: left;}
.photoList td>a{color: #666;}
.photoList td>a:hover{text-decoration: none;}
.photoList td>a>img{margin-right: 10px;}

.photoGallery{width: 100%; border-top: 2px solid #333;}
.photoGallery td{width: 25%; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
.photoGallery td>a{color: #666; text-align: center; display: block;}
.photoGallery td>a:hover{text-decoration: none;}
.photoGallery td>a>img{margin-bottom: 10px;}
.photoGallery td>a>div{display: block;}
.photoGalleryM{display: none;}

.sub43cont1{margin-bottom: 10px;}

.comment{width: 100%; border-top: 2px solid #333; margin-top: 20px; display: block;}
.comment>li{width: 100%; display: block;}
.comment>li+li{border-top: 1px solid #ccc;}
.comment>li>textarea{width: 88%; height: 50px; float: left; margin: 10px 0;}
.comment>li>a{width: 10%; height: 50px; line-height: 50px; color: #fff; text-align: center;  background: #aaa; display: inline-block; margin: 10px 0 10px 10px;}
.comment>li>ul>li{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px 0;}
.comment>li>ul>li>strong>span{font-weight: normal; font-size: 12px; display: inline-block; margin-left: 10px;}
.comment>li>ul>li>div>a{color: #666;margin-left: 5px;}
.comment>li>ul>li>div>a:hover{color: #666; text-decoration: none;}

.cmtPageWrap{width: 100%; margin-top: 10px; display: block;}
.cmtPageWrap table{margin: 0 auto;}
.cmtPageWrap a{color: #666; width: 25px; height: 25px; line-height: 25px; text-align: center; display: inline-block;}
.cmtPageWrap a:hover{color: #666; text-decoration: none;}
.cmtPageWrap a>i{font-size: 18px; margin-top: 3px;}



.login{width: 100%; text-align: center; box-sizing: border-box; padding: 50px; border-radius: 10px; background: #fff9e3; margin-top: 50px;}
.login table{margin: 0 auto; width: 60%;}
.login th{color: #333; font-size: 18px; color: #333; padding: 5px;}
.login th>a{width: 100%; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background: #51392c; color: #fff; display: block;}
.login th>a:hover{color: #fff; text-decoration: none;}
.login td{padding: 5px;}
.login td>input{width: 100%;}
.login>div{text-align: center; margin-top: 10px;}
.login>div>a{display: inline-block; color: #666; margin: 0 10px;}
.login>div>a:hover{color: #666; text-decoration: none;}



.memberCont1{width: 100%; height: 300px; border: 3px solid #ccc; box-sizing: border-box; padding: 30px; line-height: 24px; border-radius: 10px;}
.memberCont1>li{width: 100%; height: 100%; overflow-y: auto;}

.memberCont2{width: 100%; box-sizing: border-box; padding: 30px; text-align: center; border-radius: 10px; font-size: 24px; color: #333; background: #fff9e3;}
.memberCont2>span{display: block; font-size: 16px; margin-top: 10px;}
.memberCont2>a{font-size: 14px; border-radius: 5px; color: #fff; font-weight: 600; background: #51392c; display: inline-block; box-sizing: border-box; padding: 10px 20px; margin-top: 10px;}
.memberCont2>a:hover{color: #fff; text-decoration: none;}

.memberCont3{margin-top: 50px;}




/*핸드폰 모바일*/
@media screen and (min-width:0px) and (max-width:980px) {
	#subVisual{display: none;}

    #subContents{width: 100%;}
    #subContents>li:nth-child(1){display: none;}
    #subContents>li:nth-child(2){width: 100%; padding: 20px 10px; border-left: 0; border-top: 1px solid #ddd;}

    /*right*/
    #subContents>li:nth-child(2)>h3{width: 100%; background: url(../images/bg_subtitle2.gif) center bottom no-repeat; padding: 0 0 10px 0; font-size: 24px;}

    #contents{width:100%; min-height: 400px;}
    #contents>h4{background: url(../images/img_bullet.gif) no-repeat; font-size: 18px; text-indent: 20px; margin: 25px 0 10px 0;}

    .sub11cont1{padding: 15px;}
    .sub11cont1>p>span{width: 15px; height: 15px; line-height: 15px; font-size: 11px; margin: 0 5px 0 0;}
    .sub11cont3>li{width: 100%; height: 35px; padding: 0 0 0 45px; margin-bottom: 0; display: table;}
    .sub11cont3>li+li{margin-top: 10px;}
    .sub11cont3>li:nth-child(2n){margin-left: 0;}
    .sub11cont3>li.cont31{background: url(../images/bg_sub11cont31s.jpg) no-repeat;}
    .sub11cont3>li.cont32{background: url(../images/bg_sub11cont32s.jpg) no-repeat;}
    .sub11cont3>li.cont33{background: url(../images/bg_sub11cont33s.jpg) no-repeat;}
    .sub11cont3>li.cont34{background: url(../images/bg_sub11cont34s.jpg) no-repeat;}
    .sub11cont3>li.cont35{background: url(../images/bg_sub11cont35s.jpg) no-repeat;}
    .sub11cont3>li.cont36{background: url(../images/bg_sub11cont36s.jpg) no-repeat;}
    .sub11cont3>li.pd2{padding-top: 0;}
    .sub11cont3>li.pd1{padding-top: 10px;}
    .sub11cont4{height: 150px; display: table;}
    .sub11cont4>li{float: none; width: 100%; height: 150px; padding: 80px 15px 15px 15px; border-radius: 10px;}
    .sub11cont4>li+li{margin-left: 0;}
    .sub11cont4>li.cont41{background: url(../images/bg_sub11cont41s.jpg) top center no-repeat;}
    .sub11cont4>li.cont42{background: url(../images/bg_sub11cont42s.jpg) top center no-repeat;}
    .sub11cont4>li.cont43{background: url(../images/bg_sub11cont43s.jpg) top center no-repeat;}
    .sub11cont4>li>strong{font-size: 16px;}
    .sub11cont5{padding: 15px; font-size: 14px; line-height: 24px; letter-spacing: -1px;}
    
    .sub12cont1{width: 100%; height: auto; margin-top: 10px;}
    .sub12cont1>li{float: none; width: 100%; height: 80px; display: inline-block; border-radius: 15px; }
    .sub12cont1>li+li{margin-left: 0;}
    .sub12cont1>li.cont11{background: url(../images/bg_sub12cont11m.gif) right no-repeat;}
    .sub12cont1>li.cont11>strong{background: #eb683b;}
    .sub12cont1>li.cont12{background: url(../images/bg_sub12cont12m.gif) right no-repeat;}
    .sub12cont1>li.cont12>strong{background: #f69b25;}
    .sub12cont1>li.cont13{background: url(../images/bg_sub12cont13m.gif) right no-repeat;}
    .sub12cont1>li.cont13>strong{background: #fdc51a;}
    .sub12cont1>li.cont14{background: url(../images/bg_sub12cont14m.gif) right no-repeat;}
    .sub12cont1>li.cont14>strong{background: #7a5548;}
    .sub12cont1>li.cont15{background: url(../images/bg_sub12cont15m.gif) right no-repeat;}
    .sub12cont1>li.cont15>strong{background: #d4c9bc;}
    .sub12cont1>li>strong{width: 50px; height: 100%; line-height: 80px; color: #fff; font-size: 18px; text-align: center; float: left; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .sub12cont1>li>p{padding: 10px; float: left; width: 70%; text-align: left;}
    .sub12cont2>img{width: 75%;}
    
    .sub13cont1{width: 100%; text-align: center; margin-top: 10px;}
    .sub13cont1>img{width: 100%;}
    
    .sub14cont1{margin-top: 10px;}
    .sub14cont1>li.date{font-size: 18px;}
    .sub14cont1>li.date>a{margin: 0 5px; font-size: 16px;}
    .sub14cont1>li.calendar{position: relative;}
    .sub14cont1>li.calendar th{width: 14.1857%; height: auto; line-height: normal; box-sizing:border-box; padding: 10px 0}
    .sub14cont1>li.calendar td{height: 70px; position: relative;}
    .sub14cont1>li.calendar td>a{padding: 5px;}
    .sub14cont1>li.calendar td>a>span{line-height: 18px; display: block; margin-top: 5px;}
    .sub14cont1>li.calendar td>div{display: none;}
    .sub14cont1>li.calendar>div.schedule{position: absolute; left: 50%; top: 10%; margin-left: -35%; width: 70%; border: 2px solid #ccc; background: #fff; box-sizing: border-box; padding: 10px; display: inline-block;}
    .sub14cont1>li.calendar>div.schedule>img{width: 60px; height: 60px; float: left;}
    .sub14cont1>li.calendar>div.schedule>div{float: left; margin-left: 10px;}
    .sub14cont1>li.calendar>div.schedule>div>strong{display: block; color: #333; font-weight: 600; font-size: 14px;}
    
    
    
    .sub21cont1>li.map{height: 150px;}
    .sub21cont1>li th{height: auto; width: 100px;}

    .sub22cont1{margin-top: 20px;}
    
    
    
    .boardArea{margin-top: 20px;}

    .list{display: none;}
    .listM{width: 100%; border-top: 2px solid #333; display: block;}
    .listM>li{border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px;}
    .listM>li>a{color: #666; display: block;}
    .listM>li>a:hover{text-decoration: none;}

    .btnWrap{height: 30px;}
    .btnWrap>a{width: 70px; height: 30px; line-height: 30px;}
    .btnWrapC{text-align: center;}
    .btnWrapC a{color: #fff; text-decoration: none;}
    
    .pageWrap th>a>img{width: 25px; height: 25px;}
    .pageWrap td>a{width: 25px; height: 25px; line-height: 25px; border-radius: 3px;}

    .searchWrap{padding: 10px;}
    .searchWrap>select{height: 30px;}
    .searchWrap>input{height: 30px;}
    .searchWrap>a{height: 30px; line-height: 30px;}

    .sub31cont2{padding: 15px; border-radius: 5px;}
    .sub31cont2>li{font-size: 14px; line-height: 24px;}
    .sub31cont2>li>input{height: 30px; line-height: 30px;}
    .sub31cont2>li>a{font-size: 12px; height: 30px; line-height: 30px;}

    .view>li.title{font-size: 14px;}
    .view>li.info{font-size: 12px;}
    .view>li.info>div+div{margin-left: 10px;}
    .view>li.info>div>span{display: none;}
    .view>li.conts{padding: 10px; line-height: 18px;}
    .view>li.conts>div.file{background: url(../images/ico_file.gif) 0 0 no-repeat;}
    
    .writeNotice{font-size: 12px;}
    .write th{width: auto; box-sizing: border-box; padding: 0 10px; font-size: 12px;}
    .write td input{height: 24px;}
    .write td>div>a{height: 24px; line-height: 24px; font-size: 12px;}
    
    .photoList{width: 100%; border-top: 2px solid #333;}
    .photoList td{box-sizing: border-box; padding: 10px; border-bottom: 1px solid #ccc; text-align: center;}
    .photoList td:nth-child(1){width: auto; display: none;}
    .photoList td:nth-child(2){text-align: left;}
    .photoList td:nth-child(3){width: auto;}
    .photoList td>a{color: #666;}
    .photoList td>a:hover{text-decoration: none;}
    .photoList td>a>img{margin-right: 10px; width: 30%;}

    .photoGallery{display: none;}
    .photoGalleryM{width: 100%; border-top: 2px solid #333; display: table;}
    .photoGalleryM td{width: 50%; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 10px; text-align: center;}
    .photoGalleryM td>a{color: #666; display: inline-block;}
    .photoGalleryM td>a:hover{color: #666; text-decoration: none;}
    .photoGalleryM td>a>img{width: 100%;}
    .photoGalleryM td>a>div{margin-top: 10px;}
    
    .comment{margin-top: 10px;}
    .comment>li>textarea{width: 83%;}
    .comment>li>a{width: 15%; display: block; margin: 10px 0; float: right;}

    .cmtPageWrap{margin-top: 5px;}
    
    
    
    .login{padding: 20px; border-radius: 5px; margin-top: 20px;}
    .login th{font-size: 14px;}
    .login th>a{height: 35px; line-height: 35px; border-radius: 3px}
    .login td>input{height: 24px; font-size: 12px;}



    .memberCont1{width: 100%; height: 300px; border: 3px solid #ccc; box-sizing: border-box; padding: 30px; line-height: 24px; border-radius: 10px;}
    .memberCont1>li{width: 100%; height: 100%; overflow-y: auto;}

    .memberCont2{padding: 15px; border-radius: 5px; font-size: 18px;}
    .memberCont2>span{font-size: 13px;}
    .memberCont2>a{font-size: 12px; border-radius: 3px; padding: 7px 15px;}

    .memberCont3{margin-top: 20px;}
}