@charset "utf-8";

/* �ΰ� */
#header h1.logo{position: absolute; left:3%; top:13px; z-index:10; transition:1s;}
#header h1.logo img{transition:1s; width:60%}

#header{position:absolute;  width:100%; /* left:50%; margin-left:-40%; */ height:60px; background:#fff; overflow: hidden; z-index: 100;  transition:1.0s;box-shadow:0 0 40px rgba(0,0,0,0.1);}

#header.scroll_on .all_icon span{background:#fff;}
#header.scroll_on .gnb_all{width:60px; height:60px;transition:1.0s;}
#header.scroll_on .all_icon{width:21px;margin:23px auto; height:14px}
#header.scroll_on .admin_bt{right:60px; width:60px;  height:60px; background:#272a39 url('../images/common/admin.png') no-repeat center 17px;transition:1.0s;background-size:24%}
#header.scroll_on .admin_bt a{margin-top:34px; display:block; font-size:0.5rem; font-weight:600}
#header.scroll_on{position:fixed; top: 0; width:100%; left:0; margin-left:0; height:60px;  box-shadow:0 0 17px rgba(0,0,0,0.1)}
#header.scroll_on:hover{height:60px; }/*��ũ�ѳ������� header on*/
#header.scroll_on h1.logo{top:13px;}
#header.scroll_on h1.logo img{width:60%;}

