/*
	
	메인페이지 CSS

*/

.m_menu{position:fixed; top:15px; right:15px; z-index:999;}
.m_menu .mm_menu{width:34px;}

#header .header_top{position:fixed; padding-top:22px; left:0; width:100%; min-width:1280px; height:85px; z-index:998;}
#header .bak{background-color : rgb(0, 0, 0, 0.2);}
#header .bak_mobile{background-color : rgb(255, 255, 255, 1); -webkit-box-shadow: -2px 5px 10px -2px rgba(0,0,0,0.22); -moz-box-shadow: -2px 5px 5px -2px rgba(0,0,0,0.12);}
#header .bak_shadow{-webkit-box-shadow: -2px 5px 10px -2px rgba(0,0,0,0.22); -moz-box-shadow: -2px 5px 5px -2px rgba(0,0,0,0.12);}
#header .fdi{opacity:0.02; transition: all ease .1s 0s;}
#header .header_top .top_logo{position:absolute; left:80px; top:30px; color:gold; font-size:20px; }
#header .header_top .top_logo a{color:gold;}
#header .header_top ul.tmnu{display:table; margin-left:auto; margin-right:auto;}
#header .header_top ul.tmnu > li{float:left; color:#fff; font-size:18px; padding:10px 45px;}
#header .header_top ul.tmnu > li .link{cursor:pointer;}



