#idx_wrapper{position:fixed; top:0; left:0; right:0; height:100vh; z-index:0;}

/* 메인슬라이더 */
#visual{position:relative; width:100%; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual .sliderbx li{ width:100% !important; height:100%; background-repeat:no-repeat; background-position: center top; background-size:cover;
animation: imagescale 6s ease-in-out infinite alternate;
  -webkit-animation: imagescale 6s ease-in-out infinite alternate;
  -moz-animation: imagescale 6s ease-in-out infinite alternate;
  -o-webkit-animation: imagescale 6s ease-in-out infinite alternate;
  }
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .area_txt{position:absolute; top:50%; left:50%;  width:100%; z-index:15; transform:translate(-50%, -50%); color:#59595b; text-align:center; text-shadow: 1px 0px 7px rgb(255 255 255 / 80%);}
#visual .area_txt > h3{font-size:50px; font-weight:500; line-height:1.3em; text-transform:uppercase; padding:20px 0 0;}
#visual .area_txt > h2{font-size:50px; font-weight:800;  text-transform:uppercase;}
#visual .area_txt > p{display:block; font-size:24px; font-weight:400; word-break:keep-all;}
#visual .area_txt .blue{color: #2a5bbe;}

#visual .bx-controls{ display: none; }
#visual div.bx-pager{z-index:50; position:absolute; top:50%; left:50px; transform:translateY(-50%);}
#visual div.bx-pager div{margin:0 0 40px;}
#visual div.bx-pager div:last-child{margin:0;}
#visual div.bx-pager div a{position:relative; font-size:15px; font-weight:400; color:#fff; transition:all 0.3s ease; opacity:0.4;}
#visual div.bx-pager div a.active{opacity:1; font-weight:600;}
#visual div.bx-pager div a:after{content:''; position:absolute; left:50%; bottom:-25px; width:5px; height:5px; background:#fff; border-radius:50%; transform:translateX(-50%); opacity:0.4;}
#visual div.bx-pager div a:before{content:'0'; display:inline; width:auto; height:auto;}
#visual div.bx-pager div:last-child a:after{display:none;}

#visual .bx-controls-direction{display:none;}
.scrolldown{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100px; height:100px; z-index:52; font-weight:500; color:#333; text-align:center;}
.scrolldown a{position:relative; display:block; height:100%; position:relative; box-sizing:border-box;}
.scrolldown .icon{position:absolute; top:17%; left:50%; display:inline-block; width:20px; height:30px; border:2px #333 solid; border-radius:30px; transform:translateX(-50%);}
.scrolldown .icon::after{content:''; position:absolute; top:7px; left:50%; margin-left:-2px; width:4px; height:4px; border-radius:100%; background-color:#333; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); -webkit-animation:scrollDownPointer 1.5s infinite; animation:scrollDownPointer 1.5s infinite;}
.scrolldown a > i.txt{position:relative; display:inline-block; padding-top:50px; font-style:normal; font-weight:500; font-size:12px; color:#333;}
.scrolldown a > i.txt:before{content:''; position:absolute; left:50%; bottom:-10px; background:url('../img/common/icon_scroll_arrow.svg')no-repeat center; width:9px; height:9px; background-size:cover; transform:translateX(-50%);}
.fixed_bg{position:fixed; z-index:-1; opacity:0; top:0; left:0; right:0;  width:100%; height:120vh; background:url('../img/main/business_bg.jpg')no-repeat center; background-size:cover; transition:all 0.1s ease;}
body.on .fixed_bg{z-index:1; opacity:1;}
body.on #idx_wrapper{z-index:-1;}
body.on .scrolldown{z-index:-1;}


.area_link{position:absolute; right:-70px; top:50%; transform:translateY(-50%); width:70px; z-index:50; opacity:0; transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;}
.area_link.active{right:0; opacity:1;}
.area_link a{display:block; background:#1c9b76; color:#fff!important; padding:50px 25px; width:70px; text-align:center; font-size:1.2em; line-height:1.6em; font-weight:bold; font-family:'Roboto'}
.area_link a:last-child{background:#063e7e;}

/* 공지사항 */
.area_notice{position:absolute; bottom:-20px; right:0; width:720px; background:#192448; z-index:50; opacity:0; transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;}
.area_notice.active{bottom:0; opacity:1;}

/*메인 박스*/
#mbox{ width: 100%; max-width:1200px; height:127px; position:absolute; bottom:150px; left:50%; transform: translateX(-50%); z-index:999;}
#mbox a{ 
display:inline-block; width:33%; height:127px; margin:0; background:#fff; border-radius:3px;
text-align:left; font-size:1.2em; color:#555; transition:all 0.8s; position:relative; padding: 30px 0;
}
#mbox p{ display:inline-block; float: left; margin: 0; width: 25%;}
#mbox p img{
    display: inherit; margin:0 auto;
}
#mbox p.so_txt{ float: right; width: 75%;}
#mbox strong{ display:block; font-size:1.5em; line-height:1.5em; float: right; width: 75%;}
#mbox .mbr{ display:none;}
#mbox span{ position:absolute; top:15px; right:15px; display:block;}
#mbox span i{ font-size:1.5em; margin-top:0px; opacity:0;}
#mbox a:hover span i{ transition:all 0.8s; opacity:1;}
#mbox a:nth-child(1){  background:url(../img/main/mbox_bg.png) center, #5073b9; color:#fff;}
#mbox a:nth-child(2){  background:url(../img/main/mbox_bg.png) center, #2fa5ca; color:#fff;}
#mbox a:nth-child(3){  background:url(../img/main/mbox_bg.png) center, #e4e4e4; color:#385190;}


@media screen and (max-width:1024px) {
	#visual .area_txt{width:80%; top: 40%;}
	#visual .area_txt > h3{font-size:60px;}
	#visual .area_txt > h2{font-size:55px;}
	#visual div.bx-pager{left:25px;}
	
	.area_link{display:none;}
	
	.area_notice{width:60%;}
	.area_notice .bx-wrapper li > a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
}

@media screen and (max-width:768px) {
	#visual .area_txt > h3{font-size:50px; padding:10px 0 0;}
	#visual .area_txt > h2{font-size:45px;}
	#visual .area_txt > p{ font-size:18px;}
	.scrolldown{width:80px; height:80px;}
	.scrolldown .icon{top:12%;}
	.scrolldown a > i.txt{padding-top:40px;}
	.scrolldown a > i.txt:before{bottom:-8px;}
	.area_notice{width:calc(100% - 80px); width:-webkit-calc(100% - 80px);}
    
    #mbox{width: 90%; height: auto; bottom: 125px;}
    #mbox a{width: 49.4%; height:auto}
    #mbox a:nth-child(3){width: 100%;}
    #mbox p{width: 35%;}
    #mbox p.so_txt{width: 65%; font-size: 0.85em;}
    #mbox strong{width: 65%; font-size: 1.0em;}
    #mbox p img{width: 40px; height: auto;}
}

@media screen and (max-width:600px) {
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:40px;}
}

@media screen and (max-width:550px) {
	#visual .area_txt{width:70%;}
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:25px;}
	#visual div.bx-pager{right:15px;}
	#visual div.bx-pager div{margin:0 0 20px;}
	#visual div.bx-pager div a:after{bottom:-15px; width:4px; height:4px;}
	#visual div.bx-pager div a{font-size:14px;}
	
	.scrolldown{width:70px; height:70px;}
	.area_notice{width:calc(100% - 70px); width:-webkit-calc(100% - 70px);}
	.scrolldown .icon{top:17%; width:18px; height:26px;}
	.scrolldown a > i.txt:before{display:none;}
	.scrolldown a > i.txt{font-size:11px;}
}

.clinic_product{
    position: relative;
    height: 100vh;
    z-index: 1;
    background: #fff;
    padding: 0;
    width: 100%;
}
.clinic_product .slide_slick{
    width: 150%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    visibility: hidden;
}
.clinic_product.active .slide_slick{
    visibility: visible;
}
.clinic_product ul{
    width: 100%;
}
.clinic_product ul li{
    margin: 0 120px;
    
}
.clinic_product li .img_wrap{
    background: none;
    width: 100%;
    text-align: center;
}
.clinic_product li.slick-active .img_wrap{
    background: url(../img/main/pro_bg.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}
.slick-slide img{
    margin: 0 auto;
    height: 350px;
}
.clinic_product .title{
    text-align: center;
    margin-top: 40px;
}
.clinic_product .title em{font-style:normal; font-size:16px; font-weight:500; }
.clinic_product .title h2{display:block; padding:20px 0; font-size:45px; font-weight:600; }
.clinic_product .title p{font-size:15px; font-weight:300; line-height:1.6em; word-break:keep-all;}

.clinic_product .arrow{
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 60px;
    height: 60px;
    cursor: pointer;
}
.clinic_product .arrow span{
    background:#141414;
    position: absolute;
    top: 0;
    left: 0;
}
.clinic_product .arrow span:nth-child(1){
    width: 2px;
    height: 60px;
}
.clinic_product .arrow span:nth-child(2){
    width: 60px;
    height: 2px;
}
.clinic_product .arrow.left{
    left: calc(50% - 435px);
    transform: rotate(-45deg);
}
.clinic_product .arrow.right{
    left: calc(50% + 435px);
    transform: rotate(135deg);
}
.clinic_product .title p>span{
    display: block;
}
@media screen and (max-width:768px) {
    .clinic_product .title em{
        font-size: 17px;
    }
    .clinic_product .title h2{
        font-size: 28px;
        padding: 20px 0 40px;
    }
    .clinic_product .title p{
        font-size: 14px;
    }
    .clinic_product .slide_slick{
        width: 90%;
    }
    .slick-slide img{
        height: 250px;
    }
    .clinic_product .arrow{
        width: 20px;
        height: 20px;
    }
    .clinic_product .arrow span:nth-child(1){
        height: 20px;
    }
    .clinic_product .arrow span:nth-child(2){
        width: 20px;
    }
    .clinic_product .arrow.left{
        left: calc(50% - 150px);
    }
    .clinic_product .arrow.right{
        left:  calc(50% + 150px - 28.28px);
    }
    .clinic_product ul li{
        margin: 0;
    }
    .clinic_product .title p>span{
        display: inline;
    }
}

/* 소개 */
.area_brand{position:relative;padding:180px 0 80px; z-index:1; background:linear-gradient(#e5e6e4, #f6f6f6);}
.area_brand:before{content:''; position:absolute; top:0; right:0; bottom:0; width:100%; background:url(../img/main/section02.png) no-repeat; background-size: auto 90%; background-position: 50vw 120px;}
/*.area_brand .area_img{float:left; width:495px; margin:0 70px 0 0;}
.area_brand .area_img img{width:100%; height:auto;}*/
.area_brand .area_txt{position:relative; padding:0; }
.area_brand .area_txt p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #0068a2;
}
.area_brand .area_txt h3{font-size:40px; font-weight:600; color:#fff; line-height:1.3em;  display: inline-block;}
.area_brand .area_txt h3>span{
    background:#0068a2;
    padding: 5px;
    display: block;
}
.area_brand .area_txt h3>span:nth-of-type(2){
    background: #71bf44;
    position: relative;
    left: 50px;
}
.area_brand .area_txt dl{display:block; padding:80px 0; font-size:15px; font-weight:400; color:#555; line-height:1.8em;}
.area_brand .area_txt dt{
    color: #0068a2;
}
.area_brand .area_txt dd{
}
.area_btn{font-size:15px; font-weight:500; color:#222; transition:all 0.3s ease;}
.area_btn i{position:relative; display:inline-block; margin:0 0 5px 10px; width:50px; height:1px; background:#222; transition:all 0.3s ease;}
.area_btn i:before{content:''; position:absolute; opacity:0; top:-2px; left:30%; width:5px; height:5px; background:#222; border-radius:50%; transition:all 0.3s ease;}
.area_btn:hover i:before{opacity:1; left:98%;}

@media screen and (max-width:1400px) {
	.area_brand .area_txt h3{font-size:40px;}
}
@media screen and (max-width:1200px) {
	.area_brand .area_txt h3{font-size:35px;}
	.area_brand:after{width:38%; bottom:80px;}
}
@media screen and (max-width:1024px) {
	.area_brand .area_txt h3{font-size:32px;}
	.area_brand .area_txt p{padding:20px 0; font-size:16px;}
}
@media screen and (max-width:768px) {
	.area_brand{padding:100px 0;}
	.area_brand .area_img{width:60%; margin:0 20%;}
	.area_brand .area_txt{width:80%; margin:0 10%;}
	.area_brand .area_txt{padding:50px 0 0;}
	.area_brand:after{width:42%; bottom:30px;}
    
    .area_brand .area_txt h3>span:nth-of-type(2){
        left: 0;
    }
}
@media screen and (max-width:650px) {
	.area_brand .area_img{width:70%; margin:0 15%;}
	.area_brand .area_txt{width:90%; margin:0 5%;}
	.area_brand .area_txt p{font-size:16px;}
	.area_brand .area_txt p br{display:none;}
}
@media screen and (max-width:550px) {
	.area_brand{padding:60px 0;}
	.area_brand .area_img{width:86%; margin:0 7%;}
	.area_brand .area_txt{width:94%; margin:0 3%;}
	.area_brand .area_txt{padding:0 0 0;}
	.area_brand .area_txt h3{font-size:28px;}
	.area_brand .area_txt p{padding:12px 0; font-size:15px;}
	.area_brand:after{bottom:0;}
}
@media screen and (max-width:450px) {

}
@media screen and (max-width:420px) {
	.area_brand{padding:40px 0;}
    .area_brand:before {
        background-position: 35vw bottom;
        background-size: 60%;
    }
}




/* 사업분야 */
.area_business{position:relative; padding:80px 0 0; z-index:1; background: url(../img/main/business_bg.jpg) no-repeat center top, #09384e;}
.area_business:after{content:''; display:block; clear:both;}
.area_business .title{position:relative; transition:all 0.3s ease; margin-bottom: 80px;}

.area_business .title em{font-style:normal; font-size:22px; font-weight:500; color:#fff; }
.area_business .title h2{display:block; padding:20px 0; font-size:45px; font-weight:600; color:#fff; }
.area_business .title p{font-size:16px; font-weight:300; color:#fff; line-height:1.6em; word-break:keep-all; margin: 10px 0 0;}
.area_business .title p span{
    display: block;
}
.area_business .title p>span{
    margin-bottom: 10px;
}

.list_business{float:left; width:calc(100% - 450px); margin-left:450px;}
.list_business > li{position:relative; float:left; margin:0 70px 70px 0; width:calc((100%/3) - 50px); width:-webkit-calc((100%/3) - 50px); height:350px; box-shadow: 5px 8.66px 22.75px 12.25px rgba(34, 34, 34, 0.27); overflow:hidden; transition:all 0.3s ease;}
.list_business > li:last-child{ margin-right:0;}
.list_business > li > a{position:relative; display:block; width:100%; height:100%;}
.list_business > li > a .area_img{display:block; width:100%; height:100%; overflow:hidden;}
.list_business > li > a .area_img img{height:100%; transform:scale(1.0); transition:all 0.7s cubic-bezier(0.51, 0.21, 1, 1);}
.list_business > li > a .area_txt{position:absolute; left:20px; bottom:40px;}
.list_business > li > a .area_txt > em{display:block; font-style:normal; font-size:15px; font-weight:400; color:#fff;}
.list_business > li > a .area_txt > span{display:block; padding:8px 0 0; font-size:22px; font-weight:500; color:#fff;}
.list_business > li:hover{top:-10px; box-shadow: 5px 8.66px 22.75px 12.25px rgba(34, 34, 34, 0.5);}
.list_business > li:hover a .area_img img{transform:scale(1.05);}

@media screen and (max-width:1400px) {
	.list_business{width:68%; margin-left:32%;}
	.list_business > li{margin:0 8% 8% 0; width:calc((100%/2) - 4%); width:-webkit-calc((100%/2) - 4%);}
	.list_business > li:nth-child(2n){margin:0 0 4%;}

}

@media screen and (max-width:1300px) {
	.list_business > li{height:410px;}
}
@media screen and (max-width:1200px) {
	.area_business .title p br{display:none;}
	.list_business > li{margin:0 6% 6% 0; width:calc((100%/2) - 3%); width:-webkit-calc((100%/2) - 3%); height:380px;}
	.list_business > li:nth-child(2n){margin:0 0 6%;}
	.list_business > li > a .area_txt{left:30px; bottom:30px;}
}
@media screen and (max-width:1024px) {
	.area_business .title em{font-size:20px;}
	.area_business .title p br{display:block;}
	.area_business .title h2{padding:12px 0; font-size:45px;}
	.area_business{background:url('../img/main/business_bg.jpg')repeat-y center; background-size:cover;}
	.area_business .title{position:relative; top:unset; width:100%; text-align:center; transform:translateY(0);}
	.area_business .title.on{position:relative;}
	.list_business{width:80%; margin-left:0; margin:40px 10% 0;}
	body.on .fixed_bg{opacity:0; display:none;}
}
@media screen and (max-width:900px) {
	.list_business{width:90%; margin-left:0; margin:40px 5% 0;}
}
@media screen and (max-width:768px) {
	.area_business{padding:80px 0;}
	.list_business{width:100%; margin-left:0; margin:40px 0 0;}
	.area_business .title em{font-size:20px;}
	.area_business .title h2{padding:10px 0; font-size:40px;}
	.area_business .title p{font-size:15px; margin: 20px 0 0;}
	.list_business > li > a .area_txt{left:20px; bottom:20px;}
}
@media screen and (max-width:650px) {
	.list_business > li{height:300px;}
}
@media screen and (max-width:550px) {
	.area_business{padding:60px 0;}
	.list_business > li{height:260px;}
	.area_business .title em{font-size:17px;}
	.area_business .title h2{padding:6px 0 10px; font-size:30px;}
	.area_business .title p{font-size:14px; line-height:1.5em;}
	.list_business > li{margin:0 5% 5% 0; width:100%;}
	.list_business > li > a .area_img{overflow:hidden;}
	.list_business > li > a .area_img img{height:auto; width:100%; margin:-30% 0;}
	.list_business > li > a .area_txt{left:15px;}
	.list_business > li > a .area_txt > em{font-size:14px;}
	.list_business > li > a .area_txt > span{padding:2px 0 0; font-size:18px;}
}
@media screen and (max-width:450px) {
	.area_business .title h2{font-size:27px;}
	.list_business{margin:30px 0 0;}
	.list_business > li{height:210px;}
	.list_business > li > a .area_txt{left:10px; bottom:10px;}
	.list_business > li > a .area_txt > em{font-size:13px;}
	.list_business > li > a .area_txt > span{font-size:16px;}
}
@media screen and (max-width:420px) {
    .area_business .title{
        margin-bottom: 40px;
    }
}
@media screen and (max-width:400px) {
	.list_business{margin:20px 0 0;}
	.list_business > li{height:180px;}
	.list_business > li > a .area_txt > em{font-size:11px;}
	.list_business > li > a .area_txt > span{padding:0;}
}


/* 진행사업 */
.area_work{position:relative; z-index:1; background:#f9f9f9; padding:150px 0; text-align:center;}
.area_work .title{text-align:center;}
.area_work .title > h2{font-size:50px; font-weight:bold; color:#222;}
.area_work .title > p{display:block; padding:10px 0 0; font-size:16px; font-weight:300; color:#555;}


/* tab */
.tab ul{margin:0; padding:0; list-style:none;}
.tab ul.title li:first-child{margin-left:0;}
.tab ul.title li{float:left;margin-left: 0px;}
.tab ul.title li a{display:block;padding: 13px 50px;background: #eee;color: #222;}
.tab ul.title li a.show{background: #bc3232;color: #fff;}
.tab ul.title:after{content:""; display:block; clear:both;}
.tab ul.panel li{display:none;overflow:hidden;height:auto;}
.tab ul.title {
    text-align: center;
    margin-bottom: 40px;
}

.tab ul.title li {
    display: inline-block;
    float: none !important;
}

/* tab  */
.tabs{margin:40px 0 0; width:100%;}
.tabs:after{content:''; display:block; clear:both;}
.tabs li{float:left; margin:0 10px 0 0; padding:11px; min-width:150px; background:#ddd; box-sizing:border-box; border-radius:50px; transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
.tabs li span{font-size:15px; font-weight:300; line-height:1.3em;}
.tabs li.active{background:#192448; color:#fff; box-shadow: 0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);}
.tabs li:hover{background:#192448; color:#fff;}
.tab_container{margin:20px 0 0; width:100%; background:#fff;}
.tab_content{position:relative; height:500px;}
.tab_content:after{content:''; display:block; clear:both;}
.tab_content .area_right{display:table; float:right; width:50%; height:100%;}
.tab_content .area_left{float:left; width:50%;}
.tab_content .area_right{padding:40px; box-sizing:border-box;}

.table caption{display:none;}
.area_work .area_table{display:table-cell; vertical-align:middle; height:100%;}
.work_info{margin:30px 0 0;}
.work_info > li{display:block; width:100%; }
.work_info > li:after{content:''; display:block; clear:both;}
.work_info > li > em{float:left; padding:15px; width:30%; border-top:2px solid #dc2020; box-sizing:border-box; vertical-align:top; font-size:19px; font-weight:500; color:#333; text-transform:uppercase;}
.work_info > li > .work_content{float:left; padding:18px 15px 15px; width:70%; box-sizing:border-box; border-top:2px solid #222;}
.work_info > li > .work_content p{font-size:16px; font-weight:400; color:#666; line-height:1.6em;}
.area_work .table{margin:0; border-top:2px solid #eee; border-bottom:2px solid #eee;}
.area_work .table > thead{padding:50px 0;}
.area_work .table > tbody > tr:nth-child(2n-1){background:#f9f9f9;}
.area_work .table > tbody > tr > td{padding:14px 20px; border-right:1px solid #eee !important; vertical-align:middle; font-size:16px; font-weight:400; color:#333; text-align:center; word-break:keep-all;}
.area_work .table > tbody > tr > td:first-child{font-weight:bold;}
.area_work .table > tbody > tr > td:last-child{text-align:left; border-right:none !important;}
.mob_info{display:none; margin:0 0 10px; font-size:15px; font-weight:300; color:#333;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:1px solid #eee;}
#tab1 .area_left{height:100%; background:url(../img/main/img_work01.jpg)no-repeat center; background-size:cover;}
#tab2 .area_left{height:100%; background:url(../img/main/img_work01.jpg)no-repeat center; background-size:cover;}
.area_btn02{position:relative; z-index:1; margin:50px 0 0; text-align:center; display:inline-block; min-width:180px; padding:15px 20px; box-sizing:border-box; border-radius:6px; font-size:15px; font-weight:500; color:#333; border:3px solid #eee; transition:all 0.5s ease;}
.area_btn02:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#192448; z-index:-1; transition:all 0.5s ease;}
.area_btn02:hover{color:#fff;  border:3px solid #192448; box-shadow:0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32);}
.area_btn02:hover:before{width:100%;}


.root_daum_roughmap {
    width: 100% !important;
    position: relative !important;
    bottom: 0 !important;
}
/*
.fakefooter{
    display: none;
}
.realfooter{
    display: block;
}
*/
#footer, #footer .fp-tableCell{
    height: auto !important;
    overflow: hidden;
}

@media screen and (max-width:1400px) {
	.area_work{padding:150px 0;}
    .root_daum_roughmap {
        width: 90% !important;
        left: 50%;
        transform: translateX(-50%);
    }
/*
    .fakefooter{
        display: block;
    }
    .realfooter{
        display: none;
    }
*/
}
@media screen and (max-width:850px) {
	.tab_content{height:auto;}
	.tab_content .area_left{width:100%; height:500px !important;}
	.tab_content .area_right{width:100%; height:100%;}
}
@media screen and (max-width:768px) {
	.area_work{padding:100px 0;}
	.area_work .title > h2{font-size:40px;}
	.area_work .title > p{font-size:15px;}
	.tab_content .area_left{height:0 !important; padding-bottom:75%;}
	.area_btn02{min-width:160px; background:#192448; border:none; box-shadow:0px 3px 7.36px 0.64px rgba(25, 36, 72, 0.32); color:#fff !important;}
	.area_btn02:before{display:none;}
	.area_btn02:hover{border:none;}
}
@media screen and (max-width:550px) {
	.area_work{padding:60px 0;}
	.area_work .title > h2{font-size:30px;}
	.area_work .title > p{font-size:14px;}
	.tab_content .area_right{padding:20px;}
	.tab_content .area_right{padding:15px;}
	.area_work .table > tbody > tr > td{padding:12px 10px; font-size:15px;}
	.area_btn02{margin:30px 0 0;}
}
@media screen and (max-width:450px) {
	.area_work .title > h2{font-size:27px;}
	.area_work .table > tbody > tr > td{padding:10px;}
}
@media screen and (max-width:420px) {
	.area_work{padding:40px 0;}
}



@-webkit-keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}
@keyframes scrollDownPointer {
  60% {-webkit-transform: translate(0, 200%); transform: translate(0, 200%);}
  70% {opacity: 0;}
  100% {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
}

@keyframes imagescale {
  0% {
    transform: scale(1)  rotate(.001deg);;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3)  rotate(.001deg);;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}