@charset "utf-8";

.wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

header {
    width: 100%;
/*     max-width: 1920px; */
    height: 70px;
    /* line-height: 70px; */
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 0 100px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 200;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
}
header .logo {
    display: inline-block;
    width:202px;
    height: 100%;
    line-height:70px;
    float: left;
    transition: all 0.2s ease-in-out;
}
header .logo img{width:100%;vertical-align:middle;}
header .gnb,
header .gnb ul.depth01 {
    display: inline-block;
    height: 100%;
}
header .gnb ul.depth01>li{
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: auto;
    overflow: hidden;
    float: left;
    transition: all 0.2s ease-in-out;
}
header .gnb ul.depth01>li>a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    height: 70px;
    line-height: 70px;
    transition: all 0.3s ease-in-out;
}
header .gnb ul.depth01>li.on>a {
    color: #fff;
}
header .gnb ul.depth02 {
    padding: 70px 20px 10px;
    display: none;
    margin-top: -70px;
    background-image: url(../../images/usrsite/gnbOn_bg.png);
    background-position: top left;
    background-size: 100% 100%;
    box-sizing: border-box;
}
header .gnb ul.depth02>li {
    width: 100%;
    line-height: 35px;
    text-align: left;
}
header .gnb ul.depth02>li>a {
    font-size: 15px;
    color: #fff;
}
header .gnb ul.depth02>li>a:hover {
    text-decoration: underline;
    font-weight: 700;
}
.gnbMobBtn {
    display: none;
    width: 70px;
    height: 70px;
    background-image: url(../../images/usrsite/mob_gnbIcon.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

header .headBtnArea {
    width: 100px;
    height: 70px;
    line-height: 70px;
    float: right;
    text-align: right;
    vertical-align: top;
}
header .headBtnArea .qnaTopBtn {
    display: inline-block;
    width: 85px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    background-color: #87b53d;
    font-size: 13px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
}
.content {
    width: 100%;
    max-width: 1440px;
    height: auto;
    overflow: hidden;
    margin: 70px auto 0;
    padding: 50px 0;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

/*bxslide*/
.mainCont {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.slideArea {
    width: 100%;
    max-width: 1920px;
    /* min-height: 500px; */
    height: auto;
    overflow: hidden;
    margin: 70px auto 0;
    position: relative;
}
.slideArea .slideText {
    position: absolute;
    font-size: 50px;
    color: #fff;
    line-height: 70px;
    z-index: 5;
    top: 10%;
    left: 8%;
    letter-spacing: 0.1em;
    transition: all 0.3s ease-in-out;
    background-image: url(../../images/usrsite/slideText_deco.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 70px;
    padding-top: 40px;
    height:250px;
}
.slideArea .slideText.decoType02:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: -10px;
    top: 50%;
    background-image: url(../../images/usrsite/slideText_deco02.png);
    z-index: -1;
}
.slideArea .slideText.decoType03 {
    background-size: 130px 130px;
    background-position: left bottom;
}
.slideArea .slideText.decoType03:before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 55px;
    bottom: -10px;
    background-image: url(../../images/usrsite/slideText_deco02.png);
    background-size: 70px 70px;
    z-index: -1;
}
.slideArea .subSlideText {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    left: 12%;
    top: 370px;
    transition: all 0.3s ease-in-out;    
}
.slideMoreBtn {
    display: inline-block;
    position: absolute;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    top: 440px;
    left: 12%;
    padding: 0 15px;
    transition: all 0.3s ease-in-out;
}
.bx-wrapper {
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
}
.bx-controls {display: none;}
.slider {
    position:relative;
    max-width: 1920px;
    height:630px;
    overflow:hidden;
}
.slider img {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	min-width:100%;
}
.slideBtnArea {
    width: calc(100% - 200px);
    height: 60px;
    padding: 0 60px;
    position: absolute;
    top: 310px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease-in-out;
}
.slideBtnArea:before {
    content: '';
    display: inline-block;
    width: calc(100% - 120px);
    height: 1px;
    background-color: rgba(255,255,255,0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.3s ease-in-out;
}
.slideBtnArea .slideBtn {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.15);
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out;
}
.slideBtnArea .slideBtn.prev {
    left: 0;
    background-image: url(../../images/usrsite/slideBtn_prev.png);
}
.slideBtnArea .slideBtn.next {
    right: 0;
    background-image: url(../../images/usrsite/slideBtn_next.png);
}
.mainInner {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mainInnerCont {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 1470px;
    padding: 50px 0;
    margin: 0 auto;
}
.ver .mainInnerTitle {
    display: inline-block;
    text-align: left;
    transition: all 0.3s ease-in-out;
    padding-left: 15px;
}
.mainInnerTitle h1.num {
    font-size: 55px;
    color: #689a16;
    font-weight: 400;
    text-align: center;
    transition: all 0.3s ease-in-out;
    line-height:1em;
}
.mainInnerTitle .mainTitle {
    width: 100%;
    font-size: 35px;
    letter-spacing: 0.1em;
    padding-top: 30px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.mainTitle .dot {
    margin: 0;
}
.ver .mainTitle {
    padding-bottom: 50px;
    text-align: left;
}
.ver .mainInnerTitle h1.num {
    text-align: left;
}
.mainInnerCont.ver > .moreBtnArea {
    display: none;
}
.moreBtn {
    font-size: 18px;
    color: #666666;
    position: relative;
}
.moreBtn:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 15px;
    background-color: rgba(135, 181, 61, 0.3);
    position: absolute;
    left: 3px;
    top: 8px;
}
.moreBtnArea {
    padding-right: 20px;
    text-align: right;
}
.busiList {
    display: inline-block;
    max-width: 1130px;
    float: right;
    height: auto;
    overflow: hidden;
}
.busiList .clear {display: none;}
.busiList ul li {
    width: 25%;
    padding: 0 15px;
    height: auto;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
}
.busiList ul li .busiBox {
    width: 100%;
    min-height: 283px;
    height: auto;
    overflow: hidden;
    border: 1px solid #ddd;
}
.busiList ul li .busiImg {
    display: inline-block;
    width: 100%;
    height: 187px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.2s ease-in-out;
    background-size: 100% 100%;
}
.busiList ul li.busi01 .busiImg {background-image: url(../../images/usrsite/busiIMG01.jpg);}
.busiList ul li.busi02 .busiImg {background-image: url(../../images/usrsite/busiIMG02.jpg);}
.busiList ul li.busi03 .busiImg {background-image: url(../../images/usrsite/busiIMG03.jpg);}
.busiList ul li.busi04 .busiImg {background-image: url(../../images/usrsite/busiIMG04.jpg);}

.busiList ul li .busiImg .busiIcon {
    text-align: center;
    width: 100%;
    height: 135px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.busiList ul li .busiImg:hover .busiIcon {
    transform: rotateY(360deg);
}

.busiList ul li .busiImg .busiIcon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.busiList ul li .busiImg .iconCmt {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.busiList ul li .busiCmt {
    font-size: 15px;
    color: #666;
    padding: 15px 20px;
    line-height: 20px;
    word-break: keep-all;
}
.bgGrn {
    background-color: #fafdf5;
}
.mainPressList {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0 30px 0;
}
.mainPressList ul {
	width:100%;
	height:auto;
	overflow:hidden;
}
.mainPressList ul li {
    width: 33.3%;
    height:auto;
    overflow: hidden;
    padding: 0 15px;
    float: left;
    box-sizing: border-box;
}
.mainPressBox {
    display: inline-block;
    width: 100%;
    height: 150px;
    border: 1px solid #ddd;
    background-color: #fff;
/*     padding: 25px 20px; */
    
}
.mainPressBox .pressIMG {
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
    width: 40%;
    height: 100%;
    box-sizing: border-box;
	overflow:hidden;
	position: relative;
	float:left;
}
.mainPressBox .pressIMG.logo {
    padding : 0 10px;
}
.mainPressBox .pressIMG img {
/*     min-height: 100%; */
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.mainPressBox .pressIMG.logo img {
    max-width: 90%;
    min-height: auto;
}
.pressCmt {
    width: 60%;
    float: left;
    padding: 25px 15px;
}
.pressCmt .pressCmtTop {
    width: 100%;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 600;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.6em;
    line-height: 1.3em;
    box-sizing: border-box;
    display: -webkit-box;
/*     padding-right: 20px; */
}
.pressCmtTop:hover {
    text-decoration: underline;
}
.pressCmt .pressCmtCont {
    font-size: 13px;
    color: #666666;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3.0em;
    line-height: 1.5em;
    box-sizing: border-box;
    display: -webkit-box;
/*     padding-right: 20px; */
}
.mainInner.fullbg {
    width: 100%;
    height: 745px;
    background-color: #000;
    background-image: url(../../images/usrsite/prj_BG.jpg);
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease-in-out;
}
.fc-w .dot {background-color: #fff;}
.mainPrjList {
    width: 800px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding: 50px 0 30px 0;
    transition: all 0.3s ease-in-out;
}
.mainPrjList ul li {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0 20px;
    box-sizing: border-box;
}
.mainPrjList ul li:first-child {
    border-top: 1px solid #fff;
}
.mainPrjList ul li:last-child {
    border-bottom: 1px solid rgba(255,255,255,1);
}
.mainPrjList ul li .mainPrjTitle {
    width: calc(100% - 130px);
    font-size: 17px;
    color: #fff;
    display: inline-block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    float: left;
}
.mainPrjList ul li .mainPrjDate {
    display: inline-block;
    width: 130px;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    float: left;
    text-align: right;
    /* vertical-align: top; */
}
.fullbg .moreBtnArea {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.rotateBg {
    width: 120%;
    height: 200px;
    background-color: #fff;
    transform: rotate(4deg);
    position: absolute;
    bottom: -130px;
    left: -10px;
}
.client {
    margin-top: -50px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
.mainClientList {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0 10px 0;
    position: relative;
    box-sizing: border-box;
}
.mainClientList ul {
    width: 1470px;
    height: auto;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.mainClientList ul li {
    display: inline-block;
    float: left;
    border-radius: 50%;
    border: 1px solid #ddd;
    width: 180px;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin: 0 30px 20px 30px;
    transition: all 0.2s ease-in-out;
}
.mainClientList ul li img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.topBtn {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    background-image: url(../../images/usrsite/topBtn.png);
    background-repeat: no-repeat;
    background-position: center 25%;
    font-size: 15px;
    text-align: center;
    color: #666;
    padding-top: 25px;
    box-sizing: border-box;
    position: absolute;
    bottom: 60px;
    right: 100px;
    background-color: #fff;
    z-index: 10;
}

.content .leftmenu {
    width: 250px;
    height: auto;
    overflow: hidden;
    float: left;
    transition: all 0.3s ease-in-out;
}
.content .leftmenu .leftmenuTop {
    width: 100%;
    font-size: 35px;
    letter-spacing: 0.1em;
    padding-bottom: 30px;
}
.dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
    margin-left: 5px;
}
.content .leftmenu .leftmenuInner {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.content .leftmenu .leftmenuInner ul li {
    line-height: 40px;
}
.content .leftmenu .leftmenuInner ul li a{
    font-size: 25px;
    color: #ccc;
    font-weight: 700;
}
.content .leftmenu .leftmenuInner ul li.on a,
.content .leftmenu .leftmenuInner ul li a:hover {
    color: #000;
}
.contentInner {
    width: calc(100% - 250px);
    float: left;
    transition: all 0.3s ease-in-out;
}
.contentInner .contentTitle {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.1em;
    padding-bottom: 30px;
}
.contentImg {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
}
.contentText {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 100px;
}
.title {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}
.title:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.contentText ul li,
.imgTopText ul li {
    font-size: 16px;
    line-height: 25px;
}
.contentText ul li:not(:last-child):before,
.imgTopText ul li:before {
    content: '- ';
}
.contentText ul li.pre {
    font-size: 14px;
    padding-left: 15px;
}
.contentText .imgBox {
    text-align: center;
}
.contentCmt {
    width: 100%;
    /* height: auto;
    overflow: hidden; */
    text-align: center;
    line-height: 25px;
}
.contentCmt p {
    display: inline-block;
    padding: 0 25px;
    position: relative;
    font-size: 17px;
}
.contentCmt p:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../../images/usrsite/cmtdeco.png);
}
.contentCmt p:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 13px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: url(../../images/usrsite/cmtdeco.png);
    transform: rotate(180deg);
}
.imgTopText {
    margin-top: -50px;
}


/*원장 인사말*/
.chiefArea {
    width: 100%;    
    height: auto;
    overflow: hidden;
    padding: 50px 0;
}
.chiefArea .chiefImg {
    display: inline-block;
    width: 40%;
    float: left;
    transition: all 0.3s ease-in-out;
}
.chiefArea .chiefImg img {
    max-width: 100%;
}
.chiefArea .chiefCont {
    display: inline-block;
    width: 60%;
    float: left;
    box-sizing: border-box;
}
.chiefArea .chiefCont .topImg {
    padding: 40px 0 50px;
}
.chiefArea .chiefCont .chiefGreeting {
    padding-left: 40px;
    font-size: 17px;
    line-height: 20px;
    word-break:keep-all;
    transition: all 0.3s ease-in-out;
}
.chiefArea .chiefCont .chiefGreeting .chiefSign {
    float: right;
    padding-top: 40px;
}
.chiefArea .chiefCont .chiefGreeting .chiefSign span,
.chiefArea .chiefCont .chiefGreeting .chiefSign img {
    float: left;
}
.chiefArea .chiefCont .chiefGreeting .chiefSign span {
    display: inline-block;
    line-height: 80px;
    padding-right: 20px;
    font-weight: 700;
}

/*클라이언트*/
.clientList {
    padding-top: 50px;
}
.clientList,
.clientList ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.clientList ul  {
    transition: all 0.3s ease-in-out;
}
.clientList ul li {
    display: inline-block;
    float: left;
    width: 180px;
    height: 180px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 9px;
}
.clientList ul li img {
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/*press&news*/
.pressList {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
}
.pressList .pressBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}
.pressList .pressBox:last-child {
    margin-bottom: 0;
}
.pressList .pressBox .pressImg {
    width: 20%;
    height: 170px;
    float: left;
    position: relative;
    overflow: hidden;
}
.pressList .pressBox .pressImg.logo {
/*     padding: 0 10px; */
}
.pressList .pressBox .pressImg.logo img {
/*     max-width: 90%;    */
/*     min-height: auto; */
}
.pressList .pressBox .pressImg img {
/*     min-height: 100%; */
    max-width:100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.pressList .pressBox .pressCont {
    width: 80%;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 17px 30px;
}
.pressList .pressBox .pressCont .topFlag {
    font-weight: 700;
    color: #aaa;
/*     padding-top: 5px; */
    float:left;
}
.pressList .pressBox .pressCont .pressTitle {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float:left;
}
.pressList .pressBox .pressCont .pressTitle:hover {
    text-decoration: underline;
}
.pressList .pressBox .pressCont .pressDesc {
    font-size: 16px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.4em;
    line-height: 1.2em;
    box-sizing: border-box;
    display: -webkit-box;
    float:left;
}

/*조직도*/
.orgArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 50px;
}
.orgArea .orgTop {
    width: 100%;
    padding-top: 10px;
    position: relative;
    background-image: url(../../images/usrsite/orgTopBg.png);
    background-repeat: no-repeat;
    background-position: 48% 0%;

}
.orgArea .orgTop p {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 50%;
    background-color: #97cf58;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}
.orgArea .orgTop:before {
    content: '';
    display: inline-block;
    width: 1px;
    height : 650px;
    background-color: #ddd;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.orgTitle {
    width: 180px;
    padding: 15px 5px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.orgCmt {
    width: 180px;
    padding: 15px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    font-size: 13px;
    margin: 0 auto;
    line-height: 16px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.orgCmt ul li {
    text-indent: -1.1em;
    padding-left: 1em;
}
.orgArea .orgMid {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30px 0 25px 0;
    text-align: center;
    position: relative;
}
.orgArea .orgMid .orgMid_Left:before {
    content: '';
    display: inline-block;
    width: 100%;
    height : 1px;
    background-color: #ddd;
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: -1;
}
.orgArea .orgMid [class^='orgMid_'],
.orgArea .orgBtm [class^='orgBtm_'] {
    width: 33.33%;
    float: left;
    text-align: center;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.orgArea .orgMid .orgMid_Center {
    margin-top: 95px;
}
.orgArea .orgMid .orgMid_Left .orgTitle{
    background-color: #666;
    color: #fff;
}
.orgArea .orgMid .orgMid_Center .orgTitle{
    background-color: #213c8c;
    color: #fff;
}
.orgMid_Right {
	text-align:center;
	width: 33.33%;
    margin: 0 auto 50px;
}
.orgMid_Right .orgTitle{
    background-color: #000;
    color: #fff;
}
.orgArea .orgBtm {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 25px;
    position: relative;
}
.orgArea .orgBtm .orgBtm_01:before {
    content: '';
    display: inline-block;
    width: 100%;
    height : 1px;
    background-color: #ddd;
    position: absolute;
    top: -25px;
    left: 50%;
    z-index: -1;
}
.orgArea .orgBtm .orgBtm_03:before {
    content: '';
    display: inline-block;
    width: 100%;
    height : 1px;
    background-color: #ddd;
    position: absolute;
    top: -25px;
    right: 50%;
    z-index: -1;
}
.orgArea .orgBtm .orgTitle {
    border: 1px solid #213c8c;
    color: #213c8c;
    line-height: normal;
    padding: 8px 0;
    background-color: #fff;
    position: relative;
}
.orgArea .orgBtm [class^='orgBtm_']:not(.orgBtm_02) .orgTitle:before {
    content: '';
    display: inline-block;
    width: 1px;
    height : 252px;
    background-color: #ddd;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
.orgArea .orgBtm .orgTitle span {
    display: block;
    font-size: 13px;
    font-weight: 400;
}
.orgArea .orgBtm .orgTeam ul.teamList{
    width: 180px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    transition: all 0.3s ease-in-out;
}
.orgArea .orgBtm .orgTeam ul.teamList li {
    width: 100%;
    padding: 15px 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    float: left;
    box-sizing: border-box;
    border-top: none;
    transition: all 0.3s ease-in-out;
}
.orgArea .orgBtm .orgTeam ul.teamList li.orgTeamTop {
    padding: 5px;
    font-size: 13px;
    background-color: #ccc;
    font-weight: 700;
}
.orgTeam .orgCmt:before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 8px;
    margin: 0 auto;
    background-image: url(../../images/usrsite/org_arrow.png);
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
}

/*연혁*/
.hisArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}
.hisArea ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.hisArea>ul>li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 50px 0;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.hisArea>ul>li:first-child {
    border-top: 1px solid #000;
}
.hisArea>ul>li:last-child:before {
    content: 'HISTORY';
    font-size: 70px;
    color: #000;
    opacity: 0.1;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0px;
}
.hisArea ul li .year {
    width: 20%;
    height: 100%;
    float: left;
    font-size: 45px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.hisArea ul li .hisCont {
    width: 80%;
    height: auto;
    overflow: hidden;
/*     position: absolute; */
/*     top: 50%; */
/*     transform: translateY(-50%); */
    left: 20%;
    display:inline-block;
}
.hisArea ul li .hisCont li {
    font-size: 16px;
    padding-left: 20px;
    line-height: 25px;
    position: relative;
}
.hisArea ul li .hisCont li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 3px solid #97cf58;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}

/*tab css*/
.tabArea {
    max-width: 920px !important;
    height: 40px;
    overflow: hidden;
    padding: 0 10px;
    position:relative;
    margin:0 auto 50px;
    box-sizing:border-box;
/*     transition:all 0.2s ease-in-out; */
}
.tabArea:before {
	content:'';
	display:inline-block;
	width:calc(100% - 20px);
	height:100%;
	background-color: rgba(0,0,0,0.07);
	border-radius:20px;
	position:absolute;
	left:10px;
	z-index:-1;
/* 	transition:all 0.2s ease-in-out; */
}
.tabArea ul {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    box-sizing:border-box;
    position: relative;
    margin-left:0px;
/*     transition:all 0.2s ease-in-out; */
}

.tabArea .tabMove {
	display:inline-block;
	width:25px;
	height:25px;
	background-color:#d8d8d8;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	border-radius:50%;
	z-index:1;
	display:none;
}
.tabArea .tabMove.on {display:block;}
.tabArea .tabMove.left {
	background-image:url('../../images/usrsite/tabMoveArrow_L.png');
	left:0px;
}
.tabArea .tabMove.right {
	background-image:url('../../images/usrsite/tabMoveArrow.png');
	right:0px;
}
.tabArea ul li {
    display: inline-block;
    float: left;
    height: 100%;
    border-radius: 50px;
    overflow: hidden;
/*     transition:all 0.2s ease-in-out; */
}
.tabArea ul.type-6 li {width: 16.66%;}
.tabArea ul.type-5 li {width: 180px;}
.tabArea ul.type-3 li {width: 306px;}
.tabArea ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #000;
    text-align: center;
/*     transition: all 0.2s ease-in-out; */
}
.tabArea ul li.on a  {
    background-color: #87b53d;
    font-weight: 700;
    color: #fff;
}
.tabContArea {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.tabContArea .tabCont {
    width: 100%;
    height:auto;
    overflow: hidden;
    /* padding-top: 50px; */
    display: none;
}
.tabContArea .tabCont.on {
    display: block;
}
.tabContArea ul.prjListHead {
    padding-top: 50px;
}
.tabContArea ul.prjListHead li {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 50px;
    font-size: 16px;
    border-top: 1px solid #000;
    padding: 0 10px;
    box-sizing: border-box;
    font-weight:bold;
}
.tabContArea ul.prjListHead li .prjNameH{
	display: inline-block;
    width: 65%;
    float: left;
    text-align:center;
}
.tabContArea ul.prjListHead li .prjComH{
	display: inline-block;
    width: 20%;
    float: left;
    text-align:center;
}
.tabContArea ul.prjListHead li .prjDateH {
    display: inline-block;
    float: left;
    width: 15%;
    text-align: center;
} 
.tabContArea .tabCont ul.prjList li {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 20px 10px;
    box-sizing: border-box;
}
.tabContArea .tabCont ul.prjList li:first-child {
    border-top: 1px solid #000;
}
.tabContArea .tabCont ul.prjList li .prjName {
    display: inline-block;
    width: 65%;
    float: left;
}
.tabContArea .tabCont ul.prjList li .prjCom {
    display: inline-block;
    width: 20%;
    float: left;
    text-align:center;

}
.tabContArea .tabCont ul.prjList li .prjDate {
    display: inline-block;
    float: left;
    width: 15%;
    text-align: center;
    color: #666;
} 
.tabCont .contentCmt {
    padding-bottom:50px;
}
.imgArea {
    padding: 50px 0;
    transition: all 0.3s ease-in-out;
}
.imgArea .subCont {
    font-size: 16px;
    padding-bottom: 50px;
    line-height: 25px;
}
.imgArea .imgBox:not(:last-child) {
    padding-bottom: 100px;
}

/*프로젝트 문의 (Q&A)*/
.tblArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 50px 0;
    transition: all 0.3s ease-in-out;
}
.tblArea .apply {
    padding-bottom: 0;
}
.tblArea .tblTopCmt {
    font-size: 13px;
    color: #ff0000;
    text-align: right;
    padding-bottom: 10px;
}
.thCmt {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    display: block;
}
.tblCmt {
    font-size: 13px;
    color: #ff0000;
    display: none;
}
.tblCmt.on {
    display: inline-block;
}
.chkArea {
    display: inline-block;
}
.fileArea {
    padding-top: 10px;
}
.email span {
    display: inline-block;
    width: 5%;
    line-height: 40px;
    padding: 0 2px;
    text-align: center;
    float: left;
}
.agreeArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 30px;
}
.agreeArea .agrerTitle {
    font-weight: 700;
    padding-bottom: 10px;
}
.agreeArea .agreeCont {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #bbb;
    font-size: 14px;

}
.agreeArea .agreeCont b {
    display: block;
}
.agreeArea .agreeChk {
    padding-top: 10px;
    text-align: right;
}

/*오시는 길*/
.mapArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 50px;
    position: relative;
}
.mapArea .addrList {
    width: 45%;
    float: left;
    padding-right: 30px;
}
.mapArea .map {
    width: 55%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 1px;
}
.addrList ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.addrList ul li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.addrList ul li:last-child {
    border-bottom: none;
}
.addrList ul li .addrTop {
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px;
    margin-bottom: 5px;
    background-position: center left;
    background-repeat: no-repeat;
}
.addrList ul li .addrTop.icon_red {
    background-image: url(../../images/usrsite/addrIcon_red.png);
}
.addrList ul li .addrTop.icon_grn {
    background-image: url(../../images/usrsite/addrIcon_grn.png);
}
.addrList ul li .addr {
    width: 100%;
    font-size: 15px;
    line-height: 30px;
}
.addrList ul li .addr span {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
.addrList ul li .addr span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: #000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.addrList ul li .addr .addrCont {
	position:relative;
	display:inline-block;
}
.addrList ul li .addr .addrCont.on:before,
.addrList ul li .addr .addrCont:hover:before {
	content:'';
	display:inline-block;
	width:100%;
	height:13px;
	background-color:rgba(135,181,61,0.2);
	position:absolute;
	bottom:3px;
	left:0;
}
/* .addrList ul li .addr .addrCont:hover { */
/*     text-decoration: underline; */
/*     color: #666; */
/* } */

.iw_inner{
    box-sizing: border-box;
    padding:10px;
}

.iw_inner h3{
    line-height:30px;
}

/*table style*/
.tblList li {
    padding: 2px 0;
}
.tblList li:before {
    content: '- ';
}

/*footer*/
footer {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-top: 1px solid #ddd;
    color: #aaa;
    transition: all 0.3s ease-in-out;
}
.mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
}


/*210511 게시판 css*/
.tblTopArea {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
}
.allCntArea {
    display: inline-block;
    line-height: 40px;
}
.allCntArea .cnt {
    display: inline-block;
    padding: 5px 7px;
    line-height: normal;
    box-sizing: border-box;
    background-color: #87b53d;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    margin-left: 5px;
    font-size: 14px;
}
.rowCnt {
    display: inline-block;
    float: right;
}
.tblSearchArea {
    display: inline-block;
    width: 100%;
    height: 85px;
    padding: 20px;
    background-color: #fafdf5;
    border: 1px solid #cceca8;
    margin-bottom: 30px;
}
.tblSearchArea .searchBox {
    display: inline-block;
    float: left;
    padding-right: 5px;
}
.tblSearchArea .searchBox select {
    width: 120px;
}
.tblSearchArea .searchBox.inputText {
    width: calc(100% - 290px);
}
.tblSearchArea .searchBox span {
    padding-right: 5px;
}
.tblSearchArea .searchBtn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-image: url(../../images/usrsite/searchBtn.png);
}
.tblSearchArea .searchBtn:hover {
    background-color: #000;
}
.fileIcon {
    display: inline-block;
    width: 20px;
    height: 100%;
    background-image: url(../../images/usrsite/fileIcon.png);
    background-repeat: no-repeat;
    background-position: center center;
}
table.fixed td {
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
}

.notice {
    display: inline-block;
    padding: 0 8px;
    background-color: #fd7d00;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    vertical-align: middle;
}

.notiTitle .notice {
    display: inline-block;
    padding: 0 5px;
    background-color: #fd7d00;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    line-height: 22px;
    font-weight: 300;
    vertical-align: middle;
}
.notiTitle:hover {
    font-weight: 600;
    text-decoration: underline;
}
.notiTitle.userWritten {
    padding-left: 20px;
    background-image: url(../../images/usrsite/secretIcon.png);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: bottom;
}
.underLineBtn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #000;
    margin-left: 10px;
}
.underLineBtn:hover {
    font-weight: 600;
}
.answerFlag {
    display: inline-block;
    padding: 0 5px;
    background-color: #213c8c;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
    line-height:22px;
    font-weight: 300;
    vertical-align: middle;
}
.pwtblCmt {
    display: inline-block;
    font-size: 13px;
    padding-left: 10px;
}
.boardView {
    width: 100%;
    height:auto;
    overflow: hidden;
}
.boardView>li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.boardView .notiTopArea {
    background-color: #fff;
    border-top: 1px solid #000;
    padding: 20px 10px;
}
.notiTop {
    width: 100%;
}

.notiFlag {
    display: inline-block;
    min-width: 50px;
    padding: 5px;
    font-size: 13px;
    line-height: normal;
    background: #fd7d00;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fd7d00;
    float: left;
}
.notiFlag.normal {
    background-color: inherit;
    color: #87b53d;
    border: 1px solid #87b53d;
}
.notiFlag.answer {
    background-color: #213c8c;
    border: 1px solid #213c8c;
    color: #fff;
}
.notiViewTitle {
    display: inline-block;
    font-size: 20px;
    width: calc(100% - 60px);
    font-weight: 600;
    line-height: 26px;
    float: right;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}
.notiViewTitle.userWritten {
    padding-left: 25px;
    background-image: url(../../images/usrsite/secretIconView.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.writeInfo {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-weight: 300;
    padding-top: 10px;
}
.writeInfo li {
    display: inline-block;
    padding-top: 15px;
    margin-right : 20px;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    
}
.writeInfo li span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 15px;
    color: #000;
}
.writeInfo li span:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #666;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.notiCont {
    width: 100%;
    min-height : 300px;
    line-height: 25px;
}
.viewFileArea {
    width: 100%;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.viewFileArea:before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 50px;
    background-image: url(../../images/usrsite/fileIcon_view.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #ccc;
}
.fileList {
    width: 100%;
    position: absolute;
    padding-left: 130px;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.fileList li {
    line-height: 20px;
}
.fileList li a:hover {
    text-decoration: underline;
}
.layerMask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
    display: none;
}
.layerPopup {
    width: 350px;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
    display: none;
}
.layerPopup:before {
    content: '';
    width: 80px;
    height: 80px;
    display: inline-block;
    background-color: #87b53d;
    background-image: url(../../images/usrsite/popupdeco.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    border-radius: 50px;
}
.popupTop {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 65px 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}
.popupCont {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 0 30px;
}
.popupCont .popupContCmt {
    line-height: 20px;
    padding: 20px 0;
}
.inputArea .inputCmt {
    font-size: 12px;
    color: #666;
    text-align: left;
    padding-top: 5px;
}
.inputArea .inputCmt span {
    padding-left: 9px;
    padding-top:5px;
    display:inline-block;
}
.popupBtm {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    box-sizing: border-box;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.popupBtm a {
    width: 50%;
    float: left;
    text-align: center;
}
.popupBtm a.cancel {
    background-color: #bbe17f;
}
.popupBtm a.submit {
    background-color: #87b53d;
    color: #fff;
}

/*210528*/
.fileName {
	width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height:23px;
}

.fileInsertBtn {
    width: 101px;
    float: left;
    margin-left: -1px;
}
.fileView {
    width: calc(100% - 100px);
    float: left;
    text-overflow: ellipsis;
}