@charset "utf-8";

#landing_wrap { position:relative; max-width:1000px; min-width:320px; width:100%; margin:0 auto; overflow:hidden; }
.inner { position:relative; }
.inner:after {display:block;visibility:hidden;clear:both;content:""}

.loadingScreen {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;  
  top: 0;
  left: 0;
  background-color: rgba(100, 100, 100, 0.5);
  backdrop-filter: blur(2px);
  z-index: 999;
}

.loadingScreen.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loadingScreen .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loadingScreen .inner i {
  font-size: 5rem;
  font-weight: bold;
  color: white;
}

#sec_01 { position:relative; overflow:hidden; }
#sec_01 .logo { position:absolute; top:1.9436842105263%; left:7.2%;  width:21.7%; }
#sec_01 .info_wrap { position:absolute; top:13.26315789473684%; left:3.2%; width:60%; z-index:2; }
#sec_01 .info_wrap02 { position:absolute; top:55%; left:6%; width:54.7%; z-index:2; }
#sec_01 .people { position:absolute; left:3%; bottom:-4%; width:120%; z-index:5; }

#sec_01 .main_text01 { position:relative; width:100%; }
#sec_01 .main_text01_02 { position:absolute; right:0; bottom:0; width:69.5%; z-index:6;}
#sec_01 .main_text02 { position:relative; margin:13% 0 0 12%; width:76.166666666666667%; }

#sec_01 .main_text04 { position:relative; width:100%; }
#sec_01 .main_text05 { position:relative; margin-top:25%; width:80.438756855557587%; }
#sec_01 .main_text06 { position:relative; margin-top:30%; width:79.70749542961609%; }


#sec_02 { background: url('../img/2_bg.jpg') top center; background-size:cover; padding:15% 0 40%; }
#sec_02 h2 { width:65%; margin:0 auto 8%; }
#sec_02 p { width:76.5%; margin:0 auto 8%; }
#sec_02 .ld_img { width:90%; margin:0 auto 18%; }
#sec_02 .ld_img02 { width:100%; }


#sec_03 { position:relative; background:#f0e4db; padding:50% 0 10%; }
#sec_03 .ld_img { position:absolute; width:100%; top:-25%; }
#sec_03 .info_wrap { width:90%; margin:0 auto; }
#sec_03 .info_wrap h2 { margin-bottom:5%; }

#sec_04 { padding:15% 0;  }
#sec_04 h2 { width:80%; margin:0 auto 15%; }

#sec_05 { background: url('../img/3_bg.jpg') top center #1b1f27; background-size:cover; padding:58% 0 12%;  }
#sec_05 h2 { width:84%; margin:0 auto 10%; }
#sec_05 .ld_img { width:86%; margin:0 auto 10%; }
#sec_05 .ld_img02 { width:82%; margin:0 auto; }

#sec_06 { position:relative; background:#f5f5f5;  padding:15% 0 0; }
#sec_06 h2 { width:76%; margin:0 auto 10%; }
#sec_06 .ld_img { width:90.9%; margin:0 auto 18%; }
#sec_06 .ld_img02 { width:84%; margin:0 auto 8%; }
#sec_06 .ld_img03 { width:91%; margin:0 auto 10%; }
#sec_06 .ld_img04 { width:100%;  }

#sec_07 { position:relative; background: url('../img/4_bg.jpg') top center; background-size:cover;  padding:20% 0 15%; }
#sec_07 h2 { width:72%; margin:0 auto 10%; }
#sec_07 .ld_img { width:83%; margin:0 auto 18%; }
#sec_07 .ld_img02 { width:72%; margin:0 auto 4%; }
#sec_07 .ld_img03 { width:63%; margin:0 auto 10%; }
#sec_07 .ld_slider { width:90%; margin:0 auto; }

#sec_08 { position:relative; background: url('../img/5_bg.jpg') top center; background-size:cover;  padding:15% 0 10%; }
#sec_08 h2 { width:60%; margin:0 auto 10%; }
#landing_slider02 { width:83%; margin:0 auto; }
#sec_08 h3 { width:65%; margin:20% auto 10%; }

#sec_08 .ld_success_stroy_wrap { position:relative; width:90%; background:#fff; margin:0 auto; padding:5%;  }
#sec_08 .ld_success_stroy { position:relative; width:100%;  height:760px !important; }
#sec_08 .ld_success_stroy ul { position: absolute; margin: 0px; padding: 0px; top: 0px; width:100%; height: 100%; overflow: hidden; }
#sec_08 .ld_success_stroy li { display:table; width:100%; height:60px; border-bottom:1px dotted #ccc; padding:15px 0 20px !important; overflow:hidden; }
#sec_08 .ld_success_stroy li div { display:table-cell; width:25%; text-align:center; font-size:22px; }
#sec_08 .ld_success_stroy .ss_status { display:inline-block; width:120px; height:40px; line-height:38px; border-radius:20px; text-align:center; color:#fff; }
#sec_08 .ld_success_stroy .ss_status1 { background:#bababa; }
#sec_08 .ld_success_stroy .ss_status2 { background:#fd4b0d; }

@media screen and (max-width:680px) {
	#sec_08 .ld_success_stroy { height:400px !important; }
	#sec_08 .ld_success_stroy li { height:40px;  padding:10px 0 !important;  }
	#sec_08 .ld_success_stroy li div { font-size:14px; width:auto; }
	#sec_08 .ld_success_stroy .ss_status { display:inline-block; width:80px; height:30px; line-height:30px; }
}

