@charset "utf-8";
@import "reset.css";

/* basic */
.text-nowrap {white-space: nowrap;}
.text-center {text-align: center;}
.sub_inner { max-width:1310px; margin:0 auto; }
.sub_content { margin:40px auto 70px; }
.ser_title { font-size: 30px; font-weight: 500; color: #222; text-align: center; margin-bottom: 30px; }
.ser_box { height: 500px; overflow-y: auto; border: 1px solid #eee; color:#666; padding: 25px; font-size: 14px; }
.full_img { width:100%; }
.m_img { display:none; }
.only_t { display:none; }

.quick { width:100px; margin-top:160px; border-radius:10px; position:absolute; top:100px; right:20px; z-index:2; background-color:#fff; box-shadow:0px 0px 30px 0px rgb(0 0 0 / 5%); }
.quick_logo { display:flex; align-items:center; justify-content:center; background-image:url('../images/quick_bg.png'); background-repeat:no-repeat; background-position:center; background-size:cover; height:70px; }
.quick_logo img { width:76px; }
.quick_list li { font-size:13px; color:#3c3c3c; padding:15px 0; text-align:center; border-bottom:1px solid #d1cfe6; }
.quick_list li a { color:#3c3c3c; }
.quick_top { display:flex; align-items:center; justify-content:center; padding:25px 0; text-align:center; }
.top_btn { position:relative;  cursor:pointer; font-size:11px; color:#222; width:45px; height:45px; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #4c403d, #2b82a1, #f2941b); background-origin: border-box; background-clip: content-box, border-box; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.top_btn:before { content:''; position:absolute; top:5px; left:50%; transform:translate(-50%,0); width:20px; height:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%23555555' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z'%3E%3C/path%3E%3C/svg%3E"); background-size:100%; background-position:center; background-repeat:no-repeat;}
.top_btn p { padding-top:10px; }

/* 서브 공통 비주얼*/
.sub_visual { position:relative; margin:0 auto; width:100%; height: 200px; margin-top: -2px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.sub_visual.sub1bg { background-image:url('../images/sub1_visual.jpg'); }
.sub_visual.sub2bg { background-image:url('../images/sub2_visual.jpg'); }
.sub_visual.sub3bg { background-image:url('../images/sub3_visual.jpg'); }
.sub_visual.sub4bg { background-image:url('../images/sub4_visual.jpg'); }
.sub_visual.sub5bg { background-image:url('../images/sub5_visual.jpg'); }
.sub_visual.sub6bg { background-image:url('../images/sub6_visual.jpg'); }
.sub_visual.sub7bg { background-image:url('../images/sub7_visual.jpg'); }
.sub_visual_tit { position:absolute; min-width:1310px; margin:auto 0; left:50%; top:50%; transform:translate(-50%,-50%); text-align:left; }
.sub_visual_tit.no_m { margin-top:35px; }
.su_tit { font-size:60px; color:#fff; font-family:'IBM Plex Sans KR',sans-serif; font-weight:500; margin-bottom:15px; }
.su_stit { display:flex; gap:50px; }
.su_stit li { position:relative; font-size:20px; color:#fff; font-weight:400; font-family:'IBM Plex Sans KR',sans-serif; font-weight:500; }
.su_stit li:after { content:''; position:absolute; right:-32px; top:50%; transform:translate(0,-50%); width:19px; height:19px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z'%3E%3C/path%3E%3C/svg%3E");
background-size:100%; background-repeat:no-repeat; background-position:center; }
.su_stit li:last-child:after { display:none; }
.brand_tab { width: 100%; position:relative; border-bottom:1px solid #eee; background-color:#fff; }
.brand_tab .b_tab_inner { max-width: 1310px; margin: 0 auto; display:flex; }
.brand_tab .home_btn { position:relative; width:10%; }
.brand_tab .home_btn a { display:block; padding:19px 15px; font-size:16px; color:#222; background-image:url('../images/tab_home_bg.png'); background-repeat:no-repeat; background-position:center left; }
.brand_tab .home_btn a img { width: 24px; }
.brand_tab .home_btn:after { content:''; width:1px; height:17px; position:absolute; top:50%; right:0; transform:translate(0,-50%); background-color:#ddd; }
.brand_tab .sub_cate { width:90%; }
.brand_tab .sub_cate > li { position: relative; cursor:pointer; width: 20%; display: inline-block; text-align: left; box-sizing: border-box; padding: 19px 15px; }
.brand_tab .sub_cate > li:after { content:''; width:1px; height:17px; position:absolute; top:50%; right:0; transform:translate(0,-50%); background-color:#ddd; }
.brand_tab .wide_cate > li { width:21%; }
.brand_tab .sub_cate li a { color: #222; font-size: 16px; }
.brand_tab .sub_cate li i { font-size: 17px; color: #222; float: right; line-height: 25px; }
.brand_tab ul li.t_menu2 .t_view2 {  position: absolute; display: none; top: 63px; left: 0; border:1px solid #eee; width: 100%; z-index:10; height: auto; z-index: 99999; background:#fff;
 transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s;  -ms-transition: all 400ms ease-in-out 0s; }
.brand_tab ul li.t_menu2 .t_view2 .position { max-width: 1200px; float: left; width: 100%; padding: 15px 0; box-sizing: border-box; }
.brand_tab ul li.t_menu2 .t_view2 .position li { width: 100%; position: relative; display: block; float: none; text-align: left; padding:0 20px; }
.brand_tab ul li.t_menu2 .t_view2 .position li:hover { padding-left:22px; transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; }
.brand_tab ul li.t_menu2 .t_view2 .position li a { color: #222; font-size: 15px; line-height: 35px; font-weight: 400; }


/* main */

.main_visual {
  position: relative;
  width: 100%;
  height: 500px;
  background-image: url(../images/main_visual.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main_visual_txt {
  min-width: 1310px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 40px;
}

.main_slide_bg {
  background-image: url(../images/main_slide_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 45px 0 65px;
}
.main_visual_wrap { position:relative; }
.main_visual.log { position:relative; width:100%; height:620px; background-image:url('../images/main_visual.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; }
.main_visual_txt.log { min-width:1310px; margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-30px; }
.main_visual_txt h2 { position:relative; color:#fff; font-size:55px; font-family:'IBM Plex Sans KR',sans-serif; font-weight:500; }
.main_visual_txt h2:after { content:''; width:115px; height:5px; background-color:#fff; position:relative; display:block; margin:27px 0; border-radius:30px; }
.main_visual_txt h2 span { font-size:34px; display:block; }
.main_visual_txt p { color:#fff; font-size:20px; line-height:1.8em; }
.main_visual_box { position:absolute; width:1310px; margin:0 auto; display:grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; z-index:1; left:50%; bottom:-180px; transform: translate(-50%,0); }
.main_visual_box li a { background-color:#fff; padding:26px 26px 75px 26px; border-radius:10px;  display:block;  box-shadow:0 0 30px 5px rgb(0 0 0 / 9%); background-image:url('../images/main_r_arrow.png'); background-repeat:no-repeat; background-position:right 26px bottom 26px; }
.mv_tit { font-size:18px; color:#222; margin-top:15px; }
.mv_desk { font-size:15px; color:#555; margin-top:15px; line-height:1.7em; word-break:keep-all; }

/* works overview */
.works_overview { position:absolute; width:1310px; padding:15px 20px; border-radius:10px; margin:0 auto; left:50%; transform: translate(-50%,0); bottom:-135px; z-index:2; background-image:url('../images/works_overview_bg.png'); background-repeat:no-repeat; background-size:cover; background-position:center; }
.wover_tit { margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; }
.wover_tit h2 { color:#fff; font-weight:500; font-size:22px; }
.wover_tit h2 span { font-size:15px; position:relative; padding-left:25px; }
.wover_tit h2 span:before { content:''; width:2px; height:15px; background-color:#506179; position:absolute; left:10px; top:50%; transform:translate(0,-50%);}
.wover_time { display:flex; align-items:center; color:#fff; font-size:14px; }
.wover_time > i { margin-right:5px; font-size:12px; margin-top:2px; opacity:0.8; }
.wover_list { display:grid; grid-template-columns: repeat(3, 1fr); }
.wover_list > li { border-right:1px solid #344861; color:#fff; padding:0 20px; }
.wover_list > li:first-child { padding-left:0; }
.wover_list > li:last-child { border-right:0; padding-right:0; }
.wover_innerlist { margin-top:20px; }
.wover_innerlist li { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.wover_innerlist li:last-child { margin-bottom:0; }
.wover_innerlist li p { font-size:15px; }
.wover_innerlist li p > img { margin-right:5px; }
.wover_innerlist li .num { font-size:20px; font-weight:600; }
.wover_innerlist li p .red { color:#e1222f; }
.wover_listtit a { display:flex; align-items:center; justify-content:space-between; color:#fff; }
.round_icon { width:54px; height:54px; border-radius:100%; display:flex; align-items:center; justify-content:center; background: #0305097d; }
.wover_listicon { display:flex; align-items:center; gap:15px; }
.refresh_btn { display:flex; align-items:center; justify-content:center; width:25px; height:25px; background-color:#fff; border-radius:5px; margin-left:10px; }
.refresh_btn i { font-size:13px; color:#2e4663; }



.main_slide_bg {
  background-image: url(../images/main_slide_bg.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 50px 0 50px;
}
.main_slide_bg.log { background-image:url('../images/main_slide_bg.png'); background-size:100%; background-repeat:no-repeat; background-position:left top; padding:180px 0 125px; }

.member_only { padding-top:250px; }
.main_tab_menu { display:flex; gap:50px; }
.main_tab_menu li { position:relative; font-size:18px; color:#898897; font-weight:500; cursor:pointer; }
.main_tab_menu li.on { color:#222; }
.main_tab_menu li.on:after { content:''; width:100%; height:3px; background: linear-gradient(90deg, #4c403d, #2b82a1, #f2941b); position:absolute; bottom:-10px; left:0; }
.main_slide_tit { display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }
.blue_rou { background-color:#1670b2; font-weight:400; color:#fff; width:65px; height:24px; font-size:12px; display:inline-block; text-align:center; line-height:24px; margin-right:10px; border-radius:50px; vertical-align: top; }
.main_noti_date { color:#4c403d; font-size:15px; font-weight:400; margin-top:10px; }
.main_noti_conts { font-size:15px; margin-top:15px; line-height:1.8em; color:#4c403d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 82px; }
.main_noti_conts p { font-size:15px; color:#4c403d; }

.main_noti_list li { position:relative; padding:30px 20px 100px 20px; box-shadow:5px 6px 10px 5px rgb(0 0 0 / 9%); background-color:#fff; }
/*.main_noti_list li {display:d-flex; background: #fff; justify-content: center; align-items: center; border:1px solid red; }*/

.main_noti_link { position:absolute; left:20px; bottom:40px; }
.main_noti_link a { color:#000; font-weight:500; font-size:14px; border-bottom:1px solid #000; padding-bottom:5px; }
.main_noti_blue { position:absolute; left:0; top:0; padding:50px 40px; width:400px; height:474px; background-image:url('../images/main_slide_sq.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; }
.main_noti_blue h2 { color:#fff; font-size:30px; font-family:'IBM Plex Sans KR',sans-serif; font-weight:600; }
.blue_tit { display:none; }
.blue_tit.on { display:block; }
.main_noti_blue h2 span { display:block; font-size:18px; font-weight:500; }
.main_noti_all { color:#fff; font-size:15px; display:flex; align-items:center; gap:5px; margin-top:20px; font-weight:300; }

.main_noti_wrap { position:relative; }
/*.main_noti_wrap { position:relative; max-width:1347px; margin-left:auto; }*/
/*
.noticeSwiper .swiper-wrapper { align-items: stretch; overflow: visible; margin:0 auto; padding-top:65px !important; padding-bottom:65px !important; }
.noticeSwiper .swiper-wrapper .swiper-slide { width:355px; height:auto;}
.noticeSwiper .swiper-wrapper .swiper-slide:last-child { margin-right:calc((100vw - 1347px)/2) !important; }
*/

.main_noti_area {position: relative; max-width: 1310px; margin: 0 auto; height: 475px;}
.noticeSwiper {position: absolute !important; left: 255px; top: 50px; width: calc(100% - 235px); padding: 20px 20px 20px 0 !important;}
.noti_subject {display: inline-block; width: calc(100% - 75px); vertical-align: top; color:#222; font-weight:500; font-size:18px; position: relative; top: -2px;}
.main_noti_tit {min-height: 54px;}


.noti-prev, .noti-next { position:relative !important; border:2px solid #fff; margin-top:0 !important; left:auto !important; right:auto !important; top:auto !important; width:70px !important; height:55px !important; border-radius:5px; }
.noti-prev:after, .noti-next:after { color:#fff; font-size:20px !important; }
.noti-prev { border-radius:30px 0 0 30px; }
.noti-next { border-radius:0 30px 30px 0; margin-left:-2px;}
.noti_btn_inner { margin-top:60px; }
.noti_btn_inner > div { float:left; }

.main_orange { background-image:url('../images/main_or_banner.jpg'); padding:60px 20px; }
.main_orange h3 { color:#fff; font-size:19px; font-weight:500; padding-left:10px;/*  background-image:url('../images/main_or_icon.png'); background-repeat:no-repeat; background-position:left 0 center; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
.or_flex { display:flex; align-items:center; justify-content:space-between; }
.or_flex > div:nth-child(1) { width:48%; display: flex; align-items: center; }
.or_date { display:flex; color:#fff; }
.or_date li { position:relative; margin-right:20px; }
.or_date li:after { content:''; width:1px; height:13px; background-color:#fff; position:absolute; right:-10px; top:7px; }
.or_date li:last-child { margin-right:0; }
.or_date li:last-child:after { display:none; }
.or_btn { border:2px solid #fff; padding:13px 90px 13px 20px; color:#fff; font-size:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z'%3E%3C/path%3E%3C/svg%3E");
background-size:25px; background-position:right 20px center; background-repeat:no-repeat; }

.main_about_area { background-color: #f7f9fc; padding: 60px 0; }
.main_about_txt { display:flex; align-items:start; }
.main_about_txt h2 { width:50%; font-size:64px; color:#222; margin-top:-5px; }
.main_about_txt h2 .sm { font-size:40px; color:#4c403d; font-weight:400; }
.main_about_txt h2 .grad { background: linear-gradient(90deg, #4c403d, #2b82a1, #f2941b); color: transparent; background-clip: text; }
.main_about_txt > div { width:50%; }
.ak_tit { font-size:22px; color:#222; font-weight:500; margin-bottom:23px; }
.ak_desk { font-size:16px; color:#000; line-height:1.8em; text-align:justify;  }
.main_about_list { display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;  grid-row-gap: 30px; margin-top:50px; }
.main_about_list li { display:flex; align-items:Center; gap:25px; background-color:#fff; border-radius:5px; padding:30px 20px; border:1px solid #d1cfe6; }
.main_about_list li p { color:#222; font-size:17px; font-weight:500; }

.main_system_area { padding:50px 0 50px; }
.main_title { font-size:50px; color:#222; font-weight:900; }
.main_system_list { display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 50px; margin-top:50px; }
.main_system_list li { position:relative;  }
.main_system_list li a { display:block; padding:30px 30px 90px 30px; box-shadow:4px 12px 30px 6px rgb(0 0 0 / 9%); background-color:#fff; }
.main_system_list li .s_tit { font-size:18px; color:#222; margin-top:20px; }
.main_system_list li .b_tit { font-size:30px; color:#222; font-weight:600; }
.main_system_list li .main_system_link { display:flex; align-items:center; gap:10px; position:absolute; right:30px; bottom:40px; font-size:15px; color:#222; }

.banner_slide_area { margin:0 0 80px; }
.bannerSwiper { margin-top:35px; }
.bannerSwiper .swiper-slide { height:80px; background-repeat:no-repeat; background-size:100%; background-position:Center; }
.banner-prev, .banner-next { position:relative !important; margin-top:0 !important; left:auto !important; right:auto !important; top:auto !important; width:26px !important; height:26px !important; background-color:#d0cfd9; border-radius:5px; }
.banner-prev:after, .banner-next:after { color:#fff; font-size:12px !important; }
.banner_btn_wrap { position:relative; text-align:center; }
.banner_btn_wrap:before { content:''; width:100%; height:1px; background-color:#d0cfd9; position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.banner_btn_inner { position:relative; display:inline-block;  }
.banner_btn_inner:before { content:''; width:180%; height:100%; background-color:#fff; position:absolute; left:50%; transform:translate(-50%,0); top:0; }
.banner_btn_inner > div { float:left; margin-right:5px; }
.banner_btn_inner > div:last-child { margin-right:0; }





/* sub */
.subpage_title { position:relative; font-size:40px; color:#222; }
.subpage_title:after { content:''; width:100px; height:7px; background:linear-gradient(90deg, #4c403d, #2b82a1, #f2941b); position:relative; display:block; margin-top:18px; }
.subpage_title span { font-weight:500; }
.subpage_title.mb50 { margin-bottom:50px; }

.outline_wrap { margin-top:70px; }
.outline_area { display:flex; }
.outline_left { width:30%; }
.outline_left h3 { font-size:50px; color:#222; font-weight:400; margin-top:-9px; }
.outline_right { width:70%; }
.outline_right .b_tit { font-size:30px; color:#424242; margin-bottom:50px; font-weight:400; }
.outline_right .or_logo { text-align:center; margin-bottom:50px; }
.outline_right .s_tit { font-size:18px; color:#424242; text-align:justify; line-height:1.8em; }
.check_list li { padding-left:30px; margin-bottom:17px; color:#424242; font-size:18px; line-height:1.8em; background-image:url('../images/blue_check.png'); background-repeat:no-repeat; background-position:left 8px; }
.check_list li:last-child { margin-bottom:0; }
.outline_right .history_list li { position:relative; font-size:18px; color:#555; margin-bottom:17px; letter-spacing:-0.35px; padding-left:110px; }
.outline_right .history_list li span { position:absolute; top:0; left:0; display:inline-block; color:#111; font-weight:500; margin-right:20px; }
.outline_right .history_list li:last-child { margin-bottom:0; }

.org_txt { margin:50px 0 100px; }
.org_txt h3 { font-size:30px; color:#222; font-weight:400; }
.org_txt h3 span { font-size:50px; font-weight:500; }
.org_txt p { color:#424242; font-size:18px; margin-top:15px; }

.action_wrap { margin-top:100px; }
.action_wrap.fr { margin-top:70px; }
.action_area { display:flex; gap:50px; }
.action_area:after { display:none; }
.action_tit { font-size:30px; color:#424242; margin-bottom:30px; margin-top:-10px; }
.action_left { width:40%; }
.action_right { width:60%; }
.action_area .check_list li { font-size:17px; }

.docu_wrap { margin-top:70px; }
.docu_txt { margin-top:70px; }
.docu_tit { font-size:30px; color:#222; font-weight:500; margin-bottom:30px; }
.docu_flex { display:flex; align-items:start; }
.docu_flex > li { width:50%; }
.docu_num_list { margin-top:20px; padding-left:25px; }
.docu_num_list li { font-size:18px; color:#424242; margin-bottom:10px; }
.docu_txt_list li { font-size:21px; color:#111; margin-bottom:17px; padding-left:25px; background-image:url('../images/tab_home_bg.png'); background-size:16px; background-position:left 9px; background-repeat:no-repeat; }
.docu_txt_list li:last-child { margin-bottom:0; }
.docu_bg_tit { font-size:22px; color:#222; padding-left:25px; background-image:url('../images/tab_home_bg.png'); background-size:16px; background-position:left center; background-repeat:no-repeat; }

.site_wrap { margin-top:70px; }
.site_tit { color:#222; font-size:30px; font-weight:500; }
.site_flex { display:flex; align-items:start; margin-bottom:70px; }
.site_flex:last-child { margin-bottom:0; }
.site_left { width:30%; }
.site_right { width:70%; }
.site_form { border-top:1px solid #222; }
.site_form ul { display:flex; }
.site_form ul li { position:relative; color:#454545; padding:10px 15px; border-bottom:1px solid #eee; }
.site_form ul li:nth-child(odd) { width:60%; }
.site_form ul li:nth-child(odd):after { content:''; width:1px; height:15px; background-color:#ddd; position:Absolute; right:0; top:50%; transform:translate(0,-50%); }
.site_form ul li:nth-child(even) { width:40%; }
.site_form ul li a { color:#0048ff; }
.site_form ul.head li { font-size:18px; color:#111; }

.loc_wrap { margin-top:70px; }
.loc_tit { margin-bottom:30px; }
.loc_tit h3 { font-size:30px; color:#222; font-weight:500; }
.loc_tit h4 { font-size:22px; color:#222; font-weight:500; }
.loc_copy_wrap { display:flex; align-items:center; gap:5px; margin-bottom:15px; }
#btn_copy { color:#78909c; font-size:25px; cursor:pointer; }
.loc_eng { font-size:18px; color:#222; }
.loc_tel { display:flex; gap:20px; margin-top:5px; }
.loc_tel li { font-size:18px; color:#222; }
.loc_tel li i { color:#78909c; }
.loc_way_list { margin-top:60px; display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px;  grid-row-gap: 50px; }
.loc_way_list:after { display:none; }
.loc_way_tit { font-size:18px; color:#222; }
.loc_way_tit i { color:#78909c; font-size:20px; display:inline-block; vertical-align:middle; margin-top:-4px; }
.loc_dot_list { margin-top:18px; }
.loc_dot_list li { position:relative; font-size:16px; color:#222; margin-bottom:7px; padding-left:12px; line-height:1.8em; }
.loc_dot_list li:before { content:''; width:4px; height:4px; border-radius:100%; background-color:#222; position:absolute; left:0; top:13px; }
.loc_dot_list li:last-child { margin-bottom:0; }

.file_down_btn { display:inline-block; width:22px; height:22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%238c9ab6' viewBox='0 0 256 256'%3E%3Cpath d='M224,152v56a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V152a8,8,0,0,1,16,0v56H208V152a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,132.69V40a8,8,0,0,0-16,0v92.69L93.66,106.34a8,8,0,0,0-11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }
.homepage_btn { display:inline-block; width:22px; height:22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%238c9ab6' viewBox='0 0 256 256'%3E%3Cpath d='M224,115.55V208a16,16,0,0,1-16,16H168a16,16,0,0,1-16-16V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V115.55a16,16,0,0,1,5.17-11.78l80-75.48.11-.11a16,16,0,0,1,21.53,0,1.14,1.14,0,0,0,.11.11l80,75.48A16,16,0,0,1,224,115.55Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat; background-size:100%; background-position:center; }

.membership_tit h3 { font-size:30px; color:#222; font-weight:500; margin:50px 0 30px; }
.scroll_info { font-size:13px; color:#999; font-weight:400; margin-bottom:8px; }
.docu_bg_tit.mb { margin-bottom:30px; }
.membership_tb_wrap { margin-top:50px; }
.membership_tb { position:relative; width:100%; border-top:2px solid #222; letter-spacing:-0.15px; margin-top:30px; }
.membership_tb::before { content:''; position:absolute; top:-30px; width:100%; text-align:right; font-size:14px; color:#3c4650; text-align:right; }
.membership_tb thead th { background-color:#f9fafc; color:#222; font-size:15x; font-weight:500; padding:15px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.membership_tb thead th:last-child { border-right:0; }
.membership_tb tbody th { background-color:#f9fafc; color:#222; font-size:15px; font-weight:500; padding:15px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.membership_tb tbody th:last-child { border-right:0; }
.membership_tb tbody th.bg { background-color:#1670b205; }
.membership_tb tbody td { background-color:#fff; color:#454545; font-size:15px; padding:15px 15px; text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.membership_tb tbody td:last-child { border-right:0; }
.membership_tb tbody td:nth-child(3) { text-align:left; }
.membership_tb tbody td.bg { background-color:#1670b205; }
.mem_bl_btn { display:inline-block; vertical-align:middle; margin-top:-6px;	background-color:#222; color:#fff; font-size:14px; padding:5px 10px; border-radius:5px; margin-left:15px; }
.memtb_noti { font-size:14px; color:#3c4650; text-align:right; margin-bottom:10px; }
.red_star { color:red; margin-left:2px; font-size:20px; }
.blue_notice { margin-top:20px; }
.blue_notice li { font-size:15px; color:#1670b2; margin-bottom:5px; }
.blue_notice li:last-child { margin-bottom:0; }
.blue_notice li i { font-size:18px; display: inline-block; vertical-align: middle; margin-top:-4px; }

.logr_img { margin-top:70px; }

.info_iaqg_wrap { margin-top:70px; }
.info_iaqg_wrap h3 { font-size:26px; color:#454545; font-weight:400; line-height:1.6em; letter-spacing:0.5px; }
.info_iaqg_wrap > p { font-size:18px; color:#424242; line-height:1.8em; }
.together_logo { border:1px solid #eee; text-align:center; padding:50px 0; margin-top:50px; }
.info_iaqg_tit h4 { font-size:30px; color:#222; font-weight:400; margin-bottom:15px; }
.info_iaqg_tit p { font-size:22px; color:#424242; line-height:1.8em; }
.info_iaqg_tb { width:100%; border-top:1px solid #222; margin-top:40px; }
.info_iaqg_tb thead th { background-color:#f9fafc; font-size:18px; color:#222; font-weight:500; padding:15px 5px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.info_iaqg_tb thead th:last-child { border-right:0; }
.info_iaqg_tb tbody td { background-color:#fff; font-size:18px; color:#424242; font-weight:400; text-align:center; padding:15px 5px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.info_iaqg_tb tbody td:last-child { border-right:0; }
.info_iaqg_tb tbody td.bg { background-color:#f4f9fa; color:#c31515; font-weight:500; }
.earth_img { text-align:center; margin:50px 0; }
.earth_img h2 { font-size:40px; color:#0c1c4e; font-weight:400; }
.earth_img p { font-size:20px; color:#222; line-height:1.6em; margin:10px 0; }
.earth_img p span { display:block; font-weight:600; color:#0c1c4e; }

.ksq_list { margin-bottom:25px; }

.scheme_img { margin:40px 0; }
.scheme_list_wrap { margin-top:30px; }
.scheme_list_wrap > li { margin-bottom:30px; }
.scheme_list_wrap > li:last-child { margin-bottom:0; }
.scheme_num_list { margin-top:20px; padding-left:0; }
.scheme_num_list li { position:relative; font-size:18px; color:#424242; margin-bottom:10px; padding-left:15px; }
.scheme_num_list li:before { content:'-'; position:absolute; left:0; top:-2px; }
.scheme_half_list { display:flex; flex-wrap:wrap; margin-top:20px; }
.scheme_half_list li { width:50%; font-size:18px; color:#424242; margin-bottom:15px; }

.link_img_txt { color:#888 !important; font-size:16px !important; text-align:right; margin-bottom:5px; }

/* popup */
#popup01{ display: none; }
#popup01{ width: 500px; height: auto; padding:40px 30px; animation: appear .8s cubic-bezier(.77,0,.175,1) forwards; box-sizing:border-box; position: fixed; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); background-color: #fff; z-index: 2;  box-shadow: 0 25px 40px -20px #aaa; }
#popup01 h2 { font-size:19px; color:#222; font-weight:400; margin-bottom:20px; }
#popup01 p { font-size:14px; font-weight:300; color:#777; height:400px; overflow-y:auto; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; z-index: 1; }
.close{ position:absolute; top:32px; right: 25px; cursor:pointer; width:25px; height:25px; opacity:0.3; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cline x1='200' y1='56' x2='56' y2='200' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3Cline x1='200' y1='200' x2='56' y2='56' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/line%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}





/* footer */
#footer { position:relative; background-color:#3c4650; font-size:0; }
#footer .flogo_wrap { display:inline-block; vertical-align:top; margin:5px 0 0 0; }
#footer .f_wrap { display:inline-block; vertical-align:top; }
#footer .f_service_wrap { border-bottom:1px solid #4b545f; padding:20px 0; }
#footer .f_service li { display:inline-block; margin-right:30px; }
#footer .f_service li:last-child { margin-right:0; }
#footer .f_service li a { color:#fcffff; font-size:15px; font-weight:300; }
#footer .company_info { margin-bottom:5px; }
#footer .company_info li { display:inline-block; color:#cfcfcf; font-weight:300; font-size:14px; line-height:1.8em; margin-right:35px; }
#footer .copyright { color:#cfcfcf; font-weight:300; font-size:13px; }
.f_inner { display:flex; align-items:start; justify-content:space-between; padding:30px 0 50px; }
.fi_flex { display:flex; align-items:start; gap:40px; }
.flogo_wrap .f_logo { display:inline-block; width:115px; height:45px; background-image:url('../images/f_logo.png'); background-repeat:no-repeat; background-position:center; background-size:100% 100%; }
.f_site { position:relative; display:inline-block; color:#cfcfcf; border:1px solid #cfcfcf; font-size:15px; padding:10px 60px 10px 15px; }
.f_site:after { content:''; position:absolute; right:15px; top:50%; transform:translate(0,-50%); width:15px; height:15px; background-repeat:no-repeat; background-size:100%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z'%3E%3C/path%3E%3C/svg%3E"); }
.f_site_wrap { position:relative; align-self:start; }
.f_site_sub { display:none; position:absolute; width:100%; bottom:43px; border:1px solid #cfcfcf; z-index: 5; }
.f_site_sub li { border-bottom:1px solid #cfcfcf; }
.f_site_sub li:last-child { border-bottom:0; }
.f_site_sub li a { display:block; font-size:14px; color:#cfcfcf; padding:10px 15px; background-color:#3c4650; }

.back-top { cursor:pointer; width:70px; height:70px; position:fixed; bottom:30px; right:30px; background:rgba(255,255,255,0.5); display:flex; align-items:center; justify-content:center; border:1px solid #eee; box-sizing:border-box;  }

.img_hover {position:relative; display:block;}
.img_hover:hover:before {content: ''; background: #000000ad; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.img_hover:hover:after {content: '이미지 클릭 시 해당 사이트로 이동합니다.'; color: #fff; position: absolute; top: 50%; left: 50%; font-size: 30px; transform: translate(-50%, -50%);  width: 100%; text-align: center;}


.chart {display: flex; align-items: end; width:100%; font-size: 18px; font-weight: 500; max-height: 300px; height: 300px;}
.chart span {font-size: 18px; font-weight: 500;}
.bar_area {text-align: center; width:16.5%; color:#000; position: relative; margin-left: -1px;}
.bar {width: 38px; background-color: #c0c0c0; margin: 0 auto; margin-top:10px; max-height: 230px;}
.bar_etc {background-color: #c0deed !important;}
.bar_line {border-top:1px solid #000; width:100%; position:relative; padding-top:10px; margin-left:-1px; white-space: nowrap; text-overflow: ellipsis;}
.bar_line:before {content:''; display:block; height:10px; width:1px; background:#000; position: absolute; top: 0; left: 0;}
.bar_line:after {content:''; display:block; height:10px; width:1px; background:#000; position: absolute; top: 0; right: 0;}
.blue_bar {background-color: #2f66ff !important; color: #2f66ff !important;}
.blue_txt {color: #2f66ff !important;}
.red_bar {background-color: #ff6d82 !important; color: #2f66ff !important;}
.red_txt {color: #ff6d82 !important;}
.chart-tit h2, .chart-tit p {color:#000;}
.chart-area {display:flex; background: #f9fafc; border: 1px solid #d3d3d3; margin: 40px 0 15px;}
.chart-wrap { position:relative; width:50%; padding:30px 30px 50px; border-right: 1px solid #d3d3d3;}
.chart-area .chart-wrap:last-child {border-right:0;}
.bar_2018 { position:relative; background: linear-gradient(#c0c0c0 95%, #00b050 5%); }
.bar_2018:after { content:'21\A(5%)'; font-size:13px; letter-spacing:-0.55px; word-break:keep-all; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.bar_2020 { background: linear-gradient(#c0c0c0 84%, #00b050 16%); }
.bar_2020:after { content:'75\A(16%)'; font-size:13px; letter-spacing:-0.55px; word-break:keep-all; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.bar_2022 { background: linear-gradient(#c0c0c0 52%, #00b050 48%); }
.bar_2022:after { content:'260\A(48%)'; font-size:13px; letter-spacing:-0.55px; word-break:keep-all; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%); }
.bar_2024 { background:linear-gradient(#c0c0c0 33%,#00b050 33%); background:-webkit-linear-gradient(#c0c0c0 33%,#00b050 33%); }
.bar_2024:after { content:'401\A(63%)'; font-size:13px; letter-spacing:-0.55px; word-break:keep-all; position: absolute; left: 50%; top: 64%; transform: translate(-50%, -50%); }
.bar_line_txt { font-size: 14px !important; line-height:1.4em; color:#666; position: absolute; bottom: -40px; left: 50%; transform: translate(-50%, 0); }
.chart-sq { position:absolute; left:30px; }
.chart-sq-con { display:flex; align-items:center; font-size:15px; color:#222; }
.sq { display:inline-block; width:13px; height:13px; background-color:#c0c0c0; margin-right:10px; }
.sq.gre { background-color:#00b050; }

.calendar { width:180px; background:url('../images/ico_cal.png') no-repeat right 5px center; padding-right:25px !important; font-size:15px; border:1px solid #eee; padding:5px 10px; }


/* 날짜 입력 달력 */
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }



.pageing_form{text-align:center;padding:10px 10px;text-align:center;}
.pageing_form{font-size:12px;}
.pageing_form img{vertical-align:top; border:1px solid #ddd; opacity:0.5; box-sizing:border-box; }
.pageing_form a{display:inline-block; width:27px; height:27px; font-size:12px; line-height:27px; color:#000; vertical-align:top; text-align:center; }
.pageing_form a:hover { color:#e43030; }
.pageing_form .now_page{display:inline-block; vertical-align:top; width:27px; height:27px; font-size:12px; line-height:27px; text-align:center; color:#222; border-bottom:2px solid #00baff; }

.s_menu.custom {left: -250px; top: 55px; width:300px; background-color: #fff !important; padding:0 !important;}
.notice-box-tit {background-color: #f8f9fa; font-size:13px; padding: 5px 10px; border-bottom: 1px solid #ececf1; }
.s_menu.custom ul li > a { width:100%; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; display: block;}
.notice-box-time {background-color: #f8f9fa; font-size:13px; padding: 5px 10px;  border-top: 1px solid #ececf1; text-align:center;}
.s_menu.custom ul li { padding: 4px 8px; }

.kaqg_mem select {margin-right: 3px; width: 100px; padding-left: 3px; height: 30px; border-radius: 0; border: 1px solid #dadada; background: #fff; font-size: 13px; vertical-align: top; color: #767676;}
.kaqg_mem input[type=text] {border-radius: 0; padding-left: 5px; width: 190px; height: 30px; line-height: 30px; border: 1px solid #dadada; vertical-align: top;}
.kaqg_mem input[type=submit] {height: 30px; vertical-align: top; display: inline-block; padding: 0 10px; line-height: 28px; border: 1px solid #ddd; font-weight: 400; background: #fff; color: #222; border-radius: 1px; cursor: pointer; font-size: 14px;}
.kaqg_mem { text-align: right; margin-bottom: 15px; }
.family_banner { align-content: center; }
.family_banner a { display: block; }
.family_banner a > img { width: 100%; }

.board_skin {margin-top: 50px; position: relative;}
.search_box {position: absolute; top: -80px; left: 0; margin: 0 !important;}
.sub_content {margin-top: 60px !important;}