*{margin: 0; padding: 0;}
a{text-decoration: none; color: #222;}
img{display: block; border: none;}
ul,li{list-style: none;}


html,
body {
  position: relative;
}

body {width: 100%;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  color: #222222;
  margin: 0;
  padding: 0;
}
.wrap{width: 100%;}

/* header */
header{width: 100%; position: fixed; top: 0; left: 0; z-index: 900;
transition: .3s;
}
.inheader{width: 1440px; height: 90px; margin: 0 auto; display: flex;
justify-content: space-between; align-items: center;
}
.header_menu{display: flex; gap: 50px;}
.log{display: flex; gap: 20px;}
.log li{ font-size: 15px;}

.logo{width: 180px; height: 40px;
background: url(/include/image/main_logo_nscr.png) no-repeat center/cover;
}
.logo a{display: block; width: 100%; height: 100%;}
.scroll_a{color: white; cursor: pointer;}
.header_menu li{font: 17px/1 'Noto Sans KR';}

.scroll_header{background-color: white;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.068);
}

.scroll_header .logo{background: url(/include/image/main_logo_scr.png) no-repeat center/cover !important;
}

.scroll_header .scroll_a{color: #949494;}
.scroll_header .scroll_a:hover{color: #444;}



.banner{width: 100%; height: 613px;
	justify-content: center;
	align-items: center;
	background: url(/include/image/main-bn.png) no-repeat center/cover;
    display: flex; 
	flex-direction: column;
	gap:20px;
}
.main_index_content02{
    max-width: 1920px; width: 100%; height: 661px; margin: 0 auto;
    background: url(/include/image/main_con02.png) no-repeat center/cover;
}
.main_index_content02 .inner{width: 1280px; height: 100%; margin: 0 auto;
display: flex; align-items: center;
}



/* main_bn */
.main_bn_text{
/* transform: scale(0.82); */
display: flex; flex-direction: column; justify-content: center; align-items: center;
color: white;
}
.slide02{background: url(../img/main.jpg)no-repeat center/cover;}

/* .main_bn_text::after{display: block; content: ''; width: 1.5px; height: 80px;
  background-color: white; position: absolute; top: -80px; left: 300px;
  }
  .main_bn_text::before{display: block; content: ''; width: 1.5px; height: 80px;
  background-color: white; position: absolute; bottom: -80px; left: 300px;
  } */


.main_bn_btn{width: 383px; height: 44px; border-radius: 5px;
background-color: black;
}
.main_bn_btn a{display: flex; width: 100%; height: 100%;
color: white; justify-content: center; align-items: center;
font-size: 18px;
}

.main_bn_text span{font-size: 70px;}
.main_bn_text p{font-size: 20px; font-weight: 800;}
#main_subtit{font-size: 38px;}



.content01 .inner{width: 1440px; margin:0 auto;}


.content02 .graph_img{width: 640px; height: 495px;
overflow: hidden; border-radius: 15px;
}

.content02 .main_con2_write{padding-left: 50px; box-sizing: border-box;
width: 550px; height: 319px; 
display: flex; flex-direction: column; gap: 30px; justify-content: center;
color: #fff;
}

.content02 .main_con2_write h2{font-size: 40px;}
.content02 .main_con2_write h4{font-size: 24px;}


.content03{width: 100%; margin-top: 50px;}
.content03 .inner{width: 100%; display: flex; flex-direction: column;
gap: 50px;
}
.content03 .serv{display: flex; justify-content: center;
gap: 30px;
}

.serv>li{width: 320px; height: 320px; border-radius: 15px;
background-color: #161575; color: white; box-sizing: border-box;
padding: 20px; position: relative;

}

.serv>li::before{content: '';
display: block;
width: 20px; height: 20px; border-radius: 100%;
background-color: white;
position: absolute; top: 15px; right: 15px;
}


.serv>li>ul{
  width: 100%; height: 100%;
  display: flex; flex-direction: column; justify-content: space-between;
align-items: center; text-align: center;
}

.serv>li>ul li{width: 100%;}
.serv>li>ul li img{height: 130px;}


.serv>li>ul li:last-child{
  height: 180px;
  display: flex; flex-direction: column; align-items: center;
}
.serv>li>ul li:last-child p{display: flex; justify-content: center; align-items: center;
font-size: 16px;
}


.serv>li>ul h2{font-size: 40px;}
.serv>li>ul h4{font-size: 24px;}


.title_text{width: 100%; display: flex;
flex-direction: column;  align-items: center;
}
.title_text h3{font-size: 36px; color: #333;}
.title_text h4{font-size: 24px; color: #555;}


  





.content04{
  width: 100%;
  height: 803px;
  box-sizing: border-box;
  position: relative;
  padding: 100px 0 170px;
  background: #080826;
}
.content04::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 352px;
    background: white;
}
.content04 .inner{position: relative; z-index: 2;
width: 1280px; margin: 0 auto;
}


.content04 .text{
  float: left;
  padding-top: 68px;
}
.content04 .text h3{
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #222;
  line-height: 34px;
}

.content04 .text .desc{
  font-size: 40px;
  font-weight: bold;
  color: #222;
}

.content04 .text .contact{margin-top: 175px;}


.content04 .text .contact .tel {
  position: relative;
  height: 60px;
  padding-left: 85px;
}


.content04 .text .contact .tel strong {
  display: block;
  font-size: 34px;
  font-weight: bold;
  color: white;
  line-height: 1.2;
}

.content04 .text .contact .tel span {
  font-size: 18px;
  color: white;
  line-height: 1.2;
}

.content04 .text .contact .email {
  position: relative;
  margin-top: 20px;
  height: 60px;
  padding: 11px 0 0 85px;
  font-size: 24px;
  font-weight: bold;
  color: white;
  line-height: 1.4;
}



.content04 .text .contact .location {
  position: relative;
  margin-top: 16px;
  padding: 0 0 0 85px;
  font-size: 24px;
  font-weight: bold;
  color: white;
  line-height: 34px;
}

input{font-family: 'Noto Sans KR';}
input::placeholder{color: #bbb;}

.content04 .text .contact .locationIcon {
  content: "";
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.content04 .text .contact .telIcon {
  content: "";
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}


.content04 .text .contact .emailIcon {
  content: "";
  position: absolute;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}






.content04 .insert-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 620px;
  padding: 38px 50px 50px;
  background: #fff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-shadow: 11px 11px 20px rgba(43,29,72,.15);
  -moz-box-shadow: 11px 11px 20px rgba(43,29,72,.15);
  box-shadow: 1px 1px 20px rgba(43,29,72,.15);
  flex-direction: column;
    display: flex;

}

.content04 .insert-area .row1{display: flex;
justify-content: space-between;
}

.content04 .insert-area .row .col {
  float: left;
  width: 300px;
}

.content04 .insert-area .row .col+.col {
  margin-left: 20px;
}

.content04 .insert-area .row .label {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #444;
}

#row-check{width: 15px; height: 15px;}

.content04 .insert-area .row input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background: #f0f2f6;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 18px;
  box-sizing: border-box;
}







.content04 .insert-area .row+.row {
  margin-top: 17px;
}


.content04 .insert-area .row .label {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  color: #444;
}

.content04 .insert-area .row textarea {
  width: 100%;
  height: 300px;
  padding: 20px;
  background: #f0f2f6;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 18px;
  resize: none;
  box-sizing: border-box;
}








.content04 .insert-area .btn-wrap {
  margin-top: 30px;
  text-align: center;
}
.content04 .insert-area .btn-wrap .btn-send {
  width: 280px;
  height: 50px;
  background: #fff;
  border: 1px solid#000;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-size: 18px;
  font-weight: bold;
}







/* footer */
footer{width: 100%;  background-color: #080826; 
  padding-top: 70px;
}

.foot_logo{width: 150px; opacity: .5;}
.foot_logo img{width: 100%;}
.foot_inner{width: 92%; max-width: 1600px; margin: 0 auto; padding: 60px 0; background-color: #080826;}
.foot_top{width: 100%; display: flex; justify-content: flex-start; padding: 0 10px 20px; align-items: center;
position: relative;
}
.foot_top::before{width: 100%; height: 1px; content: ''; display: block; background-color: #b5b5b681;
  position: absolute; left: 0; bottom: 5px;
}

.foot_top_menu{display: flex; justify-content: flex-start; margin-left: 50px; position: relative;}




.foot_top_menu a{color: #b5b5b6; font: 300 15px/1 'Noto Sans KR';}
.foot_top_menu li{margin-right: 25px; position: relative;}
.foot_top_menu li::before{display: block; content: ''; width: 3px; height: 3px; border-radius: 100%;
  background-color: #b5b5b6; position: absolute; top: 8px; right: -15px;
}
.foot_top_menu li:last-child::before{display: none;}

.foot_bot{width: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding: 25px 10px 0;
color: #8b8b8b; font: 300 14px/1 'Noto Sans KR';
}
.foot_info{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}

.foot_info li{margin-right: 14px; position: relative;}
.foot_info li span{font-weight: 600;}
.foot_info li::before{content: ''; display: block; width: 1px; height: 14px;
background-color: #8b8b8b; position: absolute; top: 50%; margin-top: -5px; right: -8px;
}

.foot_info li:nth-child(1){margin-right: 20px;}





/* login */

/* login popup */
.popup{display:none;}
.pop_open{display: block !important;}
.popup.open{display:block;}
.popup .infoboxBg{position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.popup .layer_wrap{width: 100%; height: 100%;font-size:14px;display: -webkit-box; display: -ms-flexbox;display: flex; position: fixed; top: 0;left: 0; z-index: 999;background-color: rgba(0,0,0,0.7);-webkit-align-items: center;  justify-content: center;-webkit-justify-content: center; -moz-justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-orient:column; -ms-flex-direction: column; flex-direction: column;}
.layerBox{background-color: #fff;box-sizing: border-box;  position: relative; top: 0; left: 0;
border-radius: 10px; width: 320px; padding: 20px; transform: scale(1.2);
}
.input_box {height: 40px !important; border: 1px solid #e6e6e6;background-color: #fff;}
.popup-contents .input_box {width: 100% !important;}
.popup-contents .input_box, .popup-contents .loginbtn {margin-bottom: 10px;}
.input_box input {
  box-sizing: border-box;
  width: 100%; border: 0; float: left; height: 100%; padding: 0 12px; font-size: 0.9em;color: #6a6a6a;}
.popup  .loginbtn , .popup .pswbtn , .popup  .identifybtn ,.popup  .p_pswbtn{width: 100% !important;background-color: #070686;text-align: center;border-radius: 45px;}
.DownLoad01{width: 100% !important;background-color: #1199af;text-align: center;border-radius: 10px; margin-right:5px;}
.DownLoad01:last-child{margin-right:0;}
.DownLoad02, .Payment01 , .Payment02{width: 100% !important;background-color: #fff;border:1px solid #1199af;text-align: center;border-radius: 10px;}
.popup  .loginbtn a , .popup .pswbtn a , .popup  .identifybtn a , .DownLoad01 a,.popup  .p_pswbtn a{display: inline-block; width: 100%;color: #fff; line-height: 45px;font-weight: 500;font-family: 'Noto Sans KR',sans-serif !important;}
.DownLoad02 a , .Payment01 a, .Payment02 a{display: inline-block; width: 100%;color: #1199af; font-weight: 500;font-family: 'Noto Sans KR',sans-serif !important;padding:10px 0;cursor: pointer;}
.gnb h2 .popup a::before {display:none;}
.memberitems a.signup , .memberitems a.find{font-family: 'Noto Sans KR',sans-serif !important;}
.memberitems a.signup{color:#6a6a6a;font-weight: 600; font-size: 1em;}
.memberitems a.find{color:#6a6a6a;font-weight: 400;}
.popup  .sns_login{ margin-top: 25px !important;padding:0 !important}
.sns-collect li{display: block;margin: 0 0 12px 0;}
.sns-collect li.naver{ background: url(/images/naver_logo.png) 22px 50% no-repeat;}
.sns-collect li.kakao{ background: url(/images/kakao_logo.png) 22px 50% no-repeat;}
.sns-collect li.facebook{ background: url(/images/facebook_logo.png) 22px 50% no-repeat;}
.sns-collect li.google{ background: url(/images/google_logo.png) 22px 50% no-repeat;}
.sns-collect li a {display: block;border: 1px #e6e6e6 solid;color: #a7a7a7;}
.sns-collect li a span{font-family: 'Noto Sans KR',sans-serif !important;color: #8c8c8c;  font-weight: 300; line-height: 40px;padding: 0 0 0 80px;}
.popup_title h3{font-size: 1.4em;margin-bottom: 20px;font-weight: 700;}
.close {display: block; position: absolute;top: 5px;right: 20px; left: auto;}
.close span {width: 100%;height: 100%;display: inline-block; position: relative;top: 15px; left: -5px;}
.close span::before, .close span::after {width: 20px; height: 2px; display: block; background-color: #999;border-radius: 1px; position: absolute;  top: calc(50% - 1px); left: calc(50% - 10px);}
.close span::before {content: ""; transform: rotate(45deg);}
.close span::after{content: "";transform: rotate(-45deg);}



/* singup */

/* signup */
body.signupWrap , body.find_idpswWrap{background-color: #f9f9f9;}
.join-logo {margin: 40px auto 0 auto; display: flex; justify-content: center;}
.join-logo .logo{padding:0;}
.join-logo a img { width: 100%;}
.signupWrap .content ,.find_idpswWrap .content {background: #f9f9f9;padding: 20px 0 0 0;}
body.signupWrap .contain , body.find_idpswWrap .contain {width: 500px; margin: 0 auto;overflow: hidden;  padding-bottom: 120px;}
.cont_division { 
  padding: 10px;
  position: relative;margin-top: 9px; width: 500px; background: #fff; border: 1px solid #ddd;  overflow: hidden; box-sizing: border-box;}
.join-page-wrap .requisite-txt {font-size: 0.8em; color: #ff0000;}
.cont_division .write_base > li { float: left;width: 100%;min-height: 40px;padding: 8px 25px; box-sizing: border-box;border-top: 1px solid #f0f0f0; position: relative;top:0;left:0;}
.cont_division li.must::before{content:"*";display:inline-block;color: #ff0000;position:absolute;left:15px;top:17px;}
.write_base > li:first-child {border-top: none; gap: 10px;
display: flex; flex-direction: column;
}
.item label { height: 29px;  font-size: 14px;color: #222;  line-height: 29px;letter-spacing: -0.3px;}
.write_base .tit_inp {width: 110px; float: left;  margin-right: 10px; height: 40px; font-size: 14px; color: #8c8c8c; line-height: 40px; vertical-align: top;cursor: text; font-weight: 500;}
.userinfo{width: calc(100% - 120px);line-height: 40px; margin: 0; float: left;}
.alert_column {clear: both;font-size: 12px;padding-bottom: 7px;padding-top: 7px;line-height: 18px;}
.warning_txt { color: #ff0000;}
.good_txt { color: #1880ea;}
.join-page-wrap .join-member-tit {font-size: 1.3em; font-weight: 500; margin-top: 20px;}


.sex label{height:auto;font-size:0.9em;color:#555 !important;line-height: 40px;}
.check_container {display: inline-block;  position: relative; padding-left: 22px;  cursor: pointer;font-size: 0.9em;  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; float: left;color: #555;vertical-align: middle;}
.check_container input {position: absolute; opacity: 0; cursor: pointer;height: 0;width: 0;}
.sCheck01.check_off .radio {background-color: #fff !important;}
.check_container.check_on .radio:after { content: "" !important ;width: 7px;height: 7px;display: inline-block !important;left: calc(50% - 3.5px) !important;top: calc(50% - 3.5px) !important; border-radius: 50%; background-color: #bd0044; border: 0 !important; position: absolute !important;}
.checkmark, .pic-count span.checkmark { display: table !important;  position: absolute; top: 1px;  left: 0; height: 17px; width: 17px; background-color: #fff;  border: 1px solid #ddd; border-radius: 3px;text-align: center;padding:0 !important;}
.radio {margin: calc((40px - 18px ) / 2) 0;border-radius: 50% !important;}
.sex .check_container:last-child { margin-left: 15px;}

.sCheck01 .radio {margin: 0px; border-radius: 50% !important;}

.space {height: 40px;display: table; text-align: center;float: left;padding: 0 5px;}
.space:last-child{padding:0 0 0 5px;}
.space span {display: table-cell;vertical-align: middle;}
.phone_container .input_box {width: calc((100% - 21px) / 3) !important; float: left;} 
.sel_box { height: 40px;font-size: 0;}
.sel_box > .email {width: 160px;}
.sel_box > select {  display: inline-block; height: 100%; padding: 0 7px; font-family: inherit; background: url(/images/tri.png) no-repeat 95% 50%;  border: 1px solid #e6e6e6; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  vertical-align: middle;  color: #787878; font-weight: 300;}
.flexinfoBox{display: -webkit-box; display: -ms-flexbox;display: flex;}
.flexinfoBox.name > div{margin:0;}
.flexinfoBox.name .input_box{width:50%;}
.member-step { width: 100%; overflow: hidden;  margin-bottom: 30px; border-left: 1px solid #ddd;}
.member-step li { position: relative; float: left; width: 50%; text-align: center; background-color: #eee; padding: 10px 0; position: relative; top: 0;left: 0; color: #8c8c8c;border: 1px solid #ddd; box-sizing: content-box;margin-left: -2px;}
.member-step li.active {background-color: #070686;  border: 1px solid #070686;color: #fff;}
.member-step li p{position: relative;z-index: 999;}
.member-step li span , .member-step li strong{display:block; font-size: 0.9em;line-height: 1;}
.member-step li span {display: inline-block;border-bottom: 1px solid #ddd;padding-bottom: 2px;margin-bottom: 5px;}
.member-step li strong{ font-weight: 500;}

.cont_division .sns_login{margin-top: 0;padding: 8px 25px;}
.signupbtn{width: 100% !important;border-radius: 3px; background-color: #3d3d3d;text-align: center;margin-top: 10px;}
.signupbtn a {display: inline-block; width: 100%;  color: #fff; padding: 12px 0;font-weight: 500; font-family: 'Noto Sans KR',sans-serif !important;}
.item .agreecheck .checkmark , .item .receipt .checkmark{top:7px;}
.view-all { display: inline-block;float: right;border-bottom: 1px solid #ddd; color: #787878; font-size: 0.9em; vertical-align: middle;margin-bottom: 10px;}

.check_container.check_on .checkmark:after { display: table-cell;}
.purpose_opt.check_on .checkmark:after ,  .agreecheck.check_on .checkmark:after , .receipt.check_on .checkmark:after , .chkDel.check_on .checkmark:after , .likeCheckbox.check_on .checkmark:after{ content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;color: #bd0044; position: relative; font-size: 8px; vertical-align: middle;line-height: 17px;}

.user {color: #8c8c8c;letter-spacing: -0.5px; margin-top: 20px;}
.user a { color: #070686;font-weight: 600; margin-left: 5px;}

.flexBox{display: -webkit-box; display: -ms-flexbox;display: flex;}
.flexBox > label{margin:0 10px 0 0;}
.flexBox .select_align_row{margin:0;}
.flexBox .select_align_row label{ display: block;width: 100%;}

.agreecheck{max-width: 80%;color:#555 !important;}  
.agreecheck strong{margin-left: 3px;}
.item label.agreecheck , .item label.receipt{min-height: 29px; height: auto;}




.provison_wrap{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.267);
position: fixed; top: 0; left: 0; z-index: 990; overflow: hidden; display: flex; justify-content: center;
display: none;
align-items: center;
}

.provison_wrap::before{content: ''; display: block; position: absolute; top: 50%; left: 50%;
  margin-top: -300px; margin-left: -500px; border-radius: 10px;
width: 1000px; height: 570px; background-color: #fff;
}

.provison{width: 960px; height: 500px; overflow-y: scroll;
  padding: 20px; box-sizing: border-box;
  position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -480px;
  border: 1px solid #eee; z-index: 10; background-color: #fff;
  }
  .provison{color: #888;}

  .provison_wrap .close {
    margin-right: -470px !important;
    margin-top: -290px !important;
    z-index: 100 !important;
    right: 50% !important;
    top: 50% !important;

}