@charset "UTF-8";
/****************************************/
/*  Name : 인천대학교 가족회사지원센터
/*  PART : style
/*
/*  Summary: /* 파일 내용 */
/*  Main
/*  가족회사안내
/*  가족회사신청 및 조회
/*  기술·경영지원
/*  정부지원사업·교육지원
/*  가족회사활동
/*  가족회사협의체
/****************************************/

/* ********************************************************************************* *
/* Main
/* ********************************************************************************* */
.main_cont .main_title { margin-bottom: 30px; font-size: 36px; font-weight: 500; }

.main_cont1 { position: relative; background-color: #0a4a9b; }
.main_cont1:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 120px; height: 100%; background-color: #f3f3f3; }
.main_cont1 .inner { display: flex; justify-content: space-between; max-width: calc(100% - 240px); margin: 0 120px; padding: 70px 100px; padding-right: 140px; background-color: #f3f3f3; border-radius: 0 0 150px 0; }
.main_cont1 .visual_member { width: 100%; max-width: 900px; padding-right: 50px; overflow: hidden; } 
.main_cont1 .visual_btn_area { position: absolute; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; z-index: 1; }
.main_cont1 .visual_btn_area .swiper-wrapper { flex-direction: column; }
.main_cont1 .visual_btn_area .swiper-slide { flex-shrink: 1; }
.main_cont1 .visual_btn_area .btn_visual { display: block; width: 90px; height: 100%; padding: 30px 10px; background-color: #e6e6e6; border-bottom: 1px solid #fff; transition: background-color 0.2s; }
.main_cont1 .visual_btn_area .swiper-slide:last-child .btn_visual { border-bottom: 0; }
.main_cont1 .visual_btn_area .btn_visual > span { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #989797; font-size: 0; font-weight: 600; transition: color 0.2s; }
.main_cont1 .visual_btn_area .btn_visual > span em { margin-top: 10px; writing-mode: vertical-rl; font-size: 16px; text-orientation: sideways; }
.main_cont1 .visual_btn_area .btn_visual:hover,
.main_cont1 .visual_btn_area .swiper-slide-thumb-active .btn_visual { background-color: #0a4a9b; }
.main_cont1 .visual_btn_area .btn_visual:hover > span,
.main_cont1 .visual_btn_area .swiper-slide-thumb-active .btn_visual > span { color: #fff; }
.main_cont1 .visual_btn_area .swiper-btn-wrap { display: none; }
.main_cont1 .visual_cont_area { width: 100%; height: 100%; }
.main_cont1 .visual_cont_area .swiper-slide { opacity: 1 !important; }
.main_cont1 .visual_cont_area .visual_cont { display: none; }
.main_cont1 .visual_cont_area .swiper-slide-active .visual_cont { display: block; }
.main_cont1 .visual_cont_area .visual_title_area { align-items: flex-start; }
.main_cont1 .visual_title { font-size: 40px; font-weight: 600; letter-spacing: -1px; }
.main_cont1 .visual_title > p { margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #666; }
.main_cont1 .visual_title > span { font-size: 17px; font-weight: 400; }
.main_cont1 .visual_title > span em { margin-left: 5px; font-size: 22px; font-weight: 600; }
.main_cont1 .visual_cont_list { display: flex; flex-wrap: wrap; margin-top: 50px; }
.main_cont1 .visual_cont_list > li { width: calc((100% - (20px * 2)) / 3); margin-right: 20px; margin-top: 20px; }
.main_cont1 .visual_cont_list > li:nth-child(3n+3) { margin-right: 0; }
.main_cont1 .visual_cont_list > li:nth-child(-n+3) { margin-top: 0; }
.main_cont1 .visual_cont_list .item_box { display: flex; align-items: center; height: 100%; min-height: 125px; padding: 20px 30px; word-break: keep-all; background-color: #fff; border-radius: 100px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); }
.main_cont1 .visual_cont_list .item_img { flex-shrink: 0; display: block; width: 70px; padding-right: 10px; }
.main_cont1 .visual_cont_list .item_text { font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -1px; }
.main_cont1 .visual_bnr { flex-shrink: 0; width: 440px; }
.main_cont1 .visual_bnr .swiper { width: 100%; overflow: hidden; }
.main_cont1 .visual_bnr .swiper-slide { position: relative; border-radius: 30px; overflow: hidden; }
.main_cont1 .visual_bnr .swiper-slide .cm_btn { position: absolute; right: 0; bottom: 0; border-radius: 20px 0 0 0; }
.main_cont1 .visual_bnr .swiper-slide .img_area { position: relative; display: block; width: 100%; padding-top: 88.639%; }
.main_cont1 .visual_bnr .swiper-slide .img_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_cont1 .visual_bnr .swiper_btn_area { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_page_area { position: relative; display: flex; align-items: center; height: 20px; padding: 0 25px; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination { position: static; font-size: 0; transform: none; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-current { position: absolute; top: 0; left: 0; display: block; width: 25px; text-align: left; font-size: 16px; font-weight: 600; color: #333; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-total { position: absolute; top: 0; right: 0; display: block; width: 25px; text-align: right; font-size: 16px; font-weight: 500; color: #666; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-progress-bar { flex-shrink: 0; position: relative; display: block; width: 170px; height: 1px; background: #ccc; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-progress-bar .slide_progress-bar { position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #666; opacity: 0; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper-progress-bar.animate .slide_progress-bar { width: 100%; opacity: 1; transition: width linear; transition-delay: unset; transition-duration: 5s; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area { display: flex; align-items: center; height: 45px; margin-left: 30px; padding: 10px 20px; background-color: #fff; border-radius: 50px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-btn { display: block; width: 8px; height: 13px; margin-right: 20px; font-size: 0; background-repeat: no-repeat; background-size: 100%; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-prev { background: url(../../images/common/swiper_prev01.svg); }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-next { background: url(../../images/common/swiper_next01.svg); }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-pause { background: url(../../images/common/swiper_pause01.svg); }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-play { background: url(../../images/common/swiper_play01.svg); }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-ctrl .swiper-btn { display: none; margin: 0; }
.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area .swiper-ctrl .swiper-btn.active { display: block; }

.main_cont2 { padding: 40px 0; background-color: #0a4a9b; }
.main_cont2 .main_quick { display: flex; justify-content: space-between; }
.main_cont2 .main_quick .item_box { display: block; text-align: center; }
.main_cont2 .main_quick .item_img { display: inline-block; width: 130px; height: 130px; background-color: #1e65bf; border-radius: 100%; overflow: hidden; }
.main_cont2 .main_quick .item_title { margin-top: 15px; font-size: 18px; font-weight: 500; color: #fff; }

.main_cont3 { margin-top: 110px; background-color: #fff; }
.main_cont3 .inner { position: relative; padding: 0; }
.main_cont3 .family_swiper { position: relative; }
.main_cont3 .family_swiper .swiper { padding: 5px 10px 10px; overflow: hidden; }
.main_cont3 .family_swiper .swiper .swiper-slide { height: auto; }
.main_cont3 .family_swiper .item_box { position: relative; display: block; height: 100%; min-height: 320px; padding: 45px 40px 100px; border-radius: 20px; background-color: #fff; border: 3px solid #fff; box-shadow: 2px 3px 10px 0 rgba(0,0,0,0.1); transition: border-color 0.2s, border-radius 0.2s; }
.main_cont3 .family_swiper .item_label { position: absolute; top: -3px; right: -3px; left: -3px; display: flex; justify-content: flex-end; }
.main_cont3 .family_swiper .item_label > .label { width: 40px; height: 45px; margin-right: 5px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.main_cont3 .family_swiper .item_label > .label:last-child { margin-right: 0; }
.main_cont3 .family_swiper .item_label > .label.item_best { background-image: url(../../images/common/icon_best.svg); }
.main_cont3 .family_swiper .item_label > .label.item_platinum { background-image: url(../../images/common/icon_grade_p.svg); }
.main_cont3 .family_swiper .item_label > .label.item_gold { background-image: url(../../images/common/icon_grade_g.svg); }
.main_cont3 .family_swiper .item_label > .label.item_silver { background-image: url(../../images/common/icon_grade_s.svg); }
.main_cont3 .family_swiper .item_title { font-size: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.main_cont3 .family_swiper .item_text { display: block; height: calc((16px * 1.4) * 2); margin-top: 15px; color: #5a5a5a; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main_cont3 .family_swiper .item_info { margin-top: 35px; }
.main_cont3 .family_swiper .item_info > .cm_text_icon + .cm_text_icon { margin-top: 10px; }
.main_cont3 .family_swiper .item_logo { position: absolute; bottom: 30px; right: 40px; display: flex; align-items: flex-end; justify-content: flex-end; }
.main_cont3 .family_swiper .item_logo > img { width: auto; height: auto; max-width: 165px; max-height: 55px; }
.main_cont3 .family_swiper .swiper-btn { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; font-size: 0; background-repeat: no-repeat; background-size: 100%; border-radius: 100%; z-index: 1; }
.main_cont3 .family_swiper .swiper-button-disabled { display: none !important; }
.main_cont3 .family_swiper .swiper-prev { left: -25px; background-image: url(../../images/common/swiper_prev02.svg); }
.main_cont3 .family_swiper .swiper-next { right: -25px; background-image: url(../../images/common/swiper_next02.svg); }
.main_cont3 .family_swiper .item_box:hover { border-color: #fbb040; border-top-right-radius: 0; }
.main_cont3 .family_swiper .item_box:hover .item_title { text-decoration: underline; }
.main_cont3 .inner > .btn_more3 { position: absolute; right: 0; top: 0; }

.main_cont4 { position: relative; margin-top: 110px; padding-bottom: 120px; background: #333; background: linear-gradient(0deg, #333 50%, #fff 50%); z-index: 1; }
.main_cont4:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; background-color: #fff; z-index: -1; border-radius: 0 0 0 70px; }
.main_cont4 .inner { position: relative; padding: 0; }
.main_cont4 .main_comm { display: block; }
.main_cont4 .main_newletter { flex-shrink: 0; width: 350px; padding: 50px 60px; background-color: #538dec; border-radius: 20px; }
.main_cont4 .main_newletter .news_title { display: flex; align-items: center; justify-content: space-between; font-size: 24px; font-weight: 600; color: #fff; }
.main_cont4 .main_newletter .news_title:after { content: ''; display: block; width: 14px; height: 14px; background: url(../../images/common/icon_arr01.svg) no-repeat center / 100%; }
.main_cont4 .main_newletter .img_area { position: relative; width: 100%; margin-top: 25px; padding-top: 108.7%; }
.main_cont4 .main_newletter .img_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; border: 1px solid #fff;  }
.main_cont4 .main_newletter .name_area { display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; padding: 11px 20px 10px; font-size: 15px; font-weight: 500; text-align: center; background-color: #fff; border-radius: 50px; }
.main_cont4 .main_board { position: relative; width: 100%; z-index: 2; }
.main_cont4 .main_board .cm_tab { width: auto; margin-left: 230px; margin-top: -55px; }
.main_cont4 .main_board .main_board_tab .tab_cont { position: relative; }
.main_cont4 .main_board .main_board_tab .tab_cont > .btn_more3 { position: absolute; right: 0; top: -85px; }
.main_cont4 .main_board .main_board_tab { margin-top: 40px; }
.main_cont4 .main_board .cm_list1 .item_box { position: relative; border: 1px solid #ddd; }
.main_cont4 .main_board .cm_list1 .item_box:after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 3px solid #fbb040; border-radius: inherit; z-index: -1; }
.main_cont4 .main_board .cm_list1 .list_item .item_info { margin-top: 30px; }
.main_cont4 .main_board .cm_list1 .item_box:hover:after { z-index: 1; }

.main_cont5 { padding: 110px 0; background-color: #333; }
.main_cont5 .main_subscribe { display: flex; align-items: flex-start; }
.main_cont5 .main_title { flex-shrink: 0; color: #fff; font-weight: 500; }
.main_cont5 .main_title > p { margin-bottom: 7px; font-size: 22px; font-weight: 400; }
.main_cont5 .main_sub_form { width: 100%; padding-left: 110px; padding-top: 30px; }
.main_cont5 .main_sub_form .form_control { height: 60px; border-radius: 10px; }
.main_cont5 .main_sub_form .cm_btn { border-radius: 10px; }
.main_cont5 .main_sub_form .form_check { color: #fff; }

.main_contents .quick_count { position: fixed; top: 161px; right: 0; bottom: 0; width: 120px; padding: 0 12px; background-color:#333; z-index: 2; transition: transform 0.2s; }
.main_contents .quick_count .count_list .list_item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px 0; text-align: center; word-break: keep-all; border-bottom: 1px dashed #777; }
.main_contents .quick_count .count_list .list_item:last-child { border-bottom: 0; }
.main_contents .quick_count .count_list .list_item .item_title { font-size: 15px; color: #bdbdbd; }
.main_contents .quick_count .count_list .list_item .item_number { font-size: 16px; color: #f3f3f3; }
.main_contents .quick_count .count_list .list_item .item_number > .number { margin-right: 3px; font-size: 26px; color: #fcaf17; font-weight: 700; }
.main_contents .quick_count .btn_count { position: absolute; right: 100%; top: 25px; width: 25px; height: 50px; font-size: 0; border-radius: 5px 0 0 5px; background: #333 url(../../images/common/icon_arr12.svg) no-repeat center / 8px; }
.main_contents .quick_count.active { transform: translateX(100%); }
.main_contents .quick_count.active .btn_count { background: #333 url(../../images/common/icon_arr11.svg) no-repeat center / 8px; }

/* ********************************************************************************* *
/* 가족회사안내
/* ********************************************************************************* */
/* 인사말 */
.greeting_area { display: flex; word-break: keep-all; }
.greeting_area .text_area { padding-right: 80px; }
.greeting_area .text_area .gr_title1 { margin-bottom: 50px; font-size: 35px; }
.greeting_area .text_area .gr_title1 > span { font-weight: 600; }
.greeting_area .text_area .gr_title2 { margin-bottom: 15px; color: #999; font-weight: 500; }
.greeting_area .text_area .gr_text1 { line-height: 1.8; }
.greeting_area .text_area .gr_text1 > span { font-weight: 600; }
.greeting_area .img_area { flex-shrink: 0; width: 400px; padding-top: 55px; }
.greeting_area .img_area > .img1 { max-width: calc(100% * 15); }
.greeting_area .img_area .gr_sign { display: flex; align-items: center; justify-content: flex-end; margin-top: 80px; }
.greeting_area .img_area .gr_sign > img { margin-left: 20px; }

/* 프로그램 안내 */
.program_area .pro_item + .pro_item { margin-top: 60px; }
.program_area .pro_item { position: relative; display: flex; padding: 40px 80px; padding-right: 150px; word-break: keep-all; background-color: #fff; border-radius: 20px; border: 1px solid #f3f3f3; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.program_area .pro_item .img_area { flex-shrink: 0; display: block; width: 164px; height: 164px; background-color: #f3f3f3; border-radius: 100%; }
.program_area .pro_item .text_area { padding-left: 80px; }
.program_area .pro_item .item_title { margin-top: 10px; font-size: 26px; font-weight: 600; }
.program_area .pro_item .item_text { margin-top: 20px; font-size: 17px; line-height: 1.8; }
.program_area .pro_item .btn_area { position: absolute; bottom: -20px; right: 40px; width: auto; }
.program_area .pro_item .btn_more2 { min-width: 180px; }

/* 업무담당자 소개 */
.manager_area { position: relative; word-break: keep-all; z-index: 1; }
.manager_area .org_area .org_step { position: relative; text-align: center; }
.manager_area .org_area .org_item { position: relative; display: flex; align-items: center; justify-content: center; min-height: 70px; font-size: 18px; font-weight: 500; }
.manager_area .org_area .org_step:after,
.manager_area .org_area .org_item:after { content: ''; position: absolute; background-color: #ddd; z-index: -1; }
.manager_area .org_area .org_step1 { position: relative; }
.manager_area .org_area .org_step1 .org_item { width: 270px; margin: 0 auto; color: #fff; background-color: #0a4a9b; border-radius: 100px; }
.manager_area .org_area .org_step2 { position: relative; padding: 0 70px; padding-top: 5px; padding-bottom: 30px; }
.manager_area .org_area .org_step2:after { top: 0; left: 50%; width: 1px; height: 100%; }
.manager_area .org_area .org_step2 .org_item { width: 270px; margin-left: calc(50% + 200px); color: #0a4a9b; background-color: #fff; border: 4px solid #0a4a9b; border-radius: 100px; }
.manager_area .org_area .org_step2 .org_item:after { top: 50%; right: 100%; width: 204px; height: 1px; }
.manager_area .org_area .org_step3 { display: flex; padding-top: 40px; }
.manager_area .org_area .org_step3:after { top: 0; left: calc((((100% - (20px * 3)) / 4)) / 2); right: calc((((100% - (20px * 3)) / 4)) / 2); width: auto; height: 80%; background-color: transparent; border: 1px solid #ddd; border-bottom: 0; border-radius: 15px; }
.manager_area .org_area .org_step3 .org_item { flex-direction: column; width: 100%; margin-right: 20px; background-color: #f7f6f9; border: 1px solid #ddd; border-radius: 35px 35px 15px 15px; }
.manager_area .org_area .org_step3 .org_item:last-child { margin-right: 0; }
.manager_area .org_area .org_step3 .item_title { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: calc(100% + 2px); min-height: 70px; margin: -1px -1px 0; background-color: #e3f2fd; border: 1px solid #aecbf1; border-radius: 70px; }
.manager_area .org_area .org_step3 .item_text { padding: 20px 10px; font-size: 15px; }
.manager_area .org_area .org_step3 .item_name { display: block; margin-top: 5px; font-size: 20px; font-weight: 500; }
.manager_area .org_area { word-break: keep-all; }
.manager_area .work_area { margin-top: 80px; }

/* ********************************************************************************* *
/* 가족회사신청 및 조회
/* ********************************************************************************* */

/* 가족회사신청 및 조회 - 가족회사 현황 */
.family_detail .fm_head { display: flex; align-items: flex-start; }
.family_detail .fm_head .img_area { flex-shrink: 0; position: relative; width: 360px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.family_detail .fm_head .img_area:after { content: ''; display: block; padding-top: 91.67%; }
.family_detail .fm_head .img_area > img { position: absolute; top: 50%; left: 50%; max-width: 60%; max-height: 60%; transform: translate(-50%, -50%); }
.family_detail .fm_head .img_area .item_label { position: absolute; top: 0; right: 0; left: 0; display: flex; justify-content: flex-end; }
.family_detail .fm_head .img_area .item_label > .label { width: 40px; height: 45px; margin-right: 5px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.family_detail .fm_head .img_area .item_label > .label:last-child { margin-right: 0; }
.family_detail .fm_head .img_area .item_label > .label.item_best { background-image: url(../../images/common/icon_best.svg); }
.family_detail .fm_head .img_area .item_label > .label.item_platinum { background-image: url(../../images/common/icon_grade_p.svg); }
.family_detail .fm_head .img_area .item_label > .label.item_gold { background-image: url(../../images/common/icon_grade_g.svg); }
.family_detail .fm_head .img_area .item_label > .label.item_silver { background-image: url(../../images/common/icon_grade_s.svg); }
.family_detail .fm_head .info_area { width: 100%; padding-left: 80px; }
.family_detail .fm_head .info_title { display: flex; align-items: baseline; }
.family_detail .fm_head .info_title h4 { margin-left: 15px; }
.family_detail .fm_head .fm_title { padding: 10px 0 25px; font-size: 24px; font-weight: 500; }
.family_detail .fm_head .fm_overview { border-top: 1px solid #000; }
.family_detail .fm_head .fm_overview .fm_row { display: flex; border-bottom: 1px solid #ddd; }
.family_detail .fm_head .fm_overview .fm_row .fm_item { width: 100%; min-height: 90px; padding: 20px 35px; }
.family_detail .fm_head .fm_overview .fm_row .fm_item dt { font-size: 15px; color: #767676; }
.family_detail .fm_head .fm_overview .fm_row .fm_item dd { margin-top: 5px; }

/* 가족회사신청 및 조회 - 가족회사 통계 */
.statistics_area .graph_area { flex-shrink: 0; }
.statistics_area .graph_area .graph { flex-shrink: 0; display: block; width: 100%; height: 100%; margin: 0 auto; }
.statistics_area .graph_area .graph_legend { flex-shrink: 0; }
.statistics_area .graph_area .graph_legend .legend_title { margin-bottom: 25px; }
.statistics_area .graph_area .graph_legend .legend_item { display: flex; align-items: center; }
.statistics_area .graph_area .graph_legend .legend_item + .legend_item { margin-top: 10px; }
.statistics_area .graph_area .graph_legend .legend_item > i { flex-shrink: 0; display: block; width: 12px; height: 12px; margin-top: 1px; margin-right: 10px; background-color: #ddd; border-radius: 100%; }
.statistics_area .stis_box1 { display: flex; align-items: center; }
.statistics_area .stis_box1 .graph_area { display: flex; align-items: center; justify-content: space-around; width: 50%; padding-right: 30px; }
.statistics_area .stis_box1 .graph_area .graph { width: 230px; height: 240px; }
.statistics_area .stis_box2 .graph_area .graph { height: 300px; }

/* ********************************************************************************* *
/* 기술·경영지원
/* ********************************************************************************* */
/* 기술·경영지원 - INU 산학매칭지원 */
.maching_area .maching_text { margin-bottom: 35px; font-weight: 500; line-height: 1.6; word-break: keep-all; }
.maching_area .maching_text .text1 { font-size: 18px; }
.maching_area .maching_text .text2 { font-size: 26px; }
.maching_area .maching_cate_area { display: flex; flex-wrap: wrap; justify-content: center; margin: -10px; margin-bottom: 60px; }
.maching_area .maching_cate_area .item_cate { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 120px; margin: 10px; padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; transition: background-color 0.2s, border-color 0.2s; }
.maching_area .maching_cate_area .item_cate .icon_cate { display: block; width: 42px; height: 39px; background-repeat: no-repeat; background-position: center; background-size: contain; transition: background-image 0.1s; }
.maching_area .maching_cate_area .item_cate .title_cate { margin-top: 15px; text-align: center; font-weight: 500; line-height: 1; transition: color 0.2s; }
.maching_area .maching_cate_area .item_cate .title_cate_cnt {margin-top: 7px; font-size: 14px; }
.maching_area .maching_cate_area .item_cate:hover,
.maching_area .maching_cate_area .item_cate.on { background-color: #1565c0; border-color: #1565c0; }
.maching_area .maching_cate_area .item_cate:hover .title_cate,
.maching_area .maching_cate_area .item_cate.on .title_cate { color: #fff; font-weight: 600; }
.maching_area .maching_cate_area .item_cate1 .icon_cate { background-image: url(../../images/support_tech/img_maching01.svg); }
.maching_area .maching_cate_area .item_cate1:hover .icon_cate,
.maching_area .maching_cate_area .item_cate1.on .icon_cate { background-image: url(../../images/support_tech/img_maching01_on.svg); }
.maching_area .maching_cate_area .item_cate2 .icon_cate { background-image: url(../../images/support_tech/img_maching02.svg); }
.maching_area .maching_cate_area .item_cate2:hover .icon_cate,
.maching_area .maching_cate_area .item_cate2.on .icon_cate { background-image: url(../../images/support_tech/img_maching02_on.svg); }
.maching_area .maching_cate_area .item_cate3 .icon_cate { background-image: url(../../images/support_tech/img_maching03.svg); }
.maching_area .maching_cate_area .item_cate3:hover .icon_cate,
.maching_area .maching_cate_area .item_cate3.on .icon_cate { background-image: url(../../images/support_tech/img_maching03_on.svg); }
.maching_area .maching_cate_area .item_cate4 .icon_cate { background-image: url(../../images/support_tech/img_maching04.svg); }
.maching_area .maching_cate_area .item_cate4:hover .icon_cate,
.maching_area .maching_cate_area .item_cate4.on .icon_cate { background-image: url(../../images/support_tech/img_maching04_on.svg); }
.maching_area .maching_cate_area .item_cate5 .icon_cate { background-image: url(../../images/support_tech/img_maching05.svg); }
.maching_area .maching_cate_area .item_cate5:hover .icon_cate,
.maching_area .maching_cate_area .item_cate5.on .icon_cate { background-image: url(../../images/support_tech/img_maching05_on.svg); }
.maching_area .maching_cate_area .item_cate6 .icon_cate { background-image: url(../../images/support_tech/img_maching06.svg); }
.maching_area .maching_cate_area .item_cate6:hover .icon_cate,
.maching_area .maching_cate_area .item_cate6.on .icon_cate { background-image: url(../../images/support_tech/img_maching06_on.svg); }
.maching_area .maching_cate_area .item_cate7 .icon_cate { background-image: url(../../images/support_tech/img_maching07.svg); }
.maching_area .maching_cate_area .item_cate7:hover .icon_cate,
.maching_area .maching_cate_area .item_cate7.on .icon_cate { background-image: url(../../images/support_tech/img_maching07_on.svg); }
.maching_area .maching_cate_area .item_cate8 .icon_cate { background-image: url(../../images/support_tech/img_maching08.svg); }
.maching_area .maching_cate_area .item_cate8:hover .icon_cate,
.maching_area .maching_cate_area .item_cate8.on .icon_cate { background-image: url(../../images/support_tech/img_maching08_on.svg); }

/* 기술·경영지원 - 애로기술컨설팅 - 상담안내 */
.consulting_info .box_list { display: flex; flex-wrap: wrap; }
.consulting_info .box_list .cm_box2 { display: flex; align-items: center; width: calc((100% - 40px) / 2); margin-right: 40px; margin-top: 40px; }
.consulting_info .box_list .cm_box2:nth-child(2n+2) { margin-right: 0; }
.consulting_info .box_list .cm_box2:nth-child(-n+2) { margin-top: 0; }
.consulting_info .box_list .cm_box2 dt { flex-shrink: 0; width: 170px; padding-right: 50px; text-align: center; font-size: 18px; font-weight: 500; }
.consulting_info .box_list .cm_box2 dt img { max-width: 40px; }
.consulting_info .box_list .cm_box2 dt p { margin-top: 15px; }
.consulting_info .box_list .cm_box2 dd { padding: 0 50px; line-height: 1.8; border-left: 1px solid #ddd; }
.consulting_info .box_list .cm_box2 dd p { display: flex; }
.consulting_info .box_list .cm_box2 dd span { flex-shrink: 0; width: 30px; font-weight: 500; }

/* 인천대학교 가족회사 신청 모달 */
.modal_membershipFam .modal_body { background-color: #f3f3f3; }
.modal_membershipFam .text1 { font-size: 26px; font-weight: 500; text-align: center; }
.modal_membershipFam .text2 { margin-top: 10px; font-size: 18px; text-align: center; }
.modal_membershipFam .membership_cont_list { display: flex; flex-wrap: wrap; margin-top: 40px; padding: 0 30px; }
.modal_membershipFam .membership_cont_list > li { width: calc((100% - (20px * 2)) / 3); margin-right: 20px; margin-top: 20px; }
.modal_membershipFam .membership_cont_list > li:nth-child(3n+3) { margin-right: 0; }
.modal_membershipFam .membership_cont_list > li:nth-child(-n+3) { margin-top: 0; }
.modal_membershipFam .membership_cont_list .item_box { display: flex; align-items: center; height: 100%; min-height: 125px; padding: 20px 40px; word-break: keep-all; background-color: #fff; border-radius: 100px; box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.1); }
.modal_membershipFam .membership_cont_list .item_img { flex-shrink: 0; display: block; width: 65px; padding-right: 13px; }
.modal_membershipFam .membership_cont_list .item_text { font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -1px; }

/* 기술·경영지원 - 특허/기술이전 */
.intellectual_property .chart_title1 { display: flex; align-items: center; justify-content: center; width: 184px; height: 184px; margin: 0 auto; margin-bottom: 40px; border-radius: 100%; background-color: #fff; border: 4px solid #fbae16; box-shadow: 0 0 50px 5px rgba(252, 175, 23, 0.3); color: #1565c0; font-weight: bold; font-size: 20px; }
.intellectual_property .chart_title2 { display: flex; position: relative; align-items: center; justify-content: center; width: 50%; height: 100px; margin: 0 auto; margin-bottom: 40px; border-radius: 15px; background-color: #0d47a1; color: #fff; font-weight: 600; font-size: 18px; }
.intellectual_property .chart_title2:before { display: block; z-index: -1; position: absolute; top: 100%; left: 50%; width: 1px; height: 40px; background-color: #ddd; content: ""; }
.intellectual_property .chart_title3 { display: flex; align-items: center; justify-content: center; height: 55px; border-radius: 10px; background-color: #d5efff; color: #1565c0; font-weight: 600; }
.intellectual_property .chart_desc3 { padding: 25px 0; padding-bottom: 15px; line-height: 1.7; text-align: center; }
.intellectual_property .chart_depth1 { position: relative; }
.intellectual_property .chart_depth1:before { display: block; z-index: -1; position: absolute; top: 0; left: 50%; width: 1px; height: 275px; background-color: #ddd; content: ""; }
.intellectual_property .chart_depth2 { display: flex; position: relative; flex-wrap: wrap; justify-content: center; margin: 0 -40px; }
.intellectual_property .chart_depth2:before { display: block; z-index: -1; position: absolute; top: 50px; right: 25%; left: 25%; height: 1px; background-color: #ddd; content: ""; }
.intellectual_property .chart_depth2 > li { width: 50%; padding: 0 40px; }
.intellectual_property .chart_depth3 { display: flex; position: relative; flex-wrap: wrap; justify-content: center; margin: -10px; }
.intellectual_property .chart_depth3::before { display: block; position: absolute; top: 10px; right: 25%; left: 25%; height: 1px; background-color: #ddd; content: ""; }
.intellectual_property .chart_depth3 > li { width: 50%; padding: 10px; }
.intellectual_property .chart_depth3_box_wrap { position: relative; margin-top: 40px; }
.intellectual_property .chart_depth3_box_wrap:before { display: block; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 40px; background-color: #ddd; content: ""; }
.intellectual_property .chart_depth3_box { margin-bottom: 20px; padding: 10px; border-radius: 15px; background-color: #fff; box-shadow: 0 5px 10px 0 rgba(7, 0, 2, 0.2); }

/* ********************************************************************************* *
/* 정부지원사업·교육지원
/* ********************************************************************************* */

/* ********************************************************************************* *
/* 가족회사활동
/* ********************************************************************************* */
/* 뉴스레터 */
.newsletter_area { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.newsletter_area .newsletter_head { display: flex; align-items: center; justify-content: space-between; height: 130px; padding: 40px; border-bottom: 1px solid #ddd; }
.newsletter_area .newsletter_head .text_val { font-size: 20px; font-weight: 500; }
.newsletter_area .newsletter_head .text_date { font-size: 20px; }
.newsletter_area .newsletter_body { padding: 40px; background-color: #edeef1; }
.newsletter_area .newsletter_body .news_box { padding: 40px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); overflow: hidden; }
.newsletter_area .newsletter_body .news_box + .news_box { margin-top: 35px; }
.newsletter_area .newsletter_body .list_box + .list_box { margin-top: 35px; }
.newsletter_area .newsletter_body .list_box .item_box { display: flex; align-items: flex-start; padding: 30px 0; border-bottom: 1px solid #ddd; }
.newsletter_area .newsletter_body .list_box .list_item:first-child .item_box { padding-top: 0; }
.newsletter_area .newsletter_body .list_box .list_item:last-child .item_box { padding-bottom: 0; border-bottom: 0; }
.newsletter_area .newsletter_body .list_box .thumb_area { flex-shrink: 0; position: relative; width: 410px; overflow: hidden; }
.newsletter_area .newsletter_body .list_box .thumb_area .thumb_box { position: relative; width: 100%; }
.newsletter_area .newsletter_body .list_box .thumb_area .thumb_box:after { content: ''; display: block; width: 100%; padding-top: 51.22%; }
.newsletter_area .newsletter_body .list_box .thumb_area .thumb_box .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.newsletter_area .newsletter_body .list_box .thumb_area.media:after { content: ''; position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px; background: url(../../images/common/icon_media.svg) no-repeat center / 100%; }
.newsletter_area .newsletter_body .list_box .desc_area { position: relative; width: calc(100% - 410px); padding-left: 50px; padding-top: 5px; padding-right: 150px; }
.newsletter_area .newsletter_body .list_box .item_cate { font-weight: 600; }
.newsletter_area .newsletter_body .list_box .item_cate.type1 { color: #1565c0; }
.newsletter_area .newsletter_body .list_box .item_cate.type2 { color: #8e15c0; }
.newsletter_area .newsletter_body .list_box .item_title { height: calc((20px * 1.4) * 2); margin-top: 15px; line-height: 1.4; font-size: 20px; font-weight: 500; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.newsletter_area .newsletter_body .list_box .item_text { height: calc((16px * 1.6) * 3); margin-top: 25px; line-height: 1.6; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newsletter_area .newsletter_body .list_box .btn_area { position: absolute; bottom: 0; right: 0; width: 150px; }
.newsletter_area .newsletter_body .list_box .list_item:hover .thumb_area .thumb_box .thumb { transform: scale(1.05) rotate(-0.001deg); }
.newsletter_area .newsletter_body .list_box .list_item:hover .item_title { text-decoration: underline; }
.newsletter_area .newsletter_body .fam_list .fam_title { display: flex; align-items: center; justify-content: center; text-align: center; height: 60px; margin: -40px -40px 40px; padding: 10px; font-size: 18px; font-weight: 500; color: #1e64bd; background-color: #f6f9ff; }
.newsletter_area .newsletter_body .fam_list .fam_swiper { position: relative; padding: 0 30px; }
.newsletter_area .newsletter_body .fam_list .fam_swiper .swiper { overflow: hidden; }
.newsletter_area .newsletter_body .fam_list .swiper-slide { display: flex; flex-direction: column; height: auto; }
.newsletter_area .newsletter_body .fam_list .thumb_logo { display: flex; align-items: center; justify-content: center; height: 100%; }
.newsletter_area .newsletter_body .fam_list .thumb_logo .thumb { max-width: 70%; transition: transform 0.4s; }
.newsletter_area .newsletter_body .fam_list .btn_area { flex-shrink: 0; margin-top: 25px; }
.newsletter_area .newsletter_body .fam_list .swiper-btn { position: absolute; top: 50%; width: 12px; height: 22px; margin-top: -11px; font-size: 0; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.newsletter_area .newsletter_body .fam_list .swiper-btn.swiper-button-disabled { display: none; }
.newsletter_area .newsletter_body .fam_list .swiper-prev { left: 0; background-image: url(../../images/common/pg_prev.svg); }
.newsletter_area .newsletter_body .fam_list .swiper-next { right: 0; background-image: url(../../images/common/pg_next.svg); }
.newsletter_area .newsletter_body .fam_list .swiper-slide:hover .thumb_logo .thumb { transform: translateY(-5px); }
.newsletter_area .newsletter_body .etc_area { display: flex; justify-content: space-between; margin-top: 40px; }
.newsletter_area .newsletter_body .etc_area .etc_box { position: relative; display: flex; align-items: center; width: 100%; min-height: 110px; padding: 20px 50px; border-radius: 20px; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1); }
.newsletter_area .newsletter_body .etc_area .etc_text { font-size: 18px; line-height: 1.6; font-weight: 500; color: #fff; }
.newsletter_area .newsletter_body .etc_area .etc_text > span { font-weight: 600; }
.newsletter_area .newsletter_body .etc_area .etc_text > img { vertical-align: baseline; margin-left: 10px; }
.newsletter_area .newsletter_body .etc_area .etc_img { position: absolute; bottom: 0; right: 0; }
.newsletter_area .newsletter_body .etc_area .etc_box1 { margin-right: 30px; background-color: #0a4a9b; }
.newsletter_area .newsletter_body .etc_area .etc_box1 .etc_text > span { color: #6ebfff; }
.newsletter_area .newsletter_body .etc_area .etc_box2 { background-color: #333; }
.newsletter_area .newsletter_body .etc_area .etc_box2 .etc_text > span { color: #fcaf17; }
.newsletter_area .newsletter_foot { display: flex; align-items: center; padding: 30px 0; border-top: 1px solid #ddd; }
.newsletter_area .newsletter_foot .logo_area { display: flex; align-items: center; justify-content: center; width: 200px; }
.newsletter_area .newsletter_foot .info_area { padding-left: 10px; }
.newsletter_area .newsletter_foot .info_area .copyright { margin-top: 10px; font-size: 15px; color: #7e7e7e; font-weight: 500; }
.newsletter_area .newsletter_foot .info_area .refusal { margin-top: 25px; font-size: 15px; }
.newsletter_area .newsletter_foot .info_area .refusal > a { font-weight: 600; }

.modal_refusal .modal_cont { text-align: center; }
.modal_refusal .modal_cont > p { margin-top: 25px; font-size: 18px; line-height: 1.6; }
.modal_refusal .modal_cont > a { display: inline-block; margin-top: 30px; padding: 13px 35px; background-color: #eaeaea; border-radius: 50px; }

.newsletter_detail .cm_board_view .board_view_head { position: relative; padding-right: 144px; text-align: left; border-top-width: 1px; }
.newsletter_detail .cm_board_view .board_view_head .view_cate { font-weight: 600; }
.newsletter_detail .cm_board_view .board_view_head .view_cate.type1 { color: #1565c0; }
.newsletter_detail .cm_board_view .board_view_head .view_cate.type2 { color: #8e15c0; }
.newsletter_detail .cm_board_view .board_view_head .view_title { justify-content: flex-start; margin-top: 10px; }
.newsletter_detail .cm_board_view .board_view_head .view_val { position: absolute; top: 50%; right: 25px; display: flex; align-items: center; justify-content: center; width: 94px; height: 94px; margin-top: -47px; padding: 10px; font-weight: 500; color: #fff; background-color: #3473c5; border-radius: 100%; }

/* 비밀번호 입력 모달 */
.modal_password .modal_cont { text-align: center; font-size: 18px; }
.modal_password img { margin-bottom: 25px; }
.modal_password .form_control { max-width: 340px; margin-top: 30px; }
.modal_password .btn_area { margin-top: 30px; }

/* ********************************************************************************* *
/* 가족회사협의체
/* ********************************************************************************* */
/* 가족회사협의체 - 협의체소개 */
.council_info_area .composition_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.council_info_area .composition_list .comp_item { display: flex; padding: 40px 0; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.council_info_area .composition_list .comp_item .img_area { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; text-align: center; font-size: 18px; font-weight: 500; }
.council_info_area .composition_list .comp_item .img_area p { margin-top: 10px; }
.council_info_area .composition_list .comp_item .text_area { display: flex; align-items: center; width: 100%; padding: 0 35px; word-break: keep-all; line-height: 1.5; border-left: 1px solid #ddd; }

/* 가족회사협의체 - 협의체 회장단 */
.presidency_area .pres_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.presidency_area .pres_list .list_item { padding: 40px; word-break: keep-all; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.presidency_area .pres_list .list_item .item_profile { display: flex; align-items: flex-start; }
.presidency_area .pres_list .list_item .item_photo { flex-shrink: 0; position: relative; width: 150px; overflow: hidden; border-radius: 10px; background: #ededed url(../../images/council/img_photo.svg) no-repeat center / contain; }
.presidency_area .pres_list .list_item .item_photo:after { content: ''; display: block; width: 100%; padding-top: 100%; }
.presidency_area .pres_list .list_item .item_photo > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.presidency_area .pres_list .list_item .item_desc { width: 100%; padding-left: 40px; }
.presidency_area .pres_list .list_item .item_name { margin-bottom: 25px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.presidency_area .pres_list .list_item .item_name > span { font-size: 22px; font-weight: 600; }
.presidency_area .pres_list .list_item .item_etc { display: flex; flex-wrap: wrap; line-height: 1.5; }
.presidency_area .pres_list .list_item .item_etc dt { flex-shrink: 0; width: 85px; margin-top: 10px; font-size: 15px; color: #767676; }
.presidency_area .pres_list .list_item .item_etc dd { width: calc(100% - 85px); margin-top: 10px; font-weight: 500; }
.presidency_area .pres_list .list_item .item_etc dt:nth-of-type(1),
.presidency_area .pres_list .list_item .item_etc dd:nth-of-type(1) { margin-top: 0; }
.presidency_area .pres_list .list_item .item_info { margin-top: 35px; }
.presidency_area .pres_list .list_item .item_info .item_etc dt { width: 100px; }
.presidency_area .pres_list .list_item .item_info .item_etc dd { width: calc(100% - 100px); }

/* 가족회사협의체 - 협의체 전문위원 */
.expert_area .expert_list { display: grid; grid-template-columns: repeat(4, minmax(250px, 250px)); gap: 50px calc((100% - (250px * 4)) / 3); }
.expert_area .expert_list .list_item { padding: 40px; word-break: keep-all; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.expert_area .expert_list .list_item .item_photo { flex-shrink: 0; position: relative; width: 100%; overflow: hidden; border-radius: 10px; background: #ededed url(../../images/council/img_photo.svg) no-repeat center / contain; }
.expert_area .expert_list .list_item .item_photo:after { content: ''; display: block; width: 100%; padding-top: 100%; }
.expert_area .expert_list .list_item .item_photo > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.expert_area .expert_list .list_item .item_desc { width: 100%; margin-top: 30px; text-align: center; }
.expert_area .expert_list .list_item .item_name { font-size: 22px; font-weight: 600; }
.expert_area .expert_list .list_item .item_com { margin-top: 15px; color: #767676; }

/* ********************************************************************************* *
/* max-wdith: 1440px
/* ********************************************************************************* */

@media screen and (max-width: 1800px){
	/* common */
	.inner { padding: 0 40px; }

	/* header */
	.header .inner { padding: 0 40px; }
	.header .gnb_area { padding-left: 36px; }
	.header .gnb_area .gnb_depth1 > li { padding: 0 18px; }
	.header .gnb_area .gnb_depth1 > li > a { font-size: 17px; letter-spacing: -1px; }
	.header .gnb_area .gnb_depth2 { padding-left: 18px; }
	.header .gnb_area .gnb_depth2 > li > a { font-size: 15px; letter-spacing: -1px; word-break: keep-all; }
	.header .header_bg { background-position: left 40px top 50px; background-size: 300px; }

	/* 브레드크럼 */
	.breadcrumb .inner { padding: 20px 40px; }

	/* main */
	.main_cont1 .inner { padding: 70px 30px; padding-right: 70px; }
	.main_cont1 .visual_member { margin-bottom: -30px; padding-bottom: 30px; } 
	.main_cont1 .visual_cont_list .item_box { padding: 20px 25px; }
	.main_cont1 .visual_cont_list .item_img { width: 60px; }
	.main_cont1 .visual_cont_list .item_text { font-size: 17px; }
}
@media screen and (max-width: 1440px){
	/* header */
	.header .gnb_area { padding-left: 30px; }
	.header .gnb_area .gnb_depth1 > li { padding: 0 15px; }
	.header .gnb_area .gnb_depth1 > li > a { font-size: 16px; }
	.header .gnb_area .gnb_depth2 { padding-left: 15px; }
	.header .head_utill_area { width: 100px; }
	.header .head_utill_area .utill_area .btn_utill { padding: 10px 0; font-size: 14px; }
	.header .header_bg { background-size: 250px; }
	.header .header_bg:after { width: 100px; }
	
	/* footer */
	.footer .btn_top { width: 100px; height: 100px; }

	/* 방문기록 */
	.history_area { bottom: 115px !important; right: 10px !important; }

	/* 브레드크럼 */
	.breadcrumb .inner { height: 90px; }

	/* sub title */
	.sub_title { margin: 50px 0; }
	.sub_title h2 { font-size: 28px; }

	/* main */
	.main_cont .main_title { font-size: 34px; }
	.main_cont1 .inner { max-width: calc(100% - 200px); margin: 0 100px; padding-right: 50px; }
	.main_cont1 .visual_title { font-size: 34px; }
	.main_cont1 .visual_title > span { display: block; margin-top: 10px; }
	.main_cont1 .visual_title > span em { font-size: 20px; }
	.main_cont1 .visual_cont_list > li { width: calc((100% - 20px) / 2); }
	.main_cont1 .visual_cont_list > li:nth-child(3n+3) { margin-right: 20px; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+3) { margin-top: 20px; }
	.main_cont1 .visual_cont_list > li:nth-child(2n+2) { margin-right: 0; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+2) { margin-top: 0; }
	.main_cont1 .visual_cont_list .item_box { min-height: 85px; padding: 20px 35px; }
	.main_cont1 .visual_cont_list .item_text { font-size: 16px; }
	.main_cont2 .main_quick { padding: 0 40px; }
	.main_cont3 .inner { padding: 0 40px; }
	.main_cont3 .inner > .btn_more3 { right: 40px; top: 5px; }
	.main_cont4 .inner { padding: 0 40px; }

	.main_contents .quick_count { width: 100px; padding: 0 10px; }
	.main_contents .quick_count .count_list .list_item { padding: 11px 0; }
	.main_contents .quick_count .count_list .list_item .item_title { font-size: 14px; }
	.main_contents .quick_count .count_list .list_item .item_number { font-size: 15px; }
	.main_contents .quick_count .count_list .list_item .item_number > .number { font-size: 24px; }
}

/* ********************************************************************************* *
/* max-wdith: 1280px
/* ********************************************************************************* */
@media screen and (max-width: 1280px){
	/* common */
	.inner { padding: 0 30px; }

	/* text */
	.cm_text22 { font-size: 21px; }
	.cm_text20 { font-size: 19px; }
	.cm_text18 { font-size: 17px; }
	.cm_text17 { font-size: 16px; }
	.cm_text16 { font-size: 15px; }
	.cm_text15 { font-size: 14px; }
	.cm_text14 { font-size: 13px; }
	.cm_text13 { font-size: 12px; }
	.cm_text12 { font-size: 11px; }

	/* 분리 텍스트 */
	.cm_slash .slash_item { font-size: 15px;; }
	.cm_slash .slash_item:after { height: 12px; }

	/* label */
	.cm_label { height: 32px; font-size: 14px; }
	.icon_new { width: 22px; height: 22px; font-size: 12px; }
	.cm_label_noti { min-width: 60px; height: 32px; padding: 5px 13px; font-size: 15px; }
	.cm_label_number { min-width: 0; padding: 0; }

	/* tag list */
	.cm_tag .tag_item { height: 32px; font-size: 14px; }

	/* check/radio */
	.form_check2 input + .form_label { height: 42px; padding: 10px 25px; }

	/* 파일 */
	.form_file_list li:before { width: calc(16px * 0.9); margin-top: 0; }
	.form_file_list .btn_area .btn_delete { margin-top: 2px; }

	/* 탭 스타일1 */
	.cm_tab1 .btn_tab { font-size: 17px; }
	.cm_tab1 .btn_tab > a:before { width: 8px; height: 8px; margin-top: -4px; }
	
	/* 탭 스타일2 */
	.cm_tab2 .btn_tab > a { height: 42px; padding: 10px 25px; }

	/* 탭 스타일3 */
	.cm_tab3 { margin-bottom: 30px; }
	.cm_tab3 .btn_tab { margin-right: 30px; }
	.cm_tab3 .btn_tab > a { font-size: 16px; }

	/* 게시판 유틸 */
	.form_utill .utill_item:after { height: 12px; margin-top: -6px; }

	/* 게시판 스타일1 */
	.cm_board1 .item_box { min-height: 80px; }
	.cm_board1 .item_box > div { padding: 0 15px; }
	.cm_board1 .item_box .item_label { width: 92px; }
	.cm_board1 .item_box .item_number { width: 92px; }
	.cm_board1 .item_box .item_subject { font-size: 16px; }

	/* 페이징 */
	.cm_paging .pg_item { width: 40px; height: 40px; }
	.cm_paging .pg_ctrl { width: 30px; height: 40px; background-size: auto 16px; }
	
	.cm_paging2 .pg_item { font-size: 16px; background-size: 14px; }
	.cm_paging2 .pg_item span { font-size: 13px; }

	/* 목록 스타일1 */
	.cm_list1 .list_item .icon_new { top: 5px; }
	.cm_list1 .list_item .item_label { min-height: 32px; }
	
	/* 목록 스타일4 */
	.cm_list4 .list_item .item_label > .label { width: calc(40px * 0.8); height: calc(45px * 0.8);  }

	/* header */
	.header { border-bottom: 1px solid #ddd; }
	.header .inner { padding: 0 30px; }
	.header .head_btm { padding-right: 0; }
	.header .logo_area a.logo { width: calc(105px * 0.8); height: calc(29px * 0.8); }
	.header .logo_area a.logo_indigo { width: calc(105px * 0.8); height: calc(57px * 0.8); }
	.header .gnb_area { position: fixed; top: 162px; right: 0; bottom: 0; width: 100%; max-width: 400px; padding: 0; background-color: #f4f4f9; z-index: 2; overflow: hidden; transform: translateX(100%); transition: transform 0.5s; }
	.header .gnb_area .gnb { position: relative; }
	.header .gnb_area .gnb_depth1 { display: block; width: 200px; height: calc(100vh - 50px); padding: 25px 0; background-color: #fff; box-shadow: 5px 0 15px 0 rgba(0, 0, 0, 0.1); }
	.header .gnb_area .gnb_depth1 > li { position: static; padding: 0; }
	.header .gnb_area .gnb_depth1 > li > a { justify-content: flex-start; min-height: 50px; height: auto; padding: 10px 25px; font-size: 15px; }
	.header .gnb_area .gnb_depth1 > li > a:after { top: 0; right: auto; width: 5px; height: auto; transform: translate(-100%, 0); }
	.header .gnb_area .gnb_depth1 > li.on > a, 
	.header .gnb_area .gnb_depth1 > li:hover > a, 
	.header .gnb_area .gnb_depth1 > li:focus > a { background-color: #f4f4f9; }
	.header .gnb_area .gnb_depth1 > li.on > a:after, 
	.header .gnb_area .gnb_depth1 > li:hover > a:after, 
	.header .gnb_area .gnb_depth1 > li:focus > a:after { opacity: 1; transform: translate(0, 0); }
	.header .gnb_area .gnb_depth2 { top: 0; left: 200px; right: 0; bottom: 0; display: none; width: auto; height: auto !important; padding: 25px; background-color: #f4f4f9; box-shadow: inset 5px 0 15px 0 rgba(0, 0, 0, 0.1); }
	.header .gnb_area .gnb_depth1 > li:first-child .gnb_depth2 { padding: 25px; }
	.header .gnb_area .gnb_depth2 > li:first-child { margin: 0; }
	.header .gnb_area .gnb_depth1 > li.active .gnb_depth2 { display: block; z-index: 2; }
	.header .gnb_area .gnb_depth1 > li.on .gnb_depth2 { display: block; z-index: 1; }
	.header .head_utill_area { top: 50px; right: 0; width: auto; min-height: 0; padding-top: 0; background-color: transparent; }
	.header .btn_sitemap_area { position: absolute; right: 0; top: calc(100% + 1px); width: 110px; height: 110px; background-color: #fcaf17; }
	.header .head_utill_area .utill_area { width: auto; padding: 0; }
	.header .head_utill_area .utill_area .utill_inner { display: flex; align-items: center; height: 50px; }
	.header .head_utill_area .utill_area .btn_utill { flex-shrink: 0; margin: 0 15px; padding: 10px 15px; }
	.header .head_utill_area .utill_area .link_list .btn_utill { margin-left: 0; margin-right: 0; }
	.header .head_utill_area .utill_area .mypage_link { flex-shrink: 0; position: relative; }
	.header .head_utill_area .utill_area .mypage_link .link_list { position: absolute; top: 100%; left: -5px; width: calc(100% + 10px); background: #fff; border: 1px solid #eee; border-radius: 10px; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
	.header .header_bg { position: fixed; top: 162px; width: 100%; height: 100vh !important; background: rgba(0, 0, 0, 0.5); display: none; z-index: 1; }
	.header .header_bg:after { display: none; }
	.header.showSitemap .gnb_area { transform: translateX(0); }
	.header.showSitemap .header_bg { display: block; }

	/* footer */
	.footer { padding: 50px 0 80px; }
	.footer .foot_copy { font-size: 14px; }

	/* container */
	.container { min-height: calc(100vh - 231px); }
	.page_contents { padding-bottom: 120px; }

	/* 브레드크럼 */
	.breadcrumb .inner { height: 80px; padding: 15px 30px; }

	/* sub title */
	.sub_title h2 { font-size: 26px; }

	/* 문의 */
	.cm_contact .item_contact { padding: 10px 50px; }

	/* 정보 */
	.cm_overview .img_area { width: 400px; }
	.cm_overview .item_title > p { font-size: 24px; }

	/* 멤버등급 */
	.cm_member_use .item_use { padding: 17px 22px; }
	.cm_member_use .item_mark { width: 60px; height: 60px; }
	.cm_member_use .item_info { padding-left: 10px; font-size: 16px; }
	.cm_member_use .item_info .item_number { margin-top: 5px; font-size: 18px; }
	.cm_member_use .item_info .item_number > span { font-size: 27px; }
	
	/* 윈도우 팝업 */
	.window_popup_area .page_contents { padding: 40px 45px 60px; }
	
	/* Main */
	.main_cont .main_title { margin-bottom: 25px; font-size: 30px; }
	.main_cont1 { background-color: #f3f3f3; }
	.main_cont1:after { display: none; }
	.main_cont1 .inner { max-width: calc(100% - 60px); margin: 0 30px; padding: 130px 0 60px; border-radius: 0; }
	.main_cont1 .visual_btn_area { position: absolute; bottom: auto; flex-direction: row; width: 100%; height: 70px; }
	.main_cont1 .visual_btn_area .swiper-wrapper { flex-direction: row; }
	.main_cont1 .visual_btn_area .swiper-slide { flex-shrink: 0; }
	.main_cont1 .visual_btn_area .btn_visual { width: 100%; height: 100%; padding: 15px 30px; font-size: 18px; border: 0; background-color: #0a4a9b; }
	.main_cont1 .visual_btn_area .btn_visual > span { flex-direction: row; color: #fff; }
	.main_cont1 .visual_btn_area .btn_visual > span em { margin-top: 0; margin-left: 10px; writing-mode: unset; }
	.main_cont1 .visual_btn_area .swiper-btn-wrap { display: block; }
	.main_cont1 .visual_btn_area .swiper-btn-wrap .swiper-btn { position: absolute; top: 0; width: 70px; height: 70px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; background-size: 13px; z-index: 1; }
	.main_cont1 .visual_btn_area .swiper-btn-wrap .swiper-prev { left: 0; background-image: url(../../images/common/icon_arr08.svg); }
	.main_cont1 .visual_btn_area .swiper-btn-wrap .swiper-next { right: 0; background-image: url(../../images/common/icon_arr09.svg); }
	.main_cont1 .visual_title { font-size: 36px; }
	.main_cont1 .visual_title > p { font-size: 16px; }
	.main_cont1 .visual_title > span { font-size: 16px; }
	.main_cont1 .visual_title > span em { font-size: 20px; }
	.main_cont1 .visual_cont_list { margin-top: 30px; }
	.main_cont1 .visual_bnr { width: 390px; }
	.main_cont1 .visual_bnr .swiper_btn_area { margin-top: 25px; }
	.main_cont2 .main_quick .item_img { width: 110px; height: 110px; }
	.main_cont2 .main_quick .item_title { font-size: 17px; }
	.main_cont3 { margin-top: 80px; }
	.main_cont3 .inner { padding: 0 30px; }
	.main_cont3 .family_swiper .swiper { padding: 5px 10px 10px; }
	.main_cont3 .family_swiper .item_box { min-height: 270px; padding: 30px 30px 85px; }
	.main_cont3 .family_swiper .item_label > .label { width: calc(40px * 0.8); height: calc(45px * 0.8);  }
	.main_cont3 .family_swiper .item_title { font-size: 22px; max-height: calc((22px * 1.4) * 2); }
	.main_cont3 .family_swiper .item_text { height: calc((15px * 1.4) * 2); margin-top: 15px; }
	.main_cont3 .family_swiper .item_info { margin-top: 30px; }
	.main_cont3 .family_swiper .item_logo { bottom: 25px; right: 25px; height: 40px; }
	.main_cont3 .family_swiper .item_logo > img { max-width: 165px; max-height: 50px; }
	.main_cont3 .family_swiper .swiper-btn { width: 40px; height: 40px; margin-top: -20px; }
	.main_cont3 .family_swiper .swiper-prev { left: -20px; }
	.main_cont3 .family_swiper .swiper-next { right: -20px; }
	.main_cont3 .inner > .btn_more3 { right: 30px; }
	.main_cont4 { margin-top: 80px }
	.main_cont4 .inner { padding: 0 30px; }
	.main_cont4 .main_newletter { width: 300px; padding: 40px; }
	.main_cont4 .main_newletter .news_title { font-size: 22px; }
	.main_cont4 .main_newletter .name_area { padding: 10px 20px; font-size: 14px; }
	.main_cont4 .main_board .cm_tab { margin-left: 200px; margin-top: -50px; }
	.main_cont4 .main_board .main_board_tab .tab_cont > .btn_more3 { top: -75px; }
	.main_cont5 { padding: 80px 0; }
	.main_cont5 .main_title > p { font-size: 20px; }
	.main_cont5 .main_sub_form { padding-left: 70px; padding-top: 25px; }

	.main_contents .quick_count { width: 110px; }
	.main_contents .quick_count .btn_count { top: 70px; }

	/* 인사말 */
	.greeting_area .text_area .gr_title1 { font-size: 32px; }
	.greeting_area .img_area { padding-top: 45px; }

	/* 프로그램 안내 */
	.program_area .pro_item + .pro_item { margin-top: 50px; }
	.program_area .pro_item { padding: 40px 60px; padding-right: 100px; }
	.program_area .pro_item .img_area { width: 150px; height: 150px; }
	.program_area .pro_item .text_area { padding-left: 60px; }
	.program_area .pro_item .item_title { font-size: 24px; }
	.program_area .pro_item .item_text { font-size: 16px; }

	/* 업무담당자 소개 */
	.manager_area .org_area .org_step2 { padding: 0; padding-top: 10px; padding-bottom: 30px; }
	.manager_area .org_area .org_step2 .org_item { margin-left: calc(50% + 100px); }
	.manager_area .org_area .org_step2 .org_item:after { width: 104px; }

	/* 가족회사신청 및 조회 - 가족회사 현황 */
	.family_detail .fm_head .img_area { width: 300px; }
	.family_detail .fm_head .img_area .item_label > .label { width: calc(40px * 0.8); height: calc(45px * 0.8);  }
	.family_detail .fm_head .info_area { padding-left: 50px; }
	.family_detail .fm_head .fm_title { font-size: 22px; }
	.family_detail .fm_head .fm_overview .fm_row .fm_item { min-height: 85px; padding: 20px 25px; }

	/* 기술·경영지원 - INU 산학매칭지원 */
	.maching_area .maching_text { margin-bottom: 25px; }
	.maching_area .maching_text .text1 { font-size: 16px; }
	.maching_area .maching_text .text2 { font-size: 22px; }
	.maching_area .maching_cate_area { margin-bottom: 40px; }
	.maching_area .maching_cate_area .item_cate { width: 100px; padding: 17px; }
	.maching_area .maching_cate_area .item_cate .icon_cate { width: calc(42px * 0.9); height: calc(39px * 0.9); }
	.maching_area .maching_cate_area .item_cate .title_cate { margin-top: 12px; }

	/* 기술·경영지원 - 애로기술컨설팅 - 상담안내 */
	.consulting_info .box_list .cm_box2 dt { width: 110px; padding-right: 40px; font-size: 16px; }
	.consulting_info .box_list .cm_box2 dt p { margin-top: 12px; }
	.consulting_info .box_list .cm_box2 dd { padding: 0 40px; padding-right: 0; }

	/* 인천대학교 가족회사 신청 모달 */
	.modal_membershipFam .text1 { font-size: 22px; }
	.modal_membershipFam .text2 { font-size: 16px; }
	.modal_membershipFam .membership_cont_list { margin-top: 40px; padding: 0 20px; }
	.modal_membershipFam .membership_cont_list .item_box { min-height: 110px; padding: 20px 30px; }
	.modal_membershipFam .membership_cont_list .item_img { width: 65px; padding-right: 10px; }
	.modal_membershipFam .membership_cont_list .item_text { font-size: 16px; }
	
	/* 기술·경영지원 - 특허/기술이전 */
	.intellectual_property .chart_title1 { width: 165px; height: 165px; margin-bottom: 35px; font-size: 16px; }
	.intellectual_property .chart_title2 { height: 90px; margin-bottom: 35px; font-size: 16px; }
	.intellectual_property .chart_title2:before { height: 35px; }
	.intellectual_property .chart_title3 { height: 45px; }
	.intellectual_property .chart_desc3 { padding: 23px 0; padding-bottom: 13px; }
	.intellectual_property .chart_depth1:before { height: 250px; }
	.intellectual_property .chart_depth2 { margin: 0 -35px; }
	.intellectual_property .chart_depth2:before { top: 50px; }
	.intellectual_property .chart_depth2 > li { padding: 0 35px; }
	.intellectual_property .chart_depth3 { margin: -10px; }
	.intellectual_property .chart_depth3_box_wrap { position: relative; margin-top: 35px; }
	.intellectual_property .chart_depth3_box_wrap:before { height: 35px; }
	.intellectual_property .chart_depth3_box { margin-bottom: 18px; }

	/* 뉴스레터 */
	.newsletter_area .newsletter_body .list_box .thumb_area { width: 380px; }
	.newsletter_area .newsletter_body .list_box .desc_area { width: calc(100% - 380px); padding-left: 40px; padding-right: 130px; }
	.newsletter_area .newsletter_body .list_box .btn_area { width: 130px; }

	/* 가족회사협의체 - 협의체소개 */
	.council_info_area .composition_list { gap: 30px; }
	.council_info_area .composition_list .comp_item { padding: 35px 0; }
	.council_info_area .composition_list .comp_item .img_area { width: 160px; font-size: 16px; }
	.council_info_area .composition_list .comp_item .img_area img { width: 45px; }
	.council_info_area .composition_list .comp_item .text_area { padding: 0 30px; }

	/* 가족회사협의체 - 협의체 회장단 */
	.presidency_area .pres_list .list_item .item_desc { padding-left: 30px; }
	.presidency_area .pres_list .list_item .item_etc dt { width: 80px; }
	.presidency_area .pres_list .list_item .item_etc dd { width: calc(100% - 80px); }
	.presidency_area .pres_list .list_item .item_info .item_etc dt { width: 90px; }
	.presidency_area .pres_list .list_item .item_info .item_etc dd { width: calc(100% - 90px); }

	/* 가족회사협의체 - 협의체 전문위원 */
	.expert_area .expert_list { grid-template-columns: repeat(4, minmax(210px, 210px)); gap: 40px calc((100% - (210px * 4)) / 3); }
	.expert_area .expert_list .list_item { padding: 35px; }
}

/* ********************************************************************************* *
/* max-wdith: 1023px
/* ********************************************************************************* */
@media screen and (max-width: 1023px){
	/* common */
	.inner { padding: 0 20px; }
	.mo_block { display: inline-block !important; }

	/* 스크롤바 */
	::-webkit-scrollbar { width: 5px; height: 5px; }

	/* title */
	.cm_title1 { font-size: 20px; }
	.cm_title2 { font-size: 17px; }
	.cm_title2.bul { padding-left: 25px; }
	.cm_title2.bul:before { top: 4px; width: calc(21px * 0.75); height: calc(21px * 0.75); }
	.cm_title3 { margin-bottom: 12px; font-size: 16px; }
	.cm_title3.bul { padding-left: 25px; }
	.cm_title3.bul:before { width: calc(17px * 0.75); height: calc(17px * 0.75); }
	[class^="cm_title"] + .spacing_text { padding-left: 0; }

	/* text */
	.cm_text22 { font-size: 20px; }
	.cm_text20 { font-size: 18px; }
	.cm_text18 { font-size: 16px; }
	.cm_text17 { font-size: 15px; }
	.cm_text16 { font-size: 14px; }
	.cm_text15 { font-size: 13px; }
	.cm_text14 { font-size: 12px; }
	.cm_text13 { font-size: 11px; }
	.cm_text12 { font-size: 10px; }

	/* bul text */
	.cm_bul1 > *:before { top: 8px; }
	.cm_bul1 .text_justify { width: 55px; }
	.cm_bul_in > * { padding-left: 13px; font-size: 13px; }
	.cm_bul_in > *:before { top: 8px; width: 5px; }

	/* slash text */
	.cm_slash { margin: -5px -13px; }
	.cm_slash .slash_item { padding: 5px 13px; }
	.cm_slash .slash_item:after { height: 12px; }
	.cm_slash.small .slash_item { font-size: 13px; }
	.cm_slash.small .slash_item:after { height: 11px; }

	/* 박스 */
	.cm_box1 { padding: 25px 30px; }
	.cm_box2 { padding: 25px 30px; }

	/* btn */
	.btn_area .cm_btn { margin-right: 8px; }
	.btn_area.center .cm_btn { margin-right: 4px; margin-left: 4px; }
	.btn_area.right .cm_btn { margin-right: 0; margin-left: 8px; }
	.btn_area.between .btn_left .cm_btn { margin-right: 8px; }
	.btn_area.between .btn_right .cm_btn { margin-left: 8px; }

	.cm_btn { min-height: 45px; padding: 5px 20px; }
	.btn_sm { min-height: 30px; padding: 7px 15px; font-size: 14px; }
	.btn_lg { min-height: 50px; padding: 10px 30px; font-size: 16px; }
	.cm_btn_etc { min-height: 0; height: auto; padding: 0; background-color: transparent; border-color: transparent; }
	.cm_btn_icon { min-height: 0; font-size: 0; padding: 0; }

	.btn_reset > span:before,
	.btn_reset > span:after { width: calc(18px * 0.85); height: calc(18px * 0.85); margin-top: 1px; }
	.btn_more > span:before,
	.btn_more > span:after { width:calc(13px * 0.85); height: calc(13px * 0.85); margin-top: 1px; }
	.btn_more2 > span:before,
	.btn_more2 > span:after { width: calc(16px * 0.85); height: calc(16px * 0.85); margin-top: 1px; }
	.btn_more2.hover:hover > span:after { transform: none; }
	.btn_more3 { width: calc(30px * 0.8); height: calc(30px * 0.8); }
	.btn_more3 > span:before,
	.btn_more3 > span:after { width: calc(30px * 0.8); height: calc(30px * 0.8); }
	.btn_more3.hover:hover > span:before,
	.btn_more3.hover:hover > span:after { transform: none; }
	.btn_more4 > span:before,
	.btn_more4 > span:after { width: calc(11px * 0.8); height: calc(11px * 0.8); }
	.btn_more5 > span:before,
	.btn_more5 > span:after { width: calc(7px * 0.8); height: calc(12px * 0.8); }
	.btn_add { width: calc(44px * 0.8); height: calc(44px * 0.8);  }
	.btn_add > span:before,
	.btn_add > span:after { width: calc(44px * 0.8); height: calc(44px * 0.8);  }
	.btn_del { width: calc(44px * 0.8); height: calc(44px * 0.8); }
	.btn_del > span:before,
	.btn_del > span:after { width: calc(44px * 0.8); height: calc(44px * 0.8); }
	.btn_link1 > span:before,
	.btn_link1 > span:after { width: calc(16px * 0.8); height: calc(16px * 0.8); }
	.btn_link2 > span:before,
	.btn_link2 > span:after { width: calc(20px * 0.8); height: calc(20px * 0.8); }
	.btn_link3 > span:before,
	.btn_link3 > span:after { width: calc(16px * 0.8); height: calc(16px * 0.8); }
	.btn_user > span:before,
	.btn_user > span:after { width: calc(22px * 0.8); height: calc(18px * 0.8); }
	.cm_btn.btn_search { min-width: 45px; padding: 0; font-size: 0; }
	.cm_btn.btn_search > span:before,
	.cm_btn.btn_search > span:after { width: calc(22px * 0.8); height: calc(22px * 0.8); }
	.cm_btn.btn_search2 > span:before,
	.cm_btn.btn_search2 > span:after { width: calc(16px * 0.8); height: calc(16px * 0.8); }
	.btn_location > span:before,
	.btn_location > span:after { width: calc(16px * 0.8); height: calc(21px * 0.8); }

	/* label */
	.cm_label { height: 30px; padding: 5px 15px; font-size: 13px; }
	.icon_new { width: 20px; height: 20px; padding: 0; font-size: 11px; }
	.cm_label_noti { min-width: 55px; height: 28px; font-size: 14px; }
	.cm_label_number { min-width: 0; padding: 0; height: 28px; }
	.icon_homepage { width: 30px; height: 30px; }
	.icon_like { width: 30px; height: 30px; }
	.icon_best { width: 30px; height: 35px; }

	/* tag list */
	.cm_tag .tag_item { height: 30px; font-size: 13px; }
	
	.cm_text_icon.text_info { padding-left: 25px; font-size: 14px; }
	.cm_text_icon.text_info:before { top: 0; width: calc(22px * 0.85); height: calc(22px * 0.85); }
	.cm_text_icon.text_info2 { padding-left: 25px; }
	.cm_text_icon.text_info2:before { top: 8px; width: calc(20px * 0.85); height: calc(9px * 0.85); }
	.cm_text_icon.text_info3 { padding-left: 35px; }
	.cm_text_icon.text_info3:before { top: -5px; width: calc(32px * 0.85); height: calc(32px * 0.85); }
	.cm_text_icon.text_info4 { min-height: 34px; padding: 8px; padding-left: 35px; padding-right: 15px; font-size: 13px; }
	.cm_text_icon.text_info4:before { left: 8px; top: 7px; width: calc(22px * 0.85); height: calc(22px * 0.85); }
	.cm_text_icon.text_date { padding-left: 25px; }
	.cm_text_icon.text_date:before { top: 3px; width: calc(19px * 0.85); height: calc(19px * 0.85); }
	.cm_text_icon.text_date2:before { top: 5px; width: calc(16px * 0.85); height: calc(16px * 0.85); }
	.cm_text_icon.text_view { padding-left: 25px; }
	.cm_text_icon.text_view:before { top: 5px; width: calc(22px * 0.85); height: calc(14px * 0.85); }
	.cm_text_icon.text_writer1 { padding-left: 25px; }
	.cm_text_icon.text_writer1:before { top: 3px; width: calc(19px * 0.85); height: calc(19px * 0.85); }
	.cm_text_icon.text_writer2 { padding-left: 25px; }
	.cm_text_icon.text_writer2:before { top: 2px; width: calc(19px * 0.85); height: calc(19px * 0.85); }
	.cm_text_icon.text_location { padding-left: 25px; }
	.cm_text_icon.text_location:before { top: 2px; width: calc(16px * 0.85); height: calc(20px * 0.85); }
	.cm_text_icon.text_location2 { padding-left: 25px; font-size: 16px; }
	.cm_text_icon.text_location2:before { top: 4px; width: calc(16px * 0.85); height: calc(22px * 0.85); }
	.cm_text_icon.text_sectors { padding-left: 25px; }
	.cm_text_icon.text_sectors:before { top: 1px; width: calc(18px * 0.85); height: calc(20px * 0.85); }
	.cm_text_icon.text_production { padding-left: 25px; }
	.cm_text_icon.text_production:before { top: 1px; width: calc(19px * 0.85); height: calc(21px * 0.85); }
	.cm_text_icon.text_tel { padding-left: 25px; }
	.cm_text_icon.text_tel:before { top: 2px; width: calc(21px * 0.85); height: calc(20px * 0.85); }
	.cm_text_icon.text_mail { padding-left: 25px; }
	.cm_text_icon.text_mail:before { width: calc(22px * 0.85); height: calc(18px * 0.85); }
	.cm_text_icon.text_homepage { padding-left: 25px; }
	.cm_text_icon.text_homepage:before { top: 2px; width: calc(19px * 0.85); height: calc(19px * 0.85); }
	.cm_text_icon.text_pd { padding-left: 25px; }
	.cm_text_icon.text_pd:before { top: 2px; width: calc(20px * 0.85); height: calc(18px * 0.85); }

	/* Form */
	.form_group { margin: 0 -5px; }
	.form_group.noCols { margin: 0; }
	.form_group .col,
	.form_group [class^="col-"] { padding-right: 5px; padding-left: 5px; }
	.form_check_group { margin: -5px -10px; }
	.form_check_group > li { padding: 5px 10px; }
	.form_check_group.type2 > li .form_check2 input + .form_label { margin-bottom: 0; }
	.form_control { height: 45px; padding: 0 10px; }
	textarea.form_control { height: 130px; padding: 10px; }
	select.form_control { padding-right: 25px; background-position: right 10px center; background-size: 10px; }
	.form_datepicker { padding-left: 40px; background-position: left 13px center; background-size: 15px; }

	/* check/radio */
	.form_check input + .form_label:before { margin-right: 8px; }
	.form_check input[type=checkbox] + .form_label:before { width: 18px; height: 18px; }
	.form_check input[type=radio] + .form_label:before { width: 18px; height: 18px; }
	.form_check2 input + .form_label { height: 38px; padding: 7px 20px; font-size: 14px; }
	.form_check2.type2 input:checked + .form_label:before { width: 10px; height: 9px; margin-right: 8px; }
	.form_check2.small input + .form_label { padding: 8px 15px; font-size: 13px; }

	/* 파일 */
	.form_file { margin: 0; }
	.form_file .form_file_text { width: calc(100% - 105px); padding-right: 35px; }
	.form_file .btn_delete { right: 10px; width: 16px; height: 16px; margin-top: -8px; }
	.form_file .form_file_box { width: 90px; }
	.form_file_list li { margin-bottom: 10px; }
	.form_file_list li:before { width: calc(16px * 0.85); margin-top: 0; }
	.form_file_list .btn_area .btn_delete { margin-top: 1px; }

	/* 탭 스타일1 */
	.cm_tab1 { overflow: hidden; overflow-x: auto; }
	.cm_tab1 .btn_tab { flex-shrink: 0; }
	.cm_tab1 .btn_tab { font-size: 16px; }
	.cm_tab1 .btn_tab > a { padding-left: 17px; }
	.cm_tab1 .btn_tab > a:before { margin-top: -3px; }
	
	/* 탭 스타일2 */
	.cm_tab2 { overflow: hidden; overflow-x: auto; }
	.cm_tab2 .btn_tab { flex-shrink: 0; }
	.cm_tab2 .btn_tab > a { height: 38px; padding: 7px 20px; }

	/* 탭 스타일3 */
	.cm_tab3 { margin-bottom: 25px; overflow: hidden; overflow-x: auto; }
	.cm_tab3 .btn_tab { margin-right: 25px; flex-shrink: 0; }
	.cm_tab3 .btn_tab > a { height: 44px; }

	/* 유틸 레이아웃 */
	.cm_option.resp { flex-direction: column; }
	.cm_option.resp.revs { flex-direction: column-reverse; }
	.cm_option.resp.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.resp.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.resp .op_left { width: 100%; }
	.cm_option.resp .op_right { width: 100%; }
	.cm_option.resp.start .op_left { width: auto; margin-right: 10px; }
	.cm_option.resp.start .op_right { width: auto; }
	.cm_option.resp.end .op_left { width: auto; }
	.cm_option.resp.end .op_right { width: auto; margin-left: 10px; }

	/* 게시판 유틸 */
	.form_option { margin-bottom: 20px; }
	.form_utill .utill_item { padding: 0 10px; font-size: 13px; }
	.form_utill .utill_item:after { height: 12px; margin-top: -5px; }

	/* 게시판 검색 */
	.form_search { margin-bottom: 40px; }
	.form_search .form_search_inner .form_control { height: 50px; border-bottom: 2px solid #333; }
	.form_search .search_select select.form_control { border-bottom: 2px solid #333; }
	.form_search .search_btn .btn_search { height: 50px; border-bottom: 2px solid #333; background-size: 19px; }
	.form_search .btn_area { width: 0; margin-left: 20px; }
	.form_detail { margin-left: 20px; }
	.form_search_detail { margin-top: 30px; }
	.form_search.type3 { margin-bottom: 40px; padding: 30px; }
	.form_search.type3 .search_input { width: 400px; }
	.form_search.type3 .search_btn .btn_search { width: 50px; }
	.form_search.type3 .tag_area { margin-top: 20px; }
	.form_search.type3 .tag_area .tag_title { margin-top: 4px; }

	/* 게시판 스타일1 */
	.cm_board1 .item_box { min-height: 65px; }
	.cm_board1 .item_box .item_label { width: 90px; }
	.cm_board1 .item_box .item_number { width: 90px; }
	.cm_board1 .item_box .item_subject { font-size: 15px; }

	/* 게시판 상세 */
	.cm_board_view .board_view_head { padding: 30px 0; }
	.cm_board_view .board_view_head .view_title { font-size: 18px; }
	.cm_board_view .board_view_head .view_title .cm_label { padding: 5px 10px; margin-top: -1px; }
	.cm_board_view .board_view_head .view_text { margin-top: 20px; }
	.cm_board_view .board_view_head .view_info { margin-top: 20px; }
	.cm_board_view .board_view_cont { min-height: 150px; padding: 30px 0; }
	.cm_board_view .board_view_cont .editor_cont { font-size: 14px; }
	.cm_board_view .answer_cont { padding: 30px 0; }
	.cm_board_view .answer_cont .ans_info { margin-top: 15px; }
	.cm_board_view .answer_cont .ans_info.cm_slash .slash_item { font-size: 14px; }
	.cm_board_view .board_view_file { padding: 20px 0; }
	.cm_board_view .board_view_head2 { padding: 35px; }
	.cm_board_view .board_view_head2 .view_label { margin-bottom: 10px; }
	.cm_board_view .board_view_head2 .view_title { font-size: 18px; }
	.cm_board_view .board_view_head2 .icon_like { top: 35px; right: 35px; }
	.cm_board_view .board_view_cont2 { padding: 35px; }
	.cm_board_view .board_view_cont2 .cm_bul1 dl dt { min-width: 90px; padding-right: 10px; }

	/* 작성 */
	.cm_form_write { padding: 30px 0; }
	.cm_form_write > .form_group .form_label { margin-top: 12px; }

	/* 노데이터 */
	.cm_nodata > p { padding: 30px 0; font-size: 15px; }
	.cm_nodata > p:before { width: 65px; height: 65px; margin: 0 auto 15px; }

	/* 페이징 */
	.cm_paging { margin-top: 30px; }
	.cm_paging .pg_item { width: 30px; height: 30px; margin: 0 1px; }
	.cm_paging .pg_ctrl { width: 22px; height: 30px; background-size: auto 12px; }
	.cm_paging .pg_prev { margin-right: 15px; }
	.cm_paging .pg_next { margin-left: 15px; }
	.cm_paging .pg_item:hover { background-color: #fff; }
	.cm_paging .pg_ctrl:hover { background-color: #fff; }
	
	.cm_paging2 { margin-top: 30px; }
	.cm_paging2 .pg_item { width: calc((100% - 15px) / 2); margin-right: 15px; padding: 15px 25px; font-size: 14px; background-size: 10px; }
	.cm_paging2 .pg_item span { font-size: 12px; }
	.cm_paging2 .pg_prev { padding-left: 50px; background-position: left 20px center; }
	.cm_paging2 .pg_prev:hover { background-position: left 20px center; }
	.cm_paging2 .pg_next { padding-right: 50px; background-position: right 20px center; }
	.cm_paging2 .pg_next:hover { background-position: right 20px center; }
	.cm_paging2 .pg_prev.nodata:hover { background-position: left 20px center; }
	.cm_paging2 .pg_next.nodata:hover { background-position: right 20px center; }

	/* 테이블 */
	.cm_table.table_lg { min-width: 1200px; }
	.cm_table.table_md { min-width: 768px; }
	.cm_table.table_sm { min-width: 480px; }
	.cm_table.resp { display: block; width: 100%; }
	.cm_table.resp colgroup,
	.cm_table.resp thead,
	.cm_table.resp .number { display: none; }
	.cm_table.resp tbody { display: block; width: 100%; }
	.cm_table.resp tr { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 13px 10px; border-bottom: 1px solid #ddd; }
	.cm_table.resp tr:last-child { border-color: #aaa; }
	.cm_table.resp th,
	.cm_table.resp td { position: relative; display: block; height: auto; padding: 0; padding-right: 15px; font-size: 14px; border: 0 !important; }
	.cm_table.resp td:after { content: ''; position: absolute; top: 50%; right: 7px; width: 1px; height: 10px; margin-top: -4px; background-color: #ddd; }
	.cm_table.resp .category { margin-bottom: 5px; }
	.cm_table.resp .subject { width: 100%; margin-bottom: 10px; padding-right: 0; font-size: 16px; font-weight: 500; }
	.cm_table.resp td.subject > a { vertical-align: text-bottom; }
	.cm_table.resp td:last-child { padding-right: 0; }
	.cm_table.resp td:last-child:after,
	.cm_table.resp .noline:after,
	.cm_table.resp .subject:after,
	.cm_table.resp .category:after { display: none; }
	.cm_table.resp td.button { width: 100%; }
	.cm_table.resp td.button .btn_area { justify-content: flex-end !important; }
	.cm_table.resp td.noafter:after { display: none !important; }
	.cm_table.resp .cm_nodata { width: 100%; }

	/* 테이블 스타일1 */
	.cm_table1 .cm_table th { height: 50px; padding: 12px 20px; }
	.cm_table1 .cm_table td { height: 50px; padding: 12px 20px; }

	/* 테이블 스타일2 */
	.cm_table2 { overflow: hidden; overflow-x: auto; }
	.cm_table2 .cm_table th { height: 45px; }
	.cm_table2 .cm_table td { height: 45px; }

	/* 테이블 스타일3 */
	.cm_table3 { overflow: hidden; overflow-x: auto; }
	.cm_table3 .cm_table th { height: 40px; padding: 7px 10px; }
	.cm_table3 .cm_table td { height: 40px; padding: 7px 10px; }
	.cm_table3.type2 .cm_table td { padding: 10px 20px; }

	/* 공통 목록 */
	.cm_list .list_item:hover .desc_area .item_title { text-decoration: none; }
	.cm_list .list_item:hover .thumb_area .thumb_box .thumb { transform: none; }
	
	/* 목록 스타일1 */
	.cm_list1 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 20px) / 2))); gap: 30px 20px; }
	.cm_list1 .item_box { padding: 30px; border-radius: 15px; }
	.cm_list1 .list_item .item_label { min-height: 28px; }
	.cm_list1 .list_item .item_title { height: calc((16px * 1.6) * 2); font-size: 16px; }
	.cm_list1 .list_item.item_lock .item_title:before { width: calc(18px * 0.8); height: calc(20px * 0.8); margin-right: 8px; margin-bottom: -1px; }
	.cm_list1 .list_item .item_info { margin-top: 10px; }
	.cm_list1 .list_item .item_info.cm_slash .slash_item { font-size: 14px; }
	
	/* 목록 스타일2 */
	.cm_list2 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 20px) / 2))); gap: 40px 20px; }
	.cm_list2 .list_item .desc_area { margin-top: 25px; }
	.cm_list2 .list_item .item_title { height: calc((16px * 1.6) * 2); font-size: 16px; }
	.cm_list2 .list_item .item_info.cm_slash .slash_item { font-size: 14px; }
	
	/* 목록 스타일3 */
	.cm_list3 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 20px) / 2))); gap: 30px 20px; }
	.cm_list3 .item_box { padding: 25px; border-radius: 15px; }
	.cm_list3 .list_item .desc_area { margin-top: 20px; }
	
	/* 목록 스타일4 */
	.cm_list4 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 20px) / 2))); gap: 30px 20px; }
	.cm_list4 .item_box { padding: 25px 30px; border-radius: 15px; }
	.cm_list4 .list_item .item_label { top: -25px; right: -30px; left: -30px; }
	.cm_list4 .list_item .item_label > .label { width: calc(40px * 0.6); height: calc(45px * 0.6);  }
	.cm_list4 .list_item .item_title { font-size: 18px; }
	.cm_list4 .list_item .item_overview { margin-top: 20px; }
	.cm_list4 .list_item .item_overview dt { width: 80px; }
	.cm_list4 .list_item .item_overview dd { width: calc(100% - 80px); }
	.cm_list4 .list_item .item_overview dd:after { top: 3px; height: 13px; }
	.cm_list4 .list_item .item_info { margin-top: 30px; }
	.cm_list4 .list_item .item_info .cm_text_icon { margin-right: 15px; }
	.cm_list4 .list_item .item_home { bottom: 20px; right: 25px; }
	.cm_list4.type2 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 20px) / 2))); gap: 20px; }
	.cm_list4.type2 .list_item .item_label { margin-bottom: 10px; }
	.cm_list4.type2 .list_item .item_home { bottom: auto; top: 25px; }
	
	/* 모달 */
	.cm_modal .modal_contents { border-radius: 15px; }
	.cm_modal .modal_head { min-height: 65px; padding: 15px 60px 15px 25px; }
	.cm_modal .modal_body { padding: 25px 25px 35px; }
	.cm_modal .modal_foot { height: 75px; padding: 0 25px 25px; }
	.cm_modal .modal_title { font-size: 20px; }
	.cm_modal .modal_close { margin-top: -25px; right: 5px; background-size: 18px; }
	.cm_modal.hasHead .modal_body { max-height: calc(85vh - 65px); }
	.cm_modal.hasFoot .modal_body { max-height: calc(85vh - 75px); }
	.cm_modal.hasHead.hasFoot .modal_body { max-height: calc(85vh - 65px - 75px); }

	/* 관심기술 목록 */
	.cm_tech_list .tech_item { padding: 12px 18px; }
	.cm_tech_list .tech_item .form_label { margin: 0; }
	.cm_tech_list .tech_item .tech_cate { padding-right: 15px; }
	.cm_tech_list .tech_item .tech_cate:after { height: 12px; margin-top: -5px; }
	.cm_tech_list .tech_item .tech_title { width: 100%; padding-left: 15px; }
	
	/* header */
	.header .inner { padding: 0 20px; }
	.header .head_top { display: none; }
	.header .head_btm .inner { height: 60px; }
	.header .logo_area a.logo { width: calc(105px * 0.7); height: calc(29px * 0.7); }
	.header .logo_area a.logo_indigo { width: calc(105px * 0.7); height: calc(57px * 0.7); }
	.header .gnb_area { top: 101px; max-width: 100%; }
	.header .gnb_area .gnb_depth1 { height: calc(100vh - 70px); padding: 20px 0; padding-bottom: 260px; overflow-y: auto; }
	.header .gnb_area .gnb_depth1 > li > a { pointer-events: none; }
	.header .gnb_area .gnb_depth2 { padding: 20px 25px; overflow-y: auto; }
	.header .gnb_area .gnb_depth1 > li:first-child .gnb_depth2 { padding: 20px 25px; }
	.header .gnb_area .gnb_familysite_area { display: block; position: absolute; bottom: 0; left: 0; width: 200px; word-break: keep-all; }
	.header .gnb_area .gnb_familysite_area .familysite_inner { display: flex; flex-direction: column; padding: 25px; }
	.header .gnb_area .gnb_familysite_area .btn_familysite { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; margin-bottom: 10px; padding: 10px 15px; font-size: 14px; background-color: #f4f4f9; border: 1px solid #f4f4f9; border-radius: 7px; }
	.header .gnb_area .gnb_familysite_area .btn_familysite:last-child { margin-bottom: 0; }
	.header .gnb_area .gnb_familysite_area .btn_familysite:last-child { margin-right: 0; }
	.header .gnb_area .gnb_familysite_area .btn_familysite:after { content: ''; flex-shrink: 0; display: block; width: 14px; height: 14px; margin-left: 8px; margin-top: 2px; background: url(../../images/common/icon_link01.svg) no-repeat center / 100%; }
	.header .head_utill_area { top: 40px; width: 0; padding-top: 0; background-color: #fcaf17; transition: width 0.5s; transform-origin: 100% 50%; }
	.header .btn_sitemap_area { top: 0; width: 60px; height: 60px; z-index: 1; }
	.header .head_utill_area .utill_area .utill_inner { height: 70px; padding-left: 10px; }
	.header .head_utill_area .utill_area .btn_utill { margin: 0 5px; padding: 8px 17px; }
	.header .head_utill_area .utill_area .utill_inner > * { display: none; }
	.header .head_utill_area .utill_area .utill_inner > .btn_utill { position: relative; }
	.header .head_utill_area .utill_area .utill_inner > .btn_utill:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -5px; background-color: #555; }
	.header .head_utill_area .utill_area .mypage_link { flex-shrink: 0; position: relative; }
	.header .head_utill_area .utill_area .mypage_link > .btn_utill { pointer-events: none; }
	.header .header_bg { top: 101px; }
	.header .header_bg:after { display: none; }
	.header.showSitemap .gnb_area { transform: translateX(0); }
	.header.showSitemap .head_utill_area { width: 100%; }
	.header.showSitemap .head_utill_area .utill_area .utill_inner > * { display: block; }
	.header.showSitemap .header_bg { display: block; }
	
	/* footer */
	.footer { padding: 40px 0 60px; }
	.footer .foot_copy { font-size: 12px; }
	.footer .btn_top { width: 70px; height: 70px; font-size: 14px; }
	.footer .btn_top span:before { width: 11px; height: 5px; margin-bottom: 5px; }

	/* 방문기록 */
	.history_area { bottom: 85px !important; }

	/* container */
	.container { min-height: calc(100vh - 214px); padding-top: 101px; }
	.page_contents { padding-bottom: 80px; }

	/* 브레드크럼 */
	.breadcrumb .inner { height: 55px; padding: 7px 20px; }
	.breadcrumb .bcmb_home { width: auto; padding-right: 15px; }
	.breadcrumb .bcmb_list > li:after { height: 12px; margin-top: -6px; }
	.breadcrumb .bcmb_list .btn_bcmb { min-width: 180px; padding: 10px 15px; border-radius: 0 15px 0 0; }
	.breadcrumb .bcmb_list > li.hasDepth .btn_bcmb:after { width: 8px; height: 5px; }
	.breadcrumb .bcmb_list > li.hasDepth.active .btn_bcmb { color: #333; background-color: transparent; }
	.breadcrumb .bcmb_list > li.hasDepth.active .btn_bcmb:after { background: url(../../images/common/icon_bcmb_hide02.svg) no-repeat center / 100%; }
	.breadcrumb .bcmb_in_list { width: 155px; }
	.breadcrumb .bcmb_in_list > ul > li > a { min-height: 40px; padding: 10px 15px; font-size: 13px; }

	/* sub title */
	.sub_title { margin: 35px 0; }
	.sub_title h2 { font-size: 24px; }

	.cm_cont + .cm_cont { margin-top: 40px; }

	/* 문의 */
	.cm_contact { min-height: 0; padding: 10px 0; border-radius: 20px; }
	.cm_contact .item_contact { padding: 10px 40px; font-size: 16px; }
	.cm_contact .contact_title { width: 100%; }
	.cm_contact .contact_title:after { display: none; }
	.cm_contact .icon_contact { width: 45px; height: 45px; margin-right: 15px; }

	/* 정보 */
	.cm_overview + .cm_overview { margin-top: 40px; }
	.cm_overview .img_area { width: 280px; border-radius: 20px; }
	.cm_overview .desc_area { padding-left: 40px; padding-top: 10px; }
	.cm_overview .item_title > p { font-size: 20px; }
	.cm_overview .item_text { margin-top: 20px; font-size: 15px; }
	.cm_overview .item_text br { display: none; }
	.cm_overview .item_overview dt { width: 90px; margin-top: 10px; font-size: 15px; }
	.cm_overview .item_overview dd { width: calc(100% - 90px); margin-top: 10px; }
	
	/* 멤버등급 */
	.cm_member_use { flex-wrap: wrap; margin: -10px; }
	.cm_member_use .item_use { width: calc(50% - 20px); margin: 10px; padding: 20px; border-radius: 10px; }
	.cm_member_use .item_mark { width: 60px; height: 60px; }
	.cm_member_use .item_info { font-size: 15px; }
	.cm_member_use .item_info .item_number { margin-top: 3px; font-size: 16px; }
	.cm_member_use .item_info .item_number > span { font-size: 24px; }

	/* faq */
	.cm_faq .faq_item .item_obj { padding: 25px 20px; }
	.cm_faq .faq_item .icon_faq { width: 40px; height: 40px; margin: -10px 0; padding-bottom: 0; font-size: 18px; }
	.cm_faq .faq_item .item_cate { width: 170px; font-weight: 500; }
	.cm_faq .faq_item .item_title { width: calc(100% - 170px - 80px); }
	.cm_faq .faq_item .item_text { width: calc(100% - 80px); }
	.cm_faq .faq_item .faq_title { padding-right: 50px; background: url(../../images/common/icon_arr04.svg) no-repeat right 20px center / 14px; }
	.cm_faq .faq_item.active .faq_title { background: url(../../images/common/icon_arr05.svg) no-repeat right 20px center / 14px; }

	/* 약관 */
	.cm_agree .agree_box { height: 150px; padding: 20px 25px; border-radius: 15px; }
	.cm_agree .agree_box .form_control { font-size: 12px; }

	/* 결과 타이틀 */
	.cm_result_box + .cm_result_box { margin-top: 50px; }
	.cm_result { margin-bottom: 30px; }
	.cm_result [class^="cm_title"] em { margin-left: 10px; }

	/* 관심기술 목록 */
	.window_popup_area .cm_form_write { padding-left: 20px; }
	
	/* Main */
	.main_cont .main_title { margin-bottom: 20px; font-size: 26px; }
	.main_cont1 .inner { display: block; max-width: 100%; margin: 0; padding: 100px 20px 60px; }
	.main_cont1 .visual_member { max-width: 100%; padding-right: 0; overflow: visible; } 
	.main_cont1 .visual_btn_area { height: 55px; }
	.main_cont1 .visual_btn_area .btn_visual { padding: 10px 20px; font-size: 16px; }
	.main_cont1 .visual_btn_area .btn_visual > span em { margin-left: 7px; }
	.main_cont1 .visual_btn_area .swiper-btn-wrap .swiper-btn { width: 45px; height: 55px; background-size: 10px; }
	.main_cont1 .visual_title { font-size: 32px; }
	.main_cont1 .visual_title > p { font-size: 15px; }
	.main_cont1 .visual_title > span { display: inline-block; font-size: 15px; }
	.main_cont1 .visual_title > span em { font-size: 18px; }
	.main_cont1 .visual_cont_list { margin-top: 30px; }
	.main_cont1 .visual_bnr { width: 100%; margin-top: 40px; }
	.main_cont1 .visual_bnr .swiper_btn_area { margin-top: 15px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area { height: 40px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-current { font-size: 14px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-total { font-size: 14px; }
	.main_cont2 .main_quick .item_img { width: 85px; height: 85px; }
	.main_cont2 .main_quick .item_title { font-size: 15px; }
	.main_cont3 { margin-top: 60px; }
	.main_cont3 .inner { padding: 0 20px; }
	.main_cont3 .family_swiper .swiper { padding: 5px; }
	.main_cont3 .family_swiper .item_box { min-height: 260px; padding: 30px 25px 80px; }
	.main_cont3 .family_swiper .item_label > .label { width: calc(40px * 0.6); height: calc(45px * 0.6);  }
	.main_cont3 .family_swiper .item_title { font-size: 20px; max-height: calc((20px * 1.4) * 2); }
	.main_cont3 .family_swiper .item_info { margin-top: 25px; }
	.main_cont3 .family_swiper .item_logo { bottom: 20px; right: 20px; height: 35px; }
	.main_cont3 .family_swiper .swiper-btn { width: 36px; height: 36px; margin-top: -18px; }
	.main_cont3 .family_swiper .swiper-prev { left: -18px; }
	.main_cont3 .family_swiper .swiper-next { right: -18px; }
	.main_cont3 .inner > .btn_more3 { top: 5px; right: 30px; }
	.main_cont4 { margin-top: 60px; padding-bottom: 80px; }
	.main_cont4 .inner { padding: 0 20px; }
	.main_cont4 .main_newletter { width: 260px; padding: 30px; }
	.main_cont4 .main_newletter .news_title { font-size: 20px; }
	.main_cont4 .main_newletter .name_area { padding: 7px 20px; font-size: 13px; }
	.main_cont4 .main_board .main_board_tab { margin-top: 25px; }
	.main_cont4 .main_board .main_board_tab .tab_cont > .btn_more3 { top: -47px; }
	.main_cont4 .main_board .cm_tab { margin-left: 0; margin-top: 0; }
	.main_cont4 .main_board .cm_list1 .list_item .item_info { margin-top: 20px; }
	.main_cont5 { padding: 60px 0; }
	.main_cont5 .main_subscribe { display: block; }
	.main_cont5 .main_title > p { font-size: 16px; }
	.main_cont5 .main_sub_form { padding-left: 0; padding-top: 0; }
	.main_cont5 .main_sub_form .form_control { height: 55px; border-radius: 5px; }
	.main_cont5 .main_sub_form .cm_btn { height: 55px; border-radius: 5px; }

	.main_contents .quick_count { display: none !important; }

	/* 인사말 */
	.greeting_area .text_area { padding-right: 50px; }
	.greeting_area .text_area .gr_title1 { margin-bottom: 40px; font-size: 26px; }
	.greeting_area .text_area .gr_title1 > span { font-weight: 600; }
	.greeting_area .img_area { width: 40%; padding-top: 35px; }
	.greeting_area .img_area > .img1 { max-width: 100%; }
	.greeting_area .img_area .gr_sign { margin-top: 50px; }
	.greeting_area .img_area .gr_sign > img { width: 100px; }

	/* 프로그램 안내 */
	.program_area .pro_item + .pro_item { margin-top: 40px; }
	.program_area .pro_item { padding: 35px 50px 50px; padding-right: 80px; }
	.program_area .pro_item .img_area { width: 120px; height: 120px; }
	.program_area .pro_item .text_area { padding-left: 40px; }
	.program_area .pro_item .item_title { font-size: 20px; }
	.program_area .pro_item .item_text { margin-top: 15px; font-size: 15px; }

	/* 업무담당자 소개 */
	.manager_area .org_area .org_item { min-height: 60px; font-size: 16px; }
	.manager_area .org_area .org_step1 .org_item { width: 200px; }
	.manager_area .org_area .org_step2 { padding: 0; padding-top: 10px; padding-bottom: 30px; }
	.manager_area .org_area .org_step2 .org_item { width: 200px; }
	.manager_area .org_area .org_step3 { padding-top: 30px; }
	.manager_area .org_area .org_step3:after { left: calc((((100% - (15px * 3)) / 4)) / 2); right: calc((((100% - (15px * 3)) / 4)) / 2); }
	.manager_area .org_area .org_step3 .org_item { margin-right: 15px; border-radius: 30px 30px 15px 15px; }
	.manager_area .org_area .org_step3 .item_title { min-height: 55px; border-radius: 60px; }
	.manager_area .org_area .org_step3 .item_text { padding: 15px 10px; font-size: 14px; }
	.manager_area .org_area .org_step3 .item_name { font-size: 16px; }
	.manager_area .org_area { word-break: keep-all; }
	.manager_area .work_area { margin-top: 80px; }
	.manager_area .cm_table3 td { word-break: keep-all; }
	.manager_area col { display: none; }
	.manager_area col.mo_block { display: table-column !important; }

	/* 가족회사신청 및 조회 - 가족회사 현황 */
	.family_detail .fm_head .img_area { width: 220px; }
	.family_detail .fm_head .img_area .item_label > .label { width: calc(40px * 0.6); height: calc(45px * 0.6);  }
	.family_detail .fm_head .info_area { padding-left: 30px; }
	.family_detail .fm_head .fm_title { padding: 0 0 20px; font-size: 20px; }
	.family_detail .fm_head .fm_overview .fm_row .fm_item { min-height: 75px; padding: 15px 20px; }

	/* 가족회사신청 및 조회 - 가족회사 통계 */
	.statistics_area .graph_area .graph_legend .legend_title { margin-bottom: 15px; }
	.statistics_area .graph_area .graph_legend .legend_item + .legend_item { margin-top: 7px; }
	.statistics_area .graph_area .graph_legend .legend_item > i { width: 10px; height: 10px; margin-right: 8px; }
	.statistics_area .stis_box1 .graph_area { padding-right: 30px; }
	.statistics_area .stis_box1 .graph_area .graph { width: calc(230px * 0.8); height: calc(240px * 0.8); }
	.statistics_area .stis_box2 .graph_area .graph { height: calc(300px * 0.8); }

	/* 기술·경영지원 - INU 산학매칭지원 */
	.maching_area .maching_text { margin-bottom: 20px; }
	.maching_area .maching_text .text1 { font-size: 15px; }
	.maching_area .maching_text .text2 { font-size: 20px; }
	.maching_area .maching_cate_area { margin: -5px; margin-bottom: 30px; }
	.maching_area .maching_cate_area .item_cate { width: calc((100% - (10px * 4)) / 4); margin: 5px; padding: 15px; }
	.maching_area .maching_cate_area .item_cate .icon_cate { width: calc(42px * 0.8); height: calc(39px * 0.8); }

	/* 기술·경영지원 - 애로기술컨설팅 - 상담안내 */
	.consulting_info .box_list .cm_box2 { width: calc((100% - 30px) / 2); margin-right: 30px; margin-top: 30px; }
	.consulting_info .box_list .cm_box2:nth-child(2n+2) { margin-right: 0; }
	.consulting_info .box_list .cm_box2:nth-child(-n+2) { margin-top: 0; }
	.consulting_info .box_list .cm_box2 { display: block; }
	.consulting_info .box_list .cm_box2 dt { width: 100%; padding-right: 0; padding-bottom: 25px; }
	.consulting_info .box_list .cm_box2 dt img { width: 30px; }
	.consulting_info .box_list .cm_box2 dt p { margin-top: 15px; }
	.consulting_info .box_list .cm_box2 dd { padding: 0; padding-top: 25px; border-left: none; border-top: 1px solid #ddd; }

	/* 인천대학교 가족회사 신청 모달 */
	.modal_membershipFam .text1 { font-size: 20px; }
	.modal_membershipFam .membership_cont_list { padding: 0 15px; }
	.modal_membershipFam .membership_cont_list .item_box { min-height: 100px; padding: 15px 25px; padding-right: 20px; }
	.modal_membershipFam .membership_cont_list .item_img { width: 60px; }
	.modal_membershipFam .membership_cont_list .item_text { font-size: 15px; }

	/* 기술·경영지원 - 특허/기술이전 */
    .intellectual_property .chart_title1 { width: 100%; height: 65px; margin-bottom: 15px; border-radius: 15px; box-shadow: 0 0 10px 2.5px rgba(100, 113, 232, 0.3); }
    .intellectual_property .chart_title2 { width: 100%; height: 50px; margin-bottom: 15px; font-size: 15px; }
    .intellectual_property .chart_title2:before { display: none; }
    .intellectual_property .chart_depth1:before { height: 105px; }
    .intellectual_property .chart_depth2 { margin: 0 -10px; }
    .intellectual_property .chart_depth2:before { top: 25px; }
    .intellectual_property .chart_depth2 > li { padding: 0 10px; }
    .intellectual_property .chart_depth2_box { position: relative; }
    .intellectual_property .chart_depth2_box:before { display: block; position: absolute; top: 0; bottom: 20px; left: 50%; width: 1px; background-color: #d5d8fc; content: ""; }
    .intellectual_property .chart_depth3::before { display: none; }
    .intellectual_property .chart_depth3 > li { width: 100%; padding: 0 10px; }
    .intellectual_property .chart_depth3_box_wrap { margin-top: 0; }
    .intellectual_property .chart_depth3_box_wrap:before { display: none; }

	/* 뉴스레터 */
	.newsletter_area .newsletter_head { height: 80px; padding: 30px; }
	.newsletter_area .newsletter_head .text_val { font-size: 16px; }
	.newsletter_area .newsletter_head .text_date { font-size: 16px; }
	.newsletter_area .newsletter_head .logo_area img { width: 200px; }
	.newsletter_area .newsletter_body { padding: 30px; }
	.newsletter_area .newsletter_body .news_box { padding: 30px; }
	.newsletter_area .newsletter_body .news_box + .news_box { margin-top: 30px; }
	.newsletter_area .newsletter_body .list_box .thumb_area { width: 250px; }
	.newsletter_area .newsletter_body .list_box .thumb_area .thumb_box .thumb { transform: none !important; }
	.newsletter_area .newsletter_body .list_box .thumb_area.media:after { right: 10px; bottom: 10px; width: 30px; height: 30px; }
	.newsletter_area .newsletter_body .list_box .desc_area { width: calc(100% - 250px); padding-left: 30px; padding-top: 0; padding-right: 0; }
	.newsletter_area .newsletter_body .list_box .item_title { height: calc((17px * 1.4) * 2); margin-top: 12px; font-size: 17px; text-decoration: none !important; }
	.newsletter_area .newsletter_body .list_box .item_text { height: calc((14px * 1.6) * 3); margin-top: 20px; }
	.newsletter_area .newsletter_body .list_box .btn_area { position: static; width: 100%; margin-top: 20px; }
	.newsletter_area .newsletter_body .fam_list .fam_title { height: 50px; margin: -30px -30px 20px; padding: 5px 10px; font-size: 16px; }
	.newsletter_area .newsletter_body .fam_list .fam_swiper { padding: 0 20px; }
	.newsletter_area .newsletter_body .fam_list .thumb_logo .thumb { transform: none !important; }
	.newsletter_area .newsletter_body .fam_list .btn_area { margin-top: 25px; }
	.newsletter_area .newsletter_body .fam_list .swiper-btn { width: 10px; height: 20px; margin-top: -10px; }
	.newsletter_area .newsletter_body .etc_area { margin-top: 40px; }
	.newsletter_area .newsletter_body .etc_area .etc_box { min-height: 110px; padding: 20px 30px 50px; overflow: hidden; }
	.newsletter_area .newsletter_body .etc_area .etc_text { font-size: 16px; }
	.newsletter_area .newsletter_body .etc_area .etc_text > img { margin-left: 5px; width: 20px; }
	.newsletter_area .newsletter_body .etc_area .etc_img { right: -30px; width: 42%; }
	.newsletter_area .newsletter_body .etc_area .etc_box1 { margin-right: 20px; }
	.newsletter_area .newsletter_foot { padding: 20px 0; }
	.newsletter_area .newsletter_foot .logo_area { width: 150px; }
	.newsletter_area .newsletter_foot .logo_area img { width: 70px; }
	.newsletter_area .newsletter_foot .info_area .copyright { font-size: 13px; }
	.newsletter_area .newsletter_foot .info_area .refusal { margin-top: 20px; font-size: 13px; }

	.modal_refusal .modal_cont > img { width: 54px; }
	.modal_refusal .modal_cont > p { margin-top: 20px; font-size: 16px; }
	.modal_refusal .modal_cont > a { margin-top: 25px; padding: 10px 25px; }

	.newsletter_detail .cm_board_view .board_view_head { padding-right: 120px; }
	.newsletter_detail .cm_board_view .board_view_head .view_val { right: 20px; width: 80px; height: 80px; margin-top: -40px; }

	/* 비밀번호 입력 모달 */
	.modal_password .modal_cont { text-align: center; font-size: 16px; }
	.modal_password img { width: 54px; margin-bottom: 20px; }
	.modal_password .form_control { margin-top: 25px; }
	.modal_password .btn_area { margin-top: 25px; }

	/* 가족회사협의체 - 협의체소개 */
	.council_info_area .composition_list { grid-template-columns: repeat(1, 1fr); gap: 25px; }
	.council_info_area .composition_list .comp_item { padding: 30px 0; }
	.council_info_area .composition_list .comp_item .img_area { width: 150px; font-size: 15px; }
	.council_info_area .composition_list .comp_item .img_area img { width: 40px; }

	/* 가족회사협의체 - 협의체 회장단 */
	.presidency_area .pres_list { gap: 30px; }
	.presidency_area .pres_list .list_item { padding: 30px; }
	.presidency_area .pres_list .list_item .item_photo { width: 100px; }
	.presidency_area .pres_list .list_item .item_desc { padding-left: 25px; }
	.presidency_area .pres_list .list_item .item_name { margin-bottom: 20px; }
	.presidency_area .pres_list .list_item .item_name > span { font-size: 19px; }
	.presidency_area .pres_list .list_item .item_etc dt { width: 65px; margin-top: 7px; font-size: 14px; }
	.presidency_area .pres_list .list_item .item_etc dd { width: calc(100% - 65px); margin-top: 7px; }
	.presidency_area .pres_list .list_item .item_info { margin-top: 30px; }
	.presidency_area .pres_list .list_item .item_info .item_etc dt { width: 80px; }
	.presidency_area .pres_list .list_item .item_info .item_etc dd { width: calc(100% - 80px); }

	/* 가족회사협의체 - 협의체 전문위원 */
	.expert_area .expert_list { grid-template-columns: repeat(4, minmax(170px, 170px)); gap: 30px calc((100% - (170px * 4)) / 3); }
	.expert_area .expert_list .list_item { padding: 25px; }
	.expert_area .expert_list .list_item .item_desc { margin-top: 20px; }
	.expert_area .expert_list .list_item .item_name { font-size: 20px; }
	.expert_area .expert_list .list_item .item_com { margin-top: 12px; }
}

/* ********************************************************************************* *
/* max-wdith: 768px
/* ********************************************************************************* */
@media screen and (max-width: 768px){
	/* button */
	.btn_150 { min-width: 0; width: 100%; }

	/* 게시판 검색 */
	.form_search { position: relative; }
	.form_search .form_search_inner { padding-bottom: 30px; }
	.form_search .search_btn .btn_search { width: 30px }
	.form_search .btn_area { position: absolute; right: 0; bottom: 0; width: auto; margin-left: 0; }
	.form_detail { margin-left: 20px; }
	.form_search_detail { margin-top: 45px; }
	.form_search_detail .form_label { margin-bottom: 10px; font-size: 14px; }
	.form_search.fixed .form_search_inner { padding-bottom: 0; }
	.form_search.fixed .search_select.wp-xs-100 { flex-shrink: 1; }
	.form_search.fixed .btn_area { position: static; margin-left: 20px; }
	.form_search.type3 { margin-bottom: 30px; padding: 25px; }
	.form_search.type3 .form_group { width: 100%; }
	.form_search.type3 .search_input { width: 100%; }
	.form_search.type3 .tag_area { max-width: 100%; margin-top: 10px; }

	/* 게시판 스타일1 */
	.cm_board1 .item_box { min-height: 60px; }
	.cm_board1 .item_box .item_label { width: auto; }
	.cm_board1 .item_box .item_number { display: none; }
	.cm_board1 .item_box .icon_new { margin-top: -1px; }
	.cm_board1 .item_box .item_subject { margin-top: 1px; }

	/* 게시판 상세 */
	.cm_board_view .board_view_head { padding: 20px 0; }
	.cm_board_view .board_view_head .view_title { font-size: 16px; }
	.cm_board_view .board_view_head .view_text { margin-top: 20px; }
	.cm_board_view .board_view_head .view_info { margin-top: 20px; }
	.cm_board_view .board_view_cont { padding: 25px 0; }
	.cm_board_view .answer_cont { padding: 25px 0; }
	.cm_board_view .board_view_head2 { padding: 25px; }
	.cm_board_view .board_view_head2 .view_title { font-size: 16px; }
	.cm_board_view .board_view_head2 .icon_like { top: 25px; right: 25px; }
	.cm_board_view .board_view_cont2 { padding: 25px; }
	.cm_board_view .board_view_cont2 .cm_bul1 dl dt { min-width: 80px; }

	/* 작성 */
	.cm_form_write { padding: 25px 0; }
	.cm_form_write > .form_group + .form_group { margin-top: 20px; }
	.cm_form_write > .form_group .form_label { margin-top: 0; margin-bottom: 10px; font-size: 15px; }
	.cm_form_write.type2 { padding-bottom: 0; padding-left: 0; padding-right: 0; }
	
	/* 페이징 */
	.cm_paging2 .pg_item { padding: 15px 20px; background-size: 5px; border-radius: 10px; }
	.cm_paging2 .pg_prev { background-position: left 20px top 19px; }
	.cm_paging2 .pg_prev:hover { background-position: left 20px top 19px; }
	.cm_paging2 .pg_prev span { padding-left: 15px; }
	.cm_paging2 .pg_next { background-position: right 20px top 19px; }
	.cm_paging2 .pg_next:hover { background-position: right 20px top 19px; }
	.cm_paging2 .pg_next span { padding-right: 15px; }
	.cm_paging2 .pg_prev.nodata:hover { background-position: left 20px top 19px; }
	.cm_paging2 .pg_next.nodata:hover { background-position: right 20px top 19px; }
	
	/* 목록 스타일1 */
	.cm_list1 .item_box { padding: 25px 30px; }

	/* 목록 스타일2 */
	.cm_list2 .list_item .desc_area { margin-top: 15px; }
	.cm_list2 .list_item .item_title { height: calc((15px * 1.6) * 2); font-size: 15px; }

	/* 목록 스타일3 */
	.cm_list3 .item_box { padding: 20px; }
	.cm_list3 .list_item .desc_area { display: block; }
	.cm_list3 .list_item .item_title { font-size: 15px; }
	.cm_list3 .list_item .item_date { margin-top: 5px; }

	/* 목록 스타일4 */
	.cm_list4 .list_item .item_overview dt { width: 70px; padding-right: 10px; }
	.cm_list4 .list_item .item_overview dd { width: calc(100% - 70px); padding-left: 10px; }
	
	/* 모달 */
	.cm_modal .modal_title { font-size: 18px; }

	/* 관심기술 목록 */
	.cm_tech_list .tech_item { padding: 12px 15px; }
	.cm_tech_list .tech_item .form_label { margin: 0; }
	.cm_tech_list .tech_item .tech_cate:after { margin-top: -6px; }
	
	/* 윈도우 팝업 */
	.window_popup_area .page_contents { padding: 35px 40px 50px; }
	.window_popup_area .popup_head .popup_logo img { width: calc(312px * 0.8); }
	.window_popup_area .popup_body { margin-top: 40px; }
	.window_popup_area .popup_body .popup_title { margin-bottom: 20px; font-size: 20px; }
	.window_popup_area .popup_foot { margin-top: 30px; }
	.window_popup_area .cm_form_write { padding-left: 0; }
	.window_popup_area .cm_form_write textarea.form_control { height: 120px; }
	
	/* header */
	.header { border-bottom: 1px solid #f3f3f3; }
	.header .head_btm .inner { height: 60px; }
	.header .logo_area .logo { width: 190px; }
	.header .gnb_area .gnb_depth1 { width: 180px; height: calc(100vh - 60px); padding: 10px 0; }
	.header .gnb_area .gnb_depth1 > li > a { padding: 10px 20px; }
	.header .gnb_area .gnb_depth2 { left: 180px; padding: 10px 20px; }
	.header .gnb_area .gnb_depth1 > li.active .gnb_depth2 { padding: 10px 20px; }
	.header .gnb_area .gnb_familysite_area { width: 180px; }
	.header .gnb_area .gnb_familysite_area .familysite_inner { padding: 20px; }
	.header .gnb_area .gnb_familysite_area .btn_familysite { padding: 8px 12px; font-size: 13px; border-radius: 5px; }
	.header .gnb_area .gnb_familysite_area .btn_familysite:after { width: 13px; height: 13px; margin-left: 5px; margin-top: 1px; }
	.header .btn_sitemap_area .btn_sitemap { width: 24px; height: 16px; }
	.header .head_utill_area .utill_area .utill_inner { height: 60px; padding-left: 0; }
	
	/* footer */
	.footer { padding: 30px 0 50px; }
	.footer .inner { display: block; }
	.footer .foot_address span { display: block; }
	.footer .foot_copy { margin-top: 15px; font-size: 12px; }
	.footer .foot_menu { margin-top: 30px; }
	.footer .foot_menu .menu_link { width: 200px; padding: 17px 0; }
	.footer .btn_top { width: 60px; height: 60px; font-size: 13px; }

	/* 방문기록 */
	.history_area { bottom: 70px !important; right: 5px !important; }

	/* container */
	.container { min-height: calc(100vh - 319px); }

	/* 브레드크럼 */
	.breadcrumb { display: none; }

	/* sub title */
	.sub_title { margin-bottom: 25px; }
	.sub_title h2 { font-size: 20px; }

	/* faq */
	.cm_faq .faq_item .item_obj { padding: 15px; }
	.cm_faq .faq_item .icon_faq { width: 32px; height: 32px; margin: 0; margin-top: 2px; font-size: 16px; }
	.cm_faq .faq_item .item_cate { width: 170px; font-weight: 500; }
	.cm_faq .faq_item .item_title { width: 100%; margin-top: -27px; padding: 0 0 15px; padding-left: 62px !important; }
	.cm_faq .faq_item .item_text { width: calc(100% - 62px); }
	.cm_faq .faq_item .faq_title { flex-wrap: wrap; padding-right: 40px; background: url(../../images/common/icon_arr04.svg) no-repeat right 15px center / 12px; }
	.cm_faq .faq_item.active .faq_title { background: url(../../images/common/icon_arr05.svg) no-repeat right 15px center / 12px; }

	/* 문의 */
	.cm_contact .item_contact { padding: 5px 25px; font-size: 14px; }
	.cm_contact .contact_title { margin-bottom: 10px; font-size: 16px; }
	.cm_contact .icon_contact { width: 35px; height: 35px; margin-right: 10px; }

	/* 정보 */
	.cm_overview { display: block; }
	.cm_overview .img_area { width: 100%; }
	.cm_overview .desc_area { margin-top: 20px; padding-left: 0; padding-top: 0; }
	.cm_overview .item_title > p { font-size: 18px; }
	.cm_overview .item_text { margin-top: 15px; }
	.cm_overview .item_overview dt { width: 80px; font-size: 14px; }
	.cm_overview .item_overview dd { width: calc(100% - 80px); }
	
	/* 멤버등급 */
	.cm_member_use .item_use { padding: 18px; }
	.cm_member_use .item_mark { width: 50px; height: 50px; }
	.cm_member_use .item_info { font-size: 14px; }
	.cm_member_use .item_info .item_number { font-size: 16px; }
	.cm_member_use .item_info .item_number > span { font-size: 22px; }
	
	/* Main */
	.main_cont .main_title { font-size: 24px; }
	.main_cont1 .inner { padding: 80px 20px 50px; }
	.main_cont1 .visual_btn_area { height: 45px; }
	.main_cont1 .visual_btn_area .btn_visual { padding: 10px; font-size: 15px; letter-spacing: -1px; }
	.main_cont1 .visual_btn_area .btn_visual > span em { margin-left: 0; font-size: 14px; }
	.main_cont1 .visual_btn_area .swiper-btn-wrap .swiper-btn { width: 40px; height: 45px; }
	.main_cont1 .visual_cont_area .visual_title_area { align-items: center; }
	.main_cont1 .visual_cont_area .visual_title_area .cm_btn { padding: 10px 20px; }
	.main_cont1 .visual_title { font-size: 26px; }
	.main_cont1 .visual_cont_list { margin-top: 25px; }
	.main_cont1 .visual_cont_list > li { margin-top: 15px; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+3) { margin-top: 15px; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+2) { margin-top: 0; }
	.main_cont1 .visual_cont_list .item_box { padding: 15px 20px; }
	.main_cont1 .visual_cont_list .item_text { font-size: 15px; }
	.main_cont1 .visual_bnr { margin-top: 30px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper_page_area { height: 18px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-current { font-size: 13px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-pagination-total { font-size: 13px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-progress-bar { width: 120px; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper_ctrl_area { height: 36px; padding: 5px 20px; }
	.main_cont2 .main_quick { margin: 0 -20px; padding: 0 20px; overflow: hidden; overflow-x: auto; }
	.main_cont2 .main_quick .item_quick { flex-shrink: 0; margin-right: 25px; }
	.main_cont2 .main_quick .item_quick:last-child { margin-right: 0; }
	.main_cont2 .main_quick .item_img { width: 70px; height: 70px; }
	.main_cont2 .main_quick .item_title { font-size: 15px; }
	.main_cont3 { margin-top: 50px; }
	.main_cont3 .family_swiper .item_logo > img { max-width: 150px; max-height: 50px; }
	.main_cont4 { margin-top: 50px; background: #fff; }
	.main_cont4:after { display: none; }
	.main_cont4 .main_comm { display: block; }
	.main_cont4 .main_newletter { width: 100%; padding-bottom: 20px; }
	.main_cont4 .main_board { width: 100%; padding: 0 0 30px; }
	.main_cont4 .main_board .main_board_tab { margin-top: 20px; }
	.main_cont4 .main_board .main_board_tab .tab_cont > .btn_more3 { top: -42px; }
	.main_cont4 .main_board .btn_tab { margin-right: 15px; }
	.main_cont4 .main_board .cm_board1 { margin-top: 20px; }
	.main_cont4 .main_board .cm_board1 .board_item { margin-bottom: 20px; }
	.main_cont4 .main_board .cm_board1 .item_box { min-height: 0; padding: 0; }
	.main_cont5 { padding: 50px 0; }
	.main_cont5 .main_title > p { font-size: 15px; }
	.main_cont5 .main_sub_form { padding-left: 0; padding-top: 0; }
	.main_cont5 .main_sub_form .form_control { height: 50px; }
	.main_cont5 .main_sub_form .cm_btn { height: 50px; padding: 10px 20px; }

	/* 인사말 */
	.greeting_area { display: block; }
	.greeting_area .text_area { padding-right: 0; }
	.greeting_area .text_area .gr_title1 { margin-bottom: 30px; font-size: 24px; }
	.greeting_area .img_area { width: 100%; margin-top: 50px; padding-top: 0; }
	.greeting_area .img_area > .img1 { display: none; }
	.greeting_area .img_area .gr_sign { margin-top: 0; }
	.greeting_area .img_area .gr_sign > img { width: 100px; }

	/* 프로그램 안내 */
	.program_area .pro_item { padding: 30px 35px 50px; padding-right: 35px; }
	.program_area .pro_item .img_area { width: 80px; height: 80px; text-align: center; border-radius: 10px; }
	.program_area .pro_item .text_area { padding-left: 20px; }
	.program_area .pro_item .item_title { margin-top: 5px; font-size: 18px; }
	.program_area .pro_item .item_text { font-size: 14px; }

	/* 업무담당자 소개 */
	.manager_area .org_area { position: relative; }
	.manager_area .org_area:after { content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; height: 100%; background-color: #ddd; z-index: -1; }
	.manager_area .org_area .org_item { min-height: 55px; font-size: 15px; }
	.manager_area .org_area .org_step:after,
	.manager_area .org_area .org_item:after { display: none; }
	.manager_area .org_area .org_step1 .org_item { width: 100%; }
	.manager_area .org_area .org_step2 { padding-top: 20px; padding-bottom: 0; }
	.manager_area .org_area .org_step2 .org_item { width: 100%; margin: 0; }
	.manager_area .org_area .org_step3 { display: block; padding-top: 20px; }
	.manager_area .org_area .org_step3:after { left: calc((((100% - (15px * 3)) / 4)) / 2); right: calc((((100% - (15px * 3)) / 4)) / 2); }
	.manager_area .org_area .org_step3 .org_item { margin-right: 0; border-radius: 25px 25px 15px 15px; }
	.manager_area .org_area .org_step3 .org_item + .org_item { margin-top: 15px; }
	.manager_area .org_area .org_step3 .item_title { min-height: 50px; border-radius: 50px; }

	/* 가족회사신청 및 조회 - 가족회사 현황 */
	.family_detail .fm_head .img_area { width: 160px; }
	.family_detail .fm_head .fm_title { padding: 0 0 15px; font-size: 18px; }
	.family_detail .fm_head .fm_overview .fm_row { display: block; border-bottom: 0; }
	.family_detail .fm_head .fm_overview .fm_row .fm_item { min-height: 65px; padding: 10px 15px; border-bottom: 1px solid #ddd; }

	/* 가족회사신청 및 조회 - 가족회사 통계 */
	.statistics_area .stis_box1 { display: block; }
	.statistics_area .stis_box1 .graph_area { width: 100%; margin-bottom: 30px; padding-right: 20px; }
	.statistics_area .stis_box1 .graph_area .graph_box { width: 100%; padding-left: 60px; }

	/* 기술·경영지원 - 애로기술컨설팅 - 상담안내 */
	.consulting_info .box_list .cm_box2 { width: calc((100% - 20px) / 2); margin-right: 20px; margin-top: 20px; }
	.consulting_info .box_list .cm_box2:nth-child(2n+2) { margin-right: 0; }
	.consulting_info .box_list .cm_box2:nth-child(-n+2) { margin-top: 0; }
	.consulting_info .box_list .cm_box2 dt { padding-bottom: 20px; }
	.consulting_info .box_list .cm_box2 dt p { margin-top: 10px; }
	.consulting_info .box_list .cm_box2 dd { padding-top: 20px; }

	/* 인천대학교 가족회사 신청 모달 */
	.modal_membershipFam .text1 { font-size: 18px; word-break: keep-all; }
	.modal_membershipFam .text2 { font-size: 15px }
	.modal_membershipFam .membership_cont_list { padding: 0; }
	.modal_membershipFam .membership_cont_list > li { width: calc((100% - 20px) / 2); margin-right: 20px; margin-top: 20px; }
	.modal_membershipFam .membership_cont_list > li:nth-child(3n+3) { margin-right: 20px; }
	.modal_membershipFam .membership_cont_list > li:nth-child(-n+3) { margin-top: 20px; }
	.modal_membershipFam .membership_cont_list > li:nth-child(2n+2) { margin-right: 0; }
	.modal_membershipFam .membership_cont_list > li:nth-child(-n+2) { margin-top: 0; }
	.modal_membershipFam .membership_cont_list .item_box { display: block; min-height: 100px; padding: 18px 20px 15px; border-radius: 10px; }
	.modal_membershipFam .membership_cont_list .item_img { display: flex; align-items: center; padding: 0; }
	.modal_membershipFam .membership_cont_list .item_img img { width: 100%; }
	.modal_membershipFam .membership_cont_list .item_text { margin-top: 10px; font-size: 14px; }

	/* 뉴스레터 */
	.newsletter_area .newsletter_head { position: relative; justify-content: center; height: auto; padding: 15px; padding-top: 50px; }
	.newsletter_area .newsletter_head .text_val { margin: 0 5px; font-size: 14px; font-weight: 600; }
	.newsletter_area .newsletter_head .text_date { margin: 0 5px; font-size: 14px; font-weight: 500; }
	.newsletter_area .newsletter_head .logo_area { position: absolute; top: 15px; width: 100%; text-align: center; }
	.newsletter_area .newsletter_head .logo_area img { width: 170px; }
	.newsletter_area .newsletter_body { padding: 25px; }
	.newsletter_area .newsletter_body .news_box { padding: 25px; }
	.newsletter_area .newsletter_body .news_box + .news_box { margin-top: 25px; }
	.newsletter_area .newsletter_body .list_box .item_box { display: block; padding: 25px 0; }
	.newsletter_area .newsletter_body .list_box .thumb_area { width: 100%; }
	.newsletter_area .newsletter_body .list_box .desc_area { width: 100%; margin-top: 20px; padding-left: 0; }
	.newsletter_area .newsletter_body .list_box .item_title { height: calc((16px * 1.4) * 2); margin-top: 10px; font-size: 16px; }
	.newsletter_area .newsletter_body .list_box .item_text { height: calc((13px * 1.6) * 3); margin-top: 15px; }
	.newsletter_area .newsletter_body .list_box .btn_area { margin-top: 15px; }
	.newsletter_area .newsletter_body .fam_list .fam_title { height: 45px; margin: -25px -25px 15px; font-size: 15px; }
	.newsletter_area .newsletter_body .fam_list .fam_swiper { padding: 0 20px; }
	.newsletter_area .newsletter_body .fam_list .btn_area { margin-top: 15px; }
	.newsletter_area .newsletter_body .fam_list .swiper-btn { width: 8px; }
	.newsletter_area .newsletter_body .etc_area { display: block; margin-top: 25px; }
	.newsletter_area .newsletter_body .etc_area .etc_box { width: 100%; min-height: 0; padding: 20px 25px 50px; }
	.newsletter_area .newsletter_body .etc_area .etc_text { font-size: 15px; }
	.newsletter_area .newsletter_body .etc_area .etc_text > img { display: none; }
	.newsletter_area .newsletter_body .etc_area .etc_img { right: -30px; width: 50%; }
	.newsletter_area .newsletter_body .etc_area .etc_box1 { margin-right: 0; }
	.newsletter_area .newsletter_body .etc_area .etc_box1 .etc_img { bottom: -10px; }
	.newsletter_area .newsletter_body .etc_area .etc_box2 { margin-top: 25px; }
	.newsletter_area .newsletter_foot { display: block; }
	.newsletter_area .newsletter_foot .logo_area { width: auto; flex-shrink: 0; }
	.newsletter_area .newsletter_foot .logo_area img { width: 60px; }
	.newsletter_area .newsletter_foot .info_area { margin-top: 20px; padding-left: 0; }
	.newsletter_area .newsletter_foot .info_area .copyright { margin-top: 7px; font-size: 11px; }
	.newsletter_area .newsletter_foot .info_area .refusal { margin-top: 15px; font-size: 11px; }

	.modal_refusal .modal_cont > img { width: 50px; }
	.modal_refusal .modal_cont > p { font-size: 15px; }
	.modal_refusal .modal_cont > a { margin-top: 20px; }

	.newsletter_detail .cm_board_view .board_view_head { padding-right: 0; }
	.newsletter_detail .cm_board_view .board_view_head .view_val { top: 15px; right: 0px; width: 60px; height: 28px; margin-top: 0; padding: 5px; font-size: 13px; border-radius: 5px; }
	.newsletter_detail .cm_board_view .board_view_head .view_title { margin-top: 15px; }

	/* 가족회사협의체 - 협의체 회장단 */
	.presidency_area .pres_list { grid-template-columns: repeat(1, 1fr); gap: 25px; }
	.presidency_area .pres_list .list_item { padding: 25px; }
	.presidency_area .pres_list .list_item .item_name { margin-bottom: 12px; padding: 12px 0; }
	.presidency_area .pres_list .list_item .item_name > span { font-size: 18px; }
	.presidency_area .pres_list .list_item .item_etc dt { width: 60px; font-size: 13px; }
	.presidency_area .pres_list .list_item .item_etc dd { width: calc(100% - 60px); }
	.presidency_area .pres_list .list_item .item_info { margin-top: 25px; }
	.presidency_area .pres_list .list_item .item_info .item_etc dt { width: 75px; }
	.presidency_area .pres_list .list_item .item_info .item_etc dd { width: calc(100% - 75px); }

	/* 가족회사협의체 - 협의체 전문위원 */
	.expert_area .expert_list { grid-template-columns: repeat(2, 1fr); gap: 25px; }
	.expert_area .expert_list .list_item { padding: 20px; }
	.expert_area .expert_list .list_item .item_desc { margin-top: 20px; }
	.expert_area .expert_list .list_item .item_name { font-size: 18px; }
	.expert_area .expert_list .list_item .item_com { margin-top: 10px; letter-spacing: -1px; }
}

/* ********************************************************************************* *
/* max-wdith: 480px
* ********************************************************************************* */
@media screen and (max-width: 480px){
	/* 게시판 검색 */
	.form_search { margin-bottom: 30px; }
	.form_detail { position: absolute; left: 0; bottom: 0; margin-left: 0; }
	.form_detail .cm_btn { min-height: 40px; padding: 5px 15px; }
	.form_search_detail { margin-top: 20px; }
	.form_search_detail .form_label { margin-bottom: 10px; font-size: 14px; }
	.form_search.type2 .form_search_inner { padding-bottom: 50px; }
	.form_search.type2 .btn_area { bottom: 10px; }
	.form_search.type3 { margin-bottom: 25px; padding: 20px; }
	.form_search.type3 .tag_area { display: block; margin: 0; }
	.form_search.type3 .tag_area .tag_title { margin: 0; margin-bottom: 10px; }
	
	/* 게시판 스타일1 */
	.cm_board1 .item_box { flex-wrap: wrap; min-height: 55px; padding: 10px 0 15px; }
	.cm_board1 .item_box > div { padding-left: 0; padding-right: 0; }
	.cm_board1 .item_box .item_label + .item_subject { width: calc(100% - 75px); margin-left: 15px; }
	.cm_board1 .item_box .item_date { margin-top: 10px; }
	
	/* 목록 스타일1 */
	.cm_list1 .cm_list { grid-template-columns: repeat(1, 100%); gap: 25px; }
	.cm_list1 .item_box { padding: 25px 30px; }
	
	/* 목록 스타일4 */
	.cm_list4 .cm_list { grid-template-columns: repeat(1, 100%); gap: 25px; }
	.cm_list4.type2 .cm_list { grid-template-columns: repeat(1, 100%); gap: 25px; }

	/* 문의 */
	.cm_contact .item_contact { width: 100%; }
	.cm_contact .item_contact:after { display: none; }
	
	/* 멤버등급 */
	.cm_member_use { display: block; }
	.cm_member_use .item_use { width: calc(100% - 20px); }

	/* 관심기술 목록 */
	.cm_tech_list .tech_item .form_label { flex-wrap: wrap; margin: 0; }
	.cm_tech_list .tech_item .tech_cate { flex-shrink: 0; position: relative; padding-right: 0; font-weight: 600; }
	.cm_tech_list .tech_item .tech_cate:after { display: none; }
	.cm_tech_list .tech_item .tech_title { margin-top: 5px; padding-left: 26px; }
	
	/* 윈도우 팝업 */
	.window_popup_area .page_contents { padding: 30px 25px 40px; }
	.window_popup_area .popup_head .popup_logo img { width: calc(312px * 0.7); }
	.window_popup_area .popup_body { margin-top: 30px; }
	.window_popup_area .cm_form_write textarea.form_control { height: 100px; }
	
	/* Main */
	.main_cont1 .visual_title { position: relative; font-size: 26px; }
	.main_cont1 .visual_title > span { display: none; margin-top: 5px; font-size: 14px; white-space: nowrap; }
	.main_cont1 .visual_title > span em { font-size: 16px; }
	.main_cont1 .visual_cont_list { margin-top: 25px; }
	.main_cont1 .visual_cont_list > li { width: calc((100% - 15px) / 2); margin-top: 15px; margin-right: 15px; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+3) { margin-top: 15px; }
	.main_cont1 .visual_cont_list > li:nth-child(-n+2) { margin-top: 0; }
	.main_cont1 .visual_cont_list > li:nth-child(3n+3) { margin-right: 15px; }
	.main_cont1 .visual_cont_list > li:nth-child(2n+2) { margin-right: 0; }
	.main_cont1 .visual_cont_list .item_box { padding: 15px; border-radius: 5px; }
	.main_cont1 .visual_cont_list .item_img { width: 45px; padding-right: 7px; }
	.main_cont1 .visual_cont_list .item_text { font-size: 14px; }
	.main_cont1 .visual_cont_list .item_text br { display: none; }
	.main_cont1 .visual_bnr .swiper_btn_area .swiper-progress-bar { width: 100px; }
	.main_cont2 { padding: 35px 0; }
	.main_cont3 .family_swiper .swiper { padding: 0; overflow: visible; }
	.main_cont3 .family_swiper .swiper-slide { width: 65vw; }
	.main_cont3 .family_swiper .swiper-btn { display: none; }
	.main_cont3 .family_swiper .item_box { min-height: 240px; padding-bottom: 70px; }
	.main_cont3 .family_swiper .item_logo > img { max-width: 80%; }
	.main_cont4 { padding-bottom: 50px; }
	.main_cont4 .main_board .main_board_tab { border-color: #000; }
	.main_cont4 .main_board .cm_list1 .list_item .item_title { height: auto; }
	.main_cont4 .main_board .cm_list1 .list_item .item_info { margin-top: 10px; }

	/* 프로그램 안내 */
	.program_area .pro_item { display: block; }
	.program_area .pro_item .img_area { width: 100%; }
	.program_area .pro_item .img_area > img { width: 80px; }
	.program_area .pro_item .text_area { padding-left: 0; }
	.program_area .pro_item .item_title { margin-top: 20px; }

	/* 가족회사신청 및 조회 - 가족회사 현황 */
	.family_detail .fm_head { display: block; }
	.family_detail .fm_head .img_area { width: 100%; padding: 50px; text-align: center; }
	.family_detail .fm_head .img_area:after { display: none; }
	.family_detail .fm_head .img_area > img { position: static; transform: none; max-width: 100%; max-height: 100%; }
	.family_detail .fm_head .info_area { margin-top: 25px; padding-left: 0; }

	/* 가족회사신청 및 조회 - 가족회사 통계 */
	.statistics_area .stis_box1 .graph_area { padding-right: 0; }
	.statistics_area .stis_box1 .graph_area .graph_box { padding-left: 0; }
	.statistics_area .stis_box1 .graph_area .graph { width: calc(230px * 0.7); height: calc(240px * 0.7); }
	.statistics_area .stis_box2 .graph_area .graph { height: calc(300px * 0.7); }

	/* 기술·경영지원 - INU 산학매칭지원 */
	.maching_area .maching_text .text1 { font-size: 14px; }
	.maching_area .maching_text .text2 { margin-top: 5px; font-size: 18px; }
	.maching_area .maching_cate_area { margin: -5px; margin-bottom: 25px; }
	.maching_area .maching_cate_area .item_cate { width: calc((100% - (10px * 4)) / 4); margin: 5px; padding: 13px 10px; }
	.maching_area .maching_cate_area .item_cate .icon_cate { width: calc(42px * 0.7); height: calc(39px * 0.7); }
	.maching_area .maching_cate_area .item_cate .title_cate { margin-top: 10px; }

	/* 기술·경영지원 - 애로기술컨설팅 - 상담안내 */
	.consulting_info .box_list { display: block; }
	.consulting_info .box_list .cm_box2 { width: 100%; margin-right: 0; margin-top: 20px !important;; }
	.consulting_info .box_list .cm_box2:first-child { margin-top: 0 !important; }
	.consulting_info .box_list .cm_box2 dt { padding-bottom: 20px; }
	.consulting_info .box_list .cm_box2 dt p { margin-top: 10px; }
	.consulting_info .box_list .cm_box2 dd { padding-top: 20px; }

	/* 가족회사협의체 - 협의체소개 */
	.council_info_area .composition_list .comp_item { display: block; padding: 25px 30px 30px; }
	.council_info_area .composition_list .comp_item .img_area { margin: 0 auto; }
	.council_info_area .composition_list .comp_item .text_area { margin-top: 20px; padding: 0; padding-top: 20px; border-left: 0; border-top: 1px solid #ddd; }
}

/* =====================================================================
   INU 산학매칭 SYSTEM
   ===================================================================== */
/* hero - INU DATA Base */
.hero_intro { z-index: 1; position: relative; background: #e9edfb url(../../images/common/img_hero_bg.jpg) no-repeat center / cover; }
.hero_intro .inner { position: relative; display: flex; align-items: flex-start; padding-top: 84px; padding-bottom: 40px; }
.hero_intro .hero_text { z-index: 1; position: relative; flex-shrink: 0; width: 520px; }
.hero_intro .hero_title { color: #333; font-family: 'PlusJakartaSans', 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 45px; line-height: 1; }
.hero_intro .hero_title .color_inu { color: #1e56c5; }
.hero_intro .hero_desc { margin-top: 32px; word-break: keep-all; }
.hero_intro .hero_desc .text1 { color: #333; font-size: 18px; line-height: 1.5; }
.hero_intro .hero_desc .text2 { margin-top: 6px; color: #1f2329; font-weight: 500; font-size: 26px; line-height: 1.4; }
.hero_intro .hero_link { z-index: 1; position: relative; display: flex; flex: 1 1 0; min-width: 0; margin-top: 26px; gap: 20px; }
.hero_intro .hero_link .link_item { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; padding: 24px; border-radius: 20px; background-color: #fff; box-shadow: 4px 4px 5px 0 #c8d7f0; word-break: keep-all; transition: box-shadow 0.2s; }
.hero_intro .hero_link .link_item:hover { box-shadow: 4px 4px 12px 0 rgba(31, 96, 238, 0.25); }
.hero_intro .hero_link .link_item.disabled { cursor: default; }
.hero_intro .hero_link .link_item.disabled:hover { box-shadow: 4px 4px 5px 0 #c8d7f0; }
.hero_intro .hero_link .item_label { color: #1f60ee; font-weight: 700; font-size: 18px; line-height: 1.39; }
.hero_intro .hero_link .item_title { color: #333; font-weight: 700; font-size: 24px; line-height: 1.39; }
.hero_intro .hero_link .item_text { margin: 8px 0 20px; color: #333; font-weight: 500; font-size: 14px; line-height: 1.49; }
.hero_intro .hero_link .item_arrow { display: block; width: 39px; height: 12px; margin: auto 0 0 auto; background: url(../../images/common/icon_arr_link.svg) no-repeat center / contain; }
.hero_intro .obj_hero { z-index: 0; position: absolute; top: -69px; right: 80px; width: 323px; pointer-events: none; }
.hero_intro .obj_hero img { width: 100%; }
.sub_contents .page_contents { padding-top: 48px; }

@media screen and (max-width:1800px) {
	.hero_intro .obj_hero { right: 60px; }
}
@media screen and (max-width:1280px) {
	.header .logo_area a.logo_inu { width: calc(137px * 0.8); height: calc(17px * 0.8); }
	.hero_intro .inner { padding-top: 60px; padding-bottom: 35px; }
	.hero_intro .hero_text { width: 44%; }
	.hero_intro .hero_title { font-size: 38px; }
	.hero_intro .hero_desc { margin-top: 24px; }
	.hero_intro .hero_desc .text2 { font-size: 22px; }
	.hero_intro .hero_link .item_title { font-size: 21px; }
	.hero_intro .obj_hero { top: -50px; right: 30px; width: 240px; }
}
@media screen and (max-width:1023px) {
	.header .logo_area a.logo_inu { width: calc(137px * 0.7); height: calc(17px * 0.7); }
	.header { position: fixed; padding-top: 0; }
	header.header .familysite_area { position: static; }
	.header.scroll { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
	header.header.scroll .familysite_area { box-shadow: none; }
	.container { padding-top: 141px; }
	header.header .familysite_area .familysite_utill { display: flex; box-sizing: border-box; align-items: center; justify-content: flex-end; position: static; width: 100%; height: 40px; padding: 0 12px; background-color: #f7f8fa; border-bottom: 1px solid #ddd; }
	header.header .familysite_area .familysite_utill .btn_utill { flex-shrink: 0; height: 100%; padding: 0 8px; font-size: 12px; }
	header.header .familysite_area .familysite_utill .btn_utill.login1:before { display: none; }
	.hero_intro .inner { flex-wrap: wrap; padding-top: 45px; }
	.hero_intro .hero_text { width: 100%; }
	.hero_intro .hero_title { font-size: 32px; }
	.hero_intro .hero_link { flex: 0 0 100%; width: 100%; margin-top: 30px; }
	.hero_intro .obj_hero { display: none; }
	.sub_contents .page_contents { padding-top: 35px; }
}
@media screen and (max-width:768px) {
	.hero_intro .inner { padding-top: 35px; padding-bottom: 30px; }
	.hero_intro .hero_title { font-size: 28px; }
	.hero_intro .hero_desc .text1 { font-size: 15px; }
	.hero_intro .hero_desc .text2 { font-size: 19px; }
	.hero_intro .hero_link .link_item { padding: 20px; }
	.hero_intro .hero_link .item_label { font-size: 16px; }
	.hero_intro .hero_link .item_title { font-size: 18px; }
}
@media screen and (max-width:480px) {
	.hero_intro .hero_link { flex-direction: column; }
}