#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:#fff; text-align:center;}
#visual .area_txt > h3{font-size:3.8em; font-weight:600; line-height:1.6em; text-transform:uppercase;}
#visual .area_txt > h2{font-size:2.3em; font-weight:600;  text-transform:uppercase;}
#visual .area_txt > p{display:block; padding:20px 0 0; font-size:17px; font-weight:400; word-break:keep-all;}

#visual .bx-controls{}
#visual div.bx-pager{z-index:50; position:absolute; top:50%; right: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:0; width:100px; height:100px; z-index:52; background:#fff; font-weight:500; color:#fff; 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 #111 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:#111; -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_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;}

@media screen and (max-width:1024px) {
	#visual .area_txt{width:80%;}
	#visual .area_txt > h3{font-size:2.2em;}
	#visual .area_txt > h2{font-size:1.7em;}
	#visual div.bx-pager{right:25px;}
	
	.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:1.8em;}
	#visual .area_txt > h2{font-size:1.5em;}
	#visual .area_txt > p{padding:10px 0 0; font-size:16px;}
	.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);}
}

@media screen and (max-width:600px) {
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:1.4em;}
	#visual .area_txt > p{padding:10px 0 0; font-size:15px;}
}

@media screen and (max-width:550px) {
	#visual .area_txt{width:70%;}
	#visual .area_txt > h3,
	#visual .area_txt > h2{font-size:1.5em;}
	#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;}
}
/* 마린 */
.area_marin{position:relative;padding:150px 0; z-index:1; background:#fff;}
.area_marin:before{content:''; position:absolute; top:0; left:0; bottom:0; width:33%; background:#f9f9f9;}
.area_marin:after{content:''; position:absolute; z-index:-1; right:2%; bottom:100px; width:172px; height:190px; background:url('../img/main/obj_marin.png')no-repeat center; background-size:contain;}
.area_marin .area_img{float:left; width:495px; margin:0 70px 0 0;}
.area_marin .area_img img{width:100%; height:auto;}
.area_marin .area_txt{position:relative; float:left; padding:0; width:calc(100% - 565px); width:-webkit-calc(100% - 565px);}
.area_marin .area_txt h3{font-size:45px; font-weight:600; color:#222; line-height:1.3em;}
.area_marin .area_txt p{display:block; padding:40px 0; font-size:17px; font-weight:400; color:#555; line-height:1.8em;}
.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_marin .area_img{width:40%; margin:0 5% 0 0;}
	.area_marin .area_txt{width:55%;}
	.area_marin .area_txt h3{font-size:40px;}
}
@media screen and (max-width:1200px) {
	.area_marin .area_txt h3{font-size:35px;}
	.area_marin:after{ bottom:20px;}
}
@media screen and (max-width:1024px) {
	.area_marin .area_txt h3{font-size:32px;}
	.area_marin .area_txt p{padding:20px 0; font-size:16px;}
}
@media screen and (max-width:992px) {
.area_marin:after{background:none;}
}
@media screen and (max-width:768px) {
	.area_marin{padding:100px 0;}
	.area_marin .area_img{width:60%; margin:0 20%;}
	.area_marin .area_txt{width:80%; margin:0 10%;}
	.area_marin .area_txt{padding:50px 0 0;}
	.area_marin:after{width:42%; bottom:30px;}
}
@media screen and (max-width:650px) {
	.area_marin .area_img{width:70%; margin:0 15%;}
	.area_marin .area_txt{width:90%; margin:0 5%;}
	.area_marin .area_txt p{font-size:16px;}
	.area_marin .area_txt p br{display:none;}
}
@media screen and (max-width:550px) {
	.area_marin{padding:60px 0;}
	.area_marin .area_img{width:86%; margin:0 7%;}
	.area_marin .area_txt{width:94%; margin:0 3%;}
	.area_marin .area_txt{padding:30px 0 0;}
	.area_marin .area_txt h3{font-size:26px;}
	.area_marin .area_txt p{padding:12px 0; font-size:15px;}
	.area_marin:after{bottom:0;}
}
@media screen and (max-width:450px) {
	.area_marin .area_txt h3{font-size:22px;}
}
@media screen and (max-width:420px) {
	.area_marin{padding:40px 0;}
}
/* 사업분야 */
.area_business{position:relative; padding:150px 0; z-index:1;}
.area_business:after{content:''; display:block; clear:both;}
.area_business .title{position:absolute; top:50%; float:left; width:400px; transform:translateY(-50%); transition:all 0.3s ease;}
.area_business .title.on{position:fixed;}
.area_business .title.off{position:absolute;}
.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:55px; 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;}

.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%/2) - 35px); width:-webkit-calc((100%/2) - 35px); height:448px; box-shadow: 5px 8.66px 22.75px 12.25px rgba(0, 28, 59, 0.27); overflow:hidden; transition:all 0.3s ease;}
.list_business > li:nth-child(2n){top:0; margin:0 0 70px;}
.list_business > li:nth-child(2n-1){top:120px;}
.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:40px; bottom:40px;}
.list_business > li > a .area_txt > em{display:block; font-style:normal; font-size:15px; font-weight:400; color:#333;}
.list_business > li > a .area_txt > span{display:block; padding:8px 0 0; font-size:22px; font-weight:500; color:#444;}
.list_business > li:nth-child(2) > a .area_txt > em{display:block; font-style:normal; font-size:15px; font-weight:400; color:#fff;}
.list_business > li:nth-child(2) > a .area_txt > span{display:block; padding:8px 0 0; font-size:22px; font-weight:500; color:#fff;}
.list_business > li:nth-child(3) > a .area_txt > em{display:block; font-style:normal; font-size:15px; font-weight:400; color:#fff;}
.list_business > li:nth-child(3) > a .area_txt > span{display:block; padding:8px 0 0; font-size:22px; font-weight:500; color:#fff;}
.list_business > li:hover{top:-30px; box-shadow: 5px 8.66px 22.75px 12.25px rgba(0, 28, 59, 1);}
.list_business > li:hover a .area_img img{transform:scale(1.05);}
.list_business > li:nth-child(2n-1):hover{top:90px;}

@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%;}
	.area_business .title{width:32%;}
	.area_business .title.on{position:absolute;}
}

@media screen and (max-width:1300px) {
	.list_business > li{height:410px;}
}
@media screen and (max-width:1200px) {
	.area_business .title{width:29%;}
	.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;}
	.list_business > li:nth-child(2n-1),
	.list_business > li:nth-child(2n-1):hover{top:0;}
	.list_business > li:nth-child(2n){top:40px;}
	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:100px 0 120px;}
	.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;}
	.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 80px;}
	.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:calc((100%/2) - 2.5%); width:-webkit-calc((100%/2) - 2.5%);}
	.list_business > li:nth-child(2n){margin:0 0 5%;}
	.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;}
	.list_business > li:nth-child(2n){top:25px;}
}
@media screen and (max-width:420px) {
	.area_business{padding:40px 0 60px;}	
}
@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%;}
@media screen and (max-width:1400px) {
	.area_work{padding:150px 0;}
}
@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);
  }
}

