@charset "utf-8";

/* common */
.box_title{position: relative;display: table;margin:0 auto;color:#262452;font-size: 40px;font-family: Verdana, sans-serif;}
.box_title:after{display: block;clear:both;content: '';position: absolute;bottom:-10px;left:0;width:100%;height:10px;background: #f40074;}
.box_area .inner_wrap{padding:115px 0 160px}

.sp_title{position: relative;text-align: center}
.sp_title:before {position: absolute;display: block;clear: both;content: '';left: 5px; right: 5px; top: 50%; border-top: 1px solid #c1c1c1;}
.sp_title span{position:relative;display:inline-block;padding:0 60px;background: #fff;color:#262452;font-size: 29.33px;letter-spacing: -0.025em;font-weight: 600;}
.sp_title span::before,.sp_title span::after{display: block;clear: both;content: '';position: absolute;top:50%;width:10px;height:10px;margin-top:-4px;border-radius: 50%;background: #f40074;}
.sp_title span::before{left:0;}
.sp_title span::after{right:0;}

.btn_more{display: block;width:315px;height:70px;margin:0 auto;border:0;line-height: 70px;text-align: center;;background: #00a5ff;color:#fff;font-size: 25.33px;-webkit-appearance: none;letter-spacing:0.05px;font-weight: 500;}

@media only screen and (max-width: 1024px) {
  .box_title{font-size: 25px;}
  .box_title:after{height:5px;bottom:-5px}
  #containerWrap .box_area .inner_wrap{padding:60px 15px}
  #containerWrap .sp_title span{font-size:18px;padding:0 20px;}
  .btn_more{width:160px;height:40px;line-height: 40px;font-size: 18px;}
}

/* main_visual */
.main_visual{height:440px;background: url(/img/start/bg_visual.jpg) no-repeat center center;background-size: cover;}
.main_visual h2{padding:75px 0 45px;font-size: 52px;color:#fff;letter-spacing: 0.5px;line-height: 1.25;font-family: Verdana, sans-serif;}
.main_visual span{color:#c5d4df;font-size: 20px;letter-spacing: 0.5px;font-family: Verdana, sans-serif;}
@media only screen and (max-width: 1024px) {
  .main_visual{height:230px;}
  .main_visual .inner_wrap{padding:60px 50px;}
  .main_visual h2{padding:10px 0;font-size: 32px;}
  .main_visual span{font-size: 15px;}
}

@media only screen and (max-width: 767px) {
  .main_visual .inner_wrap{padding:40px 15px;}
  .main_visual h2{padding:20px 0;font-size: 23px;}
  .main_visual h2 br{display: none;}
  .main_visual span{font-size: 15px;}
}

/* about */
.box_about{text-align: center;}
.box_about .inner_wrap{padding:115px 0 114px}
.box_about .ab_txt{padding:0 0 60px 0}
.ab_txt p:first-child{margin:55px 0 30px;color:#111;font-size:36.5px;letter-spacing: -0.015em;line-height: 1.38}
.ab_txt p:last-child{font-size: 18px;color:#6c6c6c;letter-spacing: -0.015em;line-height: 1.8}

.sp_list{padding:70px 0 0;}
.sp_item{display: inline-block;width:31%;max-width:315px;margin:0 3% 46px 0;}
.sp_item:nth-child(3){margin:0;}
.sp_item .sp_img{padding:30px 0;background: #f3f3f3;}
.sp_item span{width:100%;height: 60px;color:#fff;font-size: 20px;letter-spacing: -0.04em;font-weight: 500;background: #00a5ff;border-bottom-left-radius:28px;border-bottom-right-radius:28px;display: flex;align-items: center;justify-content: space-around;line-height: 24px;}

@media only screen and (max-width: 1024px) {
  .ab_txt p:first-child{font-size: 18px;word-break: keep-all}
  .ab_txt p:last-child{font-size: 15px;word-break: keep-all;line-height: 1.6}
  .sp_list{padding:30px 0 0;}
  .sp_item{max-width: 100%}
  .sp_item .sp_img{padding:18px 0;}
  .sp_item .sp_img img{width:55%;}
  .sp_item span{padding:9px 0;font-size: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;line-height: 21px;}
}

@media only screen and (max-width: 767px) {
  .sp_item{width:48%;margin:0 3% 25px 0}
  .sp_item:nth-child(2n){margin:0;}
  .sp_item:nth-child(3){margin:0 3% 25px 0;}
  .sp_item span{font-size: 12px;padding: 9px 15px;line-height: 18px;}
}

/* database */
.box_data{background: #262452;}
.box_data .inner_wrap{position: relative;padding:115px 0 160px}
.box_data .box_title{color:#fff;}

.box_data .slide_wrap{margin:110px 0 60px 0}
.slide_wrap .data_info{padding:35px 20px 45px 40px;background: #fff;}
.data_info .data_img{float:left;width:28%;max-width:120px;height:120px;margin:0 5% 0 0;border-radius: 50%;overflow: hidden;}
.data_info .data_img img{width:100%}
.data_info .data_txt{float:left;width:66%;max-width:285px;}
.data_info .data_txt table{width:100%;table-layout: fixed;}
.data_info .data_txt th{width:115px;padding:2px 0;color:#00a5ff;font-size:18px;text-align: left;vertical-align:top}
.data_info .data_txt td{padding:2px 0;color:#101010;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.slide_wrap .data_con{height:150px;padding:25px 35px 35px 35px;background:#00a5ff;color:#fff;font-size: 18px;line-height: 1.7;border-bottom-left-radius:30px;border-bottom-right-radius: 30px;}
.data_con li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sw_hover{opacity: 0;position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index: 1;border-bottom-left-radius:30px;border-bottom-right-radius: 30px;transition: all .2s}
.swiper-slide:hover .sw_hover{opacity: 1}
.sw_hover a{display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-45%);-webkit-transform: translate(-50%,-45%);transition: all .2s;width:160px;height:160px;border-radius: 50%;text-align: center;background:#00a5ff}
.swiper-slide:hover .sw_hover a{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.sw_hover .ho_txt{display:block;padding:35px 0 10px;color:#fff;font-size: 22px;font-family: Verdana, sans-serif;line-height: 1.2;font-weight: 600;}
.sw_hover .ho_img{display:inline-block;transition: all .3s}
.sw_hover a:hover .ho_img{transform: translateX(5px);}

.box_area .btn_swiper{ width: 60px; height: 60px; margin-top: -40px; background: url(/img/start/ico_vis_arr.png) no-repeat; background-position: -69px 0; }
.box_area .btn_swiper:focus{padding:0;outline: 0;}
.box_area .swiper-button-next{transform: rotate(180deg); right: -120px;}
.box_area .swiper-button-prev{left:-120px}

.box_area .btn_swiper:hover{background-position: 0 0; }
.box_data .btn_more{background: #f40074}
.box_data .empty_data{display: block;text-align: center;color:#fff;}
@media only screen and (max-width: 1290px) {
  .box_data .inner_wrap{width:85%}
  .box_area .swiper-button-next{right:-70px;}
  .box_area .swiper-button-prev{left:-70px}
}
@media only screen and (max-width: 1024px) {

  #containerWrap .box_data .inner_wrap{padding:50px 0}
  .box_data .slide_wrap{margin:50px 0 30px 0}
  .slide_wrap .data_info{padding:25px 20px}
  .data_info .data_txt{max-width: 100%;}
  .data_info .data_txt th{width:105px;font-size: 16px;}
  .data_info .data_txt td{font-size: 16px;}
  .slide_wrap .data_con{height:131px;padding:25px 20px;font-size: 16px;border-bottom-left-radius: 15px; border-bottom-right-radius:15px;}
  .sw_hover{border-bottom-left-radius: 15px; border-bottom-right-radius:15px;}
  .sw_hover a{width:120px;height:120px;}
  .sw_hover .ho_txt{padding:30px 0 5px;font-size: 16px;}
  .ho_img{width:35%}
  .ho_img img{width:100%}

}

@media only screen and (max-width:767px) {
  #containerWrap .box_data .inner_wrap{padding:60px 0}
  .slide_wrap .data_info{padding:15px 10px}
  .data_info .data_img{float:none;width:80px;height:80px;margin:0 auto;}
  .data_info .data_txt{float:none;width:100%;margin:15px 0 0;}
  .data_info .data_txt th{width:96px;font-size: 15px;}
  .data_info .data_txt td{font-size: 15px;}
  .data_info .data_img img{width:100%}
  .slide_wrap .data_con{height:105px;padding:15px 10px;font-size: 15px;}
}
/* member */
.box_members{background: #e8e8e9}
.box_members .inner_wrap{padding:115px 0 120px}
.mb_list {margin:100px 0 40px;}
.mb_list .mb_item,.pt_list .pt_item{float:left;width:31%;max-width: 316px;margin: 0 3.5% 40px 0;}
.mb_list .mb_item:nth-child(3n),.pt_list .pt_item:nth-child(3n){margin:0}

.mb_item img{width:100%}
.mb_item .mb_info{padding:12px 20px 20px 25px;background: #fff;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;height: 173px;}
.mb_info span{display: inline-block;font-size: 14px;color:#00a5ff;font-weight: 400;margin-bottom: 5px;}
.mb_info b{display: inline-block;margin:0 8px 0 0;font-size: 26px;font-weight: 600;color:#262452;width: 100%;}
.mb_info li{position: relative;padding:0 0 0 16px;margin:3px 0 0;color:#101010;font-size: 14px;line-height: 18px;letter-spacing: -0.5px;}
.mb_info li:before{display: block;clear: both;content: '';position: absolute;top:7px;left:0;width:7px;height:7px;border-radius: 50%;background: #f40074;}

.pt_list{margin:35px 0 0;}
.pt_item .pt_img{float:left;width:38%;height:140px;border-bottom-left-radius:15px}
.pt_item .pt_img img{width:100%}
.pt_item .pt_info{float:left;background: #fff;width:62%;height:140px;padding:20px 5px 20px 10px}
.pt_info .pt_name{margin:0 0 10px 0;color:#0f217b;font-size:22px;font-weight: 600;letter-spacing: -0.02em;line-height: 25px;}
.pt_info .pt_pos{color:#4f5e6f;font-size:14px;line-height: 1.5;word-break: keep-all;}

.box_members .sp_title span{background: #e8e8e9;font-size: 26.67px}

@media only screen and (max-width: 1024px) {
  .mb_list{margin:50px 0 20px;}
  .mb_list .mb_item{max-width: 100%}
  .mb_list .mb_info{padding:15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px}
  .mb_info b{display:block;font-size: 20px;line-height: 1.2}
  .mb_info span{margin:0 0 4px 0;font-size: 12px;}
  .mb_info li{margin:5px 0;padding:0 0 0 8px;font-size: 12px;line-height: 1.3;word-break: keep-all;}
  .mb_info li:before{width:4px;height:4px;top:5px}

  .pt_list .pt_item{width: 49%;margin-right: 2%;max-width: 100%;}
  .pt_list .pt_item:nth-child(3n){margin-right: 2%;margin-bottom: 40px;}
  .pt_list .pt_item:nth-child(2n){margin-right: 0;}
  .pt_info .pt_name{font-size:20px;line-height: 1.2}
  .pt_info .pt_pos{font-size: 13px;line-height:1.2}
  .pt_item .pt_info{padding: 15px 5px;}
}

@media only screen and (max-width: 767px) {
  .mb_list .mb_item,.pt_list .pt_item{width:100%;max-width: 100%;margin: 0 0 20px 0;}
  .mb_list .mb_item:nth-child(3n), .pt_list .pt_item:nth-child(3n) {margin: 0 0 20px 0;}
  .mb_list .mb_item:nth-child(2n), .pt_list .pt_item:nth-child(2n){margin:0 0 20px 0;}
  .mb_list .mb_item:nth-child(3), .pt_list .pt_item:nth-child(3){margin:0 0 20px 0;}

  .mb_item .mb_info{padding:10px;}
  .mb_info b{font-size: 18px;}

  .pt_item .pt_img{height:120px;}
  .pt_item .pt_info{height:120px;padding:10px;}
  .pt_info .pt_name{margin:0 0 5px 0;font-size:16px;line-height: 1.1}
  .pt_info .pt_pos{margin:10px 0 0;font-size:14px;}

}
@media only screen and (max-width: 375px) {
  /* .mb_list .mb_item,.pt_list .pt_item{width:100%;max-width: 100%;margin: 0 0 20px 0;}
  .mb_list .mb_item:nth-child(2n), .pt_list .pt_item:nth-child(2n){margin:0 0 20px 0;}
  .mb_list .mb_item:nth-child(3), .pt_list .pt_item:nth-child(3){margin:0 0 20px 0;} */
  .pt_info .pt_name{margin:0 0 5px 0;font-size:18px;line-height: 1.1}
}
/* partners */

.box_partners{background:#262452}
.box_partners .inner_wrap{padding:115px 0 110px}
.box_partners .box_title{color:#fff;}

.box_partners .part_list{margin:46px 0 0;}
.box_partners .sp_title{margin:0 0 75px 0;}
.box_partners .sp_title span{background: #262452;color:#fff;font-size: 26.67px;}

.part_list li{float: left; width: 31%; max-width: 316px; margin: 0 3.5% 30px 0;transition: all .4s;}
.part_list li:not(.nolink):hover{transform:translateY(-5px); }
.part_list li img{width:100%}
.part_list li:nth-child(3n){margin:0 0 30px 0}

@media only screen and (max-width:1024px) {
  .box_partners .sp_title{margin:0 0 30px 0}
}
@media only screen and (max-width: 767px) {
  .part_list li{width: 48%;max-width: 100%;margin: 0 4% 25px 0;}
  .part_list li:nth-child(2n){margin:0 !important}
  .part_list li:nth-child(3n){margin:0 4% 25px 0}
}

/*portfolio*/
.box_portfolio{background: #e8e8e9;}
.pf_item{position: relative;width: 31%;margin-right: 3%;float: left;margin-bottom: 30px;}
.pf_item:nth-of-type(3n){margin-right: 0;}
.pf_item .hover{width: 100%;height: 100%;position: absolute;left: 0;opacity: 0;top:0 ;transition: 0.3s all;background-color: #00a5ff;padding: 40px 20px 20px 35px;}
.pf_item:hover .hover{opacity: 1;bottom: auto;}
.pf_item .non-hover img{width: 100%;}
.pf_item .pf_tit{font-size: 26px;color: #fff;font-weight: 600;}
.pf_item .pf_subTit{font-size: 14px;color: #fff;padding-top: 2px;}
.pf_item ul{padding-top: 15px;}
.pf_item ul li{padding-left: 15px;position: relative;}
.pf_item ul li:before{display: inline-block;content: '';width: 7px;height: 7px;background: #f40074;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.pf_item .home{position: absolute;right: 20px;bottom: 20px;}

@media only screen and (max-width: 1024px){
  .pf_item{width: 49%;margin-right: 2%;margin-bottom: 20px;}
  .pf_item:nth-of-type(3n){margin-right: 2%;}
  .pf_item:nth-of-type(2n){margin-right: 0;}
}

@media only screen and (max-width: 767px){
  .pf_item{width: 100%;margin-right: 0;}
}
/*Major Projects*/

.box_projects{background: #fff;}
.pj_item{height: 180px;width: 18%;margin-right: 2.5%;float: left;border-radius: 0 20px 20px 20px;position: relative;padding: 30px 20px 0 20px;color: #fff;}
.pj_item:nth-of-type(5n){margin-right: 0;}
.pj_item:nth-of-type(n+6){margin-top: 45px;}
.pj_item .pj_date{font-size: 24px;position: absolute;top: -17px;left: 10px;color: #fff;font-family: "Verdana", sans-serif;font-weight: bold;letter-spacing: -1.7px;}
.pj_item_t{background: #00a5ff;}
.pj_item_t .pj_date{color: #00a5ff;-webkit-text-fill-color: white; /* Will override color (regardless of order) */-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #00a5ff;}
.pj_item_b{background: #f40074;}
.pj_item_b .pj_date{color: #f40074;-webkit-text-fill-color: white; /* Will override color (regardless of order) */-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #f40074;}
.pj_item .pj_content{font-size: 15px;}

@media only screen and (max-width: 1024px){
  .pj_item{width: 49%;margin-right: 2%;margin-top: 30px;height: 140px;}
  .pj_item:nth-of-type(5n){margin-right: 2%;}
  .pj_item:nth-of-type(2n){margin-right: 0;}
  .pj_item:nth-of-type(n+6){margin-top: 30px;}
}

@media only screen and (max-width: 767px){
  .pj_item{width: 100%;margin-right: 0;margin-top: 30px;}
}

/* events */
.box_events .inner_wrap{padding:115px 0 140px}
.ev_list{margin:110px 0 0}
.ev_item{position: relative;float:left;margin:0 3.46% 40px 0;text-align: center;width: 22.4%; max-width: 228px;}
.ev_item:nth-child(4n){margin:0 0 40px 0}
.ev_item img{position: absolute;top:0;left:0;width:100%;margin:0 0 40px 0;}
.ev_item ul{position: relative;z-index: 1;padding:16% 0;color:#fff;}
.ev_item li{font-size: 16.5px;letter-spacing: -0.025em;line-height:1.4}
.ev_item .ev_date{margin:0 0 10px 0;font-size:34.67px;font-weight: 600;letter-spacing: -0.025em;font-family: Verdana, sans-serif;}

@media only screen and (max-width:1024px) {
  .ev_item .ev_date{font-size: 26px;}

  .ev_list{margin-top: 46px;}
}
@media only screen and (max-width:900px) {
  .ev_item ul{padding:12% 0}
  .ev_item li{font-size: 14.5px;}
  .ev_item .ev_date{font-size:23px;}
}
@media only screen and (max-width:767px) {
  /*.ev_list{max-width:430px;margin:50px auto 0;}*/
  .ev_item{width:48%;max-width:212px;margin:0 4% 25px 0}
  .ev_item:nth-child(2n){margin:0 0 25px 0}
  .ev_item ul{padding:24% 0}
  .ev_item .ev_date{margin:0 0 5px 0;font-size: 20px;}
  .ev_item li{font-size: 12.5px;}
}
@media only screen and (max-width:418px) {
  .ev_item ul{padding:19% 0}
}
@media only screen and (max-width:335px) {
  .ev_item ul{padding:15% 0}
}

/* notice */
.box_com{background: #e3e6eb}
.box_com .tbl_com{margin:80px 0 86px;}
.tbl_com table{width:100%;table-layout: fixed;}
.tbl_com th{padding:13px 0;background:#262452;color:#fff;font-size: 16px;letter-spacing: -0.035em;text-align: center;}
.tbl_com td{padding:27px 0;border-bottom:1px solid #e5e5e5;background: #fff;text-align: center;color:#101010;font-size: 19.33px;letter-spacing: -0.035em;}
.tbl_com tr:last-child td{border-bottom:1px solid #262452;}
.tbl_com td.td_subj{padding:27px 15px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tbl_com tr:hover td,.tbl_com tr:hover a{color:#f40074;}

@media only screen and (max-width:1024px) {
  .box_com .tbl_com{margin:50px 0 30px;}
  .box_com .tbl_com th{padding:13px 5px;font-size: 12px}
  .box_com .tbl_com th:first-child{width:13% !important}
  .box_com .tbl_com th:last-child{width:25% !important}
  .box_com .tbl_com td{padding:15px 5px;font-size:15px;}

}
@media only screen and (max-width:767px) {
  .box_com .tbl_com td{font-size:14px;}
}

/* contact */
.box_contact{background: #262452;}
.box_contact .box_title{color:#fff;}

.frm_contact{width:100%;margin:105px 0 0;padding:55px 80px 65px;background: #fff;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}
.box_con01 .user_info{float:left;width:44.5%;padding:0 4.5% 0 0}
.box_con01 .user_txt{float:left;width:55.5%}
.contact_title{display: block;margin:0 0 20px 0;padding:0 0 0 70px;font-size: 28px;color:#00a5ff;letter-spacing: -0.015em;font-weight: 600;}

.tbl_contact table{width:100%;}
.tbl_contact th{width:115px;text-align: right;padding-right: 15px;}
.tbl_contact th label{color:#7f7f7f;font-size: 20px;line-height: 40px}
.tbl_contact td{padding:10px 0}
.tbl_contact input[type='text'],.tbl_contact select{ width: 100%; height: 40px;padding:0 8px;color:#101010;font-size: 16px;letter-spacing: -0.015em;font-family: 'Noto Sans KR', sans-serif;background: #e3e6eb; box-shadow: none; border-radius: 0; border: 0;    -webkit-appearance: none; }
.tbl_contact .ct_sel{margin:10px 0 0;-webkit-appearance: menulist;}
.tbl_top th{vertical-align: top;padding:12px 15px 0;}
.tbl_top .txt_at{float:left;width:7%;margin:10px 4% 0 2px;font-size: 20px;color:#7f7f7f;letter-spacing: -0.015em}
.tbl_contact input.ct_mail02{float:left;width:88%;margin:10px 0 0;max-width: 240px;}
.tbl_contact textarea{width:100%;height:260px;color:#101010;margin:0 0 30px 0;padding:8px;font-size: 16px;letter-spacing: -0.015em;font-family: 'Noto Sans KR', sans-serif;background: #e3e6eb;border-radius: 0;border:0;-webkit-appearance: none;resize: none}

.box_con02{padding:25px 0 0;border-top:1px solid #f40074;}

.box_con02 .prv_title{display: block;margin:0 0 5px 0;font-weight: 600;color:#7f7f7f;font-size: 20px;font-weight: 600;letter-spacing: -0.015em;}
.prv_content{height:160px;padding:20px;line-height: 2;background: #e3e6eb;color:#101010;font-size: 14px;letter-spacing: -0.015em;overflow-y: scroll;}

.ck_area{margin:20px 0 0;}
.ck_area input { position: absolute; opacity: 0;}
.ck_area label { position: relative; cursor: pointer; color: #4b4b4b; font-size:16px; letter-spacing: -0.010em; }
.ck_area label::before { display: inline-block; content: ''; width: 20px; height: 20px; margin: -3px 10px 0 0; border: 1px solid #f40074; text-align: center; vertical-align: middle; background: #fff; }
.ck_area input[type="checkbox"]:checked + label:after { display: block; clear: both; content: ''; width:24px; height:25px; position: absolute; top: -6px; left: 4px; background: url(/img/ico_ck.png) no-repeat 0 0 ;background-size:cover;}
.box_contact .btn_more{margin:90px auto 0;}

@media only screen and (max-width:1024px) {
  .box_con01 .user_info{float:none;width:100%;padding:0}
  .box_con01 .user_txt{float:none;width:100%;margin:20px 0 0;}
  .contact_title{margin:0 0 10px 0;font-size: 20px;}
  .frm_contact{padding:55px 30px;margin:50px 0 0;border-bottom-left-radius: 15px; border-bottom-right-radius:15px;}
  .tbl_top .txt_at{max-width: 25px;}
  .tbl_contact th label{font-size: 16px;}
  .tbl_contact input[type='text'], .tbl_contact select{font-size: 14px;}
  .tbl_top th{padding:10px 15px 0;}
  .box_con02 .prv_title{font-size: 17px;}
  .box_contact .btn_more{margin:20px auto 0}
}
@media only screen and (max-width:767px) {
  .frm_contact{padding:15px 10px 20px 10px;}
  .contact_title{text-align: center;padding:0}
  /*.tbl_contact th{width:60px;}*/
  .prv_content{font-size: 13px;line-height: 1.7}
  .ck_area label{font-size:14px}

}