@charset "utf-8";

/* sub_header */
#sub_visual {position:relative;width:100%;height:314px;}
#sub_visual.sub01 {background:url('../img/page/sub_visual01.jpg')no-repeat center;background-size:cover;}
#sub_visual.sub02 {background:url('../img/page/sub_visual02.jpg')no-repeat center;background-size:cover;}
#sub_visual.sub03 {background:url('../img/page/sub_visual03.jpg')no-repeat center;background-size:cover;}
#sub_visual.sub04 {background:url('../img/page/sub_visual04.jpg')no-repeat center;background-size:cover;}
#sub_visual .visual_bg {position:relative;top:39px;width:96%;height:275px;background:linear-gradient(to right,rgba(68,176,222,0.3),rgba(270,175,168,0.3), rgba(71,106,170,0.3), rgba(162,115,170,0.3));margin:0 auto;}
#sub_visual .visual_bg .tit{width:100%;height:215px;border:1px solid rgba(255,255,255,0.3);text-align:center;font-size:32px;color:#fff;padding:80px 0 0 0;text-shadow:1px 5px 5px rgba(0,0,0,0.1)}
#sub_visual .visual_bg .tit span{display:block;margin:0 auto;font-size:13px;letter-spacing:3px;margin:5px 0;font-weight:500; color:rgba(255,255,255,0.5)}
#sub_nav {position:absolute;bottom:0;width:100%;height:60px;background:rgba(0,0,0,0.5)}
#sub_nav ul {width: 1500px;height:auto;margin:0 auto;text-align:center;}
#sub_nav ul li{position:relative;display:inline-block;padding: 0 30px;min-width: 160px;transition:all 0.3s;}
#sub_nav ul li a{display:block;font-size:15px;color:#fff;line-height:60px}
#sub_nav ul li.active{background: #3972bf;}
#sub_nav ul li::after{position:absolute;top:-5px;left:50%;transform:translateX(-50%);content:'';display:block;width:10px;height:10px;background:#fff;border-radius:100px;opacity:0;transition:all 0.3s}
#sub_nav ul li.active::after{opacity:1}
#sub_nav ul li:hover{background: #3972bf;}
#sub_nav ul li:hover::after{opacity:1}
#sub_nav ul:hover li.active {background:none;}
#sub_nav ul:hover li.active::after {opacity:0;}
#sub_nav ul:hover li.active:hover{background: #3972bf;}
#sub_nav ul:hover li.active:hover::after{opacity:1}