#header{width:100%; min-width:1280px; height:100vh;}
#header .rslides{width:100%; position:relative;}
#header .slides_box{position:relative;}
#header .slides_box .rslides{overflow:hidden; width:100%;}
#header .slides_box .rslides li{float:left;}
#header .slides_box .rslides li:nth-child(1){width:100%; height:100vh; background:url('/images/tmp_slider.jpg') 0 100% no-repeat; background-size:cover;}
#header .slides_box .rslides li:nth-child(2){width:100%; height:100vh; background:url('/images/tmp_slider2.jpg') 0 100% no-repeat; background-size:cover;}
#header .slides_box .rslides li:nth-child(3){width:100%; height:100vh; background:url('/images/tmp_slider3.jpg') 0 100% no-repeat; background-size:cover;}
#header .slides_box .prev{position: absolute; top: 50%; left:5%; margin-top: -16px; outline: 0; width: 50px; height: 65px; text-indent: -9999px; z-index: 99; background:url('/images/common/prev_nxt.png') no-repeat -10px -32px}
#header .slides_box .next{position: absolute; top: 50%; right:5%; margin-top: -16px; outline: 0; width: 50px; height: 65px; text-indent: -9999px; z-index: 99; background:url('/images/common/prev_nxt.png') no-repeat -70px -32px;}
.rslides_tabs{display:none;}
.slides_box .rslides_tabs .rslides_here{background:#ddd; width:45px;}
.rslides2_nav{display:none;}

.top_cont{background-color : rgb(255, 255, 255, 1) !important; height:85px !important; padding-top:22px !important;}
.top_cont .link{color:#000;}
.op75{opacity:0.75;}

#main_slides .ambox{position:absolute; left:15%; top:35%; color:#fff;}
#main_slides .ambox .inbox{width:100%; height:100vh; position:relative;}
#main_slides .ms_title{font-size:52px; font-family:'Tenada'; padding-right:35px;}
#main_slides .ms_stitle{font-size:24px; padding-top:50px; padding-right:35px;}
#main_slides .ms_stitle2{font-size:18px; padding-top:10px; padding-right:35px;}

/* SCROLL DOWN */
.scrolldown {position:absolute; bottom:100px; left: calc(50% - 50px); z-index:997; opacity:0.65/}
.scrolldown:before {content: ''; display: block; position: absolute; bottom: 12px; left: 50%; width: 1px; height: 50px; background-image: linear-gradient(to bottom, #fff 0%,#fff 100%); opacity: 0.25; }
.scrolldown .text {line-height: 16px; text-align: center; color: #6a747f; font-size: 11px; font-weight: 400; letter-spacing:1.5px;}
.scrolldown .deco {position: absolute; bottom: 0; left: calc(50% - 15px); width: 30px; height: 30px; animation: deco 4s ease infinite;}
.scrolldown .deco:before {content: '';  display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(17, 160, 219, 0.2); border-radius: 100%; animation: big 4s ease infinite;}
.scrolldown .deco:after {content: ''; display: block; position: absolute; top: calc(50% - 4px); left: calc(50% - 3px); z-index: 2; width: 7px; height: 7px; background-color: #fff; border-radius: 7px; }
@keyframes deco {
	0% {transform: translateY(-56px);}
	25% {transform: translateY(0);}
	100% {transform: translateY(0);}
}
@keyframes big {
	0% {transform: scale(1);opacity: 1;}
	25% {transform: scale(1);opacity: 1;}
	50% {transform: scale(2);opacity: 0;}
	50.01% {transform: scale(1);opacity: 1;}
	75% {transform: scale(2);opacity: 0;}
	75.01% {transform: scale(1);opacity: 1;}
	100% {transform: scale(2);opacity: 0;}
}

/* SECTION */
#contents_wrap .sub_section{width:1280px; margin:0 auto;/*height:100vh*/min-height:200px; overflow:hidden; padding:100px 0;}
#contents_wrap .sub_section .sub_title{font-size:32px; width:1200px; margin:0 auto; padding:0 10px; letter-spacing:-2px;}
#contents_wrap .sub_section .tcnt{text-align:center;}
#contents_wrap .sub_section .tmiddle{font-family:'CarmenSansOTF-Regular';}
#contents_wrap .sub_section .theavy{font-family:'CarmenSansOTF-Heavy'; font-size:42px; padding-bottom:60px;}
.cwrap{width:100%; min-width:1280px;}
.sub_section .rnd{float:left; margin-right:95px; display:inline-block; width:350px; height:350px; padding-top:130px; border-radius:50%; border:1px solid #ddd; text-align:center;}
.sub_section .rnd:last-child{margin-right:0;}
.sub_section .inbox{width:1200px; margin: 0 auto;}
.sub_section .inbox .cont{display:flex; width:100%; margin-top:50px;}
.sub_section .inbox .cont > div{width:33%; padding:0 20px;}
.sub_section .inbox .cont .ic{text-align:center; font-size:20px;}
.sub_section .inbox .cont .stt{font-family:'CarmenSansOTF-Regular'; font-size:20px; padding:20px 0; text-align:center;}
.sub_section .inbox .cont .scont{line-height:180%; color:#888;}
.sub_section .inbox .desc{padding:80px 0; font-size:20px; text-align:center;}
.sub_section .btn_order{display:inline-block; margin-left:80px; border-radius: 30px; cursor: pointer; box-shadow: 0 7px 15px 0 rgb(25 142 243 / 30%); padding: 15px 55px; color: #fff; background: linear-gradient(to right, #3061f8, #198ef3, #0cc2d4);}
.sub_section .btn_order2{display:inline-block; margin-right:80px; border-radius: 30px; cursor: pointer; box-shadow: 0 7px 15px 0 rgb(154 98 209 / 30%); padding: 15px 55px; color: #5a0ea7; background: linear-gradient(to right, #e1caf8, #edddfc, #f5edfd);}
.sub_section .sub_cont{text-align:center; font-size:22px;padding-top:30px;}


.event_list{display:flex; width:100%; margin:50px 0 15px 0;}
.event_list > li{width:25%; text-align:center;}
.event_list > li > div{width:180px; margin:0 auto;}
.event_list > li > div.s01{width:180px; height:180px; border-radius:50%; background:url('/images/view_night.jpg') center bottom no-repeat;}
.event_list > li > div.s02{width:180px; height:180px; border-radius:50%; background:url('/images/volume.jpg') center 60% no-repeat;}
.event_list > li > div.s03{width:180px; height:180px; border-radius:50%; background:url('/images/spotlight.jpg') 30% 20% no-repeat;}
.event_list > li > div.s04{width:180px; height:180px; border-radius:50%; background:url('/images/fac_jbl.jpg') 30% center no-repeat;}
.event_list > li > div.gname{padding:15px 0;}



#crwap_signboard{background:#f9f9f9;}
#crwap_contactus{background:#f5f2f8;}

#crwap_contactus input::placeholder {font-size:17px; color:#e0e0e0;}
#crwap_contactus input::-webkit-input-placeholder {font-size:17px; color:#e0e0e0;}
#crwap_contactus input:-ms-input-placeholder {font-size:17px; color:#e0e0e0;}
#crwap_contactus textarea::placeholder {font-size:17px; color:#e0e0e0;}
#crwap_contactus textarea::-webkit-input-placeholder {font-size:17px; color:#e0e0e0;}
#crwap_contactus textarea:-ms-input-placeholder {font-size:17px; color:#e0e0e0;}

.sign_list{display:flex; width:100%; margin:50px 0 15px 0;}
.sign_list > li{width:25%; text-align:center;}
.sign_list > li > div{width:180px; margin:0 auto;}
.sign_list > li > div.s01{width:180px; height:180px; border-radius:50%; background:url('/images/pro_01_sl_01.jpg') center center no-repeat;}
.sign_list > li > div.s02{width:180px; height:180px; border-radius:50%; background:url('/images/tmp_pn_02.jpg') center center no-repeat;}
.sign_list > li > div.s03{width:180px; height:180px; border-radius:50%; background:url('/images/pro_04_sl_01.jpg') center center no-repeat;}
.sign_list > li > div.s04{width:180px; height:180px; border-radius:50%; background:url('/images/smp_sign_light.jpg') center center no-repeat;}
.sign_list > li > div.gname{padding:15px 0;}


.drone_ground{width:100%; height:250px; background:url('/images/main_img_03.jpg') 0 0 no-repeat; background-size:cover; background-attachment : fixed;}
#crwap_drone .sub_section{padding-bottom:15px !important;}
#crwap_drone{/*background:url('/images/main_img_03.jpg') 0 100% no-repeat; background-size:cover;*/}


.sub_section .callcenter_list{width:1120px; display:flex; flex-wrap: wrap; margin:0 auto;}
.sub_section .callcenter_list > div{width:50%; padding:15px 0;}
.sub_section .callcenter_list div.inbox{width:100%; display:flex; flex-wrap: wrap;}
.sub_section .callcenter_list div.inbox > div:first-child{width:145px; font-size:18px;}
.sub_section .callcenter_list div.inbox > div:last-child{flex:1; padding:0 25px 0 0; line-height:180%; color:#888;}
.sub_section .callcenter_list .help{width:100%; font-size:16px; color:#8c8c8c; padding:15px 0 0 0;}
.sub_section .callcenter_list .sangdam_help{width:100%; font-size:16px; color:#8c8c8c; padding:5px 0; white-space:normal;}

.sub_section .callcenter_list div.req_box > div.inbox > div:first-child{width:120px; font-size:18px; padding-top:6px;}
.sub_section .callcenter_list div.req_box > div.inbox > div:last-child{flex:1; padding:0 25px 0 0; line-height:180%;}
.sub_section .callcenter_list div.req_box .tmiddle{margin-bottom:30px; color:#000 !important;}
.sub_section .callcenter_list div.req_box input[type='text']{width:95%; height:42px; padding:8px 12px; border-radius:6px; border:1px solid #ddd; font-size:17px;}
.sub_section .callcenter_list div.req_box textarea{font-size:15px; width:95% !important; height:100px !important; padding:10px !important; border:1px solid #ddd !important; border-radius:6px; !important}
.sub_section .callcenter_list div.req_box .scrollbar-inner{height:100px;}
.sub_section .btn_req{margin-top:15px; cursor: pointer; padding: 10px 65px; text-align: center; display: inline-block; border-radius: 6px; background: linear-gradient(to right, #0177e4 1%, #35aff5); color: #fff; font-size: 20px;letter-spacing: -1px; box-shadow: 0 0 20px rgb(1 119 228 / 25%);}
.sub_section #view_priv{cursor:pointer;}


.tmiddle{font-family:'CarmenSansOTF-Regular';}
.bus_info{width:500px; line-height:150%;border-top:1px dashed #999;padding:10px 0 30px 0;}
.roughmap_lebel_text{display:none !important;}


/* 푸터 */
#footer{width:100%;min-width:1280px; height:230px; background:#333335; color:#CED2D8;border-top:1px solid #d2d6e1;}
#footer .footer_mnu_box{width:100%;min-width:1280px; height:55px; background-color:#4a4f6c; color:#CED2D8; font-size:16px;}
#footer .footer_mnu_box .footer_mnu{width:1280px; height:100%; margin:0 auto; -moz-user-select:none; -webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none; user-select:none;}
#footer .footer_mnu_box .footer_mnu > ul{display:flex; flex-wrap:nowrap; align-items: center; height:100%; }
#footer .footer_mnu_box .footer_mnu > ul > li{padding-right:55px; color:#CED2D8;}
#footer .footer_mnu_box .footer_mnu > ul > li a{color:#CED2D8;}
#footer .footer_mnu_box .col_yellow{color:#dba751;}
#footer .btm_copy_box{position:relative; width:100%;min-width:1280px; font-size:16px;letter-spacing:-1px; font-weight:500; line-height:160%;}
#footer .btm_copy_box .btm_copy{position:relative; width:1280px; margin:0 auto; padding-top:45px;}
#footer .btm_copy_box .btm_copy .ssl_mark{position:absolute; right:0; top:80%;}
#footer .btm_copy_box .btm_copy > ul > li{float:left; color:#CED2D8;}
#footer .btm_copy_box .btm_copy > ul > li:nth-child(1){margin-right:5px;}
#footer .btm_copy_box .btm_copy > ul > li:nth-child(2) > div:nth-child(1){padding-top:10px;}
#footer .btm_copy_box .btm_copy .ib{display:inline-block; margin-right:5px; line-height:200%;}
#footer a{color:#CED2D8;}
#footer .copy{text-transform:uppercase; display:inline-block; margin-top:5px;}
#is_mobile{position:relative;}


/* 상단으로 */
.go_top_btn{position:fixed; bottom:30px; right:30px; cursor:pointer; width:35px; height:35px; line-height:35px; border-radius:35px; background:#000; color:#fff; text-align:center; opacity:0.3; z-index:999;}



@media (max-width: 768px) {	
	
	html, body{width:100%; min-width:320px;}

	.m_menu{display:inline-block;}
	
	#header{width:100%; min-width:320px;}
	#header .slides_box .rslides li:nth-child(1){width:100%; min-width:320px; height:100vh; background:url('/images/tmp_slider.jpg') center 100% no-repeat; background-size:cover;}
	#header .slides_box .rslides li:nth-child(2){width:100%; min-width:320px; height:100vh; background:url('/images/tmp_slider2.jpg') center 100% no-repeat; background-size:cover;}
	#header .slides_box .rslides li:nth-child(3){width:100%; min-width:320px; height:100vh; background:url('/images/tmp_slider3.jpg') center 100% no-repeat; background-size:cover;}

	/*#main_slides .ms_stitle2{position:absolute; left:0; bottom:25%;}*/

	/*.header_top{display:none;}*/

	#header .header_top{height:65px;}
	#header .header_top .top_logo{left:20px !important; top:17px;}
	#header .header_top ul.tmnu{display:none !important;}
	#header .header_top #mobile_mnu{display:inline-block;}	

	#main_slides .ambox{position:absolute; left:50px !important; top:150px !important; color:#fff;}
	#main_slides .ms_title{font-size:32px !important;}
	#main_slides .ms_stitle{font-size:18px !important; padding-top:50px !important;}
	#main_slides .ms_stitle2{font-size:15px !important; padding-top:35px !important;}

	#contents_wrap{width:100%; min-width:320px;}
	#contents_wrap .cwrap{width:100%; min-width:320px;}

	#contents_wrap .sub_section{width:100% !important; min-width:320px !important; padding: 50px 0 20px 0;}
	#contents_wrap .sub_section .sub_title{width:100%; font-size:22px; text-align:center; font-family:'CarmenSansOTF-Heavy';}
	.sub_section .inbox .desc{padding:30px 15px; font-size:17px; display:block;}
	.sub_section .sub_cont{font-size:17px; padding:30px 15px 0 15px;}
	.sub_section .inbox{width:100% !important; min-width:320px !important;}
	.sub_section .btn_order{padding:17px 25px; margin-left:0; margin-top:15px;}


	.sub_section .inbox .cont{flex-flow:wrap;}
	.sub_section .inbox .cont > div{width:50%;}
	.sub_section .inbox .cont > div:last-child{width:100%;}
	.sub_section .inbox .cont .stt{font-size:17px;}
	.sub_section .inbox .cont .scont{font-size:15px; line-height:150%;}
	.sub_section .callcenter_list div.inbox > div:last-child{padding:0;}


	.event_list{flex-flow:wrap;}
	.event_list > li{width:50%;}
	.event_list > li > div.s01{width:120px; height:120px;}
	.event_list > li > div.s02{width:120px; height:120px;}
	.event_list > li > div.s03{width:120px; height:120px;}
	.event_list > li > div.s04{width:120px; height:120px;}
	.event_list > li > div.gname{font-size:15px;}

	.sign_list{flex-flow:wrap;}
	.sign_list > li{width:50%;}
	.sign_list > li > div.s01{width:120px; height:120px;}
	.sign_list > li > div.s02{width:120px; height:120px;}
	.sign_list > li > div.s03{width:120px; height:120px;}
	.sign_list > li > div.s04{width:120px; height:120px;}
	.sign_list > li > div.gname{font-size:15px;}

	.sub_section .btn_order2{margin-right:0; padding:17px 25px;}

	.drone_ground{width:100%; height:150px; background:url('/images/main_img_03.jpg') 70% center no-repeat; background-size:cover; background-attachment : fixed;}

	.sub_section .callcenter_list{width:90%; margin:0 auto;}
	.sub_section .callcenter_list > div{width:100%;}
	.sub_section .callcenter_list div.inbox > div{width:100% !important;}

	.bus_info{width:100%;}
	#daumRoughmapContainer1571277876563{width:100% !important; height:200px !important;}

	.sub_section .callcenter_list > div{padding:5px 0 !important;}
	.sub_section .callcenter_list div.req_box .tmiddle{margin-bottom:8px;}
	.sub_section .callcenter_list div.req_box > div.inbox > div:last-child{padding:0;}

	/* FOOTER */
	#footer{width:100%; min-width:320px; height:auto; background:#333335;}
	#footer a{color:#fff;}
	#footer .btm_copy_box{width:100%; min-width:320px; height:auto;border-top:1px solid #5d5d6c;}
	#footer .btm_copy_box .btm_copy{width:100%; min-width:320px; line-height:1.5em; padding-top:10px; padding:0 15px 10px 15px; text-align:center; color:#fff !important; overflow:hidden;}
	#footer .btm_copy_box .btm_copy > ul > li:nth-child(1){display:none;}
	#footer .btm_copy_box .btm_copy .ib{display:block; width:100%; padding-left:0;}
	#footer .btm_copy_box .btm_copy > ul > li{width:100%; color:#fff;font-family:'CarmenSansOTF-UltraLight';font-size:14px;font-weight:300; letter-spacing:0px;}
	#footer .btm_copy_box .btm_copy .ib{margin-right:0;}

	#footer .footer_mnu_box{display:none;}


	/* 마이팝업 */
	#my_pop{width:280px !important;}
	#my_pop #item_pwd{width:100% !important;}
	#my_pop .wbtn{width:100% !important; margin-top:10px;}

	#is_mobile{position:absolute;}

}