.pageNavi{display:none;}
#container_title{display:none;}
#wrapper, #containerDelet{padding:0;}


.up-on-scroll{transition:transform 0.7s,opacity 1s;}


.wrap {width:100%;min-width:320px;position:relative;top:0;width:100%;height:100%;transition: 0.5s;}
.container {width:100%;height:100%;}
.compa_ti,.compa_s_ti{font-family:'daum';}
section {width: 100%;position: relative;}

.bx-wrapper{border:none;height:;}
.bx-viewport{height:}

.company #intro{overflow:hidden;}
.company #family{background:#dfe7f5;padding:20px;}
.company #service{background:#fbfbe9;padding:20px;}
.company #consulting{background:#ddf9f7;padding:20px;}

#intro{position:relative;height: 100vh;}
#intro li img{width:100%;height:auto;}
#intro li .pc{display:none;}
#intro .bx-pager{position:absolute;bottom:20px;left:0;width:100%;text-align:center;z-index:100;}
#intro .bx-pager div{display:inline-block;margin:0 2px;}

#intro .bx-pager a{display:block;width:10px;height:10px;border-radius:50%;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;}
#intro .bx-pager .active{background:#117877;}
#intro .bg{position:relative;}
#intro .bg .txti{position:absolute;color:#fff;top:20%;padding:30px;text-shadow:0 0 10px #00000085;}
#intro .bg .txti p{margin-bottom:20px;display:block;font-size:1.2em;}
#intro .bg .txti span{font-size:3.5em;line-height:1.2em;font-family:'daum';word-break:keep-all;font-weight:bold;}



#family .compa_ti{margin-bottom:20px;text-align: left;opacity: 1;transition: opacity 2s, left 2s;color:#5b41ff;}
#family .compa_s_ti{color:#5b41ff;font-weight:400;font-size:1em;}
#family ul {display:flex;flex-wrap:wrap;margin-bottom:20px;}
#family ul li{width:46%;padding:10px;margin:5px;background: #fff;border-radius: 5px;box-sizing: border-box;}
#family ul li p{display:none}
#family img{width:100%;}

#service .compa_ti{margin-bottom:15px;color:#554234;}
#service .compa_s_ti{font-size:1em;}
#service .compa_s_ti:before{content:"";display:inline-block;background:#554234;width:5px;height:5px;transform:rotate(45deg);vertical-align:top;margin-right: 5px;margin-top: 5px;}
#service ul{color:#554234;}
#service li p{font-size:1em;padding:5px 10px 10px;line-height:1.4em;}

#consulting ul{display:flex;flex-wrap:wrap;}
#consulting ul li{width:50%;padding:20px 5px 0;box-sizing:border-box}
#consulting ul li div{border-radius:10px;background-color:#333;color:#fff;min-height:140px;
    display: flex;
    justify-content: center;
    align-items: center;}

#consulting ul li div{background-size:100% auto;font-weight:bold}
#consulting ul li:nth-child(1) div{background-image:url(../img/company/cs01.jpg);}
#consulting ul li:nth-child(2) div{background-image:url(../img/company/cs02.jpg);}
#consulting ul li:nth-child(3) div{background-image:url(../img/company/cs03.jpg);}
#consulting ul li:nth-child(4) div{background-image:url(../img/company/cs04.jpg);}
#consulting ul li:nth-child(5) div{background-image:url(../img/company/cs05.jpg);}
#consulting ul li:nth-child(6) div{background-image:url(../img/company/cs06.jpg);}


@media screen and (min-width:992px){
.company #family, .company #service, .company #consulting{display:flex;flex-wrap:wrap;flex-direction:column;align-content:center;justify-content:center;padding:50px 0 150px;}

#intro .bg .txti{top:25%;left:8%;}
.compa_ti{width:1200px;margin:30px auto 25px;font-size:2.5em;position:;}
#intro .bg{width: 100%;    height: 100%;display:flex;justify-content: center;align-items: center;}
#intro .bg .txti span{font-size:4em;}
#intro .bg .txti p{font-size:1.5em;}

#intro .bx-wrapper, #intro .bx-viewport{height:100vh !important;}
#intro ul{height:100%;}
#intro li{position:relative;height:100%;background-repeat:no-repeat;background-size:cover;}
#intro .intro01{background-image:url(../img/company/bak_company01.jpg);}
#intro .intro02{background-image:url(../img/company/bak_company02.jpg);}
#intro .intro03{background-image:url(../img/company/bak_company03.jpg);}
#intro li .mobile{display:none;}
#intro li .pc{display:block;position:absolute;left:5%;top:50%;width:90%;transform:translateY(-50%);}

#family .wi{width:1200px;margin: auto}
#family ul li{font-size:20px;line-height:1.3em;padding:25px;width:;margin:0 15px 15px 0;}
#family ul li:nth-child(even){margin-right:0;}
#family img{width:750px;display:block;margin:10px auto;}
#family .compa_s_ti{        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 15px;}
#family ul li p{display:block;font-size:16px;}

#service .compa_s_ti{font-size:1.3em;}
#service ul{font-size:1.2em;margin-top:30px;}
#service li p{margin-bottom:30px;}
#service li:last-child p{margin-bottom:0px;}

#consulting ul li{width:33.3%;padding:0 25px 25px 0;}
#consulting ul li div{height: 350px;font-size:2em;font-family:'daum';}

.pageNavi{display:block;position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:200;display:none}
.pageNavi li{position:relative;margin-bottom:13px;margin-right:58px;}
.pageNavi li:before{content:"";display:block;width:0px;height:1px;background:#117877;position:absolute;top:11px;left:100%;transition:width 0.3s;}
.pageNavi li a{display:block;width:24px;height:24px;border:4px solid rgba(255,255,255,0.8);border-radius:50%;}
.pageNavi li a span{position:absolute;left:-70px;top:2px;display:block;width:100px;height:26px;overflow:hidden;text-indent:-9999px;}
.pageNavi li:nth-child(3) a span{left:-80px}
.pageNavi li:nth-child(4) a span{left:-120px;width:110px;}
.pageNavi li a span:before{
		/*가상태그의 내용을 결정하는 content속성의 값을 attr(X)로 지정하면 해당 속성이 가진 값을 자동으로 가지고 와서 내용으로 채워놓음.*/
		content:attr(data-menu);
		display:block;position:absolute;top:0;left:100%;
		 padding:0 6px;
		border:1px solid #117877;border-radius:3px;
		text-indent:0;color:#117877;
		transition:left 0.3s;
		font-size: 14px;
        padding: 5px 5px;
        line-height: 14px;

}
.pageNavi li:nth-child(1) a span:before{color:#fff;}
.pageNavi .on:before{width:58px;}	
.pageNavi .on a{border-color:#117877;}
.pageNavi .on a span:before{left:0;}	
.sub_bottom_link{border-top:none;}


}
@media screen and (min-width:1240px){
	#headerin{position:relative;width:1220px;margin:0 auto;}
	#intro li .pc{left:50%;width:1000px;margin-left:-500px;}
}