/* mobile sub */
#msub_nav {display:none; position:absolute;bottom:0;width:100%;height:60px;background:rgba(0,0,0,0.5);}
#msub_nav ul li a {color: #5d5d5d;padding: 12px 0;}
.msub_ttl {width:100%;height:60px;background: #3972bf;color:#fff;text-align:center;line-height:60px;position:relative;cursor: pointer;}
.msub_ttl:after {display:block; content:'';position:absolute;width:8px; height:8px; background:#fff; border-radius:50%; top:-4px; left:50%; margin-left:-4px;}
.msub_ul {display:none;position:absolute;z-index:9999;background: #f8f8f8;width: 100%;height: auto;padding: 15px;}
.msub_ul li {display: block;width: 100%;padding: 0px 10px;word-break:keep-all;border-bottom: 1px solid #d9d9d9;}
.msub_ul li:last-child {border-bottom:0}
.msub_ul li a {font-size:14px; display:block;}
.msub_ul li:hover a {font-weight:500; color:#174583;}
#msub_nav ul li a:hover { color:#174583;}
@media screen and (max-width:1500px){
	#sub_nav ul {width:100%}
	#sub_nav ul li {min-width:auto; padding:0 40px;}
}

@media screen and (max-width:1300px){
	#sub_visual .visual_bg .tit{font-size:25px}
	#sub_visual .visual_bg .tit span {font-size:12px;}
	#sub_nav ul li {padding:0 25px;}
}

@media screen and (max-width:980px){
	#sub_nav ul li a {font-size:14px;}
}

@media screen and (max-width:960px){
    #sub_nav {display:none;}
    #msub_nav {display:block;}
}

@media screen and (max-width:768px){
	#sub_visual {height:250px;}
	#sub_visual .visual_bg {height:195px; width:90%;}
	#sub_visual .visual_bg .tit{font-size:23px; padding-top:50px; height:195px;}
	
	#msub_nav {height:50px;}
	.msub_ttl {height:50px; line-height:50px;}
}

@media screen and (max-width:480px){
	#sub_visual {height:220px;}
	#sub_visual .visual_bg {height:180px;}
	#sub_visual .visual_bg .tit {height:180px; padding-top:40px; font-size:20px;}
	#sub_visual .visual_bg .tit span {font-size:11px; letter-spacing:1.5px;}
	#msub_nav {height:45px;}
	.msub_ttl {height:45px;line-height:45px;}

}


/* 서브페이지 css */
#sub_content{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto}

@media(max-width:1300px){
#sub_content{width:100%;padding:0 20px}
}

@media(max-width:700px){
#sub_content{width:100%;padding:0 0px}
}


/* sub all */
.sub_wr {padding: 80px 0 30px;width: 100%;}

.nft {/* font-family: 'Cafe24Ohsquare', 'Noto Sans KR', sans-serif; */}
.page_ttl {font-size: 31px;font-weight: 500;/* font-family: 'Cafe24Ohsquare', 'Noto Sans KR', sans-serif; */text-align:center;margin-bottom:5px;letter-spacing: -0.2px;}
.page_txt {font-size:15px; letter-spacing:3px; color:#b6b6b6; text-align:center; margin-bottom:25px;}
.page_tabs {text-align:center;margin: 30px auto 20px;}
.page_tabs a {display:inline-block;padding:7px 30px;border-radius:100px;border:1px solid #a0a0a0;background:#fff;color:#4f4f4f;margin: 5px;width: 195px;}
.page_tabs a.active {background:#4f4f4f; color:#fff;border:1px solid #4f4f4f;}
.privacy_wr {max-width:1300px; margin:20px auto;}
@media screen and (max-width:1300px){
    .sub_wr {padding:50px 15px;}
}
@media screen and (max-width:480px){
	.page_ttl {font-size: 23px;word-break:keep-all;padding:0 20px;}
	.page_txt {font-size:13px;}
}
@media screen and (max-width:390px){
	.sub_wr {padding:50px 10px;}
}

/* 테이블 */
.tb_01 {margin:30px 0; position:relative;width:100%;height:auto;overflow:hidden;border-collapse:collapse}
.tb_01 caption {font-size:0; text-indent:-9999px; height:0;}
.tb_01  th{padding:15px 0;background:#494747;color:#fff}
.tb_01  tr{border-bottom:1px solid #e0e0e0}
.tb_01  td{padding:10px 0;background: #ffffff;border-right:1px solid #e0e0e0;font-size:15px;color:#191919;text-align: center;}

.tb_con {width:1300px; margin:0 auto;position:relative;}
.x-scr-view {display:none;padding-top: 30px;background: url('../img/page/swipe.png') no-repeat center rgba(0,0,0,0.3);background-size: 45px;width: 80px;height: 80px;position:absolute;top: 30px;left:50%;margin-left: -40px;border-radius: 50%;z-index: 99;}

@media screen and (max-width:1300px){
	.tb_con {width:100%;padding: 0 15px;}
}
@media screen and (max-width:960px){
    .tb_01 tr th {font-size:15px;}
    .tb_01 tr td {font-size:14px;}

	.tb_02 tr th {font-size:15px;}
    .tb_02 tr td {font-size:14px;}
}

@media screen and (max-width:680px){
	.tb_con {padding: 0 10px;}
	.tb_con table {width:640px;margin:0 auto;}
	.x-scr {overflow-x: scroll;width:100%;overflow-y: hidden;background-size:45px;position: relative;/* margin-top: -30px; */}
	.x-scr-view {display:block;}
}


/* sub1_1 */

.sub1_1-m {display: none;}
.sub1_1-pc {text-align: center;}

.sub1_1_box{position:relative;float:left;width:50%;height:600px;z-index:10;margin-bottom:130px}
.sub1_1_box .name{font-size: 19px;color: #626262;margin-bottom: 35px;letter-spacing:2px;font-weight: 300;}
.sub1_1_box .title{font-size:24px;color:#181818;font-weight:300;line-height:30px;margin-bottom: 20px;letter-spacing:-1px;word-break:keep-all;}
.sub1_1_box .title span{font-weight:bold}
.sub1_1_box .text{font-size: 15px;color:#181818;line-height:25px}
.sub1_1_box .img{text-align:right;margin-top: 1px;font-size: 20px;}
span.ceo_name {font-weight: 700;}
.sub1_1_box:last-child{padding-top: 110px;padding-left: 98px;}
.sub1_1_box .drone_box{position:absolute;width:240px;height:240px;background:rgba(0,90,214,0.8);right:0;bottom:0;padding-top:80px}
.sub1_1_box .drone_box .tit{position:absolute;top:20px;left:20px;font-size:14px;color:#fff;width:15px;font-weight:500}
.sub1_1_box .drone_box .txt{font-size:32px;color:#fff;font-weight:300;line-height:35px;text-align:center}
.sub1_1_box .drone_box .txt span{display:block;margin:0 auto;font-weight:500}
.sub1_1_box .drone_box .txt::before{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:block;content:'';width:205px;height:1px;background:rgba(255,255,255,0.4)}
.sub1_1_box .drone_box .txt::after{position:absolute;bottom:15px;right:17px;display:block;content:'';width:1px;height:60px;background:rgba(255,255,255,0.4)}
.sub1_1_bg{position:absolute;bottom:0;width:100%;height:360px;background:#f5f5f5;z-index:1}



.sub1_1_2box{position:relative;float:left;width: 20%;/* height: 441px; */z-index:10;/* margin-bottom:130px; */}
.sub1_1_2box .name{font-size: 19px;color: #626262;margin-bottom: 35px;letter-spacing:2px;font-weight: 300;}
.sub1_1_2box .img{text-align:right;margin-top: 21px;font-size: 20px;}
.sub1_1_2box:last-child{padding-top: 110px;padding-left:70px;}
.sub1_1_2box .drone_box{position:absolute;width:240px;height:240px;background:rgba(0,90,214,0.8);right:0;bottom:0;padding-top:80px}
.sub1_1_bg{position:absolute;bottom:0;width:100%;height: 323px;background:#f5f5f5;z-index:1}




@media(max-width:1300px){
.sub1_1_box .text{word-break:keep-all;padding: 0 0 19px;}
.sub1_1_box .text br{display:none}
}

@media(max-width:1000px){
.sub1_1_box .drone_box{position:relative;width:100%}
.sub1_1_box .drone_box .txt::before{width:90%}
.sub1_1_box .drone_box .txt::after{right:5%;}
.sub1_1_box:last-child{padding-top:15%;padding-left:5%}
}

@media(max-width:800px){
.sub1_1_box{float:none;width:100%;height:auto;margin-bottom:0}
.sub1_1_box .drone_box{width:75%;position:absolute;left:50%;transform:translateX(-50%);height:100px;padding-top:20px}
.sub1_1_box .drone_box .txt{font-size:20px;line-height:25px}
.sub1_1_box .drone_box .txt::after{display:none}
.sub1_1_box .drone_box .tit{display:none}
.drone_img{text-align:center}
.sub1_1_bg{display:none}
.sub1_1_box:last-child{padding:0;margin-top:5%}
.sub1_1_box .name{margin-bottom:3%}
.sub1_1_box .title{font-size:20px;margin-bottom:3%}
.sub1_1_box .img{margin:8% 0}
}


@media(max-width:600px){
	.sub1_1-m {display: block;}
	.sub1_1-pc {display: none;}
}


@media(max-width:500px){
.sub1_1_box .title{font-size:18px}
}


/* sub1_2 */
.his_bg_wr {background: url('../img/page/sub1_2_back3.jpg') no-repeat center top 70px;height: 390px;width: 740px;margin: 0 0 0 80px;float: left;display: none;}
.his_icon {width: 160px;margin-left: -35px;}
.his_icon img {width:100%;}
.his_tit_wr {text-align:center; color:rgba(0,0,0,0.2);margin-top:40px;}
.his_eng {font-size:13px; }
.his_tit {font-size:33px;}

.sub_his_box {width: 1300px;margin:0 auto;/* padding: 50px 90px; *//* float: left; */}
.his_txt {font-size: 21px;font-weight: 500;letter-spacing:-0.5px;padding:20px 0;letter-spacing: -1.0px;margin-bottom: 15px;color: #355888;}

.sub_his_box > ul > li {overflow:hidden;  color:#191919;}
.sub_his_box > ul > li > .his_year {width: 35%;float:left;padding:40px 0px;border-top: 2px solid #a6acb5;font-size: 21px;font-weight: 900;color: #355888;}
.sub_his_box > ul > li > .his_day {width: 65%;float:left;padding:40px 30px 40px 60px;border-top:1px solid #cbcbcb;font-size: 16px;font-weight: 300;}
.sub_his_box > ul > li > .his_day ul li {padding:5px 0;overflow: hidden;}
.sub_his_box > ul > li > .his_day .month {display: inline-block;float:left;color:#bfbfbf;font-weight:500;margin-right:20px;/* width: 40px; */}
.sub_his_box > ul > li > .his_day .date_txt {display: inline-block;float: left;word-break: keep-all;}

@media screen and (max-width:1450px){
	.his_bg_wr {width:450px; height:490px; background-size:100%;}
	.his_icon {width:130px; height:130px;}
	.sub_his_box {/* width:calc(100% - 530px); */padding: 0 50px;}
}

@media screen and (max-width:1299px){
	.his_bg_wr {margin-left:40px;}
	.his_icon {margin-left:-25px; width:110px; height:110px;}
	.sub_his_box {/* padding:50px 35px; */width: 100%;}
	.sub_his_box > ul > li > .his_year {width:30%; font-size:20px;padding:20px 10px;}
	.sub_his_box > ul > li > .his_day {width:70%;font-size:15px;padding: 20px 30px;}
}
@media screen and (max-width:960px){
	.his_bg_wr {width:360px; height:400px;}
	.sub_his_box {/* padding:50px 25px; */width: 100%;}
	.his_txt {font-size:18px; padding-bottom:0;}
	.his_tit_wr {margin-top:20px; padding:0 20px; word-break:keep-all;}
    .sub_his_box > ul > li > .his_year {width:100%;font-size:18px;padding:15px;}
    .sub_his_box > ul > li > .his_day {width:100%;padding: 10px; font-size:14px;}
}
@media screen and (max-width:768px){
	.his_bg_wr {width:100%;height: 350px;margin:0;padding:30px;background-size:cover;}
	.his_icon {margin-top:-5px; margin-left:-30px; width:130px; height:130px;}
	.sub_his_box {width:100%;padding: 0 30px;}
	.his_tit {font-size:20px;}
	.his_icon {width:90px; height:90px;}
}
@media screen and (max-width:690px){
	
	.sub_his_box > ul > li > .his_day .month {width:100%; margin:0; padding-bottom:5px;}
	.his_tit {font-size:32px;}
	.sub_his_box {padding:10px;}
	.his_txt {word-break:keep-all;font-size:20px;}
}
@media screen and (max-width:480px){
	.his_bg_wr {height: 213px;}
	.his_icon {width:100px; height:100px;}
	.his_tit {font-size: 15px;}
	.his_txt {font-size:18px;}
}

/* sub1_3 */
.group_01 {background: url('../img/page/sub1_4_2_bg.png') no-repeat center top #f6f6f6;margin-bottom: 80px;padding-bottom: 50px;}
.group_con {text-align:center;/* height: 100%; */}
.group_con img {max-width:100%;padding-top: 53px;}
.group_con_tt1 {font-size:15px;text-align:center;position:relative;}
.group_con_tt1:before {display:block;content:'';width: 160px;height: 10px;background:rgba(57,114,191,0.3);position:absolute;bottom: 0;left:50%;margin-left: -80px;z-index: 0;}
.group_con_tt2 {font-size:15px;text-align:center;position:relative;z-index: 1;}
.group_con_tt2:before {display:block;content:'';width:160px;height:10px;background:rgba(76,175,170,0.3);position:absolute;bottom:0;left:50%;margin-left:-80px;z-index: -1;}

.group_02 {padding: 120px 0px;background: #f5f5f5;overflow: hidden;/* margin-top: 20px; */}
.group_03 {/* margin:50px auto 20px; */background: #f5f5f5;/* margin-bottom: 26px; */padding-bottom: 50px;}
.group_list {width:1300px; margin:30px auto; overflow:hidden;}
.group_list li {width:25%; padding:10px; float:left;} 
.group_box {background: #fff;padding: 20px 25px;min-height: 154px;border-top: 2px solid #174583;/* border: 1px #ddd; */}
.group_box.auto {min-height:auto;height:auto;}
.group_box .group_ttl {font-size: 19px;color: #174583;text-align:left;padding-bottom: 10px;word-break:keep-all;font-weight: 700;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.group_box .group_ttl2 {font-size:20px;color: #174583;text-align:left;padding-bottom:10px;word-break:keep-all;border-bottom: 1px solid #ddd;margin-bottom: 10px;font-weight: 700;}
.group_box .group_txt {overflow:hidden;text-align:left;}
.group_box .group_txt dl {width:50%; float:left;overflow:hidden;position:relative;}
.group_box .group_txt dl:first-child:after {display:block;content:'';width:1px;height:13px;background: #c5c5c5;position:absolute;right:10px;top: 9px;}
.group_box .group_txt dl dd:first-child {font-size: 15px;color: #252525;float:left;width:50%;line-height: 30px;font-weight: 700;/* padding-bottom: 10px; */}
.group_box .group_txt dl dd:last-child {font-size: 15px;color: #676767;float:left;display:inline-block;width:50%;line-height: 30px;}
.group_box .group_txt dl.tt {float:none;}
.group_box .group_txt dl.tt:after {display:none;}

.group_con .total {background: #ffffff;/* border-top: 2px solid #174583; */font-weight: 500;color: #fff;border: 2px solid #10233e;}
.group_con .total .group_txt dl {width:100%; text-align:right;}
.group_con .total .group_txt dl dd {color:#10233e;}
.group_con .total .group_ttl {color: #10233e;text-align: right;}

.cir1 {position:relative;}
.cir1:before {display:block;content:'';position:absolute;top: -45px;width: 25px;height: 25px;background: #174583;/* border-radius:50%; */left:50%;margin-left:-15px;}
.cir2 {position:relative;z-index: 999;}
.cir2:before {display:block;content:'';position:absolute;top:-45px;width: 25px;height: 25px;background: #174583;/* border-radius:50%; */left:50%;margin-left:-15px;z-index: 999;}

@media screen and (max-width:1300px){
	.group_list {width:100%;}
	.group_list li {width:33.3%;}
}
@media screen and (max-width:960px){
	.group_list li {width:50%;}
    .group_con img {max-width:100%;padding-top:20px;}
}
@media screen and (max-width:768px){
	.group_box {min-height:165px;}
	.group_box .group_txt dl {width:100%;}
	.group_box .group_txt dl:first-child:after {display:none;}
	.group_list li {padding:5px;}
}
@media screen and (max-width:480px){
	.group_box {min-height:auto;}
	.group_01 {background-size:100%; background-position:top center;}
	.group_02 {background-size:300px;background-position:top left;padding: 90px 0;margin-top: 20px;}
	.group_03 {background-size:220px;}
}
@media screen and (max-width:390px){
	.group_list li {width:100%;}
	.group_box {height:auto;}
	.group_box .group_txt dl {width:50%;}
}


.organ_wr {width:1840px;margin:0 auto;overflow: hidden;}
.organ_bg {background:url('../img/page/sub1_4_bg.png') no-repeat top center;/* margin:50px; */}
.organ_txt {text-align:center; padding-top:70px; padding-bottom:20px;}
.org_eng {font-size:13px; letter-spacing:-0.5px; color:rgba(255,255,255,0.7);}
.org_txt {font-size:16px; color:#fff;}
.org_txt br {display:none;}
.organ_img {text-align:center;padding-top: 170px;padding-bottom: 50px;padding-left: 150px;}

@media screen and (max-width:1839px){
	.organ_wr {width:100%;}

}
@media screen and (max-width:1299px){
	.organ_img img {width:100%;}
	.group_con {padding:0 10px;}
}
@media screen and (max-width:1200px){
	.organ_txt {padding:70px 30px 20px; word-break:keep-all;}
	.org_txt br {display:block;}
}
@media screen and (max-width:1024px){
	.organ_img {padding-left:0;}
}
@media screen and (max-width:768px){
	.organ_bg {background-size:auto 170px;}
	.organ_img {padding-top:110px;}
}
@media screen and (max-width:480px){
	.organ_bg {background-size:auto 150px;}
	.organ_img {padding-top:120px;}
}
@media screen and (max-width:420px){
	.organ_bg {background-size:auto 100px;}
	.organ_img {padding-top:75px;}
}

/* sub1_4 */
.bg1_4 {width:100%;background: url('../img/page/sub1_4_2_bg.png') no-repeat center top #f6f6f6;background-size: 100%;}

/* sub1_5 */
.sub3_bg{position:relative;width:100%;height:auto;}
.sub3_bg .tit{font-size:45px;color:#2e2e2e;text-align:center;}
.sub3_bg .sub_tit{display:block;margin:15px auto;text-align:center;font-size:18px;color: #3972bf;width:190px;line-height:40px;letter-spacing:2px;border: 1px solid #3972bf;border-left:none;border-right:none;}
.cont_wr{position:relative;width:100%;height:auto;overflow:hidden;height:auto;background:#fff;padding-top: 20px;z-index:10;}
.cont_bg{position:absolute;bottom:0;width:100%;height:432px;background: #efefef;}
.cont_wr ul{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto;text-align:center;z-index:10}
.cont_wr ul li{display:inline-block;vertical-align:top;width:600px;margin:0 8px;transition:0.3s}
.cont_wr ul li:first-child{margin-left:0;}
.cont_wr ul li:last-child{margin-right:0;}
.cont_wr ul li .img_box{width:100%;height:330px;overflow:hidden;background:#000}
.cont_wr ul li .img_box img
{transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;}

.cont_wr ul li .img_box:hover img
{
 transform: scale(1.2);
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
}
.cont_wr ul li .txt_box{text-align:left;background:#fff;height: 230px;border:1px solid #b0b0b0;padding:20px;margin-bottom: 30px;}
.cont_wr ul li .txt_box p{font-size: 21px;color: #3972bf;margin-bottom:10px;font-weight: 500;}
.cont_wr ul li .txt_box dl {width:100%; display:block;overflow:hidden;}
.cont_wr ul li .txt_box dl dd{display:inline-block;width:50%;float:left;font-size: 15px;color:#4b4b4b;word-break:keep-all;line-height: 24px;}

@media(max-width:1300px){
.cont_wr ul{width:100%}
.cont_wr ul li{width: 48%;margin:0 1%;}
.cont_wr ul li .txt_box{height:auto;min-height:270px}
.cont_wr ul li .img_box {width:100%; height:auto;}
.cont_wr ul li .img_box img {width:100%; height:auto;}
.cont_wr ul li .txt_box dl dd {font-size:14px;}
}

@media(max-width:960px){
.sub3_bg{height: auto;padding: 20px 0;}

.cont_wr ul li .txt_box{min-height:300px}
.cont_wr ul li .txt_box p{font-size:20px}
.cont_wr ul li .txt_box dl dd{font-size:14px;margin: 4px 0;width:100%;}
}

@media(max-width:800px){
.cont_wr ul li{width:100%}
.cont_wr ul li:nth-child(2){margin-right:0}
.cont_wr ul li .txt_box dl dd{width:50%;}
}

@media(max-width:530px){
.sub3_bg{/* height:200px; *//* padding:45px 0; */padding: 0;}
.sub3_bg .tit{font-size:35px}
.cont_wr{padding-top:10%}
.cont_wr ul li{width:90%}
.cont_wr ul li .txt_box{min-height:unset}
.cont_wr ul li .img_box img{width:100%}
}
@media screen and (max-width:510px){
	.cont_wr ul li .txt_box dl dd {width:100%; margin:0; font-size:13px;}
}

/* sub1_8 */
.directions{position:relative;width:100%;height:auto;overflow:hidden;z-index:10;margin-bottom:50px}
.directions .map_box{position:relative;width:100%;height:auto;overflow:hidden}
.directions .mapbox{float:left;width: 100%;height:auto;text-align:center;/* margin:0 1%; */}
.directions .mapbox:nth-child(2) .info{background:#184d96}
.directions .mapbox:nth-child(2) dl{padding:45px 0}
.directions .info{position:relative;width:100%;height:auto;background:#337bde;padding:15px;min-height:225px;}
.directions .info::before{position:absolute;top:3%;left:50%;transform:translateX(-50%);content:'';display:block;width: 99%;height:93%;border:1px solid rgba(255,255,255,0.45);}
.directions .info .droneworld{text-align:right;font-size:28px;color:rgba(255,255,255,0.25);letter-spacing:-1px;font-weight:300;line-height:30px;margin:20px 35px}
.directions .info .droneworld span{display:block;font-weight:500}
.directions .info .title{font-size:28px;color:#fff;font-weight:300}
.directions .info .cont{position:relative;z-index:10;width: 80%;margin:0 auto;height:auto;overflow:hidden;}
.directions .info dl{width:100%;height:110px;overflow:hidden;margin:15px 0;}
.directions .info dl dt{position:relative;float:left;width:25%;height:30px;font-size:14px;color:#fff;font-weight:500;text-align:left}
.directions .info dl dt::after{position:absolute;top:5px;right:0;content:'';display:block;width:1px;height:15px;background:rgba(255,255,255,0.3)}
.directions .info dl dd{float:left;width:75%;height:30px;font-size:14px;color:#fff;font-weight:300;padding-left:25px;text-align:left}
.directions .info a{display:block;width:100%;line-height: 45px;background:rgba(0,0,0,0.07);font-size:14px;color:#fff;text-align:center;transition:0.3s;}
.directions .info a::after{content:'';display:inline-block;/* width: 100%; */height: 19px;background:url('../img/page/map_ico.png')no-repeat center;/* margin-left:10%; */vertical-align:sub;}
.directions .info a:hover{background:rgba(0,0,0,0.3)}
.directions .title{font-size:18px;font-weight:500;padding-bottom:15px}
.root_daum_roughmap{width:100% !important}
.root_daum_roughmap .wrap_controllers{display:none !important}

@media(max-width:1300px){
.directions .map{width:100%;}
.directions .info{width:100%}
}

@media(max-width:820px){
.directions .mapbox{width:100%;margin-bottom:15px}
.directions .info{min-height:auto}
.directions .info dl{height:auto}
.directions .mapbox:nth-child(2) dl{padding:0}
.directions{height:auto}
.directions .map,.directions .info{width:100%}
.root_daum_roughmap .wrap_controllers{display:none !important}
.root_daum_roughmap .wrap_map{height:300px !important}
.directions .info .cont{width:90%;padding:20px 0}
.directions .info .droneworld{position:absolute;right:0;top:0;font-size:20px;line-height:20px}
.directions{margin-bottom:10%}
}

@media(max-width:500px){
.directions .info .title{font-size:20px}
.directions .info dl{margin:5% 0;padding:5% 0}
}

@media(max-width:430px){
.directions .info dl dt,.directions .info dl dd{float:none;width:100%;padding:0}
.directions .info dl dt{border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:10px}
.directions .info dl dt::after{display:none}
}




/* 생활지도자프로필 */
.page_tabs2 {text-align:center;margin: 30px auto 20px;}
.page_tabs2 a {display:inline-block;padding:7px 30px;border-radius:100px;border:1px solid #a0a0a0;background:#fff;color:#4f4f4f;margin: 5px;width: 195px;}
.page_tabs2 a.active {background:#4f4f4f; color:#fff;border:1px solid #4f4f4f;}

.pro_mem {width:100%;max-width:1300px;margin:20px auto;padding:20px;background: #f5f5f5;border-radius: 5px;}
.pro_mem ul {text-align:center;}
.pro_mem ul li {display:inline-block;padding:3px 20px;color: #6d6d6d;position:relative;font-size: 16px;cursor: pointer;}
.pro_mem ul li.current  {color: #174583;font-weight:700;}
.pro_mem ul li.current:before {display:block;content:'';width:5px;height:5px;background: #174583;position:absolute;left: 5px;top: 12px;}
.memtab-content {display: none;overflow: hidden;border-radius: 20px;width: 100%;height: 100%;transition:all 0.3s ease;}
.memtab-content.current {display: block;}


.sub_profile {width:100%;max-width:1300px;padding: 20px 0;margin: 0 auto;text-align: center;}
.profile_box {overflow:hidden;/* text-align: center; */}
.profile_tt {font-size: 21px;color: #174583;font-weight: 700;/* padding-left:20px; */margin: 10px auto;/* position: relative; */}
.profile_tt p{display:inline-block;position:relative;padding-left: 20px;}
.profile_tt p:before {display:block;content:"";position:absolute;width:10px;height:10px;background:#174583;left:0;top: 11px;}
.profile_box .name {display: block;text-align: center;font-size: 22px;font-weight: 700;color: #333;border-top: 2px solid #174583;border-bottom: 1px solid #ddd;background: #fff;width: 300px;margin: 20px auto;padding: 20px 0;}
.profile_box .bx {margin:20px auto;padding: 0 30px;display: inline-block;text-align: left;vertical-align: top;/* width: 400px; */}
.profile_box .bx .bx_tt {  font-size: 19px; color: #3e3e3e;  position: relative;font-weight: 700;}
.profile_box .bx ul {overflow:hidden;width:100%;padding-left: 0 !important;margin: 5px 0 !important;}
.profile_box .bx ul li {list-style:none;padding:3px 5px 3px 15px;position:relative;font-size: 16px;color: #3e3e3e;word-break:keep-all;}
.profile_box .bx ul li:before {display:block;content:"";position:absolute;width:3px;height:3px;background: #3972bf;left: 3px;top: 14px;}
.profile_tb {line-height: normal !important;}

.tb_02 {margin:30px 0; position:relative;width:100%;height:auto;overflow:hidden;border-collapse:collapse}
.tb_02 caption {font-size:0; text-indent:-9999px; height:0;}
.tb_02  th{padding:15px 0;background:#494747;color:#fff}
.tb_02  tr{border-bottom:1px solid #e0e0e0}
.tb_02  td{padding:10px 0;background: #ffffff;border-right:1px solid #e0e0e0;font-size:15px;color:#191919;text-align: center;}
.tb_02 td:first-child {border-left: 1px solid #e0e0e0;}

@media screen and (max-width:960px){
    .tb_02 tr th {font-size:15px;}
    .tb_02 tr td {font-size:14px;}

    .pro_mem {padding:15px;}
    .pro_mem ul {width:100%;overflow:hidden;}
    .pro_mem ul li {width: 33.3%;float:left;padding:5px 0;text-align:center;display: block;}
    .pro_mem ul li a {display:block;font-size:15px;}
}

@media screen and (max-width:768px){
	.sub_profile {padding:0;}
	.profile_box .name {font-size:17px;padding:15px;margin-top: 0;}
	.profile_tt {font-size:17px;margin:5px auto;}
	.profile_tt:before {width:8px;height:8px;left:4px;top:9px;}
	.profile_box .bx {margin:10px auto;}
	.profile_box .bx .bx_tt {font-size:16px;}
	.profile_box .bx ul {margin:0 !important;}
	.profile_box .bx ul li {font-size:15px;padding:2px 2px 2px 13px;}
}