@charset "utf-8";

.form-horizontal.bucket-form div[class^=col-] p {margin:5px 0;}

#UL_menu {margin:20px 0 0;border-top: 2px solid #222;}
#UL_menu > li {position:relative; padding:7px 67px 7px 7px;border-bottom: 1px solid #ddd;}
#UL_menu > li:after {display:block; clear:both; visibility:hidden; content:'';}
#UL_menu > li input[type="text"] { height: 34px;padding: 6px 12px;border-radius: 4px;border: 1px solid #e2e2e4;background-color: #fff;background-image: none;font-size: 14px;line-height: 1.428571429;}
#UL_menu > li input[type="text"]:nth-child(1){float:left;width:29%;}
#UL_menu > li input[type="text"]:nth-child(2){float:right;width:70%;}
#UL_menu > li input[type="button"] {position:absolute; right:7px; top:7px; width:50px;}

@media screen and (max-width:767px){	
    #UL_menu > li input[type="text"]:nth-child(1) {margin:0 0 5px;}
    #UL_menu > li input[type="text"]:nth-child(1),
    #UL_menu > li input[type="text"]:nth-child(2){float:none; width:100%;}
    #UL_menu > li input[type="button"] {top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
}



/* 달력 */
input#makedate{background: #fff ;}
.ui-datepicker {width: 17em;}
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {position: relative;background: #fff;box-shadow: 0 0 5px 4px rgba(0,0,0,.1);text-align: center;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}
.ui-widget-header {border: 1px solid #e78f08;background: #f6a828;color: #ffffff;font-weight: bold;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: "";display: table;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;-khtml-border-top-left-radius: 4px;border-top-left-radius: 4px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;-khtml-border-top-right-radius: 4px;border-top-right-radius: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;-khtml-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;-khtml-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.ui-widget-content a {color: #333333;}
.ui-widget-header a {color: #ffffff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 5px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 5px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {width:10px; height:10px; border:solid #fff; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.ui-datepicker .ui-datepicker-prev span {border-width:0 0 2px 2px;}
.ui-datepicker .ui-datepicker-next span {border-width:2px 2px 0 0;}
.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 0 5px 0 0;border: 1px solid #fff;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: "";display: table;}
.ui-helper-clearfix:after {clear: both;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-state-disabled {cursor: default !important;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35;filter: Alpha(Opacity=35);background-image: none;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #cccccc;background: #f6f6f6;font-weight: bold;color: #1c94c4;}


/* 리스트 */
.ui-picture-list {}
.ui-picture-list > ul {margin:0 -10px}
.ui-picture-list > ul:after {display:block; clear:both;visibility:hidden; content:'';}
.ui-picture-list > ul > .ui-item {float:left;width:calc(33.33% - 20px);height: 397px;margin:0 10px 20px;}
.ui-picture-list > ul > .ui-item > a{display:block;width:100%;height:100%;border: 1px solid #ddd;-webkit-transition: all 0.3s;transition:all 0.3s;}
.ui-picture-list > ul > .ui-item > a:hover,
.ui-picture-list > ul > .ui-item > a:focus {border:1px solid #3a67b9;}
.ui-picture-list > ul > .ui-item .pic {overflow:hidden;width:100%; height:200px;border-bottom: 1px solid #ddd;}
.ui-picture-list > ul > .ui-item .pic .pic_wrap {position:relative; width:100%; height:100%;}
.ui-picture-list > ul > .ui-item .pic .pic_wrap img {position: absolute;top: 50%;left: 50%;width:auto;/* min-width:100%; */max-width:1000%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.ui-picture-list > ul > .ui-item .cnt {padding: 20px;}
.ui-picture-list > ul > .ui-item .cnt b {display:block;overflow: hidden;margin:0 0 15px;color: #000;font-size: 20px;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width:1279px){	
    .ui-picture-list > ul > .ui-item {width:calc(50% - 20px);}
}

@media screen and (max-width:600px){	
    .ui-picture-list > ul > .ui-item {width:calc(100% - 20px);}
}





/* 나의동아리 현황  */
.myclub_info{width:100%;padding:30px;margin-bottom:20px;border:1px solid #ddd;}
.myclub_info h3{display:block;font-size:16px;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd;font-weight:bold}
.myclub_info .inner .noclub{display:block;text-align:center;margin-bottom:20px;}
.myclub_info .inner .myclub{width:100%;border:1px solid #ddd;}
.myclub_info .inner .myclub li{height:50px;padding:10px;border-bottom:1px solid #ddd;line-height:30px}
.myclub_info .inner .myclub li a{float: right;display:block;width:100px;height:100%;background-color:#ee402e;color:#fff;text-align:center;line-height:26px}
.myclub_info>a{display:block;width:160px;height:40px;margin:0 auto;background-color:#ee402e;color:#fff;line-height:40px;text-align:center}
.myclub_info>a:hover, .myclub_info a:focus, .myclub_info a:active{background-color:#333;}

@media only screen and (max-width:640px) {
    .myclub_info .inner .myclub li{height:80px;}
    .myclub_info .inner .myclub li a{float:none;height:30px;}
}

.icon-list > li {overflow: hidden;min-height:26px;padding-left:120px;text-overflow: ellipsis;white-space: nowrap;}