@charset "utf-8";

/*로그인*/
.kipf_login .login_top {background-image:url(/images/skin/login_bg03.jpg);}


/* 인사말 info_Greeting */
.center_greeting {background-image:url(/images/jowoo/info/center_message02.png);}
.center_greeting .sign span {background-image:url(/images/jowoo/info/center_message03.png);}
.center_greeting .sub_title .block{display: block;}

@media screen and (max-width:767px){
    .center_greeting {background:none;}
    .center_greeting .sub_title .block{display: inline;}
}
/* 인사말 info_Greeting End*/

/* 임원현황 status_Executive */
.status_Executive p {float:right;}
.status_Executive .col1-box-css{position:relative; display:inline-block; margin:1%; width:47%; height:260px; border:1px solid #ececec;}
.status_Executive .col1-box-css:before{display:inline-block; position:absolute; bottom:0; right:0; width:178px; height:135px; background:url(/images/prog/profile/proback.png) no-repeat; content:"";}
.status_Executive .col-box-css a:hover .col1-btn-css{background-color:#3f3f48; color:#fff; border:1px solid #3f3f48}
.status_Executive .col1-box-css .col-box-css{width:100%; }
.status_Executive .col1-box-css .col1-box-text h1{font-size:18px; font-weight:bold; color:#333333;}
.status_Executive .col1-box-css .pm-icon{display:inline-block; width:140px; height:142px; background:url(/images/prog/edu/pm_icon.png) no-repeat;}
.status_Executive .col1-box-css .sp-icon{display:inline-block; width:140px; height:142px; background:url(/images/prog/edu/sp_icon.png) no-repeat;}
.status_Executive .col1-box-css .list-1st-css{margin-top:13px;}
.status_Executive .col1-box-css .list-1st-css li b{font-size:14px; color:#333333;}
.status_Executive .col1-box-css .list-1st-css li span{font-size:14px; color:#878787;}
.status_Executive .col1-box-css .list-1st-css li:nth-child(n+2){margin-top:0px;}
.status_Executive .col1-box-css .list-1st-css li:before{display:inline-block; top:9px; width:3px; height:3px; background-color:#000; content:"";}
.status_Executive .col1-box-css .col1-text-css b{font-size:24px; color:#333333;}
.status_Executive .col1-box-css .col1-text-css span{margin-left:13px; font-size:13px; color:#333333;}
.status_Executive .col1-box-css .pro_title{border-bottom:1px dotted #ddd; padding-bottom:10px;}
.status_Executive .ui-agree-box .inner .col .item{padding:5%; border:none;}
.status_Executive .ui-agree-box .inner {margin:0;}
.status_Executive .col-sm-12 {padding:0;}
.status_Executive .col-sm-12 > .col-sm-3 {float:left; height:165px; width:120px; padding:0; border:1px solid #eee;}
.status_Executive .col-sm-12 > .col-sm-3 img {width:100%; height:100%; border:5px solid transparent;}
.status_Executive .col-sm-12 > .col-sm-9 {width:calc(100% - 120px); padding:0; padding-left:30px; float:left;}
.status_Executive .row .col-sm-3 {padding:0;}
.status_Executive .row .col-sm-9 {padding-right:0; white-space: inherit; word-break: keep-all;}
.status_Executive .col1-box-css .col1-text-css span.tit {margin: 0 10px 0 0; font-size: 15px; font-weight: bold; color: #d72429;}
@media (max-width:970px){
    .status_Executive .list-1st .row .col-sm-9, .status_Executive .list-1st .row .col-sm-3 {display:block; width:100%;}
    .status_Executive .col1-box-css {height:327px;}
}
@media (max-width:870px){
    .status_Executive .col1-box-css {width:100%; margin-right:0;}
}
@media (max-width:768px){
    .status_Executive .col1-box-css{height:auto;}
    .status_Executive .col1-box-css .icon-mo{text-align:center}
    .status_Executive .col1-box-css .pro_mo_left{margin-top:10px; text-align:left !important;}
    .status_Executive .col1-box-css .pro-btn-box{padding-bottom:29px; text-align:center !important;}
    .status_Executive .row .col-sm-9 {display:inline-block;}
}
@media (max-width:520px){
    .status_Executive .col-sm-12 > .col-sm-3 {float:initial; margin:0 auto;}
    .status_Executive .col-sm-12 > .col-sm-9 {display:block; width:100%; padding-left:0;}
    .status_Executive .col-sm-12 > .col-sm-9 .list-1st {text-align:left;}
    .status_Executive .ui-agree-box .inner .col .item {text-align:center;}
}
@media (max-width:340px){
    .status_Executive .ui-agree-box .inner .col .item {padding:15px;}
}

/* 회원현황 - status_Member */
.status_Member .tab-ul.col2 li {width:25%;}
@media (max-width:640px){
    .status_Member .tab-ul.col2 li {width:50%;}
}