/*directions*/
.direct_wrap { overflow:hidden; margin-top:0px; }
.direct_wrap .map_box { float: left; width:600px; height:500px; transition: all 0.5s;}
.direct_wrap .direct_box { float: right; width:600px; height:500px; background:url(../img/main/blushaak.png) no-repeat right bottom #fff; transition: all 0.5s;}
.direct_wrap .direct_box .direct_ul { padding:100px 50px; text-align: left;}
.direct_wrap .direct_box .direct_ul li { color: #555; list-style: none; line-height: 32px; margin-bottom:5px; font-size: 1.20em;}
.direct_wrap .direct_box .direct_ul li img { margin-right: 18px;}
.direct_wrap .direct_box .direct_ul li .bg1 { padding: 5px 7px; border-radius: 10px; background: #2ea7ec; margin: 12px 5px 0 0; color:#fff !important}
.direct_wrap .direct_box .direct_ul li .bg2 { padding: 5px 7px; border-radius: 10px; background: #2e4078; margin: 5px 5px 0 0; color:#fff !important}

.direct_wrap02 { overflow:hidden; margin-top:50px; width:1200px;}
.direct_wrap02 .map_box02 { float: right; width:600px; height:500px; transition: all 0.5s;}
.direct_wrap02 .direct_box02 { float: left; width:600px; height:500px; background:url(../img/main/blushaak.png) no-repeat right bottom #fff; transition: all 0.5s;}
.direct_wrap02 .direct_box02 .direct_ul02 { padding:100px 50px; text-align: left;}
.direct_wrap02 .direct_box02 .direct_ul02 li { color: #555; list-style: none; line-height: 32px; margin-bottom:5px; font-size: 1.20em;}
.direct_wrap02 .direct_box02 .direct_ul02 li img { margin-right: 18px;}
.direct_wrap02 .direct_box02 .direct_ul02 li .bg1 { padding: 5px 7px; border-radius: 10px; background: #2ea7ec; margin: 12px 5px 0 0; color:#fff !important}
.direct_wrap02 .direct_box02 .direct_ul02 li .bg2 { padding: 5px 7px; border-radius: 10px; background: #2e4078; margin: 5px 5px 0 0; color:#fff !important}
@media screen and (max-width:1199px) {
.direct_wrap { overflow:hidden; margin-top:0px; }
.direct_wrap .root_daum_roughmap .wrap_map { height: 300px!important}
.direct_wrap .map_box { float: none; width:100%; height:auto; transition: all 0.5s;}
.direct_wrap .direct_box { float: none; width:100%; height:auto; transition: all 0.5s;}
.direct_wrap .direct_box .direct_ul { padding:30px 5%; margin:0 !important}
.direct_wrap .direct_box .direct_ul li { color: #555; list-style: none; line-height: 32px; margin-top:0px;}
.direct_wrap .direct_box .direct_ul li img { margin-right: 18px;}
.direct_wrap .direct_box .direct_ul li .bg1 { padding: 5px 7px; border-radius: 10px; background: #2ea7ec;}
.direct_wrap .direct_box .direct_ul li .bg2 { padding: 5px 7px; border-radius: 10px; background: #2e4078;}

.direct_wrap02 { overflow:hidden; margin-top:50px; width:100%}
.direct_wrap02 .root_daum_roughmap .wrap_map { height: 300px!important}
.direct_wrap02 .map_box02 { float: none; width:100%; height:auto; transition: all 0.5s;}
.direct_wrap02 .direct_box02 { float: none; width:100%; height:auto; transition: all 0.5s;}
.direct_wrap02 .direct_box02 .direct_ul02 { padding:30px 5%; margin:0 !important}
.direct_wrap02 .direct_box02 .direct_ul02 li { color: #555; list-style: none; line-height: 32px; margin-top:0px;}
.direct_wrap02 .direct_box02 .direct_ul02 li img { margin-right: 18px;}
.direct_wrap02 .direct_box02 .direct_ul02 li .bg1 { padding: 5px 7px; border-radius: 10px; background: #2ea7ec;}
.direct_wrap02 .direct_box02 .direct_ul02 li .bg2 { padding: 5px 7px; border-radius: 10px; background: #2e4078;}
#ft_totop { display: none;}	
}