@charset "utf-8";

/*디폴트값해제*/
.apply-wrap input[type=text]:focus, .apply-wrap input[type=password]:focus, .apply-wrap textarea:focus, .apply-wrap select:focus { box-shadow:none; /*border:none;*/ border:1px solid #fffddf !important; outline: none; }
.apply-wrap input[type=text], .apply-wrap input[type=password], .apply-wrap textarea, .apply-wrap select { border:1px solid #fff; }
.apply-wrap input[type=text]:focus, .apply-wrap textarea:focus { background:#fffddf; }

/*버튼 공통(츠나미)*/
.btn-wrap { text-align:center; padding:50px 0 20px; }
.btn-wrap button { width:130px; line-height:50px; color:#fff; font-size:16px; font-weight:600; transition:all 0.30s ease-in-out  }
.apply-btn-enable { border:1px solid #162ca1; background:#162ca1; }
.apply-btn-enable:hover { background:#fff; color:#162ca1; }
.btn-list-back { border:1px solid #444; background:#444; }
.btn-list-back:hover { background:#fff; color:#444; }
.apply-btn-unable { border:1px solid #dd2e3b; background:#dd2e3b; cursor:auto; }
.register-btn {border:1px solid #162ca1;  background:#162ca1; }
.register-btn:hover { background:#fff; color:#162ca1; }

/*폰트색상(츠나미)*/
.text-red { color:#dd2e3b; }
.text-blue { color:#162ca1; }

/*대관신청/멘토신청 공통(츠나미)*/
.apply-wrap { width:100%; border:1px solid #ccc; }
.line-break-box { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; border-bottom:1px solid #ccc; background:#f5f8fd; }
.line-break-box:last-child { border-bottom:none; }
.apply-th { width:30%; text-align:center; /*padding:10px;*/ font-weight:600; }
.apply-td { width:70%; /*padding:10px;*/ border-left:1px solid #ccc; background:#fff; }
.apply-td input[type=text], .apply-td textarea { width:100%; display:block; padding:10px; }
select.apply-select-list { width:30%; border:1px solid #ddd; padding:5px; margin:10px; }
select.apply-select-list:focus { border:1px solid #ddd !important; }
/*캘린더-날짜(츠나미)*/
.apply-schedule { display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px; }
.apply-calendar { width:38%; }
.calendar-dateInfo { text-align:center; padding:10px 0; }
.calendar-dateInfo > button { width:19px; height:19px; color:#fff; background:#555; margin-left:10px; border-radius:50px; vertical-align:baseline; transition:all 0.30s ease-in-out; }
.calendar-dateInfo > button:hover { background:#162ca1; }
.type-calendar { width:100%; border-top:1px solid #ddd; }
.type-calendar th, .type-calendar td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; text-align:center; }
.type-calendar th:last-child, .type-calendar td:last-child { border-right:1px solid #ddd; }
.type-calendar th { background:#f5f8fd; }
/*캘린더-지나간날, 휴일, 오늘, 다음달 등 종류별*/
.th-sun, .td-sun, .td-holiday { color:#e60012; }
.th-sat, .td-sat { color:#0068b7; }
.td-today { background:#eee; }
.td-today .day-date { font-weight:600; }
.td-passday, .td-nexday { color:#ddd; }
.td-passday.td-sun, .td-passday.td-holiday { color:#f9bfc4; }
.td-passday.td-sat, .td-nexday.td-sat { color:#b2d1e9; }
/*캘린더-시간선택(츠나미)*/
.apply-time { width:60%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; border-top:1px solid #ddd; }
.apply-time-check { width:50%; border:1px solid #ddd; border-top:none; padding:10px 15px; position:relative; }
.apply-time-check:nth-child(2n) { border-left:none; }
.apply-time-check > label { padding-left:5px; }
.apply-time-check > p { width:100px; height:100%; position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; }
p.reserve-possible { background:#e5f0f8; color:#0068b7; }
p.reserve-unable { background:#fdedee; color:#f27f88; }
input.reserve-unable, label.reserve-unable { opacity:0.3; }

.apply-td > textarea { min-height:100px; font-size:17px; }
.number-count-wrap { width: fit-content; border:1px solid #b2d1e9; display:flex; margin:10px; }
.number-minus, .number-plus { width:40px; height:40px; background:#e5f0f8; text-indent:-999px; overflow:hidden; position:relative; font-size:20px; }
.number-minus i, .number-plus i { width:100%; line-height:40px; position:absolute; top:0; left:0; text-indent:0; }
input[type=text].number-count {  width:50px; height:40px; text-align:center; }

.line-agree-box { background:#f5f8fd; overflow:hidden; }
.line-agree-<divInfo { border-bottom:1px solid #ccc; }
.line-agree-rule { border-top:1px solid #ccc; }
h2.apply-tit { text-align:center; padding-top:50px; font-weight:600; }
.personInfo-agree, .rule-agree { height:150px; margin:20px; border:1px solid #ccc; overflow-y:scroll; padding:20px; background:#fff; }
.agree-check-line { padding:10px 0 50px; text-align:center; }

/*대관신청 주의사항(추가)*/
.notandum_wrap { max-width:1400px; margin:100px auto 50px; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items:center; border:2px solid #333;  border-radius:15px; padding:20px 30px; }
.notandum_L { width:10%; display:table-cell; vertical-align:middle; }
.notandum_L > i { width:60px; height:60px; line-height:60px; display:inline-block; border-radius:100px; background:#e60012; color:#fff; text-align:center; font-size:50px; }
.notandum_C { width:20%;  font-size:40px; }
.notandum_R { width:70%; }
.notandum_R > p:nth-child(1) { color:#e60012; }





/* 프로그램-list (츠나미) */
/*이달의운영프로그램미리보기*/
.month-program-preview { display:flex; flex-wrap:wrap; justify-content:flex-start; border-top:2px solid #162ca1; border-bottom:2px solid #162ca1; }
.month-preview-th { width:30%; padding:50px 0; text-align:center; background:#f5f8fd;  }
.preview-year { color:#6f7597; }
.preview-month { width:100px; height:100px; line-height:100px; color:#fff; background:#162ca1; margin:20px auto; border-radius:50px; font-size:30px; }
.month-preview-td { width:70%; display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-start; padding:20px; }
.preview-list-box { width:46%; margin:10px 2%; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.30s ease-in-out; }
.preview-list-box span { width:50px; height:30px; line-height:30px; display:inline-block; color:#fff; text-align:center; margin-right:10px; }
.preview-recruit { border:1px solid #162ca1; }
.preview-recruit:hover { background:#f3f4fa; }
.preview-progress { border:1px solid #22ac38; }
.preview-progress:hover { background:#f3fbf5; }
.preview-finish { border:1px solid #999; }
.preview-finish:hover { background:#eee; }
.preview-recruit  span { background:#162ca1; }
.preview-progress  span { background:#22ac38; }
.preview-finish  span { background:#444; }
/*지난프로그램구분탭*/
.program-tab-btn { text-align:center; margin-top:50px; }
.program-tab-btn button { width:150px; height:50px; border:1px solid #162ca1; background:#fff; font-weight:600; color:#162ca1; transition:all 0.30s ease-in-out; }
.program-tab-btn .tab-active, .program-tab-btn button:hover { background:#162ca1; color:#fff; }
/*프로그램목록*/
.program-list-wrap { display:flex; flex-wrap:wrap; justify-content:flex-start; margin:50px 0; }
.program-list-box { width:23%; margin:0 1% 50px 1%; position: relative;}
.program-list-box.cont .center-divide-icon{left: 10px;}
.post-img-box { border:1px solid #ccc; }
.post-img-box img { width:100%; }
.post-info-box { border:1px solid #ccc; border-top:none; padding:15px; }
.post-title { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0; }
.recruit-period, .progress-period { font-size:15px; }
.recruit-period span { color:#162ca1; }
.progress-period span { color:#22ac38; }
.Progress-box { display:flex; flex-wrap:wrap; justify-content:flex-start; margin-top:15px; border:1px solid #ccc; }
.Progress-box >  div { width:50%; line-height:35px; text-align:center; font-size:15px; }
.appli-ongoing { background:#22ac38; color:#fff; }
.appli-close { background:#444;  color:#fff; }
.appli-detail { border-left:1px solid #ccc; transition:all 0.30s ease-in-out; }
.appli-detail:hover { background:#162ca1; color:#fff; }
/*숫자네비게이션*/
.number-nav-bar { padding-bottom:50px; text-align:center; }
.number-nav-bar a { width:30px; height:30px; line-height:30px; display:inline-block; background:#eee; font-size:15px; color:#777; transition:all 0.30s ease-in-out; }
.number-first-btn, .number-left-btn, .number-right-btn, .number-last-btn { opacity:0.5; }
.number-nav-bar a:hover, a.number-nav-this { background:#162ca1; color:#fff; opacity:1; }



/* 프로그램-view (츠나미) */
/*썸네일요약박스*/
.program-view-summary { display:flex; flex-wrap:wrap; justify-content:flex-start; margin:0 0 50px 0; border:1px solid #ccc; }
.view-summary-img { width:30%; }
.view-summary-img > img { width:100%; }
.view-summary-box { width:70%; padding:50px; position:relative; }
.view-summary-box h1 { font-size:35px; font-weight:600; margin:40px 0 30px; }
.view-summary-box p { line-height:1.5; }
.view-summary-box p span { min-width:75px; display:inline-block; font-weight:600; color:#162ca1; }
.view-summary-recruit, .view-summary-finish { width:150px; line-height:50px; text-align:center; position:absolute; bottom:50px; right:50px; color:#fff; font-weight:600; }
.view-summary-recruit { background:#22ac38; }
.view-summary-finish { background:#444; }
/*프로그램상세테이블*/
.program-view-wrap { border:1px solid #ccc; border-bottom:0; margin:0 0 50px 0; }
.view-line-break { border-bottom:1px solid #ccc; background:#f5f8fd; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.program-th { width:15%; padding:15px; text-align:center; border-right:1px solid #ccc; }
.program-td { width:85%; background:#fff; padding:15px; }
.view-line2 .program-th { width:15%; }
.view-line2 .program-th:nth-child(3) { border-left:1px solid #ccc; }
.view-line2 .program-td { width:35%; }
.program-td img { max-width:100%; max-height:700px; }
/*프로그램주의사항*/
.program-caution { border:1px solid #ccc; background:#f5f8fd; padding: 30px 50px 50px; line-height:1.5; }
.program-caution h2 { text-align:center; margin-bottom:50px; padding-bottom:20px; border-bottom:1px solid #ddd; }
.program-caution img{max-width: 100%; width: auto;}
/*프로그램신청팝업*/
.program-form { width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display:none; z-index: 999;}
.program-form form { max-width:1200px; background:#fff; border:1px solid #aaa; margin:70px auto;  padding: 50px; position:relative; z-index:999; }
.program-form-wrap  { border:1px solid #ccc; }
.program-form .program-td { padding:0; }
.program-form .program-td .inner{ padding:15.25px; }
.program-td input { width:100%; padding:15px; }
.program-td input[type="radio"]{width: auto;}
.program-td .inner label{margin-left: 5px;}
.program-td label + input[type="radio"]{margin-left: 10px;}
.program-td select{padding: 14px 11px;}
.program-td.p-form-padding { padding:17px; }
.program-form .personInfo-agree { height:100px; }
.program-form .btn-wrap { padding:30px 0 0; }
.program-form .apply-btn-unable:hover { color:#dd2e3b; background:#fff; }


/*일정스케쥴러-탭바(츠나미)*/
.schedule-view-tab { max-width:1000px; margin:0 auto; }
.tab-depth1, .tab-depth2 > div { display:flex; flex-wrap:wrap; justify-content:flex-start; text-align:center; }
.tab-depth1 > div { width:50%; border:1px solid #162ca1; font-size:20px; padding:20px; color:#162ca1; cursor:pointer; }
.tab-depth1 > div:last-child { border-left:none; }
div.tab-btn-active1 { background:#162ca1; color:#fff; }
.tab-depth2 { margin:50px 0; }
.tab-depth2 > div { margin-left:-1.33%; /*opacity:0;*/display:none; }
.tab-depth2 > div > div { width:32%; color:#999; background:#f4f4f4; margin-left:1.33%; padding:20px; border:1px solid #ddd; cursor:pointer; transition:all 0.30s ease-in-out; }
.tab-depth2 > div > div:hover { border:1px solid #162ca1; color:#fff; background:#162ca1; }
.tab-depth2 div.tab-btn-active2 { border:1px solid #162ca1; color:#162ca1; background:#fff; }
div.tab-list-ative { display:flex; }
/*일정스케쥴러-PC(츠나미)*/
/*월지정*/
.schedule-view-dateInfo { text-align:center; margin-bottom:50px; }
.schedule-view-dateInfo > button { width:40px; height:40px; border:1px solid #162ca1; background:#fff; color:#162ca1; border-radius:50px; font-size:20px; transition:all 0.30s ease-in-out; }
.schedule-view-dateInfo > button:hover { background:#162ca1; color:#fff; }
.schedule-view-dateInfo > span { padding:0 10px; font-size:30px; vertical-align:middle; }
/*달력테이블*/
.type-calendar-pc { width:100%; table-layout:fixed; }
.type-calendar-pc th { border-top:2px solid #162ca1; border-bottom:1px solid #162ca1; padding:20px 0; }
.type-calendar-pc td { height:150px; padding:20px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; vertical-align:top; }
.type-calendar-pc td:first-child { border-left:none; }
.calendar-list li { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:5px; font-size:15px; }
.calendar-list li span:first-child { padding:0 5px; color:#fff; margin-right:5px; border-radius:3px; }
.rent-icon { background:#e4007f; }
.appli-icon { background:#ff7800; }
.run-icon { background:#009944; }
.rent-time { color:#7785cd; font-size:14px; }
.td-passday .calendar-list, .td-nexday .calendar-list { opacity:0.3; }

/*일정스케쥴러-MOBILE(츠나미)*//*추후 반응형 screen 안으로*/
.calendar-day-box { padding:20px 0; border-bottom:1px solid #ccc; }
.calendar-day-box:first-child { border-top:2px solid #162ca1; }
.mobile-day-date i { color:#aaa; font-size:20px; vertical-align:bottom; padding-right:3px; }
.calendar-list.list-mobile li { font-size:14px; }
.list-mobile .rent-time { display:inline-block; margin-left:5px; }









/* ========================= 반응형 ========================= */
@media screen and (max-width: 1200px) {
/*썸네일요약박스*/
.view-summary-img { display:none; }
.view-summary-box { width:100%; }
}
@media screen and (max-width: 1024px) {

/*대관신청/멘토신청 공통(츠나미)*/
.apply-th { width:100%; padding:10px 0; }
.apply-td { width:100%; border-left:none; border-top:1px solid #ccc; }
select.apply-select-list { width:100%; margin:0; padding:10px; border-color:#fff; }
select.apply-select-list:focus { border-color:#fff !important; }
.apply-calendar { width:100%; }
.apply-time { width:100%; margin-top:10px; }
.apply-time-check { width:100%; }
.apply-time-check:nth-child(2n) { border-left:1px solid #ccc; }
/*대관신청 주의사항(추가)*/
.notandum_wrap { margin:50px 20px; padding:20px; }
.notandum_L, .notandum_C,.notandum_R  { width:100%; }
.notandum_L, .notandum_C { text-align:center; }
.notandum_L > i { width:40px; height:40px; line-height:40px; font-size:30px; }
.notandum_C { font-size:30px; margin:10px 0; }


/* 프로그램-list (츠나미) */
/*이달의운영프로그램미리보기*/
.month-preview-th { width:100%; padding:30px 0; border-bottom:1px solid #ccc; }
.month-preview-th div, .month-preview-th p { display:inline-block; }
.preview-month { width:initial; height:40px; line-height:40px; margin:0 5px; border-radius:8px; font-size:20px; color:#162ca1; font-weight:600; background:none; }
.month-preview-td { width:100%; padding:10px 0; }
.preview-list-box { width:100%; margin:10px 0; }
/*프로그램목록*/
.program-list-box { width:100%; }


/* 프로그램-view (츠나미) */
/*썸네일요약박스*/
.view-summary-box { padding:20px; }
.view-summary-box h1 { margin:15px 0 10px; font-size:25px; }
.view-summary-recruit, .view-summary-finish { line-height:40px; position:static; margin:15px auto 0; }
/*프로그램상세테이블*/
.program-th { width:100% !important; border:0; border-bottom:1px solid #ccc; }
.program-td { width:100% !important; }
.view-line2 .program-th:nth-child(3) { border:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
/*프로그램주의사항*/
.program-caution { padding: 30px 20px }
/*프로그램신청팝업*/
.program-form { overflow-y:auto; }
.program-form form { margin:20px; padding:20px; }



/*일정스케쥴러-탭바(츠나미)*/
.tab-depth1 > div { padding:15px; font-size:18px; }
.tab-depth2 { margin:30px 0 50px 0; }
.tab-depth2 > div > div { padding:10px; }
/*일정스케쥴러(츠나미)*/
/*월지정*/
.schedule-view-dateInfo { margin-bottom:30px; }
.schedule-view-dateInfo > button { width:34px; height:34px; }
.schedule-view-dateInfo > span { font-size:25px; }
/*달력테이블*/










}















/*bullet tit����(������)*/
.bullet_Mtit_box { margin:100px 0; text-align:center; }
.bullet_Mtit_box p { font-size:15px; color:#bbb; text-transform:uppercase; }
.bullet_Mtit_box h2 { font-size:30px; font-weight:500; }







/*section02 �����̵�(�̴���)�ڽ�(������)*/
.sliding-door-wrap { width:100%; height:450px; position:relative; overflow:hidden; }
.sliding-door-wrap > div { width:50%; height:100%; opacity:0; transition:0.5s; position:relative; }
.sliding-left-box { float:left; margin-left:-500px; }
.sliding-right-box { float:right; margin-right:-500px; padding-left:50px;  }
.sliding-door-wrap div.show { opacity:1; margin:0; }
 /*left*/
.sliding-left-box { text-align:center; font-size:20px; }
/*���������� Ķ���� �߰��κ�(���߿� ��������������Ʈcss�� �ŰܵѰ�. sliding-left-box ��Ʈ������ ����)*/
.main-type-calendar { width:100%; max-width:550px; float:right; border-top:2px solid #2d3e87; table-layout:fixed; }
.main-type-calendar th { border-bottom:1px solid #cfd4dc; background:#f5f8fd; padding:17px 0; }
.main-type-calendar td { border-bottom:1px solid #cfd4dc; padding:17px 0; }
.main-type-calendar td span { width:40px; height:40px; line-height:40px; display:inline-block; border-radius:5px; }
.main-type-calendar .td-today { background:none; }
.main-type-calendar .td-today span { background:#0068b7; color:#fff; }
.m-day-data { background:#e5f0f8; cursor:pointer; }/*�߰���*/
/*right*/
.main_scheduleWrap { max-width:550px; }
.schedule_titM { font-size:20px; font-weight:500; position:relative;padding-left:25px; }
.schedule_titM i { font-size:25px; position:absolute; left:0; }
.schedule_listBox { width:100%; height:200px; margin:20px 0 45px 0; background:#f5f8fd; padding:35px; }
.schedule_listBox ul { height:100%; overflow-y:scroll; font-size:15px; }
.schedule_listBox ul::-webkit-scrollbar { width:5px; height:8px; background:#eff3f9; }
.schedule_listBox ul::-webkit-scrollbar-thumb { border-radius:10px; background:#819fd1; }
.schedule_listBox ul > li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px; line-height:18px; }
.schedule_listBox ul > li:before { content:"\00B7"; padding-right:5px; }
.schedule_listBox ul > li > span { display:inline-block; color:#fff; border-radius:4px; padding:0 2px; margin-right:5px; font-size:14px; }
.m_rent_span { background:#e4007f; }
.m_appli_span { background:#ff7800; }
.m_run_span { background:#009944; }
.appli_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; }
.appli_box { width:160px; height:160px; text-align:center; }
.appli_box a { width:100%; height:100%; display:block; border:1px solid #c9c9c9; transition:0.5s; }
.appli_box a:hover { border:1px solid #2d3e87; background:#2d3e87; color:#fff; }
.appli_box i { font-size:30px; padding-top:35px; }
.appli_box h3 { font-size:20px; padding:5px 0; }
.appli_box p {  font-size:15px; }












/*section03 창업프로그램 (츠나미)*/
.section03.show-wrap { padding:100px 0; background:#fafafa; margin:100px 0 150px 0; }
.section03.show-wrap > div { /*margin-top:300px;*/} /*show용 마진이라 임시로 지움*/
.section03.show-wrap > div.show  { margin-top:0; }
/*추가*/
.main_program_wrap { max-width:1400px; margin:0 auto; display:flex;  flex-wrap:wrap; justify-content:flex-start; }
.main_program_wrap .program-list-box { position:relative; }
.appli-ongoing-icon, .appli-close-icon { width:55px; height:55px; line-height:55px; color:#fff; border-radius:50px; text-align:center; position:absolute; top:10px; left:10px; }
.appli-ongoing-icon { background:#16a17e; }
.appli-close-icon { background:#434343; }
.main_program_wrap .recruit-period { color:#999; text-align:center; }
/*===청년, 창업아이콘 추가===*/
.center-divide-icon { width:55px; height:55px; line-height:55px; color:#fff; border-radius:50px; text-align:center; position:absolute; top:10px; left:70px; }
.center-youth { background:#00abeb; }
.center-startup { background:#f28f00; }



/**                        2026-02-23                       **/
/**                정장대여 추가 CSS                 **/
.suit-num { width:80px; height:80px; line-height:80px; font-size:40px; text-align:center; background:#30bdc6; color:#fff; border-radius:10px; margin:100px auto 0; }
.suit-tit { font-size:30px; text-align:center; margin:20px 0 70px 0; }
.suit-item { display:flex; flex-wrap:wrap; justify-content:center; }
.suit-item > div { width:40%; margin:0 5%; border:2px solid #ccc; border-radius:20px; padding:50px 30px 30px; position:relative; }
.suit-item > div::before { width:200px; height:40px; line-height:40px; position:absolute; top:-20px; left:50%; margin-left:-100px; text-align:center;  border-radius:100px; font-size:20px; color:#fff; }
.m-item::before { content:"남자"; background:#162ca1; }
.w-item::before  { content:"여자"; background:#dd2c8e; }
.s-item { display:flex; flex-wrap:wrap; justify-content:center; }
.s-item > div { width:30%; margin:3% 5%; padding:20px 0; background:#555; border-radius:10px; text-align:center; color:#fff; }
.s-item > div > img { display:block; margin:0 auto 5px; }
.operation-guide { border:1px solid #ccc; padding:50px; margin-bottom:100px; }
.operation-guide > .suit-Gtit:first-child { margin:0 0 10px; }
.suit-Gtit { margin:30px 0 10px; }
.suit-Gtit > b { display:inline-block; padding:0 5px; background:#162ca1; color:#fff; border-radius:5px; margin-right:5px; }
.operation-guide div { margin:5px 0 0 15px; position:relative; }
.operation-guide div::before { position:absolute; left:-10px; }
.hyphen-li::before { content:"-"; }
.sharp-li::before { content:"#"; }
.star-li::before { content:"*"; }
.suit-block { display:inline-block; padding:2px 5px; background:#d5e5f1; margin:2px 5px;  }

.info-text { margin:20px 20px 50px; padding:20px; border:1px solid #ccc; background:#fff; }





/* ========================= 반응형 ========================= */

@media screen and (max-width: 1024px) {

    /**                        2026-02-23                       **/
    /**                정장대여 추가 CSS                 **/
    .suit-num { width:70px; height:70px; line-height:70px; font-size:40px; }
    .suit-item { display:block; }
    .suit-item > div { width:100%; margin:0 0 50px; padding:40px 20px 20px; }
    .s-item > div { width:42%; margin:3% 4%; }
    .operation-guide { padding:30px 20px; }
}



@media screen and (max-width: 1200px) {
    .sub-content { padding:0 20px; }

    /*section02*/
    .sliding-door-wrap { height:auto; }
    .sliding-door-wrap > div { width:100%; }
    /*left*//*�߰��κ�*/
    .sliding-left-box { padding:20px; font-size:16px; }
    .main-type-calendar th { height:40px; }
    .main-type-calendar th, .main-type-calendar td { padding:5px 0; }
    .main-type-calendar td span { width:35px; height:35px; line-height:35px; }/*�߰���*/
    /*right*/
    .sliding-right-box { padding:0 20px; }
    .schedule_listBox { padding:30px 20px; }
    .appli_box { width:32%; height:120px; }
    .appli_box a { border:1px solid #2d3e87; background:#2d3e87; color:#fff; }
    .appli_box i { padding-top:23px; }
    .appli_box h3 { font-size:15px; }
    .appli_box p { font-size:13px; }



    /*section03*/
    .section03.show-wrap { padding:60px 0 40px 0; margin:100px 0; }
    /*�߰�*/
    .main_program_wrap { padding:0 20px; }

}