#sec_09 { position:relative; padding:15% 0 0; }
#sec_09 h2 { width:45%; margin:0 auto 10%; }

#sec_10 { position:relative; background: url('../img/7_bg.jpg') top center; background-size:cover;  padding:15% 0 10%; }
#sec_10 h2 { width:92.5%; margin:0 auto 10%; }


#sec_11 { position:relative; padding:15% 0 0; }
#sec_11 h2 { width:35%; margin:0 auto 10%; }

#sec_ft {  background:#181e2b; color:#fff; padding:5% 5% 10%; font-size:16px; line-height:28px; text-align:center; }
#sec_ft .ft_info {}
#sec_ft  h2 { font-weight:800; font-size:20px; margin-bottom:30px; }
#sec_ft .ft_info span + span { margin-left:30px; }


#ft_fix_btn { position:fixed; bottom:0; left:0; right:0; width:100%; margin:0 auto; z-index:99; }
#ft_fix_btn:after {display:block;visibility:hidden;clear:both;content:""}
#ft_fix_btn li { float:left; width:25%; }
#ft_fix_btn li a { display:inline-block; width:100%; height:55px; line-height:55px; background:#2f4e9e; color:#fff; font-size:16px; text-align:center; }
#ft_fix_btn li.bg0 a {
  background: black;
  color:white;
}
#ft_fix_btn li.bg1 a { background:#6a0718; }
#ft_fix_btn li.bg2 a { background:#dec708; }


#sec_10 .cs_frm { width:80%; margin:0 auto; }
#sec_10 .cs_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sec_10 .cs_frm h2 { margin-bottom:10%; }
#sec_10 .cs_frm ul { }
#sec_10 .cs_frm ul:after {display:table;visibility:hidden;clear:both;content:""}
#sec_10 .cs_frm ul li { vertical-align:middle; padding:2% 0; text-align:left; color:#fff; font-size:18px; }
#sec_10 .cs_frm ul li .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_10 .cs_frm ul li .btn_submit { margin:5% auto 0; background:transparent; width:70%; border:0; }

#btn_submit { cursor:pointer; }
#sec_10 .cs_frm ul li strong { display:inline-block; margin-right:20px; font-size:22px; }
#sec_10 .cs_frm ul li .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:22px; }

#sec_10 input::-webkit-input-placeholder {
  color: #333;
}
#sec_10 input:-ms-input-placeholder {
  color:#333;
}

#sec_10 .cs_frm table {width:100%;border-collapse:collapse;border-spacing:0}
#sec_10 .cs_frm th {width:180px;padding:15px 0;border-left:0;background:transparent;text-align:left; color:#fff; font-size:24px; }
#sec_10 .cs_frm td {padding:15px 10px;background:transparent; color:#fff; font-size:22px;  }
#sec_10 .cs_frm td .frm_input { width:100%; height:50px; background:#fff; color:#333; font-size:18px; }
#sec_10 .cs_frm td .frm_radio { width:30px; height:30px; background:transparent; color:#333; font-size:20px; }
#sec_10 .cs_frm td select { width:100%; height:50px; background:#fff; color:#333; font-size:18px;  }

#sec_10 .frm_btn { text-align:center; }
#sec_10 .frm_btn .btn_submit { margin:5% auto 0; background:transparent; width:95%; border:0; }






@media screen and (max-width:480px) {
	#sec_10 .cs_frm th { display:none; }
	#sec_ft {  padding:10% 5% 25%; font-size:12px; line-height:18px; }
}


.txt_center { text-align:center !important; }

/* ¸ð´Þ Æ˾÷ */

.modal-Identification {}
.modal-Identification h2 { text-align:center; color:#000; font-size:25px; font-weight:bold; margin-bottom:20px; }

.modal-Identification .ml_info { font-size:15px; text-align:center; font-weight:300; line-height:1; }
.modal-Identification .ml_info i { position:relative; display:inline-block; top:2px; }
.modal-Identification .ml_info span { font-weight:700; }

.modal-Identification .modal_inp_wrap { display:table;  width:100%; margin:0 auto; }
.modal-Identification .modal_inp { display:table-cell; width:210px;  }
.modal-Identification .modal_btn { display:table-cell; width:100px; text-align:center; vertical-align:top; }
.modal-Identification .modal_btn li:hover { cursor: pointer; }
.modal-Identification .modal_btn li + li { margin-top:3px; }
.modal-Identification .modal_btn a { display:inline-block; color:#867a7e; }
.modal-Identification .frm_auth { border:0; border-bottom:1px solid #76827e; color:#000; text-align:center; width:100%; height:35px;  font-size:15px; }
.modal-Identification .ml_confirm { text-align:center; margin-top:20px; }


.blink {
  animation: blink-effect 1s linear 0.5s infinite;
}

@keyframes blink-effect {
  50% {
    opacity: 0.1;
  }
}

/* select[data-required='required'],
select[data-required='required']~span.select2 .selection .select2-selection,
input[data-required='required'],
select:required,
select:required~span.select2 .selection .select2-selection,
input:required
{
  background-image: url('/ad/landing/img/red_star.png') !important;
  background-repeat: no-repeat !important;
  background-size: 20px !important;
  background-position-x: 5px !important;
  background-position-y: center !important;
} */