.admin_bt{position:absolute; right:60px; width:60px; cursor: pointer;  height:60px; background:#272a39 url('../images/common/admin.png') no-repeat center 17px;transition:1.0s; background-size:24%}
.admin_bt a{color:#fff; text-align:Center;margin-top:34px; display:block; font-size:0.5rem; font-weight:600}
.admin_bt:hover a{color:#28adec; transition:0.2s;}


/* ��� */
#header .login_wrap{displaY:none}


/* ��ü�޴� */
#header .gnb_all{position:absolute; right:0; cursor: pointer; z-index:2010; transition:1.0s; width:60px; height:60px; background:#008fd3}
#header .gnb_inner{top:0px;  /* transform:translateY(-50%); */}
#header .all_icon{width:21px; margin:23px auto; height:14px;}
#header .all_icon span{height:2px; margin:4px 0; width:21px; border-radius:100px;}
#header:hover {height:60px;}
#header .all_icon.open span.icon_list3{margin-top:-6px;}
#header .gnb_inner ul>li.depth01{width:28%;}
#header .gnb_inner ul>li.depth01>a{ font-size:1.2rem ; margin-bottom:10px;}
#header .gnb_inner ul>li.depth01 ul li{margin:10px 0;  padding:10px ; }
#header .gnb_inner ul>li.depth01 ul li a{display:block;font-size:0.7rem;  line-height:1.0rem} 

.allmenu_mem{ display:table;margin:110px auto 0;}
.allmenu_mem a{ border-radius:50px; height:40px; line-height:40px; text-align:center; width:100px; font-size:0.8rem; display:block; floaT:left;margin:0 3px; font-weight:700}
.allmenu_mem a:nth-child(1){background:#5299c4; color:#fff;}
.allmenu_mem a:nth-child(2){background:#66bec2; color:#fff;}


/*���κ��־�*/
#visual_wrap{padding:110px 0 0px;height:auto; }
.main_txt .txt1{font-size:0.6rem;}
.main_txt .txt2{font-size:1.0rem; margin:10px 0}
.main_txt .txt3{font-size:2.1rem; }
.bg_img{ width:350px; height:350px; top:auto; bottom:100px;}

#visual_wrap .mySwiper2 {
	height:auto;
	clear:both;
	width:65%;
	overflow:hidden;
	float:none;
	top:-40px; padding:0 50px 35px
  }

.mySwiper2 .bt_prev{ width:40px; height:40px; display:block; top:50%; left:10px;background-color: rgba( 255, 255, 255, 0.7 ); color:#000; bordeR-radius:50px; text-align:center; line-height:44px; font-size:18px; content:'/f061'; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}
.mySwiper2 .bt_next{  width:40px; height:40px; display:block; top:50%; right:10px; background-color: rgba( 255, 255, 255, 0.7 ); color:#000; bordeR-radius:50px; text-align:center; line-height:44px; font-size:18px; content:'/f061'; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}

.mySwiper2 .more{position:absolute; left:auto; bottom:-34px;  background:#fff;border-radius:50px; padding:6px 20px; box-shadow:10px 7px 16px rgba(0, 0, 0, 0.0); displaY:block;}
.mySwiper2 .more span{ font-size:0.6rem;  margin-right:5px; letter-spacing:0.2px;floaT:left; height:20px; line-height:21px;}
.mySwiper2 .more a{ font-size:0.4rem; height:20px; line-height:21px;padding:0 5px 0 8px;font-family: 'Montserrat'; font-weight:500; letter-spacing:0.2px; floaT:left;  }


/*�˻�â*/

.sel_line{width:1px; height:16px; float:left; margin:18px 12px 0 0;display:inline-block; background:#e6e5e5}
.sel_box {position:relative;
 float:left;height: 70px; margin:9px 0px 0 10px; width:60px; bordeR:0; font-size:0.7rem; font-weight:600; z-index:50}
#cover {
  position:relative;
  bordeR:3px solid #008fd3;
  width:80%;
  background: #fff;
  border-radius:50px;
  box-shadow: 10px 7px 16px rgb(9 134 193 / 20%);
  height:55px;
  margin:-12px auto 0
}

#cover input[type="text"] {
  width:100%;
  height:53px;
  font-family: 'OneMobile';
  line-height: 1;color:#aba9a9; font-size:0.7rem; ;
}

#cover form {
  height: 57px;floaT:left;
}

#cover input[type="text"]::placeholder {
   font-size:0.7rem; color:#aba9a9; height:79px; line-height:79px;
}

#cover button {
  width:65px; height:57px;
}
.submit_box{margin:-6px 0 0 18px; position:relative;}

.sel_box ul li a { text-align:left;

 padding:11px 0 11px 10px;}

 #s-cover:hover span {
  top:50%;
  left: 20px;
  width:3px;
  margin-top:-9px;
  transform: rotateZ(0); 
}

#location{bordeR:0}
.location_box{width:100%; margin:0 auto}
.location_sel{ height:60px; margin:0; width:50%; line-height:25px;float:left;}
.location_sel ul li a{bordeR:1px solid #e1e2e2; border-top:0;margin-right:-1px; font-size:0.8rem}
.btn-home{display:none}

/*�Խ���*/
#notice_wrap{background:#0089d0 url(../images/main/notice_mbg.png?ver=10)no-repeat center 0; background-size:cover;  position:relative; padding:0 0 50px; overflow:hidden; min-width:320px}
.notice_title h2{color:#fff; font-size:2rem; display:block; font-weight:600; line-height:2rem; position:relative; top:40px; width:100%; text-align:Center;}
.notice_title h2 span{font-size:0.8rem;display:block; font-weight:400}

#notice_wrap .swiper_list a.more{position:absolute; top:39px; left:-50px; transition: 0.3s ease all;height:74px; border-radius:10px; displaY:none}
#notice_wrap .swiper_list a.more:hover{position:absolute; top:39px; left:-50px;  box-shadow: 3px 4px 15px rgb(0 0 0 / 20%);height:74px; border-radius:10px; transition: 0.3s ease all;}



/*��*/
.grid {
  list-style: none;
  margin-left:0px; text-align:Center
}

.gc--1-of-3 {
  width: 100%
}

.gc--2-of-3 {
  width:100%
}
.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right:0;
  min-height: 1px;
  padding-left:0px;
  vertical-align: top;
}

.gc:nth-child(2){ padding-left:0;}
.gc:nth-child(1){margin-left:0; padding-left:0px; width:auto}

.naccs .menu{positioN:relative; z-index:10; display:inline-block; margin:40px auto 10px;}
.ni_line{displaY:block;  background:#fff; width:200px;  height:1px; position:absolute; top:14px; left:46px; z-index:0}

.naccs .menu div span.light {
  height: 10px;
  width: 10px;
  position: absolute;
  top:10px;
  left: 43px;
  background-color: #fff;
  border-radius: 100%;
  transition: none
}


ul.nacc {
  
  position: relative;
  height:auto; min-height:310px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1); 
  width:100%;
 
}

ul.nacc li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); 
  width:78%
}

ul.nacc li.active {
  transition-delay: 0.1s;
  z-index: 2;
  opacity: 1;
  left:50%;
  transform: translateX(-50%);
}

.naccs .menu div {
  padding:20px 27px 0;
  padding-top:45px;
  height:20px;
  line-height:5px;
  font-size:0.8rem;
  color: #fff;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight:600;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);  text-align:center;
  float:left;
}
.naccs .menu div.active span.light {
  background-color: #fff;
  left: 50%;transform:translateX(-50%);
  height:35px;
  width: 35px;
  top: 0;
  border-radius:50px;
  z-index:10; display:block;
}
.naccs .menu div:nth-child(1).active span.light{background:#fff url(../images/main/nt_icon01.png)no-repeat 56% 50%; background-size:20px}
.naccs .menu div:nth-child(2).active span.light{background:#fff url(../images/main/nt_icon02.png)no-repeat 49% 49%; background-size:20px}
.naccs .menu div:nth-child(3).active span.light{background:#fff url(../images/main/nt_icon03.png)no-repeat 48% 43%; background-size:20px}


#notice_wrap .nacc .swiper_list{width:100%;  height:310px;  overflow:hidden;  margin:0 auto; border-radius:20px }
#notice_wrap .swiper-button-prev, .swiper-rtl .swiper-button-next{top:50% ;background:#fff; width:40px ; height:40px; line-height:44px;  border-radius:50px; 
display:block; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%); left:-8%; text-align:Center; color:#a7a7a7; margin-left:0; font-size:18px; content:'/f061'; }
#notice_wrap .swiper-button-next, .swiper-rtl .swiper-button-prev{top:50%; background:#0089d0; width:40px ; height:40px; font-size:18px; line-height:44px;text-align:Center;
border-radius:50px; display:block; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%); right:-8%; content:'/f061';color:#fff;}

#notice_wrap .notice_box{width:100%; padding:30px 32px 20px; box-sizing: border-box; position:relative; cursor: pointer; }
#notice_wrap .list_tit p{ font-size:1.1rem; color:#000; font-weight:600;line-height:24px;  text-align:center; height:50px;}
#notice_wrap .list_tit span{ font-size:0.9rem; color:#008fd3; font-weight:500; displaY:block;font-family: 'Montserrat';margin:5px 0;text-align:center;}
#notice_wrap .list_txt{text-align:left; color:#949494; font-size:0.8rem; line-height:1.1rem;margin:20px 0}
#notice_wrap a.list_more{background:#fff; border-radius:15px; color:#000; bordER:1px solid #5a6165; font-size:0.5rem;display:inline-block; text-transform:uppercase; height:20px; line-height:20px;padding:0 12px 0 14px;
font-family: 'Montserrat'; font-weight:700; letter-spacing:0.2px; floaT:left; position:absolute; bottom:32px; left:26px; transition: 0.3s ease all; }
#notice_wrap .notice_box:hover a.list_more{background:#272a39; border-radius:15px; color:#fff; font-size:0.5rem; display:inline-block; text-transform:uppercase; height:20px; line-height:21px;padding:0 12px 0 14px;
font-family: 'Montserrat'; font-weight:500; letter-spacing:0.2px; floaT:left; position:absolute; left:26px ; transition: 0.3s ease all;}
.bg_txt{color:#FFF; opacity:0.06;position:absolute;  font-family: 'Montserrat';font-weight:800; letter-spacing:-5px; left:-360px;text-transform:uppercase;z-index:0}
.bg_txt span{display:block}
.nacc li:nth-child(1) .bg_txt{ font-size:5.2rem; bottom:auto; top:-70px; left: 50%;transform:translateX(-50%);}
.nacc li:nth-child(2) .bg_txt{font-size:4.2rem; line-height:3.1rem; bottom:auto; top:-98px; left: 50%;transform:translateX(-50%);}
.nacc li:nth-child(3) .bg_txt{font-size:3.5rem; line-height:2.6rem; bottom:auto; top:-80px; left: 50%;transform:translateX(-50%);}



/*���޴�*/
#quick_wrap{ text-align:center; position:relative;}
#quick_wrap .quick_bg{position:absolute; background:#f8fbfd; width:300px; height:300px; display:block; border-radius:50%; left:-150px; top:-150px; z-index:-20}
#quick_wrap .quick_box{ displaY:inline-block; margin:30px auto 25px}
#quick_wrap .quick_tit{font-size:2.0rem; color:#262626; floaT:none;width:100%;  font-family:'Oswald'; text-transform:uppercase; font-weight:700; text-align:center; background:url('../images/tit_point.png') no-repeat center 0;
padding-top:20px;margin:10px 0 25px;}
#quick_wrap .quick_tit span{color:#008fd3; font-family:'Oswald';displaY:inline-block;}
#quick_wrap ul{float:none;margin:0 auto; display:inline-block; width:80%;}
#quick_wrap ul li{float:left;   text-align:center; margin:0;width:50%}
#quick_wrap ul li p{float:none;  border-radius:50%; background:#f8f8f8; text-align:center; cursor: pointer;transition:0.2s linear; width:100px; height:100px; box-sizing:border-box ; margin:0 auto 10px}
#quick_wrap ul li p:hover{transition:0.2s linear; box-shadow: 3px 4px 12px rgb(0 0 0 / 20%);}
#quick_wrap ul li a{display:block; text-align:Center; font-size:0.9rem; font-weight:600; clear:both;margin:10px 0 15px}
#quick_wrap ul li:nth-child(4){ }
#quick_wrap ul li:hover a{display:block; color:#008ad1; font-weight:700}
#quick_wrap ul li:nth-child(1) p{background:#f8f8f8 url('../images/main/qimg_off01.png') no-repeat center center;  background-size:40%}
#quick_wrap ul li:nth-child(1):hover p{background:#272a39 url('../images/main/qimg_on01.png') no-repeat center center; background-size:40%}
#quick_wrap ul li:nth-child(2) p{background:#f8f8f8 url('../images/main/qimg_off02.png') no-repeat center center; background-size:34%}
#quick_wrap ul li:nth-child(2):hover p{background:#272a39 url('../images/main/qimg_on02.png') no-repeat center center; background-size:34%}
#quick_wrap ul li:nth-child(3) p{background:#f8f8f8 url('../images/main/qimg_off03.png') no-repeat center center; background-size:38%}
#quick_wrap ul li:nth-child(3):hover p{background:#272a39 url('../images/main/qimg_on03.png') no-repeat center center; background-size:38%}
#quick_wrap ul li:nth-child(4) p{background:#f8f8f8 url('../images/main/qimg_off04.png') no-repeat center center; background-size:34%}
#quick_wrap ul li:nth-child(4):hover p{background:#272a39 url('../images/qimg_on04.png') no-repeat center center; background-size:34%}
#quick_wrap ul li:nth-child(5) p{background:#f8f8f8 url('../images/main/qimg_off05.png') no-repeat center center; background-size:40%} 
#quick_wrap ul li:nth-child(5):hover p{background:#272a39 url('../images/main/qimg_on05.png') no-repeat center center; background-size:40%}



