@charset "utf-8";

html{
    scroll-behavior: smooth;
}
.mb8{margin-bottom: 8px !important;}

.viewFile{    margin: 0 30px 120px; display: flex;  flex-direction: column;}
.viewFile a{   animation-iteration-count: infinite;   background: #f1f1f1;
    padding: 12px;  margin-bottom: 20px;  color: #0079fa !important;   font-weight: 400;
    border-radius: 10px;}
.viewFile a [class^=xi-]{ color: #0079fa !important; margin-right: 5px;}

/*회원*/
.sub_member{background: #f8f6f2; height: 360px; padding: 250px 0 0;  text-align: center;}
.notice_sub{margin-top: 60px; }
.noti_bg{    width: 100%;   position: absolute;   left: 0;    top: 360px;
    transform: translateY(-50%);    z-index: -1;}
.notice_sub h1{font-size: 40px;}
.notice_sub h1 b{font-family: 'Giants-Regular'; font-weight: 400;}

.sub_process{font-size: 17.5px; margin-top: 13px; font-weight: 400;}
.sub_process span{color: #b1b1b1;}
.sub_process .on{font-weight: 600;     color: #241b14;}
.sub_process img{margin: 0 10px;}

.member_form{   width: 67%;   position: relative;  margin-bottom: 220px;}
.member_form .wrt_board{padding: 40px;border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);}

.login_form form{  padding:50px  40px;
    border: 1px solid #241b14;}

.member_form form table{width: 100%;}
.member_form .join_result{ padding:50px  40px;
    border: 1px solid #241b14; text-align: center;}
.member_form .join_result h2{    font-size: 22px;
    font-weight: 600; margin-bottom: 10px;}
.member_form .join_result p{font-size: 18px; color: #555;}

.member_form .tt{    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;}
.agreebox1{ margin-bottom: 50px;}
.ag_wrap{    padding: 3%;
    border: 1px solid #d5d5d5;
    padding-right: 2%;}
.ag1{     height: 180px;
    overflow: auto;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 300;
    padding-right: 3%;
}
.ag1::-webkit-scrollbar{ width: 4px;}
.ag1::-webkit-scrollbar-track{ background: #f1f1f1;}
.ag1::-webkit-scrollbar-thumb{ background: #80c7bc}
.ag1::-webkit-scrollbar-button{display: none;}

.ag1 b{ 
    margin-bottom: 5px;
    display: inline-block;}
.fw500{font-weight: 500;}
.agnotice{    background: #f9f9f9;   padding: 15px;   margin-bottom: 20px;}
.agreecheck{margin-top: 40px; text-align: center;}
.submitbox{text-align: center; margin-top: 40px;}
.btn_cancle, .btn_home, .btn_remove{     border: 1px solid #d5d5d5;  padding: 8px 22px; background: #fff;
    display: inline-block;  font-size: 16.5px; color: #999 !important;  cursor: pointer;  margin-right: 8px;
border-radius: 10px;}
.btn_make, .btn_edit{    background: #0079fa;    border: 1px solid #0079fa;
    padding: 8px 22px;    display: inline-block;    font-size: 16.5px;
    color: #fff !important;    cursor: pointer;    border-radius: 10px;
}
.btn_next, .btn_golog{background: #80c7bc;  border: none;    padding: 14px 20px; display: inline-block;
    width: 160px;  font-size: 16.5px;  color: #fff !important; cursor: pointer;}
.btn_join{background: #80c7bc;  border: none;    padding: 14px 20px;
    width: 400px;  font-size: 16.5px;  color: #fff !important; cursor: pointer; display: inline-block;}
.key{font-size: 18px; width: 140px;}
.key span{font-size: 30px; color: #80c7bc;
    line-height: 0;
    margin-left: 2px;}
.member_form td{padding-bottom: 20px;}

.login_box{display: flex; justify-content: space-between;}
.login_box .submitbox {margin-top: 0; width: 40%;}
.btn_login{background: #80c7bc;  border: none;    padding: 14px 20px; display: inline-block;
    width: 100%;  font-size: 16.5px;  color: #fff !important; cursor: pointer; height: 99px; }
.btn_findid{    background: #80c7bc;    border: none;
    display: inline-block;    width: 100%;    font-size: 16.5px;
    color: #fff !important;    cursor: pointer;    height: 100%;    line-height: 99px; }
.tblbox{width: 60%; margin-right: 13px;}
#user_id{margin-bottom: 15px;}
#user_pwd{margin-bottom: 20px;}
.xfont{font-size: 15px;}
.find_join{margin-top: 40px; text-align: center; display: flex; justify-content: space-between;}
.tblbox table{    border-spacing: 0;     width: 100%;}
.btn_find{  background: #999;  border: none;    padding: 12px 20px; display: inline-block;
    width: 50%;  font-size: 16.5px;  color: #fff !important; cursor: pointer; margin-right: 12px;
border: 2px solid #999;}
.btn_gojoin{    border: 2px solid #80c7bc;
    padding: 12px 20px;
    display: inline-block;
    width: 50%;
    font-size: 16.5px;
    color: #80c7bc !important;;
    cursor: pointer;}
.find_tab{    display: flex;
    margin-bottom: 40px;
    font-size: 18px;
    justify-content: space-between;
    text-align: center;}
.find_tab a{ color: #b1b1b1;padding-bottom: 15px; border-bottom: 1px solid #d5d5d5; width: 50%;}
.find_tab a.find_on{ color: #80c7bc; border-bottom: 2px solid #80c7bc; font-weight: 600;}

.description .id{font-size: 20px; font-weight: 500;  background: #241b14; color: #fff;
    padding: 10px; display: block; margin-top: 20px;  text-align: center;}
.description .pw{font-size: 20px; font-weight: 500;  background: #241b14; color: #fff;
    padding: 10px; display: block; margin-top: 20px;  text-align: center;}
.find_ok{ text-align: center; font-size: 18px; font-weight: 600;}
.ec-base-desc{    margin: 40px 0;   padding: 15px 0;  border-top: 1px solid #d5d5d5;  border-bottom: 1px solid #d5d5d5;}
.ec-base-desc li{display: flex;}
.ec-base-desc li:first-of-type{margin-bottom: 10px;}
.term{width: 70px; font-weight: 600;}

.b{font-weight: 600;}
.find_log{background: #80c7bc;   border: none;   padding: 12px 20px;   display: inline-block; width: 50%;  
    font-size: 16.5px;   color: #fff !important;   cursor: pointer;   margin-right: 12px;
    border: 2px solid #80c7bc;}
.find_pw{ background: #999;   border: none;   padding: 12px 20px;   display: inline-block;    width: 50%;
    font-size: 16.5px;   color: #fff !important;   cursor: pointer;   border: 2px solid #999;}
   
.remail{font-size: 15px;
    margin-top: 5px; color: #666;}



/*게시판*/
.notice_wrap{display: flex;  position: relative; padding: 260px 20px 0;
max-width: 1480px; margin: 0 auto; justify-content: space-between; }
.all_wrap::before{ content: '';   display: block;
    height: 620px;   top: 110px;  left: 0;   width: 100%;  position: absolute;    background: #f4f4f4;
    animation: notice-bg 10s ease-in-out infinite alternate;  transition: all .4s;}
.notice_inner{width: 70%;  position: relative;margin-bottom: 120px; }

.notice_tab{ display: flex; font-size: 18px;  overflow: hidden;
    text-align: center; margin-bottom: 40px; border-radius: 50px; 
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1); background: #fff;}
.notice_tab a{     padding: 12px 0;   width: 50%;    color: #777;   transition: all .3s;
    font-weight: 400;    background: #fff; border-right: 1px solid #e5e5e5; }
.notice_tab a:last-of-type{border-right: 0;}
.notice_tab a.notice_on{  color: #fff; font-weight: 500;  background: #0079fa;}

.subject .category{ color: #0079fa; margin-right: 12px; }
.view{ border-radius: 30px;  overflow: hidden;  background: #fff;   box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);}
.view .title{  padding: 45px 30px 40px;  border-bottom: 1px solid #d5d5d5;  }
.view .viewCon{padding: 50px 30px 70px; font-size: 17px; line-height: 1.6;}
.view .viewCon img{width: 100%;}
.view .subject{font-size: 22px; font-weight: 500; margin-bottom: 15px;}
.view .date{color: #666;}
.notice_inner .board_btn{  text-align: center; margin: 60px 0 120px;}
.member_write .board_btn{  text-align: right;  padding-bottom: 30px;}
.viewboard_btn{  text-align: right;   padding-bottom: 30px;}
.btn_list{    background: #80c7bc;    border: none;
    padding: 14px 20px;    display: inline-block;
    width: 160px;    font-size: 16.5px;    color: #fff !important;    cursor: pointer;}


.view_pn{ display: flex;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #d5d5d5;
    width: 100%;}
.view_pn a{    padding: 20px 25px;
    width: 50%;
    display: flex;
    align-items: center;
    color: #000;}
.view_pn a p{    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;}
.view_pn a img{width: 24px; margin-right: 15px;}
.view_prev{ border-right: 1px solid #d5d5d5;}

.boardBox{    border-radius: 30px;   overflow: hidden;
    background: #fff;  box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);}
.photoBox{    display: flex;  flex-wrap: wrap;   justify-content: space-between; gap:20px;}

.photo-module{ width: calc(33.333% - 14px); 
    background: #fff; box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);
    transition: all .3s;   border-radius: 20px;  overflow: hidden;}



.reviewBox #checklist{display: flex;  flex-wrap: wrap;    gap: 20px;}
.review-module{    width: calc(33.333% - 14px);
    background: #fff;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);
    transition: all .3s;
    border-radius: 20px;
    overflow: hidden;}
.review-module:nth-of-type(4){border-right: 0}
.review-module:nth-of-type(8){border-right: 0}
.review-module:nth-of-type(12){border-right: 0}

.review-content{ position: absolute; top: 50%; text-align: center; width: 90%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 2; opacity: 0; transition: all .3s;}


.review-content .subject{font-size: 16px; font-weight: 500;}
.review-content .con{font-size: 15px; margin-top: 10px;}
.review-module img{width: 100%;}

.photo-module a{color: #000}
.photo-module .thumbnail{background: #f1f1f1; width: 100%; position: relative;}
.photo-module .thumbnail img{width: 100%; height: 100%; transition: all .3s;}
.photo-module .thumbnail .youtube{position: absolute; width: 50px; height: 35px;   top: 50%; left: 50%;  
    transform: translate(-50%, -50%);opacity: 0;}

.photo-content{ padding: 25px 20px; }
.photo-content .year{  color: #fff; font-weight: 500;  display: inline-block;
    padding: 3px 8px;  font-size: 14px;  margin-bottom: 10px;  background: #0079fa; border-radius: 50px 50px 50px 0;}
.photo-content .subject{font-size: 17px; height: 60px; font-weight: 400;}
.photo-content .date{color: #666;   margin-top: 15px;    display: block;}
.photo-content .writer{display: block; padding-top: 15px; color: #666;}
.board_write{ margin-top: 120px;}
.btn_write{  background: #0079fa ; color: #fff !important;
    font-size: 17px; font-weight: 500;
    padding: 10px 22px;
    letter-spacing: 0.4px;
    border-radius: 50px;}

.btn_write .go_w{display: none;}
.btn_write .go{display: none;}

.page_num a{    display: inline-block;  width: 30px; transition: all .3s;
    height: 30px;  line-height: 30px;
    font-size: 20px;  color: rgb(68, 68, 68, 0.6);
    background: transparent;   box-sizing: border-box;
    border-radius: 100px;   font-weight: 400;}
.page_num a.page_on{ color: #fff;   background: #0079fa;  font-weight: 500;}
.page_num{display: inline-block; margin: 0 30px;}
.page_prev img{width: 11px;}
.page_next img{width: 11px;}



#frm_tit{margin-bottom: 8px;}
.wrt_board dl {margin-bottom: 30px;}
.wrt_board dl dt{width: 140px; font-size: 18px;  margin-bottom: 10px;}
.wrt_board dl dt b{ font-weight: 400;}
.wrt_board dl span {
    line-height: 0;
    margin-left: 2px;
}
.mdrop2 body{margin: 0px;}

.boardBox table{width: 100%; text-align: center;   border-collapse: collapse;}
.boardBox table th{font-size: 18px; padding: 18px 10px;
    font-weight: 500; background: #0079fa; color: #fff;}
.boardBox table td{font-size: 17px; padding: 20px 10px; border-bottom: 1px solid #d5d5d5; color: #555;}
tr.criti:last-child td{
 border-bottom: 0;
}
.boardBox table td.subject {text-align: left;    color: #241b14; padding: 20px 30px ;}

.nflex{    display: flex; align-items: center;}
.nflex #numTxt{   border: 2px solid #80c7bc; background: #80c7bc;
    height: 38px; line-height: 38px; letter-spacing: 2px; font-size: 18px;
    font-weight: 500;  color: #fff; padding: 0 25px; margin-left: 0; margin-right: 12px;}
.subject a{ display: flex;  align-items: center; font-weight: 400; transition: all .3s;}
.subject a img{  height: 18px; margin-left: 5px;}
.replyTable, .msg_list{padding: 30px; }

.replyTable textarea {      width: 95% !important;
    border: 1px solid #d5d5d5;  color: #241b14;    padding: 10px;
    font-size: 16px;   font-weight: 300;    height: 68px !important;    outline: none;}
.replyTable textarea:active{ border: 1px solid #80c7bc;}
.replyTable textarea:focus{  border: 1px solid #80c7bc;}

.msg_list .txt { padding: 10px; border: 1px solid #d5d5d5; background: #f9f9f9; color: #000; }
.msg_list .date {  margin-top: 15px;}
.btn-primary { width: 100%; height: 92px; font-size: 16px;}
.xi-message{margin-bottom: 12px;}


.talk_icon{    width: 16px;
    vertical-align: middle;} 
.mtt, .name{padding-bottom: 10px;}
.boardBox table #frm_del td{ background: #0079fa; border-bottom: 0;}
.grybt01{ 
    padding: 8px 22px;
    background: #666;
    display: inline-block;
    font-size: 16.5px;
    color: #fff !important;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 10px;}
.orgbt01{
    padding: 8px 22px;
    background: #fff;
    display: inline-block;
    font-size: 16.5px;
    color: #999 !important;
    cursor: pointer;
    margin-right: 8px;
    border-radius: 10px;}


/*청년놀이터*/
.sub_main .main_wrap .main_l h1 {
    font-size: 50px;
}
.sub_main .main_wrap .main_l p {
    font-size: 20px;
    line-height: 1.5;
}
.sub_main .main_wrap .main_l p b{
    font-weight: 500;
}
.sub_main .main_wrap .main_r {
    width: 55%; 
}
.sub_main .main_wrap .main_r .main_img{
    height: 618px;
}
.sub_page .main_r img{
   width: 100%;
}
.ci {
    padding: 200px 0;
}
.ci_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ci h1{
    font-size: 32px;
    font-family: 'Giants-Regular';
    margin-bottom: 100px;
}
.ci_l {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ci_l .ci_logo {
    width: 100%;
}
.ci_r {
    width: 55%;
}
.ci_r .about_txt {
    font-size: 19px;
    line-height: 1.8;
}
.ci_r .about_txt span {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
}
.ci_r .about_txt span b{
    color: #0079fa;
}
.ci_r a{
    width: 200px;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #0079fa;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out;
}
.logo_down{
    display: flex;
    gap: 20px;
    margin-top: 40px;
    
}

.ci_r a img{
    width: 14px;
    margin-left: 10px;
}
.system {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 60%);
    padding: 200px 0 50px
}
.system h1 {
    font-size: 32px;
    font-family: 'Giants-Regular';
    margin-bottom: 100px;
    text-align: center;
}
.system .sys_wrap {
    display: flex; 
    justify-content: space-between;
    margin-bottom: 50px;
}
.system .sys_l h3{
    font-size: 24px;
    margin-top: 50px;
    background: #ffcf00;
    font-family: 'Paperlogy-7Bold';
    width: fit-content;
    padding: 12px 20px;
    letter-spacing: 0.4px;
    border-radius: 50px;
}
.system .sys_r{
    width: 59.8%;
    margin-left: 4%;
    background: #fff;
    padding: 3% 4%;
    border-radius: 20px;
}
.system .sys_r .sys_con {
    margin-bottom: 60px;
}
.system .sys_r .sys_con:last-of-type {
    margin-bottom: 0;
}
.system .sys_r h4{
    font-size: 21px;
    font-weight: 500;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
}
.system .sys_r ul {
    padding: 20px 20px 0;
    line-height: 1.5; 
}
.system .sys_r ul li{
    padding: 8px 0;
    font-size: 19px;
}
.system2 {
    background: #f4f4f4;
    padding: 50px 0 200px 70px;
    border-radius: 0 0 0 200px;
}

.sys_wrap2 {
    display: flex;
    align-items: center;
    padding: 60px 0;
    position: relative;
}
.system2 .sys_l{
    width: 30%;
}
.system2 .sys_l h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-family: 'Paperlogy-7Bold';
    letter-spacing: 0.4px;
}
.system2 .sys_l h3 b{
    display: block;
}

.system2 .sys_r {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 70%;
}

.system2 .sys_con {
    background: #fff;
    width: 30%;
    text-align: center;
    border-radius: 15px;
}

.system2 h4 {
    font-size: 20px;
    color: #fff;
    padding: 14px 0;
    font-weight: 500;
    border-radius: 15px 15px 0 0;
}
.system2 h4 i{
    font-size: 18px;
    margin-right: 3px;
}
.system2 ul {
    padding: 18px 0;
    line-height: 2.2;
    border-top: 0;
}

.system2 li {
    font-size: 17.5px;
    color: #444;
    font-weight: 400;
}

/* 색상 구분 */
.sys_wrap2:nth-child(1) h3 { color: #0dcdf7; }
.sys_wrap2:nth-child(2) h3 { color: #33c22b; }
.sys_wrap2:nth-child(3) h3 { color: #594dca; }
.sys_wrap2:nth-child(4) h3 { color: #f86e14; }

.sys_wrap2:nth-child(1) h4 { background: #0dcdf7; }
.sys_wrap2:nth-child(2) h4 { background: #33c22b; }
.sys_wrap2:nth-child(3) h4 { background: #594dca; }
.sys_wrap2:nth-child(4) h4 { background: #f86e14; }



/* 타임라인 스타일 */
.sys_wrap2:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    width: 4px;
    height: 100%;
    background: #ccc;
}

.sys_wrap2:nth-child(1):before {
  top: 50%; height: 50%;   background: linear-gradient(180deg, rgba(13, 205, 247, 1) 80%, rgba(51, 194, 43, 1) 100%);
}
.sys_wrap2:nth-child(2):before {
    background: linear-gradient(180deg, rgba(43, 196, 84, 1) 80%, rgba(89, 77, 202, 1) 100%);
}
.sys_wrap2:nth-child(3):before {
    background: linear-gradient(180deg, rgba(89, 77, 202, 1) 70%, rgba(248, 110, 20, 1) 100%);
}
.sys_wrap2:nth-child(4):before {
    height: 50%; background: #f86e14;
}


/* 원형 마커 */
.sys_wrap2:after {
  content: "";
    position: absolute;
    left: -38px;
    top: 50%;
    width: 14px;
    height: 14px;
    background: #f4f4f4;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 0 6px #f4f4f4;
 
}
.sys_wrap2:nth-child(1):after{
      border: 3px solid #0dcdf7;   animation: blink1 3s infinite; 
}
.sys_wrap2:nth-child(2):after{
      border: 3px solid #33c22b;    animation: blink2 3s infinite; animation-delay: 1s;
}
.sys_wrap2:nth-child(3):after{
      border: 3px solid #594dca;    animation: blink3 3s infinite; animation-delay: 2s;
}
.sys_wrap2:nth-child(4):after{
      border: 3px solid #f86e14;   animation: blink4 3s infinite; animation-delay: 3s;
}
@keyframes blink1 {
  0%, 100% {  border: 3px solid #0dcdf7;  }
  50% { border: 3px solid #fafafa; }
}
@keyframes blink2 {
  0%, 100% {    border: 3px solid #33c22b; }
  50% { border: 3px solid #fafafa; }
}
@keyframes blink3 {
  0%, 100% {   border: 3px solid #594dca;  }
  50% { border: 3px solid #fafafa; }
}
@keyframes blink4 {
  0%, 100% {   border: 3px solid #f86e14;  }
  50% { border: 3px solid #fafafa; }
}


.contact {
    padding: 200px 0 20px;
}
.contact .fas{    color: #0079fa;}
.contact h1 {
    font-size: 32px;
    font-family: 'Giants-Regular';
    text-align: center;
}
.contact_wrap {
    display: flex;
    border-radius: 50px;
    overflow: hidden;
    gap: 10px;
}
.con_con {
    width: 50%;
    padding: 40px 50px;
    background: #fafafa;
    display: flex;
    line-height: 1.6;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.con_l {
    font-size: 22px;
}
.con_r h3 {
    font-size: 24px;
    font-weight: 700;
}
.con_r p {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.map {
    padding: 200px 0 250px;
    position: relative;
}
.map .fas{    color: #0079fa;}
.map::before{
    content: '';
    display: block;
    height: 500px;
    top: 140px;
    right: 0;
    width: 60%;
    position: absolute;
    background: #fafafa;
    border-radius: 100px 0 0 100px;
}
.map_l{
    position: absolute;
    top: 80px;
    left: 0;
    width: 50%;  
}
.map_l img {
    width: 100%;
    animation: main_right 4s ease-out infinite;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);
}
.map_r {
    width: fit-content;
    position: relative;
    left: 60%;
    line-height: 1.6;
}
.map_r h2 {
    font-size: 26px;
    font-weight: 500;
}
.map_r h3 {
    font-size: 20px;
}
.map_r .map_con {
    margin: 80px 0;
}
.map_r .map_con .map_fli {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.map_r .map_con li {
    font-size: 20px;
    display: flex;
}
.map_r .map_con .map_fli p {
    margin-left: 10px;
}
.map_r .map_con li p {
    margin-left: 28px;
}
.map_r .map_con li i{
    margin-top: 5px;
    font-size: 22px;
    width: 20px;
}





/*창업놀이터*/
.main_right{    padding-top: 110px; position: relative; height: 845px;}
.main_right::before{  content: ''; display: block; height: 620px; top: 110px; right: 0; width: 60%;
    position: absolute; background: #f4f4f4; animation: main-block 10s ease-out infinite;}
.main_right .inner{margin: 250px auto 0;}
.main_right .main_l {  width: 55%; height: 618px; background: #d5d5d5;
    border-radius: 200px 0 0 200px;  position: absolute;  left: 0;
    bottom: 80px;  animation: main_right 4s ease-out infinite;  overflow: hidden;  box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);}
.main_right .main_l .main_img{height: 618px;}
.main_right .main_l .main_img img{width: 100%;}
.main_right .main_r{  width: fit-content;  position: absolute;  left: 60%;}
.main_right .main_r h4{ background: #0079fa; font-size: 16px;  font-family: 'Paperlogy-7Bold'; color: #fff;
    width: fit-content;  padding: 8px 16px;  letter-spacing: 0.4px;  border-radius: 50px 50px 50px 0;}
.main_right .main_r h1{font-family: 'Giants-Regular';  font-size: 50px;   margin: 25px 0 40px;}
.main_right .main_r p{font-size: 20px; font-weight: 400; line-height: 1.5;}
.main_right .main_r p b{font-weight: 500; color: #0079fa; }
.main_right .main_r p span{font-size: 19px; display: block; margin-top: 20px;}
.sub_page .main_l p span{display: block; font-size: 19px; margin-top: 10px;}

.area{padding: 200px 0; position: relative;    text-align: center;}
.area2{background: #fafafa; border-radius: 0 0 0 200px;}
.area h1{ font-size: 32px; font-family: 'Giants-Regular'; margin-bottom: 100px;}
.area_l{display: flex;   justify-content: center;  align-items: center;
    margin-bottom: 40px;}
.area_l h3{font-size: 24px;  font-weight: 500;  background: #0079fa;
    color: #fff;  width: fit-content;  padding: 8px 16px;  letter-spacing: 0.4px;   border-radius: 50px;
    display: flex;  align-items: center;  margin-right: 20px; }
.area_l span{font-size: 20px; margin-left: 10px; font-weight: 400;}
.area_l p{font-size: 20px;  font-weight: 400; color: #333;}
.area_wrap{ margin-bottom: 200px;}
.area_wrap:last-of-type{ margin-bottom: 0px;}
.area_con{display: flex; justify-content: space-between; text-align: center; gap:10px;}
.area_con .area_img{    width: 25%;}
.area_con .area_img2{    width: 50%;}
.area_con .area_img3{    width: 50.7%;}
.area_con img{width: 100%; margin-bottom: 25px;}
.area_con .area_img:first-of-type img{border-radius: 25px 0 0 25px; }
.area_con .area_img:nth-of-type(4) img{border-radius: 0 25px 25px 0; overflow: hidden;}
.area_con span{     font-size: 18px;  display: inline-block;   background: #ebf5ff;  padding: 8px 18px;  font-weight: 400;  color: #0079fa;   border-radius: 10px;}
.area_img3 .area_col{ display: flex;  width: calc(100% - 10px); gap:10px;}
.area_img3 .area_col img{ width: 50%;}
.area_img4 .area_col{ display: flex;  width: calc(100% - 30px); gap:10px;}
.area_img4 .area_col img{ width: 25%;}
.area_img4 .area_col img:first-of-type {border-radius: 20px 0 0 20px;}
.area_img4 .area_col img:last-of-type {border-radius: 0 20px 20px 0;}
.area_img2:first-of-type img {border-radius: 20px 0 0 20px;}
.area_img2:last-of-type img {border-radius: 0 20px 20px 0;}
.area_img3 .area_col img:last-of-type{border-radius: 0 20px 20px 0;}
.guide{ background: #f4f4f4; padding: 200px 0;}
.guide .inner{ max-width: 1380px;}
.guide_wrap{display: flex; flex-direction: column; gap: 40px;}
.guide h2{ font-size: 32px; font-family: 'Giants-Regular'; margin-bottom: 100px; text-align: center;}
.guide_notice { display: flex; justify-content: space-between; align-items: center;
}
.guide_notice:last-of-type{ border-bottom: 0;}
.guide_notice h3{ width: 22%;    font-size: 22px;
    color: #fff;    height: 50px;    line-height: 50px;    background: #007bff;
    border-radius: 50px;    font-weight: 500;    text-align: center;}
.guide_notice p{ font-size: 19px;    width: 72%;    margin-left: 4%;
    background: #fff;    padding: 3% 4%;    border-radius: 20px;}
.guide_notice p b{font-weight: 500; margin-right: 10px; font-size: 22px;}
.guide_notice ul{    width: 72%;   margin-left: 4%;
    background: #fff;   padding: 3% 4%;   border-radius: 20px;}
.guide_notice ul li{padding: 8px 0;  font-size: 20px;}
.guide_notice ul li strong{font-weight: 500; color: #007bff;}
.guide_notice ul li i{margin-right: 6px; color: #007bff; font-size: 18px;}

.company{ background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%); padding: 350px 0 150px;}
.company h2{font-size: 32px; font-family: 'Giants-Regular';   width: 31.5%;}
.company_wrap{    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px;}
.company_wrap .comcon{   width: 31.5%;   position: relative; margin-bottom: 5%;}
.company_wrap .comcon img{position: absolute; width: 120px; right: 2%;top: 1%;}
.company_wrap .comcon2 img{    top: auto;   bottom: 0;  width: 140px;}
.company_wrap .comcon h3{     background: #0079fa;   font-size: 19px;
    color: #fff;   width: 35%;  font-weight: 500;   padding: 4% 5%;
    text-align: center;   border-radius: 20px 20px 0 0;  box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);}
.company_wrap .comcon ul{     padding: 6% 5%;
    font-size: 17px;
    display: flex;
    background: #fff;
    border-radius: 0 20px 20px 20px;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);
    flex-direction: column; height: 180px;
    gap: 20px;}
.company_wrap .comcon ul li{display: flex;}
.company_wrap .comcon ul li span{font-size: 15px;}
.company_wrap .comcon ul li b{    color: #0079fa;  margin-right: 10px;
    font-weight: 500;   width: 90px;  display: inline-block;}


/*프로그램*/
#program1{padding-bottom: 200px;}
.program_wrap{display: flex; justify-content: space-between;}
.program_wrap2{padding-top: 150px;}
.program_wrap3{padding-top: 150px;}
.pro_l{width: 30%}
.pro_l img{width: 100%; border-radius: 20px;}
.pro_r{width: 65%; line-height: 1.8;}
.program1_2{line-height: 1.8;}
.pro_r .pro_main h2{ font-size: 24px;
    font-family: 'Giants-Regular';
    font-weight: 400;
  }
.pro_r .pro_main h2 b{font-size: 26px; font-weight: 400; color: #007bff;}
.pro_main{margin-top: 20px;}
.pro_r .pro_main p{font-size: 18px; margin: 20px 0 60px;}
.pro_r .pro_main p b{font-weight: 500;}
#program1 .member_notice{margin-bottom: 70px;}
#program1 .member_notice h2{padding: 18px 40px; text-align: left;}
#program1 .member_notice ul{padding: 20px 30px;  width: calc(100% - 60px)}
#program1 .member_notice ul li{font-size: 16.5px;}
#program1 .member_notice ul li .s_tit{text-align: center; width: 60px;}
.pro_turn{margin-left: 16px; display: flex; align-items: center;}
.pro_turn i{ color: #999 !important; font-size: 20px !important; margin: 0 15px;}
.pro_turn .pro_con{ display: flex;  border: 1px solid #e5e5e5;  padding: 10px 20px;
    border-radius: 15px; align-items: center}
.pro_turn .pro_con i{    margin: 0 20px 0 0;
    color: #007bff !important;
    font-size: 17px !important;}

/*공간예약*/
.roombook { margin: auto;   background: white;  padding: 110px 0 0;  }



/* 탭 스타일 */
.roombook .tabs { position: fixed; z-index: 9; flex-direction: row-reverse; top: 111px;  width: 100%; right: 0; bottom: auto;}
.roombook .tab { text-align: center;  cursor: pointer;
    font-size: 19px;  width: 33.333%;  height: 50px;  line-height: 50px;    border-radius: 0;   background: #fff;   color: #777;  border-bottom: 1px solid #d5d5d5; transition: all .3s;
border-right: 1px solid #d5d5d5;}

.roombook .tab p{font-weight: 400;}
.roombook .tab.active {    color: #fff;
    background: #007bff;}
.roombook .tabs a:nth-last-of-type(3) {border-right: 0;}
.roombook .tab p span{display: inline-block; font-size: 19px; margin-right: 5px;}
.roombook_img{width: 60%; display: flex; position: relative; z-index: 1;}


    .roombook_account{     font-size: 18px;  line-height: 1.7; position: relative;z-index: 1;
    width: 32%;  margin-top: 20px;}
    .roombook_account h3{   font-size: 40px;  font-family: 'Giants-Regular';}
    .roombook_account h5{   font-size: 20px; font-weight: 400; margin-bottom: 40px;}
        .roombook_account p {
    padding: 6px 0 6px 18px;
    background-color: #fff;
    margin-bottom: 12px;
    font-size: 18px;
    width: 370px;
    border-radius: 50px 50px 50px 0;}
        .roombook_account p strong {
            color: #007BFF; font-weight: 500;
        }



    .rb_bigimg img{width: 100%; }
    .rb_bigimg{ width: 60.8%; margin-right: 10px;}
    .rb_bigimg img{border-radius: 40px 0 0 40px; }
    .rb_smimg{display: flex; flex-direction: column; width: 39.2%;}
    .rb_smimg img{width: 100%; border-radius: 0 40px 40px 0; }
    .rb_smimg img:last-of-type{margin-top: 10px;}

    .privacy_agreement{padding-top: 80px; }

    .privacy_agreement h3{ font-size: 18px; margin-bottom: 20px;   font-weight: 500; }
    
    .privacy_agreement label{ border: 1px solid #d5d5d5; background: #fdfdfd;
    border-top: 0; border-radius: 0 0 10px 10px;  overflow: hidden;}
    
    .p_a_wrap{ background: #f1f1f1; border: 1px solid #d5d5d5; padding: 20px 15px 20px 20px; font-size: 15px;  border-radius: 20px 20px 0 0;}
.scroll_area{overflow: auto; height: 150px;}
.scroll_area::-webkit-scrollbar {
  width: 15px; /* 스크롤바 너비 */
}

.scroll_area::-webkit-scrollbar-track {
background: #fdfdfd; /* 스크롤바 트랙 색상 */
  border-radius: 20px;
}

.scroll_area::-webkit-scrollbar-thumb {
  background: #007bff; /* 스크롤바 색상 */
  border-radius: 20px ;
}


   .p_a_wrap h2 {      padding-bottom: 15px; font-weight: 500; font-size: 16px;
    margin-top: 40px;  }
.p_a_wrap p{margin-bottom: 15px;}
        .p_a_wrap h3 {        margin-top: 20px;       }
         .p_a_wrap ul {   list-style-type: none;          padding: 0;     }
         .p_a_wrap ul li {        margin-bottom: 8px;    }
.p_a_wrap ul li strong{font-weight: 400;}
    
        /* 폼 스타일 */
.form-section {    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 92%, rgba(255, 255, 255, 1) 100%); padding-bottom: 220px;  }



    .form_wrap{      padding: 44px;
    border: 1px solid #d5d5d5;
    background: #fdfdfd;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 20px;}
    .form_l{    width: 47%;}
    .form_r{    width: 47%;}
    #participants{display: flex; justify-content: space-between; padding: 30px 0; flex-direction: column;}
    .participant_r{width: 100%;}
    .participant{display: flex; justify-content: space-between;}
    .participant input[type=text]{width: 25% !important; }
    .participant input[type=tel]{width: 65% !important;}
.participant:nth-of-type(2) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(3) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(4) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(5) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(6) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(7) input[type=text]{margin-top: 20px;}
.participant:nth-of-type(2) input[type=tel]{margin-top: 20px;}
.participant:nth-of-type(3) input[type=tel]{margin-top: 20px;}
.participant:nth-of-type(4) input[type=tel]{margin-top: 20px;}
.participant:nth-of-type(5) input[type=tel]{margin-top: 20px;}
.participant:nth-of-type(6) input[type=tel]{margin-top: 20px;}
.participant:nth-of-type(7) input[type=tel]{margin-top: 20px;}
.prevtxt{color: #777; font-size: 15px; margin-top: 10px; font-weight: 400;}
    
    
    #participants label{width: 100%; font-size: 18px; font-weight: 500; 
    color: #007bff; margin-bottom: 20px;}
 
    #participants label p{    font-size: 15px;
    color: #777; font-weight: 400;
    display: block;
    margin-top: 10px;
    line-height: 0.4;}
    .form-group{display: flex; justify-content: space-between; font-size: 18px;
    padding: 30px 0; flex-direction: column;}
  .form-group label p{    font-size: 15px;
    color: #777; font-weight: 400;
    display: block;
    margin-top: 10px;
    line-height: 0.4;}
    .form-group .nowarea{line-height: 40px; height: 40px; background: #f7f7f7;
    text-align: center;  border: 1px solid transparent;  border-radius: 10px;
font-weight: 400;}
    .form-group label{width: 100%; margin-bottom: 20px; font-weight: 500; color: #007bff;}

    .roombook_main{
   max-width: 1480px; padding-top: 200px; margin: 0 auto; display: flex; justify-content: space-between;
}
.roombook_main::after{content: '';   display: block;
    height: 600px;   top: 110px;
    right: 0;   width: 55%;   position: absolute;   background: #f4f4f4;
    animation: main-block 10s ease-out infinite;}
.membership_main{  display: flex;
  max-width: 1480px; margin: 0 auto; padding: 0 20px;
}
.membership_img{width: 50%;  position: relative; z-index: 1;}
.membership_img img{ border-radius: 20px;}

.membership::after {
      content: '';
    display: block;
    height: 1340px;
    top: 110px;
    right: 0;
    width: 60%;
    position: absolute;
    background: #f4f4f4;
    animation: main-block 10s ease-out infinite;
}
.membership_img img{width: 100%;}
.membership_account{width: 50%;   padding-left: 60px; font-size: 18px; line-height: 1.62; position: relative; z-index: 1;}
.membership_account h3{    font-size: 32px;  font-family: 'Giants-Regular';   font-weight: 400; text-align: center;}
.membership_account h5{ font-size: 18px; font-weight: 400;    margin-bottom: 35px; text-align: center;}
.member_notice_wrap{display: flex; justify-content: space-between;}
.member_notice2{width: 49%;}

.member_notice {    display: flex;  
    flex-direction: column;    margin-bottom: 35px;    background: #fff;
    border-radius: 20px; }
.member_notice h2{
    font-size: 19px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 14px 20px;
    background: #007bff;
    border-radius: 20px 20px 0 0;
     }

.member_notice ul{    width: calc(100% - 30px);  padding: 10px 15px;}
.member_notice ul li.li_flex{display: flex; align-items: baseline;}
.member_notice ul li.li_flex p{margin-left: 16px;}
.member_notice ul li{padding: 10px 0;  font-size: 16px;}
.member_notice ul li b{font-size: 16.5px; font-weight: 400;}
.member_notice ul li span{display: block; font-size: 15px; color: #666;}
.member_notice ul li .pl20{ padding-left: 16px; display: block}
.member_notice ul li strong.pl20{ font-weight: 300;}
.member_notice ul li .s_tit{    display: inline-block;    background: #ebf5ff;   padding: 0px 6px;
    font-size: 15px;   font-weight: 400;   color: #0079fa;   border-radius: 6px;}
.member_notice ul li i{font-size: 12px;    color: #007bff; width: 15px;}
.member_notice ul li i.fa-circle{ font-size: 6px; position: relative; top: -4px;}
.member_notice ul li:last-of-type{border-bottom: 0;}
.mem_turn{padding: 20px; display: flex; align-items: center; justify-content: space-between;}
.mem_con{text-align: center; width: 30%;}
.mem_turn .fa-chevron-right{color: #d5d5d5;font-size: 22px;}
.mem_con p span{font-size: 16px; color: #666; line-height: 1; display: block;}
.mem_con i{font-size: 30px; color: #007bff;}
.membership{      margin: auto;
    padding: 111px 0 220px;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 45%, rgba(238, 238, 238, 1) 92%, rgba(255, 255, 255, 1) 100%);}
#membership{margin-top: 160px;}
#membershipForm{max-width: 980px; margin: 220px auto 0; padding: 0 20px;}
    #reservationForm{   max-width: 1480px; margin: 0 auto; padding: 200px 20px 0;}
#membershipForm h1{    font-size: 32px; text-align: center;
    font-family: 'Giants-Regular';}
#membershipForm .form_wrap{margin-top: 80px;}

#membershipForm h1 strong{color: #007bff; font-weight: 500;    display: inline-block; }
    #reservationForm h1, #reservationForm2 h1, #reservationForm3 h1{    font-size: 32px;
    font-family: 'Giants-Regular'; }
    #reservationForm h1 strong, #reservationForm2 h1 strong, #reservationForm3 h1 strong{ color: #007bff; font-weight: 400;   display: inline-block; }
    #reservationForm2{    width: 60%; }
    #reservationForm3{    width: 60%; }
    .checkbox-group { overflow: hidden;
    display: flex; width: 100%; flex-wrap: wrap;  border: 1px solid #d5d5d5; border-radius: 10px;    }
.form_flex{display: flex; justify-content: space-between; width: 100%;}
.form_flex .radio-group{width: fit-content}
.form_flex .radio-group .radio:first-child {margin-right: 30px;}
#membershipForm .form_wrap .form_flex .form-group {width: 46%;}
.last_form{width: 100%;}
.last_form .custom-file-input::file-selector-button {
  border: 1px solid #d5d5d5;
    padding: 3px 6px;
    background: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 6px;
    margin-right: 0;
    color: #999 ;
    cursor: pointer;
    border-radius: 8px;
    cursor: pointer;
    float: right; 
}
.last_form .custom-file-input::-webkit-file-upload-button {
  border: 1px solid #d5d5d5;
    padding: 3px 6px;
    background: #fff;
    display: inline-block;
    font-size: 14px;
      margin-top: 6px;
        margin-right: 0;
    color: #999 ;
    cursor: pointer;
    border-radius: 8px;
    cursor: pointer;
    float: right; 
}


.checkbox-group label {
    display: flex;  flex-direction: column;  align-items: center;  width: calc(16.65% - 0.75px);
    cursor: pointer;  font-size: 16px;    line-height: 40px;  justify-content: space-between;  border-right: 1px solid #d5d5d5;   border-bottom: 1px solid #d5d5d5;  font-weight: 300;   color: #777;  margin-bottom: 0 !important;
}

.checkbox-group label:nth-of-type(6){border-right: 0;}
.checkbox-group label:nth-of-type(12){border-right: 0; border-bottom: 0;}

.checkbox-group label:nth-of-type(7){border-bottom: 0;}
.checkbox-group label:nth-of-type(8){border-bottom: 0;}
.checkbox-group label:nth-of-type(9){border-bottom: 0;}
.checkbox-group label:nth-of-type(10){border-bottom: 0;}
.checkbox-group label:nth-of-type(11){border-bottom: 0;}



.checkbox-group input[type="checkbox"] {
      appearance: none;
    width: 100%;
    height: 12px;
    position: relative;
    cursor: pointer; background: #f7f7f7;
    border-bottom: 1px solid #d5d5d5;
}

.checkbox-group input[type="checkbox"]:checked {
    background-color: #007bff;
}
    .checkbox-group label:checked {  background-color: #333;}


    .radio-group {display: flex;line-height: 2.3;
    width: 100%; gap:50px;}

    .form_wrap .radio input[type=text]{margin-left: 8px; width: 200px !important;}

    .radio-group label {margin-right: 10px;}

#prevtxt{color: #777; font-weight: 400; font-size: 17px;}

.radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 17px;
    height: 40px;
}

/* 기본 라디오 버튼 디자인 제거 후 커스텀 스타일 적용 */
.radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
}

/* 체크된 상태에 커스텀 마크 추가 */
.radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color:#007bff;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

/* 원래 체크박스 숨기기 */
.custom-checkbox input[type="checkbox"] {
  display: none;
}

/* 커스텀 체크박스 스타일 */
.custom-checkbox .checkbox-mark {
     width: 44px;
    height: 44px;
    margin-right: 14px;
    position: relative;
    transition: background-color 0.2s;
    border-right: 1px solid #d5d5d5;
     background: #f1f1f1;
}
.custom-checkbox .checkbox-mark::after{
       content: "\2713"; /* 체크표시 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #d5d5d5;      /* 체크표시 색상 */
  font-size: 30px;
    font-weight: 500;
}

/* 체크된 상태 */
.custom-checkbox input[type="checkbox"]:checked + .checkbox-mark {
  background-color: #007bff;
}

/* 체크 마크 (예: 흰색 사각형 또는 체크 표시) */
   .custom-checkbox input[type="checkbox"]:checked + .checkbox-mark::after {
   content: "\2713"; /* 체크표시 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;      /* 체크표시 색상 */
  font-size: 30px;
    font-weight: 500;
   }
    
    .submit-btn {
       width: 300px;
    padding: 15px;
    margin: 40px auto;
    background: #007bff;
    color: white;
    font-size: 20px;
    cursor: pointer; border-radius: 10px;
    }



    .notice {margin: 60px 0;
    font-size: 16px;
    line-height: 2;
    padding: 40px 44px;
    background: #f1f1f1;     border: 1px solid #d5d5d5;
    border-radius: 20px;  }   
    .notice h3{margin-bottom: 25px; font-size: 20px; color: #007bff; font-weight: 600;}
    .notice h3 img{margin-right: 10px; margin-top: 2px;}
    .notice span{margin-right: 5px; font-size: 18px; font-weight: 700;}


    /*예약조회*/
    .reservationCheck_bg{padding-top: 107px;     background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 70%, rgba(255, 255, 255, 1) 100%);}
    #reservationCheckForm{    max-width: 520px;   margin: 0 auto; padding: 150px 20px 250px;}
    #reservationCheckForm h3{    font-size: 32px; font-weight: 400;
    font-family: 'Giants-Regular';     text-align: center;}
    #reservationCheckForm p{    text-align: center;  font-size: 18px; margin-top: 10px; margin-bottom: 60px;}
    #reservationCheckForm p strong{font-weight: 500;}
    #reservationCheckForm .Check_wrap{padding: 44px; background: #fff; border: 1px solid #d5d5d5;
    border-radius: 20px; display: flex;  flex-direction: column;}
    #reservationCheckForm .form-group input{ width: 55%;}
    .check-btn{   display: block;  padding: 15px;  margin-top: 40px;
    background: #007bff;  color: #fff !important;  font-size: 20px;  font-weight: 500;
    text-align: center;   }
    
    #reservationResult{max-width: 800px;   margin: 0 auto; padding: 150px 20px 250px;}
    #reservationResult h4{    font-size: 32px;   font-weight: 400;    font-family: 'Giants-Regular';
    text-align: center;  margin-bottom: 90px;}
    #reservationResult table{width: 100%;  text-align: center;   border-collapse: collapse;
    border-radius: 20px;  overflow: hidden;  box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.1);
}
    #reservationResult table th{font-size: 18px; padding: 18px 10px; font-weight: 500;
    color: #fff;  background: #007bff;  }
    #reservationResult table td{ font-size: 17px;  padding: 18px 10px;   background: #fff; font-weight: 400;   }



/*pc환경에서만 마우스오버 적용*/
@media (hover: hover) {
  .notice_tab a:hover{ color: #0079fa; }
  .notice_tab a.notice_on:hover{ color: #fff; }
.review-module:hover .review-content{opacity: 1;}
.review-module:hover::after{opacity: 1;}
.photo-module:hover{background: #f1f1f1;}
.review-module:hover{background: #f1f1f1;}
.photo-module:hover .thumbnail .youtube {  opacity: 1}
.page_num .page:hover{color: #0079fa}
.replyTable textarea:hover{  border: 1px solid #80c7bc;}
.subject a:hover{    color: #0079fa;}
.roombook .tab:hover{ background: #007bff; color: #fff;}
.scroll_area::-webkit-scrollbar-thumb:hover {  background: #555; }
.last_form .custom-file-input::-webkit-file-upload-button:hover {  background-color: #007bff;
    border-color: #007bff;  color: #fff}
.submit-btn:hover { background: #0056b3; }
    .ci_r a:hover{   background-color: #2c90fa;}
}

@media (max-width: 1600px){
/*공간예약*/
.roombook_main{padding: 220px 20px 0;}
.roombook_main::after{top: 150px;}    
}

/* 노트북 */
@media (max-width: 1400px){
/*   청년,창업 서브메인*/
    .main_right::before{top: 107px;}
      .main_right .main_r h1{font-size: 45px;}
    .sub_main .main_wrap .main_l h1{font-size: 45px;}
    .main_right .main_r p{font-size: 19px;}
    .sub_main .main_wrap .main_l p{font-size: 19px;}
/* 청년놀이터*/
.map_l{width: 60%;}
.map_r{left: 66%;}
.map_r h2{font-size: 24px;}
.map_r h3{font-size: 19px;}
    .map_r .map_con .map_fli{font-size: 18px;}
    .map_r .map_con li{font-size: 17px;}
    .map_r .map_con li i{font-size: 17px;}
/* 창업놀이터*/
    .company_wrap .comcon{ width: calc(48% - 5px);}
    .company h2{  width: calc(48% - 5px);}
/*프로그램*/
    .program_wrap{flex-direction: column;}
    .program_wrap2{flex-direction: column-reverse;}
    .pro_r{width: 100%;}
    .pro_r{margin-top: 80px;}
    
/*멤버십 회원*/
    .membership{    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 80%, rgba(255, 255, 255, 1) 100%);}
    .membership::after{display: none;}
    .membership_main{flex-direction: column; align-items: center;}
    .membership_account{padding-left: 0; width: 60%; margin-top: 120px;}
    .membership_img{width: 60%;}
    
    
    
/*공간예약*/
.roombook_account h3{ font-size: 35px;}
.roombook_account h5{font-size: 19px;}
.roombook_account p{font-size: 17px; padding: 6px 0 6px 16px; width: 330px;}
.roombook_img{width: 62%}
.roombook .tabs{top: 108px}
.roombook_main::after {top: 148px;}
.form-group{font-size: 17px;}
.radio{gap:4px;}
.form_wrap .radio input[type=text]{width: 140px !important;}
.form-group label{margin-bottom: 18px;}
/*게시판*/
    .all_wrap::before{top: 108px;}
    .notice_sub h1{font-size: 38px;}
    .sub_process{font-size: 17px;}
    .review_tab{flex-wrap: wrap;   }
    .review_tab a{  width: calc(33.33% - 1px);}
    .notice_tab a:last-of-type{border-right: 1px solid #e5e5e5; }
    .notice_tab a:nth-of-type(1){ border-bottom: 1px solid #e5e5e5}
    .notice_tab a:nth-of-type(2){ border-bottom: 1px solid #e5e5e5}
    .notice_tab a:nth-of-type(3){border-bottom: 1px solid #e5e5e5; border-right: 0;}

}

/* 태블릿 */
@media (max-width: 1024px){
/* 청년놀이터*/
    .ci_wrap{flex-direction: column;}
    .ci_r{width: 100%; margin-top: 80px; text-align: center;}
    .ci h1{font-size: 26px; display: none;}
    .ci_r .about_txt span{font-size: 23px;}
    .ci_r .about_txt{font-size: 17px;}
    .ci_r a{font-size: 17px;}
    
    .contact h1{font-size: 26px;}    
    .con_con{padding: 30px;}
    .con_r h3{font-size: 22px;}
    .con_r p{font-size: 18px;}
    .map{padding: 100px 0 200px;}
    .map_l{width: 100%; position: relative; top: 0; left: -20px;}
    .map::before{display: none}
    .map_r{left: 0; padding-top: 100px;}
    .map_r h2{font-size: 22px;}
    .map_r h3{font-size: 18px;}
    .map_r .map_con .map_fli{font-size: 17px;}
    .map_r .map_con li{font-size: 16px;}
    .map_r .map_con li i{font-size: 16px;}
    .logo_down{justify-content: center;}

/* 창업놀이터*/
.area2{border-radius: 0 0 0 150px;}
.area h1{font-size: 26px;}
.area_l h3{font-size: 22px; margin-right: 15px;}
.area_l span{font-size: 19px;}
.area_l p{font-size: 19px;}
.area_con span{font-size: 17px;}
    .guide h2{font-size: 26px;}
    .guide_notice ul li{font-size: 18px;}
    .guide_notice ul li i{font-size: 17px;}
    .guide_notice h3{font-size: 20px;}
    .guide_notice p b{font-size: 20px;}
    .guide_notice p{font-size: 18px;}
    .company h2{font-size: 26px; margin-bottom: 80px; width: 100%;}
    .company_wrap .comcon h3{font-size: 18px; padding: 20px;}
    .company_wrap .comcon ul{font-size: 17px;}
    .company_wrap .comcon{width: 100%;}
    .company_wrap .comcon ul{padding: 30px; height: auto;}
    .company_wrap .comcon2 img{display: none;}
/*프로그램*/
    #program1 .member_notice ul li{font-size: 15.5px;}
    .pro_r .pro_main h2{font-size: 20px;}
    .pro_r .pro_main h2 b{font-size: 24px;}
    .pro_r .pro_main p{font-size: 17px;}
    .pro_l{width: 60%;}
    .pro_turn{margin-left: 0; flex-direction: column; align-items: baseline; width: 100%;}
    .pro_turn .pro_con{ width: calc(100% - 40px);}
    .pro_turn > i{         transform: rotate(90deg);
        margin: 10px auto;}
    .program_wrap2{padding-top: 100px;}
    .program_wrap3{padding-top: 100px;}
    
/*    멤버십*/
    .membership_main{flex-direction: column-reverse;}
    #membership{margin-top: 0;}
    .membership_account h3{font-size: 26px;}
    .membership_account h5{font-size: 17px;}
    .member_notice h2{font-size: 18px;}
    .member_notice ul li b{font-size: 16px;}
    .member_notice_wrap{flex-direction: column;}
    .member_notice2{width: 100%;}
    .member_notice ul li.li_flex{flex-direction: column;}
    .member_notice ul li.li_flex p{margin-left: 0;}
    .member_notice ul li{font-size: 15px;}
    .member_notice ul li .s_tit{   padding: 3px 6px;     font-size: 14px;    margin-bottom: 10px;}
    .membership_account{width: 80%;}
    .membership_img{width: 80%; margin-top: 60px;}
    .mem_con{font-size: 16.5px;}
    .mem_con p span{font-size: 15px;}
/*    입주기업*/
    .company{padding: 250px 0 150px;}
/*공간예약*/
.roombook_main{flex-direction: column;}
.roombook .tabs {top: 74px;}
.roombook_main::after {top: 60% !important; height: 500px !important; width: 100%;}    
.roombook_main {padding: 140px 20px 0;}
.roombook_img {width: 100%;}
.roombook_account h3 {font-size: 30px;}
.roombook_account h5 {font-size: 18px; margin-bottom: 30px;}
.roombook_account {width: 100%; margin-top: 80px;}
.roombook_account p {font-size: 16px; padding: 5px 0 5px 12px; width: 320px;}
#reservationForm h1, #reservationForm2 h1, #reservationForm3 h1{font-size: 26px;}
.privacy_agreement{padding-top: 60px;}
.privacy_agreement h3{font-size: 17px;}
.custom-checkbox .checkbox-mark{width: 40px; height: 40px;   margin-right: 12px;}
.custom-checkbox .checkbox-mark::after {font-size: 26px;}
.custom-checkbox input[type="checkbox"]:checked + .checkbox-mark::after{font-size: 26px;}
.p_a_wrap{padding: 20px; font-size: 14.5px;}
.notice{padding: 30px 24px; font-size: 15.5px;}
.notice h3{font-size: 18px; margin-bottom: 20px;}
.notice h3 img{margin-right: 8px; margin-top: 4px; width: 30px;}
.form_wrap{padding: 30px 24px;}
.checkbox-group label{width: calc(25% - 0.8px); font-size: 15px;}
    .checkbox-group input[type="checkbox"]{height: 10px;}
    .checkbox-group label:nth-of-type(4){border-right: 0;}
    .checkbox-group label:nth-of-type(7){border-bottom: 1px solid #d5d5d5;}
    .checkbox-group label:nth-of-type(8){border-right: 0; border-bottom: 1px solid #d5d5d5;}
    .checkbox-group label:nth-of-type(6){border-right: 1px solid #d5d5d5;}
.radio{font-size: 16px;}
.radio input[type="radio"]{width: 18px; height: 18px;}
.radio-group{flex-direction: column; gap:0;}
.participant input[type=text]{width: 20% !important;}
    .participant input[type=tel]{width: 60% !important;}
    #participants label p{font-size: 13.5px; margin-left: 8px;}
#participants label{font-size: 16px; margin-bottom: 18px;}
#prevtxt{font-size: 16px;}
.prevtxt{font-size: 15px}
.submit-btn{font-size: 18px; width: 280px;}
    .board_write{margin-top: 100px;}
    .form-section{padding-bottom: 180px;}
    .member_write .board_btn{text-align: center; padding-bottom: 0; padding-top: 30px;}
/* 예약조회*/
    #reservationCheckForm h3{font-size: 26px;}
    #reservationCheckForm p{font-size: 17px;}
    #reservationCheckForm .Check_wrap{padding: 30px 24px;}
    #reservationResult h4{font-size: 26px;}
    #reservationResult table th{font-size: 17px;}
    #reservationResult table td{font-size: 16px;}
    
/*게시판    */
    .notice_tab{font-size: 17px;}
    .btn_write{display: none;}
    .viewboard_btn{display: none;}
    .all_wrap::before{top: 74px;}
    .notice_wrap{flex-direction: column;}
    .notice_sub{margin-top: 0; text-align: center;}
    .notice_sub h1{font-size: 34px;}
    .notice_inner{width: 100%;}
    .member_form{position: relative; margin: 0 auto 200px;}
    .member_form form{display: flex; flex-direction: column-reverse;}
    .wrt_board dl dt b{font-size: 16px;}
    .boardBox{border-radius: 15px;}
    .boardBox table th{font-size: 17px;}
    .boardBox table td{font-size: 16px;}
    .view .viewCon{padding: 40px 25px 60px;}
    .view .subject{font-size: 20px;}
    .view .date{font-size: 15px;}
    .view_pn{flex-direction: column}
    .view_pn a{width: auto; padding: 15px 25px;}
    .view_pn a img{width: 20px;}
    .view_pn .prev_tit{font-size: 15px;}
    .view_prev{border-right: 0; border-bottom: 1px solid #d5d5d5;}
    
}
@media (max-width: 800px){
/*창업놀이터 */
    .guide_notice{flex-direction: column;}
    .guide_notice ul{width: calc(100% - 8%); margin-left: 0; border-radius: 0 0 20px 20px;}
    .guide_notice p{width: calc(100% - 8%); margin-left: 0; border-radius: 0 0 20px 20px;}
    .guide_notice h3{width: 100%;  height: 46px; line-height: 46px; border-radius: 20px 20px 0 0;}
/* 공간소개*/
    .area_con{gap: 60px 20px;}
    .area_l{flex-direction: column; gap:15px;}
    .area_l h3{margin-right: 0;}
    .area_con img{margin-bottom: 15px;}
    .area_con .area_img{ width: calc(50% - 10px);}
    .area_con .area_img:nth-of-type(2) img{border-radius: 0 25px 25px 0;}
    .area_con .area_img:nth-of-type(3) img{border-radius: 25px 0 0 25px;}
    
/* 멤버십   */
        .membership_account{width: 100%;}
    .membership_img{width: 100%; }
    
    
    .roombook_main::after{top: 50% !important;}
    .photo-module{ width: calc(50% - 10px);}
    .review-module{ width: calc(50% - 10px);}
}



/* 모바일 */
@media (max-width: 600px){
/*서브메인*/
     .main_right::before{
        top: 66px;
        width: 100%;
        height: 560px;
    }
    .main_right .main_r h4{ font-size: 14px;}
    .sub_main .main_wrap .main_l h1{font-size: 28px;}
    .main_right .main_r h1{font-size: 28px;}
    .main_right .main_r p{font-size: 17px;}
    .main_right .main_r p span{font-size: 15px;}
    .sub_main .main_wrap .main_l p{font-size: 17px;}
    .sub_main .main_wrap .main_r .main_img{height: auto;}
    .sub_page .main_r img{   animation: video 4s ease-out infinite;
        overflow: hidden; width: 100%; height: auto;
        box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);}
    .sub_main .main_wrap .main_r{    width: 90%;}
    .main_right .main_l{        width: 90%;
        height: auto;
        background: none;
        bottom: 18%;
        animation: none;
        right: 0;
              border-radius: 50px 0;
        left: auto;}
    .main_right .inner{margin: 120px auto 0;}
    .main_right .main_r{left: 15px; width: 90%;}
    .main_right .main_l .main_img{height: auto;}
    .main_right .main_l .main_img img{  animation: video 4s ease-out infinite;
        overflow: hidden; width: 100%; height: auto;
        box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);}
/*청년놀이터*/

    .ci{padding: 0 0 120px;}
    .ci_l{width: 48%;}
    .ci_r .about_txt span{font-size: 20px;}
    .ci_r .about_txt{font-size: 15.5px;}
    .ci_r a{font-size: 15px;}
    .ci_r a img{width: 13px; margin-left: 8px;}
    .contact{padding: 120px 0 0;}
    .contact h1{font-size: 22px; margin-bottom: 60px;}
    .contact_wrap{border-radius: 20px; flex-direction: column;}
    .con_con {  padding: 20px 25px;  width: calc(100% - 50px); }
    .con_r h3{font-size: 19px;}
    .con_r p{font-size: 17px;}
    .map{padding: 60px 0 120px;}
    .map_r{padding-top: 20px;}
    .map_r .map_con{margin: 60px 0;}
    .map_r .map_con:last-of-type{margin-bottom: 0;}
    .map_l{ left: -15px;}
    .map_r h2{font-size: 20px;}
    .map_r h3{font-size: 17px;}
    .map_r .map_con .map_fli{font-size: 16px;}
    .map_r .map_con li{font-size: 15px;}
    .map_r .map_con li i{font-size: 15px;}
/*창업놀이터 */
    .guide{padding: 120px 0;}
    .guide h2{font-size: 22px; margin-bottom: 60px;}
    .guide_notice h3{font-size: 18px;}
    .guide_notice ul{width: calc(100% - 10%); padding: 4% 5%;}
    .guide_notice p{width: calc(100% - 10%); padding: 4% 5%; font-size: 16px;}
    .guide_notice p b{  font-size: 18px;    display: block;   margin-bottom: 5px;}
    .guide_notice ul li{font-size: 16px;}
    .guide_notice ul li i{font-size: 15px; margin-right: 4px;}
    .company{padding: 200px 0 120px ;}
    .company h2{font-size: 22px; margin-bottom: 60px;}
    .company_wrap .comcon h3{font-size: 17px; padding: 15px 20px;     width: fit-content;}
    .company_wrap .comcon ul{font-size: 15.5px; padding: 20px}
    .company_wrap .comcon ul li b{width: 70px;}
    .company_wrap .comcon img{width: 100px; top: 1.5%;}
/*공간소개 */
    .area{padding: 120px 0;}
    .area2{border-radius: 0 0 0 80px;}
    .area h1{font-size: 22px;}
    .area h1{margin-bottom: 60px;}
    .area_l h3{font-size: 19px;}
    .area_l span{font-size: 17px;}
    .area_l p{font-size: 17px;}
    .area_img4 .area_col{flex-wrap: wrap;     width: 100%; border-radius: 15px;
    overflow: hidden;}
    .area_img4 .area_col img{ width: calc(50% - 5px);}
    .area_con img{margin-bottom: 0; border-radius: 0 !important;}
    .area_con {gap: 40px 10px;     flex-wrap: wrap;  }
    .area_con .area_img2 {  width: 100%;}
    .area_con .area_img2 img{border-radius: 15px !important;}
    .area_con .area_img:first-of-type img,
    .area_con .area_img:nth-of-type(3) img{ border-radius:  15px 0 0 15px !important;}
    .area_con .area_img:nth-of-type(2) img,
 .area_con .area_img:nth-of-type(4) img{ border-radius:  0 15px 15px 0 !important;}
    .area_con .area_img{width: calc(50% - 5px);}
    .area_con span{font-size: 15.5px; padding: 6px 15px; margin-top: 20px;}
    .area_wrap{margin-bottom: 100px;}
    .area_con .area_img3{width: 100%;}
    .area_img3 .area_col{border-radius: 15px; overflow: hidden;}
/*    프로그램*/
    #program1{padding-bottom: 120px; position: relative; top: -80px;}
    .pro_l{width: 100%;}
    .pro_r .pro_main h2{font-size: 17px;}
    .pro_r .pro_main h2 b{font-size: 22px;}
    .pro_r{margin-top: 50px;}
    .pro_r .pro_main p{font-size: 15px;}
    #program1 .member_notice h2{padding: 14px 20px;}
    #program1 .member_notice ul{padding: 4%; width: calc(100% - 8%)}
    #program1 .member_notice ul li{font-size: 15px;}
    .member_notice ul li span{font-size: 14px;}
    .pro_turn .pro_con{  width: calc(100% - 32px);    padding: 10px 16px;}
    .pro_turn > i{font-size: 16px !important;}
    
/*멤버십    */
    .membership_main{padding: 0 15px;}  
    .membership_account h3{font-size: 22px;}
    .membership_account h5{font-size: 16px;}
    .member_notice h2{font-size: 17px; height: 20px; line-height: 20px;}
    .member_notice ul {     width: calc(100% - 8%);    padding: 4%;}
    .membership_account{margin-top: 80px;}
    .member_notice ul li b{font-size: 15.5px;}
    .member_notice ul li i{font-size: 12px; width: 14px;}
    .member_notice ul li .pl20{padding-left: 0; font-size: 13.5px;}

     .mem_con{font-size: 15.5px;}
    .mem_con i{font-size: 24px;}
    .mem_turn .fa-chevron-right{font-size: 16px;}
    .mem_con p span{font-size: 13.5px;}
    .mem_turn{padding: 20px 5px;}
/*공간예약*/
.roombook_main::after {display: none;}    
.roombook .tabs {top: 67px;}
.roombook .tab {height: 40px; font-size: 16px; line-height: 40px;}
.roombook_account {width: 100%;}
.roombook_account p{width: fit-content; padding: 5px 12px; font-size: 15.5px;}
.roombook .tab p span {font-size: 16px; margin-right: 4px;}
.roombook_img{flex-direction: column; gap: 10px;}
.rb_bigimg { width: 100%;  margin-right: 0;  }
.rb_smimg{flex-direction: row; width: 100%; gap:10px;}
.rb_bigimg img {border-radius: 30px 30px 0 0;}
.rb_smimg img {border-radius: 0 0 20px 20px; width: calc(50% - 5px)}
.rb_smimg img:last-of-type{margin-top: 0;}
.roombook_main {padding: 100px 15px; background: #f4f4f4; border-radius: 0 0 50px 0;}
#reservationForm h1, #reservationForm2 h1, #reservationForm3 h1{font-size: 22px;}
.privacy_agreement {padding-top: 40px;}
.privacy_agreement h3 { font-size: 16px; }
#reservationForm{padding: 120px 15px 0;}
.p_a_wrap{padding: 18px; font-size: 14px;}
.scroll_area{height: 120px;}
.p_a_wrap h2{font-size: 15px; margin-bottom: 12px;}
.custom-checkbox .checkbox-mark{width: 36px; height: 36px;}
.custom-checkbox .checkbox-mark::after{font-size: 24px;}
.roombook{padding: 107px 0 0;}
.roombook_account h3{font-size: 24px;}
.roombook_account h5{font-size: 17px;}
.scroll_area{overflow: auto; height: 150px;}
.scroll_area::-webkit-scrollbar { width: 10px;}
    .p_a_wrap{padding: 15px 10px 15px 15px;}
    .form-group .nowarea{height: 37px; line-height: 37px; font-size: 15px;}
    .notice{padding: 25px 20px; margin: 50px 0; font-size: 15px;}
    .notice ul{ line-height: 1.4; gap: 15px;  display: flex;
    flex-direction: column;} 
    .notice span{font-size: 16px; margin-right: 3px;}
    .notice h3{margin-bottom: 15px;}
    .notice h3 img{width: 26px;}
    .form_wrap{padding: 25px 20px; flex-direction: column;}
    .form-group label {margin-bottom: 12px;}
    #prevtxt{font-size: 15px;}
    .radio{font-size: 15px; gap:0;}
    .form-group{padding: 20px 0;}
    .prevtxt{font-size: 14px;}
    .form_l{width: 100%;}
    .form_r{width: 100%;}
    .submit-btn{ width: 220px; font-size: 16px; margin: 26px auto;}
    .form-section{padding-bottom: 140px;}
    
    
/*예약조회*/
     #reservationCheckForm h3{font-size: 22px;}
     #reservationCheckForm p{font-size: 16px;}
     #reservationCheckForm .Check_wrap{padding: 25px 20px;}
    #reservationCheckForm{  padding: 120px 15px 200px;}
    #reservationResult{ padding: 120px 15px 200px;}
    #reservationResult h4{font-size: 24px; margin-bottom: 60px;}
    #reservationResult table th{font-size: 16px; padding: 16px 6px;}
    #reservationResult table td{  padding: 15px 6px;    font-size: 14.5px;}
    
    
    
/*게시판*/
    .review_tab{border-radius: 10px;}
    .review_tab a{width: calc(50% - 0.5px)}
    .notice_tab a:nth-of-type(2){border-right: 0;}
    .notice_tab a:nth-of-type(3){border-right: 1px solid #e5e5e5}
    .notice_tab a:nth-of-type(4){border-right: 0; border-bottom: 1px solid #e5e5e5;}
    .notice_tab{font-size: 16px;}
    .notice_tab a{padding: 10px 0;}
    .photo-module{  width: 100%;}
    .review-module{ width: 100%;}

    .page_num{margin: 0 6px;}
    .page_num a{width: 22px;height: 22px; line-height: 22px; font-size: 15px;margin: 0 2px;}
    .photoBox{gap:40px;}
    .photo-content{padding: 25px 15px;}
    .photo-content .subject{font-size: 15px;  height: auto;}
    .photo-content .date{font-size: 14px; margin-top: 25px;}
    .photo-content .writer{font-size: 14px; padding-top: 25px;}
    .page_prev img{width: 8px;}
    .page_next img{width: 8px;}
    .view{border-radius: 20px;}
    .view .title{padding: 35px 20px 30px;}
    .view .viewCon{padding: 30px 20px 50px; font-size: 15px;}
    .viewFile a{font-size: 14px;}
    .viewFile{margin: 0 20px 160px;}
    .view .subject{font-size: 17px;}
    .view .date{font-size: 14px;}
    .boardBox table colgroup{display: none;}
    .boardBox table thead{display: none;}
    .boardBox table tr{display: flex; flex-wrap: wrap;  border-bottom: 1px solid #d5d5d5; padding: 20px 12px;}
    .boardBox table tr:last-of-type{  border-bottom: 0;}
    .boardBox table th{display: none;}
    .boardBox table td{padding: 0; font-size: 13.5px; border-bottom: 0;}
    .boardBox table td.no{display: none;}
    .boardBox table td.subject{ padding: 0 0 10px 0; width: 100%; font-size: 14.5px; }
    .boardBox table td.writer{ margin-right: 10px;  }
    .boardBox table td.recruit{ color: #0079fa; padding-bottom: 5px;}
    .all_wrap::before { top: 67px; }
    .notice_wrap{padding: 200px 15px 0;}
    .notice_sub h1{font-size: 24px;}
    .sub_process{margin-top: 8px; font-size: 16px;}
    .board_write{margin-top: 60px;}
    .member_form{width: 100%;}
    .wrt_board dl dd{font-size: 14px;}
    .member_form .wrt_board{padding: 40px 20px; border-radius: 20px;}
        .wrt_board dl dt b{font-size: 15px;}
    .btn_make, .btn_edit{font-size: 16px;}
    .btn_cancle, .btn_home, .btn_remove{font-size: 16px;}
    #participants label p{font-size: 13.5px;}
   .form-group label p{font-size: 13.5px;}
    .view_pn a{padding: 15px 20px;}
    .view_pn a img{width: 16px;}
    .view_pn .prev_tit{font-size: 14px; white-space: nowrap;  display: inline-block;
  overflow: hidden;   text-overflow: ellipsis;  max-width: 260px;}
    .swiper-button-next{display: none !important;}
    .swiper-button-prev{display: none !important;}
}


@media (max-width: 450px){
    .company_wrap .comcon ul li{flex-direction: column; gap:5px;}
}