@charset "utf-8";
html *{box-sizing: border-box;}

.defi_box.type_gray{min-height:490px}

@media (max-width: 1023px){
#body_layout.b_type .contents_wrap{padding-bottom:50px}
}

/* screen reader only */
.sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0)}

/* list ir */
.rclty_ir{overflow:hidden;background:url(/images/lll/prog/ir_ico.png) no-repeat}
.rclty_ir:before{display:inline-block;width:100%;height:100%;vertical-align:top;content:''}

/* 대관신청_list : fcltyResve/list.jsp */
.pageIcon{text-align:center}
.pageIcon img{margin-bottom:10px}
.pageIcon p{font-size:20px;text-align:center}
.pageIcon p .red{color:c00}
.roomList{overflow:hidden;margin-top:50px}
.roomList .roomWrap{position:relative;overflow:hidden;margin-top:-15px}
.roomList .room_box{overflow:hidden;float:left;position:relative;width:20%;height:400px;margin-top:15px;border:1px solid transparent}
.roomList .room_box .imgBox{position:absolute;top:0;left:0;height:220px;width:100%;background:#f7f7f7 url(/images/lll/prog/no-img.gif) 50% 50% no-repeat;transition:all .3s}
.roomList .room_box .imgBox img{width:100%;max-width:none;min-width:100%;height:100%;transition:all .3s}
.roomList .room_box .textBox{position:absolute;top:220px;right:0;left:0;height:260px;padding:35px 30px 0;background-color:#f0f0f0;color:#fff;text-align:center;transition:all .3s}
.roomList .room_box .textBox span{display:block;word-wrap: break-word;word-break: keep-all}
.roomList .room_box .textBox .title{margin-bottom:14px;font-size:20px;font-weight:bold;color:#121212}
.roomList .room_box .innerBtn{position:absolute;top:304px;right:0;left:0;bottom:0;background-color:#f0f0f0;text-align:center;transition:all .3s}
.roomList .room_box .innerBtn a{ display: inline-block;width: 114px; height: 40px; padding: 8px 20px; background-color: #424245; color: #fff;}

.roomList .room_box:focus .imgBox,
.roomList .room_box:hover .imgBox{width:100%;height:150px}

.roomList .room_box:focus .textBox,
.roomList .room_box:hover .textBox{top:140px;padding-top:40px;background-color:#e43e3e}

.roomList .room_box:focus .textBox .title,
.roomList .room_box:hover .textBox .title{color:#fff}

.roomList .room_box:focus .innerBtn,
.roomList .room_box:hover .innerBtn{background-color:#e43e3e}

@media screen and (max-width:999px){
.roomList .room_box{float:none;width:100%;height:auto;min-height:150px;margin-bottom:10px;padding-right:0;border:1px solid #ddd}
.roomList .room_box .imgBox{display:none}
.roomList .room_box .textBox{position:static;width:100%;height:100%;padding:30px;background-color:#fff;color:#333;text-align:left}
.roomList .room_box .innerBtn{position:absolute;top:20px;right:20px;left:auto;bottom:auto;width:auto;padding:0;background-color:transparent;text-align:right}

.roomList .romm_box:focus .textBox,
.roomList .romm_box:hover .textBox{padding:30px;background-color:#fff;color:#333}
}

.textListBox{overflow:hidden;padding:20px;border:1px solid #ddd}
.textListBox.rule{overflow:hidden;padding:26px 56px;border:1px solid #ddd}
.textListBox li{position:relative;float:left;padding:20px;text-align:center;}
.textListBox li:after{position:absolute;top:10%;left:0;bottom:10%;width:1px;border-left:1px solid #ddd;content:''}
.textListBox li:first-child:after{display:none}
.textListBox li.leftIcon{text-align:left}
.textListBox.col3 li{width:23.3%;}
.textListBox.col3 li img{position:absolute;top:20px;left:10px}
.textListBox.col2 li{width:50%}
.textListBox.col2 li img{margin-bottom:10px}
.textListBox.rule li{padding:38px 20px 38px 90px}
.textListBox.rule li:after{display:none}

.textListBox .rclty_tit{margin: 15px 0 6px 0;font-weight: bold;font-size: 15px;color: #000;}


.textListBox .oper{display:block;width:76px;height:70px;margin:0 auto}
.textListBox .icon1{background-position:0 -89px}
.textListBox .icon2{width:85px;background-position:-95px -79px}


.textListBox .rule{display:block;position:absolute;top:18px;left:10px;width:63px;height:63px;margin:0 auto}
.textListBox .icon3{background-position:0 0}
.textListBox .icon4{background-position:-126px 0}
.textListBox .icon5{background-position:-62px 0}
.textListBox .icon6{background-position:-189px 0}


.txt_box{margin-top:36px;padding:27px 35px;border:1px solid #eaeaea;background:#f9f9f9}
.txt_box .ex_tit{position:relative;margin-bottom:0;padding-left:92px;line-height:22px;font-weight:normal;color:#000}
.txt_box .ex_tit:before{display: block;position: absolute;top: 1px;left: 0;width: 22px;height: 22px;background: url(/images/lll/common/icon_hs.png) no-repeat;background-position: -22px 0;content: '';}
.txt_box .ex_tit .tit{display:inline-block;float:left;position:relative;min-width:66px;margin-left:-66px}

@media screen and (max-width:767px){
.textListBox li{padding:10px}
.textListBox.rule{padding:15px 20px}
.textListBox .rule{top:6px}
.textListBox.rule li{float:none;width:100%;padding:26px 20px 26px 90px}
.textListBox.col2 li:after{display:none}
.txt_box{padding:27px 20px}

.textListBox.col3 li em.block{display:inline}
}

@media screen and (max-width:640px){
	.textListBox li,.textListBox.col2 li{float:none;width:100%}


}

.textListBox.rule.col2 li p {font-size: 1.125em;font-weight: bold;}



/*신청절차*/
.ui-process.type7.fund_type1>li .inner{min-height:auto;border:0;}
.ui-process.type7.fund_type1>li .inner.on .item div{background-color:#056cb9}
.ui-process.type7.fund_type1>li .inner .item div:after{content: '';display: block;position: absolute;top: -7px;left: -7px;width: 130px;height: 130px;border-radius: 50%;border: 2px dashed #ddd;}
.ui-process.type7.fund_type1>li .inner.on .item div:after{border: 2px dashed #056cb9;animation: spinOne 4s linear infinite;}
.ui-process.type7.fund_type1>li .inner.on .item strong{color:#fff;}
.ui-process.type7.fund_type1>li .inner.on .item p{color:#fff;}
.ui-process.type7.fund_type1>li:last-child .inner, .ui-process.type7.fund_type1>li:first-child .inner{padding:15px;}
.ui-process.type7.fund_type1>li .item div{width: 120px;height: 120px;border-radius:50%;border:1px solid #ddd;}
.ui-process.type7.fund_type1>li .item strong{position:absolute;top: 21px;left:50%;width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);color:#555;font-weight:bold;}
.ui-process.type7.fund_type1>li .item p{position:absolute;top: 34px;left:50%;width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);color:#555;font-weight:bold;font-size: 15px;}
.ui-process.type7.fund_type1>li:nth-child(3) .item strong,.ui-process.type7.fund_type1>li:nth-child(4) .item strong{top: 35px;}
.ui-process.type7.fund_type1>li:nth-child(3) .item p,.ui-process.type7.fund_type1>li:nth-child(4) .item p{top: 50px;}
.ui-process.type7.fund_type1>li .inner .ui-process__title:after{display:none}
.ui-process.type7.fund_type1>li .inner:before{top: 56%;}

@media(max-width:767px){
  .ui-process.type7.fund_type1>li .inner:before {top: -7%;}
}

@-webkit-keyframes spinOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}