/*��������*/
#info_wrap{displaY:table; margin:0 auto 50px; padding:0; min-width:100%}
#info_wrap div{floaT:none;margin:0 auto 10px; width:90%; height:200px; border-radius:20px; text-align:center; box-sizing: border-box; padding-top:30px; }
#info_wrap div:nth-child(1){background:#66bec2 url('../images/main/ba01.png') no-repeat center 110px;background-size:65%}
#info_wrap div:nth-child(2){background:#5299c4 url('../images/main/ba02.png') no-repeat center 110px;background-size:65%}
#info_wrap div:nth-child(3){background:#708ac9 url('../images/main/ba03.png') no-repeat center 105px;background-size:65%}
.customer span.tit{font-size:0.9rem; color:#fff;font-weight:600;}
.customer p.number{ font-family:'Oswald';font-size:2.2rem; color:#fff; font-weight:600; margin:2px 0 10px}
.customer p.info{font-size:0.7rem; color:#2b2e3d; font-weight:600; background:#fff; border-radius:20px;displaY:inline-block; padding:7px 15px 8px;}
.customer p.info span{color:#108287; font-size:0.7rem;font-weight:700;}

.bank span.tit{font-size:0.9rem; color:#fff;font-weight:600;}
.bank p.number{ font-family:'Oswald';font-size:2.1rem;  color:#fff; font-weight:600; margin:1px 0 10px}
.bank .info a:nth-child(1){background:#2b2e3d; margin-right:5px;border-radius:20px;displaY:inline-block; padding:7px 10px 8px; color:#fff; font-size:0.7rem; font-weight:700;}
.bank .info a:nth-child(1) span{color:#f3e9ad;  font-size:0.7rem; font-weight:700;}
.bank .info a:nth-child(2){background:#fff; color:#2b2e3d; border-radius:20px;displaY:inline-block;  padding:7px 10px 8px; color:#2b2e3d; font-size:0.7rem; font-weight:700;}
.bank .info a:nth-child(2) span{color:#0874b6;  font-size:0.7rem ;font-weight:700;}
.bank .info a:nth-child(1) i{font-size:0.8rem ; color:#65bef4;  margin-left:3px; }
.bank .info a:nth-child(2) i{font-size:0.8rem ; color:#9b9ea0;  margin-left:3px; }

.platform span.tit{font-size:0.9rem; color:#fff; letter-spacing:0.2px; font-family:'Oswald'; font-weight:500;}
.platform p.title{ font-size:2.0rem; color:#fff; font-weight:600; margin:5px 0 6px}
.platform .more a{background:#fff; border-radius:20px;displaY:inline-block; padding:7px 25px 8px; color:#2b2e3d; font-size:0.7rem;font-weight:700; }
.platform .more i{ font-size:0.7rem; color:#8599c9;font-weight:800; margin:0px 0 0 2px; }


/* Dz�� */
#footer{ padding:48px 0 30px; font-size:0.8rem; color:#fff; text-align:center; line-height:18px; display:-webkit-box}
.footer_box{width:100%; margin:0 auto; position:relative}
.copy{floaT:none; width:80% ; margin:-10px auto 0}
.copy_topmenu a{font-size:0.7rem}
address{width:100%;margin:10px 0; font-size:0.6rem; line-height:0.9rem}
small{font-size:0.5rem; color:#8e8c8c;}
#footer span.f_line{width:0; height:0}
.dis_b {display:block !important;}
/*footer����Ʈ�ڽ�*/
.custom-select-trigger {
  position: relative;
  display: block;
  floaT:left;
 
  font-size:0.7rem;
  font-weight: 300;
  color: #fff;
  line-height:38px;
  background: #3c3e41;
  text-align:left;
  cursor: pointer;
  width:100%;
  padding-left:14px;box-sizing: border-box;
  }

.custom-option {
  font-size: 0.6rem;
  line-height:36px;
}

.footer_sel {
  position: relative;
  display: inline-block;
  top:0;
  left:0; 
  margin:0 auto;right:0;
 
  width:88%;
  }
.custom-select-wrapper{float:left;width:49%;border:1px solid #2b2d30}

.custom-select{width:100% }




/*���*/
.login{ width:90%; bordER:1px solid;margin:0 auto; background:#fff;  text-align:center;  border-radius:15px; bordER:1px solid #efefef; padding:30px 20px 30px}
.login h2{text-align:center;  color:#0f1a16; font-size:2rem; font-weight:600; display:block; width:100%;padding:0 0 15px;  font-family: 'OneMobileTitle';}

.login_box{ width:100%; margin:0 auto;}
.login_box input{width:100%; height:50px; line-height:50px;padding-left:24px; font-size:13px; font-weight:400; bordeR:0 }
.input_row{width:100%; margin:4px auto; position:relative; }
.input_icon{background:url('../images/common/back_img.png') no-repeat; background-size:40px; margin-left:20px;
 background-repeat:no-repeat; display:block; position:absolute;top:50%; transform:translatey(-50%);}
.input_row .icon_code{background-position:-7px -5px; width:22px; height:19px;}
.input_row .icon_id{background-position:-10px -37px; width:22px; height:19px;}
.input_row .icon_pw{background-position:-10px -69px; width:22px; height:19px;}


.login_keep_wrap{ width:100%; margin:10px auto 0; overflow:hidden;}
.btn_login{ displaY:block; font-size:0.9rem; font-weight:700; color:#fff; width:100%; height:50px; line-height:48px; border:0; border-radius:9px; background:#008fd3;cursor:pointer}
.find{margin-top:15px;overflow:hidden;}
.find span{displaY:block; floaT:left; font-size:0.8rem; height:30px; line-height:30px; font-weight:700; padding-left:5px; color:#4d4e4e}
.find a{displaY:block; floaT:right; font-size:0.7rem; height:30px; line-height:30px; background:#4d4e4e;padding:0 10px;border-radius:5px; color:#fff; letter-spacing:0.2px}

.login_box input[type="text"], .login_box input[type="password"]{font-size:0.8rem; font-family: 'OneMobile';font-weight:700; background-size:inherit;  bordeR:1px solid #dadada;padding-left:42px;  border-radius:7px;}
.input_row input:focus{ bordeR:3px solid #008fd3 ;   border-radius:7px;padding-left:47px; background-position:-20px 0;}



/*ID�*/
.fond_wrap{width:99%;  padding:50px 0px}
.fond_wrap h2{ font-size:1.6rem; font-weight:700; display:block; width:100%;padding:0 0 10px;}
.fond_wrap p.fond_txt{font-size:0.8rem; line-height:1.1rem}
.find_bt{margin:20px auto 5px; width:85%;  overflow:hidden}
.find_bt input{width:60%; floaT:left;}
.find_bt a {displaY: inline-block; font-family:auto;float:right; width:30%;font-size:0.7rem; height:36px; line-height:36px; background: #4d4e4e; padding: 0 10px; border-radius: 5px; color: #fff; letter-spacing: 0.2px;}
.fond_wrap .dis{displaY:block;}


/*ȸ������*/
#fregister span.dis{displaY:block;}



/* /////////����/////////// */

#sub_visual_wrap{ width:100%; height:200px; background: url('../images/sub/sub_titbg01.png') no-repeat center center; margin-top:60px; text-align:center;background-size:cover; overflow:hidden}
.sub_tit{ color:#fff;  display:table;margin:55px auto}
.sub_tit span.s_tit{font-size:0.7rem; font-weight:500; letter-spacing:0.2px; }
.sub_tit p.main_tit{font-size:2.1rem; font-weight:600;margin:8px 0 6px}
.sub_tit p.location{}
.location a{displaY:block; float:left; font-size:0.8rem; height:20px;  line-height:20px;  background: url('../images/sub/arrow.png') no-repeat 100% center; }
.location span.home{background:#008fd3; displaY:block; width:16px; height:14px;  line-height:15px; font-weight:800; font-family: 'Montserrat';border-radius:3px;color:#fff; font-size:0.7rem;margin-top:3px }
.location a:nth-child(1){padding-right:20px}
.location a:nth-child(2){padding:0 18px 0 10px}
.location a:nth-child(3){background:none; padding-lefT:10px;font-weight:800; color:#93e4ff}
#sub_container{margin:40px auto; width:90%}



/*����̿�˻�*/
.equ_search{width:100%; }
.search_box{overflow:initial}
.sub_box h2{font-size:1.1rem; letter-spacing:-0.08rem}
.search_box dt{font-size:1rem; width:100%;height:50px; line-height:50px;}
.search_box dd{position:relative; width:100%;}
.search_box .sel_box{left:0; top:0;width:30% ; margin:12px 0 }
.search_box input[type="text"]{width:69%; font-size:0.9rem; margin:11px 0 0 31%}
.search_box input[type="text"]::placeholder{font-size:0.7rem;  letter-spacing:-0.06rem}
.search_box .sel_box ul li a{padding:0 0 0 10px;  bordER:1px solid #e1e2e2;margin-top:-1px  }
.con_right{width:100%; clear:both;}
.con_right p{font-size:1rem}
.con_right dl dt{width:22%; font-size:0.7rem}
.con_right dl dd{width:78%; font-size:0.7rem;padding:0 10px;}

.vertic-table dl dt{width:22%; font-size:0.7rem}
.vertic-table dl dd{width:78%; font-size:0.7rem;padding:0 10px;}

.equ_box{min-width:29%;margin:0 0 5px}
.equ_box_de{
  font-size: 24px;
  width: 99%;
  height: 230px;
  floaT:left; }
  


#tab-menu{width:100%; }

#tab-btn li {float: left; width:49.5%; text-align: center; box-sizing: border-box; margin:0.5px 0.5px ;background : #e9eff2;}


.equ_box{box-shadow:none; width:99%; border-radius:10px}
.spec{font-size:0.7rem; line-height:1.3rem; padding:15px 12px;}




/*�޷�*/
.datepicker_box{width:99%}
.datepicker-top{margin-bottom:0.5rem}
.datepicker{margin:30px auto 25px}
.Week{margin-left:2px;  }
.month-name{font-size:2rem; margin:28px 40px 20px}
.group_left ul li{floaT:none;}
.group_left{margin-top:0}
.group_left p{font-size:0.8rem}
.arrow{width:2rem;height:2rem;margin-top:7px}
.day_line{padding:20px 0; margin-bottom:10px}
.day{font-size:0.9rem}
.date{font-size:0.9rem;  height:2.5rem}
.date span{width:5px; height:5px; top:6px;}



/*�̿�� ����*/
.estimater_box{width:100%;margin-top:20px;}
.forms label{font-size:0.7rem; padding:8px 15px;}
.total_box p.total_tit{height:60px; line-height:60px;font-size:0.9rem}
.total_box p.total .binding{font-size:1.2rem}
.total_box p.total{height:60px;line-height:20px; padding:13px 15px;}
.estimater_txt span{font-size:0.8rem;margin-bottom:5px;}
.estimater_txt{font-size:0.7rem; line-height:0.9rem;padding:10px;}

.est_bt_size{padding:0; }





/*������Ȳ*/
.estimater_list{ width:100%; float:right;  overflow:hidden;margin-top:30px;}
.estimater_list .list_title{background:#2b2d30; color:#fff; font-size:0.9rem;height:60px; line-height:60px;font-weight:700;}
.estimater_list ul{bordeR:1px solid #ededed; text-align:left; padding:10px 20px; font-weight:600; max-height:350px; overflow-y:scroll; cursor: pointer;}
.estimater_list ul li{padding:15px 0; border-bottom:1px  dashed #cecece; font-size:0.8rem; color:#2f3031}
.estimater_list ul li:hover{color:#008fd3}

.list_detail dl{bordeR:1px solid #ededed; font-size:0.7rem; padding:10px 10px; overflow:hidden;margin:3px 0}
.list_detail dt{ width:20%;height:25px; line-height:25px;float:left;font-weight:700; border-radius:50px; displaY:inline-block; }
.list_detail dd{text-align:left;float:left;height:25px; line-height:26px; font-size:0.8rem; padding-lefT:10px;font-weight:600;  displaY:inline-block; }
.list_detail dl span{background:#f9f9f9; font-size:0.7rem; line-height:1.1rem; displaY:block; clear:both; text-align:left;padding:10px 10px;margin-top:40px;}



/*����*/
.process{display:inline-block; overflow:hidden; position:relative; width:90%}
.process ul li{float:left; width:100%;  height:auto;background:#f8f8f8; border-radius:18px; text-align:Center;  padding:30px 0 29px; box-sizing: border-box; margin:0 0 15px 0;position:relative; }
.process ul.he li{height:auto}
.process ul li p.step{background:#4f5355;font-size:0.9rem; color:#fff; font-weight:600; letter-spacing:-0.5px; display:inline-block; border-radius:50px; padding:8px 20px 8px; letter-spacing:-0.07px;}
.process ul li p.step span{color:#fef9ab; font-weight:600;}
.process ul li p.tit{ font-size:1.4rem; color:#4f5355; font-weight:700; margin-top:15px; line-height:28px}
.process ul li p.txt{ font-size:0.9rem; line-height:1.2rem; color:#505053; font-weight:500; letter-spacing:-0.8px;margin-top:10px;}
.process ul li i{font-size:35px; position:absolute;right:-45px; top:50%; transform:translateY(-50%); display:none}
.process ul li.last_pro{background:#008fd3 url('../images/sub/bg_arrow.png') no-repeat center 21%;  background-size:40%}
.process ul li.last_pro .tit{color:#fff;font-size:1.4rem;padding:10px 0 10px; }
.process ul li.last_pro a{position:relative;background:#fff; display:inline-block; border-radius:50px; height:30px;line-height:30px;box-sizing: border-box; font-size:0.8rem;font-weight:700;   padding-right:15px;  width:110px; margin-top:0px;}
.process ul li.last_pro a i{font-size:0.7rem; color:#008fd3;position:absolute; left:6px; top:50%; displaY:block; }
.process_txt{width:80%; margin:0 auto; line-height:28px;margin-top:20px; font-size:0.8rem ; line-height:1.1rem; font-weight:500}
.process_txt ul li{margin:0 0 10px;}

/*�λ縻*/
.ceo_wrap{text-align:left; displaY:table; margin:0 auto; }
.ceo_left{width:98%; float:none; margin:0 auto}
.ceo_right{float:none; width:100%; text-align:center;margin-bottom:30px;}
.ceo_right img{box-shadow: -3px 14px 8px rgb(0 0 0 / 10%); border-radius:20px; width:80%; }
.top_tit{font-size:1.6rem; line-height:2rem; font-weight:700;  letter-spacing:-1px;background:url('../images/main/tit_point.png') no-repeat center 0; padding-top:25px;}
.ceo_txt01{font-size:1.0rem; line-height:1.5rem;margin:20px 0; letter-spacing:-1.0px;font-weight:500;}
.ceo_txt02{font-size:0.8rem; line-height:1.4rem;margin:10px 0;  letter-spacing:-1.0px;width:100%;  box-sizing: border-box; padding:20px 15px; border-radius:10px; }
.ceo_txt03{font-size:1.1rem; line-height:28px;margin:0px 0; float:left; text-align:left; width:100%; margin-left:10px}
.ceo_txt01 .dis, .top_tit .dis{display:none;}
.ceo_right .sub_bg02{position:absolute; background:#008fd3; width:120px; height:120px; display:block; border-radius:50%; left:auto;right:0; top:0; z-index:-20; margin:50px 0 0 0px}
.ceo_right .sub_bg03{position:absolute; background:#cfe1ea; width:80px; height:80px; display:block; border-radius:50%; left:0;  top:0;  right:280px; z-index:-20; margin:220px 0 0 0px}

/*���ͼҰ�*/
.intro_titbg{background:url('../images/sub/infro_titbg.png') no-repeat center center;width:100%; height:auto; margin:0 auto; color:#Fff; line-height:45px;padding:40px 0 30px; box-sizing: border-box;}
.intro_titbg p.s_tit{font-size:0.8rem; line-height:1.1rem; displaY:block; width:80%;margin:0 auto}
.intro_titbg p.m_tit{font-size:1.6rem; font-weight:700}
.intro_titbg .dis{display:block;}
ul.basic_list{text-align:left; font-size:0.8rem; font-weight:500;}
ul.basic_list li{padding:0px 0 7px 0}

/*������*/
#tab-btn02 ul{width:100%}
.organization_top{}
.organization_top p{  height:50px; line-height:50px; width:90%;margin:0 auto 20px; font-size:0.9rem; font-weight:700 ;background:#fff}
.organization_top p:nth-child(1){background:#008fd3; color:#fff;  }
.organization_top p:nth-child(2), .organization_top p:nth-child(3){ color:#008fd3; bordER:1px solid #008fd3 ;height:40px; line-height:40px; }
.organization_top p:nth-child(3){position:relative;top:0; left:50%;margin-left:0px;transform:translateX(-50%); z-index:50}
.organization_list{ width:100%; margin:0 auto;  position:relative;z-index:50}
.organization_list ul{ position:relative; z-index:50 ;float:none; width:90%; bordER:1px solid #66bec2; background:#fff ; border-radius:20px; text-align:center;padding:20px 0;margin:20px auto 10px;}
.organization_list ul li{display:inline-block;}
.organization_list ul li span{background:#66bec2; display:block; border-radius:50px; height:40px; line-height:40px; text-align:center; width:100%; font-size:0.9rem; font-weight:700; color:#fff;margin-bottom:10px}
.organization_list ul li p{text-align:left;font-size:0.8rem; font-weight:500; line-height:21px; }
.organization_list ul:nth-child(4){margin:0 auto}

.or_line{background:#d1d1d1;  position:absolute;left:50%; top:0; z-index:10}
.or_p01{width:1px; height:300px; left:50%; top:150px; }
.or_p02{width:100px; height:1px; left:50%; top:252px; margin-left:50px; displaY:none}
.or_p03{width:1px; height:31px; left:50%; top:-31px; margin-left:0; z-index:10;  displaY:none}
.or_p04{width:66.0%; height:1px; left:50%; top:289px;transform:translateX(-50%); margin-left:-5px; displaY:none}



/*ã�ƿ��ô±�*/
.map iframe{width:100%; height:300px}
.infro_info{padding:0px 5px 10px;  font-weight:600}
.infro_info li{float:left; width:100%;  font-weight:600; margin-bottom:10px}
.infro_info li span{width:11%; display:inline-block;float:left;}
.infro_info li p{float:left;width:80%;  text-align:left;height:40px; font-weight:500; line-height:19px; padding-left:17px; box-sizing: border-box; font-size:0.8rem}
.infro_info li:nth-child(2) p{line-height:40px;} 

.icon_bg{ border-radius:50%; width:40px; height:40px;color:#fff;display:inline-block; text-align:Center;vertical-align: super; font-size:17px;line-height:40px; box-sizing: border-box;}

.infro_info02{padding:0px 5px 60px;  font-weight:600}
.infro_info02 li{float:left; width:100%;  font-weight:600; margin-bottom:10px}
.infro_info02 li span{width:11%; display:inline-block;float:left;}
.infro_info02 li p{float:left;width:80%;  font-weight:500; text-align:left;height:40px; line-height:19px; padding-left:15px; box-sizing: border-box; font-size:0.8rem}
.infro_info02 li:nth-child(2) p{line-height:19px;}