/* 관리자모드 *****/ #pcategory_sub_add_box {position:absolute;z-index:20;background-color:#ffffff;} .program_list_date1 {color:#333333;font-weight:bold;} .program_list_date2 {color:#999999;font-weight:bold;} .program_list_jogun {color:#bbbbbb;font-weight:bold;} .tooltip {position:absolute;top:0;left:0;display:none;font-size:11px;font-weight:bold;letter-spacing:0;text-align:left;color:white;background-color:#f87b16;line-height:18px;padding:6px 10px;z-index:999999999;} .aform_bg01 {background-color:#fbfbc4;} .aform_bg02 {background-color:#e6f7f7;} .pro_toptxt {color:var(--color1);font-weight:bold; font-size:1.25em; padding:0 0 35px 0 ; text-align:center; } @media screen and (max-width:800px) { .pro_toptxt { font-size:1.1em; padding:0 0 25px 0 ; } } /* 프로그램 리스트 ===================================================================================== */ .proitem_list {position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:40px ; transition:all 0.3s ease;} .proitem_list li {position:relative; border:1px solid #ddd; overflow:hidden ; border-radius:15px; transition:all 0.3s ease;} .proitem_list li a {position:relative; display:block;height:100%; transition:all 0.3s ease;} .proitem_list .img {position:relative; width:100%; overflow:hidden; aspect-ratio:4/2.5; transition:all 0.3s ease;} .proitem_list .img img {width:100%; height:100%; object-fit:cover; } .proitem_list li .layer { position:absolute; top:50%; left:0 ; width:100%;height:0; opacity:0;display: flex; flex-direction: column; justify-content:center; z-index:998; transition:all 0.3s ease;} .proitem_list li .layer:before {position:absolute; content:''; top:0;left:0;width:100%;height:100%; background:#222; opacity:0.7; } .proitem_list li .layer span {position:relative; display:block; margin: auto;width:50px; height:50px; border-radius:50%; background:#fff; } .proitem_list li .layer span:after {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:22px; height:2px; background:var(--color1);} .proitem_list li .layer span:before {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:22px; width:2px; background:var(--color1);} .proitem_list li:hover {border-color:var(--color1);box-shadow:0 3px 15px 0 rgba(0,0,0,0.12); } .proitem_list li:hover .layer {opacity:1;top:0 ; height:100%;} .proitem_list_tag_ex {position:absolute; bottom:0;z-index:1111; } .proitem_list_tag_ex span {position:relative;display:inline-block;text-align:center; line-height:35px;padding:0 10px ;font-size:0.85em;letter-spacing:-1px; color:#fff; border-radius:0; z-index:111;} .proitem_list_tag_extit {background:var(--color2); } .proitem_list_tag_extit02 { background:var(--color2); } .proitem_list_tag_extit03 { background:var(--color3); } .proitem_list_tag {position:absolute; bottom:0;right:0;width: 90px; line-height:50px;border-radius:15px 0 0 0; background:#777;color:#fff;font-size:0.9em; text-align:center; font-weight:500; letter-spacing:-1px; } .proitem_list_tag_ing {position:absolute; bottom:0;right:0;width: 90px; line-height:50px;border-radius:15px 0 0 0; background:var(--color1);color:#fff;font-size:0.9em; text-align:center; font-weight:500; letter-spacing:-1px; } .proitem_list_info {padding: 20px ; text-align:left; } .proitem_list_info .txt {color:var(--color1);font-size:0.95em;font-weight:500;padding-top:5px; letter-spacing:-1px; line-height:1.2; word-wrap: break-word; } .proitem_list_info .tit {display:block; color:#000; font-weight:600;padding-top:5px; letter-spacing:-1px; font-size:1.25em; line-height:1.2; /* overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; */ } .proitem_list_info .btm { position:relative; color:#666; letter-spacing:-1px;padding-top:10px;} .proitem_list_info .btm p {position:relative; font-size:0.95em; padding:0 0 3px 12px; } .proitem_list_info .btm p:before {position:absolute; content:''; left:2px; top:10px; width:3px; height:3px; background:#999;} .proitem_nolist {float:none !important; width:100% !important; text-align:center; box-shadow:none !important; padding:100px; 0; border-bottom:1px solid #eaeaea;} @media screen and (max-width:1024px) { .proitem_list { grid-template-columns: repeat(2, 1fr); gap:30px; } .proitem_list_info .tit {font-size:1.2em; } .proitem_list_info .txt {font-size:0.9em; } .proitem_list .acc, .proitem_list .end {font-size:0.8em;} .proitem_list_tag_ing { line-height:45px;} } @media screen and (max-width:800px) { .proitem_list { gap:20px; } } @media screen and (max-width:600px) { .proitem_list { grid-template-columns: repeat(1, 1fr); gap:20px; } .proitem_list li { border-radius:10px; } .proitem_list .img { min-height:160px;height:100%; } .proitem_list li .layer { top:0; left:0 ; width:100%;height:100%; } .proitem_list_tag_ex span { line-height:30px;padding:0 7px ;font-size:0.85em; } .proitem_list_info {padding:15px 20px ; } .proitem_list_info .tit {font-size:1.15em; } .proitem_list_info .btm p { font-size:0.9em; padding:0 0 0 12px; } .proitem_list_tag {position:relative; bottom:initial;right:initial;width: initial; display:inline-block; line-height:32px;border-radius:50px;padding:0 15px;margin-top:10px; } .proitem_list_tag_ing {position:relative; bottom:initial;right:initial;width: initial;display:inline-block; line-height:32px;border-radius:50px; padding:0 15px;margin-top:10px;} } /* .proitem_list {position:relative; display: grid; grid-template-columns: repeat(3, 1fr); gap:50px; } .proitem_list:after {content:""; display:block; clear:both;} .proitem_list li {position:relative; border:1px solid #e5e5e5; overflow:hidden ; } .proitem_list li:nth-child(3n) {margin-right:0;} .proitem_list .img {position:relative; width:100%;height:240px; } .proitem_list .img img {width:100%; height:100%; object-fit:cover; } .proitem_list li .layer { position:absolute; top:50%; left:0 ; width:100%;height:0; opacity:0;display: flex; flex-direction: column; justify-content:center; z-index:998; transition:all 0.3s ease;} .proitem_list li .layer:before {position:absolute; content:''; top:0;left:0;width:100%;height:100%; background:#222; opacity:0.7; } .proitem_list li .layer span {position:relative; display:block; margin: auto;width:54px; height:54px; border-radius:50%; background:#fff; } .proitem_list li .layer span:after {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:22px; height:2px; background:var(--color1);} .proitem_list li .layer span:before {position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); height:22px; width:2px; background:var(--color1);} .proitem_list li:hover .layer {opacity:1;top:0 ; height:100%;} .proitem_list_tag {position:absolute; bottom:10px;right:10px;width: 80px;height:80px;line-height:75px;border-radius:50px; background:rgba(255, 255, 255, 0.8);color:#555;font-size:1em; text-align:center; font-weight:500; letter-spacing:-1px; border:3px solid #fff;} .proitem_list_tag_ing {position:absolute; bottom:10px;right:10px;width: 80px;height:80px;line-height:75px;border-radius:50px; background:#eb496f;color:#fff;font-size:1em; text-align:center; font-weight:500; letter-spacing:-1px; border:3px solid #fff;} .proitem_list_tag_ex {position:absolute; } .proitem_list_tag_exbg {position:absolute; top:0;left:0;width: 0px;height: 0px; border-top: 80px solid var(--color1); border-left: 0px solid transparent; border-right: 80px solid transparent;} .proitem_list_tag_extit {position:absolute;text-align:center;padding:13px 0 0 0;width:70px;height:70px;font-size:0.9em;letter-spacing:-1px; color:#fff; z-index:111; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .proitem_list_tag_extit02 {position:absolute;text-align:center;padding:6px 0 0 0;width:70px;height:70px;font-size:0.9em;letter-spacing:-1px;line-height:15px; color:#fff; z-index:111; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .proitem_list_tag_ex {position:absolute;bottom:0; } .proitem_list_tag_extit {position:relative;display:inline-block;text-align:center;width:90px;line-height:34px;padding:0 ;font-size:0.9em;letter-spacing:-1px; color:#fff; z-index:111;background:var(--color1); } .proitem_list_tag_extit02 {position:relative;display:inline-block;text-align:center;width:100px;line-height:34px;padding:0 ;font-size:0.9em;letter-spacing:-1px; color:#fff; z-index:111;background:var(--color1); } .proitem_list_tag_extit03 { display:inline-block; text-align:center;width:100px;line-height:34px;padding:0 ;font-size:0.9em;letter-spacing:-1px; color:#fff; z-index:111;background:#13bfa3; } .proitem_list_info {padding: 20px ; text-align:left; } .proitem_list_info .txt {color:var(--color1);font-size:0.95em;font-weight:500; letter-spacing:-1px; line-height:1.2; word-wrap: break-word; } .proitem_list_info .tit {color:#000; font-weight:500;padding:7px 0 10px 0; letter-spacing:-1px; font-size:1.2em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;} .proitem_list_info .btm { color:#888; font-size:0.9em; padding:0 0 5px 0; letter-spacing:-1px;} .proitem_nolist {float:none !important; width:100% !important; text-align:center; box-shadow:none !important; padding:100px; 0; border-bottom:1px solid #eaeaea;} @media screen and (max-width:1200px) { .proitem_list { gap:35px; } .proitem_list .img { height:220px; } } @media screen and (max-width:1024px) { .proitem_list {position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .proitem_list .tit {font-size:1.1em; padding:5px 0 10px 0; } .proitem_list .txt {font-size:0.9em ;padding:0 0 5px 0; } .proitem_list .acc, .proitem_list .end {font-size:0.8em;} } @media screen and (max-width:600px) { .proitem_list {position:relative; display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; } .proitem_list li .layer { top:0; left:0 ; width:100%;height:100%; } .proitem_list_info .tit { padding:0 0 7px 0 ; } } */ /* 프로그램 뷰페이지 ===================================================================================== */ .pro_h4 {position:relative; text-align:left;font-family:"Noto Sans KR";font-weight:600; padding:0 0 15px 20px;font-size:1.2em;color:#222;letter-spacing:-1px; } .pro_h4 span {font-size:14px;color:#999;margin-left:7px;} .pro_h4:before {position:absolute;content:''; left:0;top:5px;width:7px; height:7px; border:4px solid var(--color1);border-radius:50%; } .proitem_view_wrap {position:relative; border:10px solid #f3f3f3; overflow:hidden; display: grid; grid-template-columns:48% auto; } .proitem_view_ph {position:relative; width:100%; height:100%; aspect-ratio:4/3; } .proitem_view_ph img {width:100%;height:100%;object-fit:cover; } .proitem_view_ph .end {position:absolute; right:10px; bottom:10px; width:60px; height:60px; line-height:60px; color:#fff; font-size:0.9em; background:#444; text-align:center; border-radius:100px;} .proitem_view_title_box {position:relative; padding:30px 40px; } .proitem_view_title {position:relative; padding:0 0 20px 0; font-size:1.2em;color:var(--color1); letter-spacing:-1.5px; font-weight:500;transition:all 0.3s ease;} .proitem_view_title span {display:block; padding-bottom:10px; font-weight:500;} .proitem_view_title p {font-size:1.7em; color:#111;font-weight:600; line-height:1.2em;transition:all 0.3s ease;} .proitem_view_info {position:relative; padding: 20px 0 0 0 ;border-top:1px solid #e5e5e5; transition:all 0.3s ease;} .proitem_view_info dl {position:relative; overflow:hidden; padding:5px 0; display: grid; grid-template-columns: 110px auto; gap:15px; } .proitem_view_info dl dt { position:relative; color:#333; padding-left:17px; font-weight:500; } .proitem_view_info dl dt::before { position:absolute; content:''; top:10px;left:5px;width:3px;height:3px; background:#666; } .proitem_view_info dl dt::after { position:absolute; content:''; top:4px;right:0;width:1px;height:19px; background:#e9e9e9; } .proitem_view_info dl dd { line-height:1.4; } .proitem_view_info dl dd b {font-weight:bold; color:#000;} .proitem_view_info .cont_box {padding:23px; background:#fdf7e8;color:#333; margin-top:20px; } .pro_accbtn {position:relative; padding-top:25px ; margin-top:25px;text-align:center; border-top:1px solid #e5e5e5;transition:all 0.3s ease;} .pro_accbtn a {position:relative;display:inline-block; padding:0 60px 0 30px;line-height:65px; color:#fff; font-weight:bold; font-size:1.05em; border-radius:50px; background:var(--gra1);background-size:400%; transition:all 0.3s ease;} .pro_accbtn a::after {position:absolute; content:''; right:25px; top:calc(50% - 10px); width:20px;height:20px; background:url('../image/icon_arrow01.png') no-repeat right 50%; } .pro_accbtn a:hover {background-size:200%; box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.2); } .proitem_view_cont {position:relative; padding:40px 0; border-bottom:1px solid #ddd; } .proitem_view_cont:after {content:""; display:block; clear:both;} .proitem_view_cont dl {position:relative; overflow:hidden; padding:5px 0; display: grid; grid-template-columns: 120px auto; gap:20px; } .proitem_view_cont dl dt {text-align:center; height:35px; line-height:33px; color:#444; font-size:0.9em; letter-spacing:-1px;font-weight:500; border-radius:3px; border:1px solid #bbb;} .proitem_view_cont dl dd { color:#4d4d4d; line-height:1.4; font-size:1em; padding-top:5px; word-break:break-all;} .proitem_view_cont dl dd strong {color:var(--color1);font-weight:500;} .proitem_view_cont dl dd b {color:var(--color1);font-weight:500;} .proitem_view_cont .sub_list02 {position:relative;display:block; list-style:none; padding:0 0 5px 10px; line-height:150%; } .proitem_view_cont .sub_list02:before {content:''; position:absolute; top:11px;left:1px; width:3px; height:3px; background:var(--color1);} @media screen and (max-width:1400px) { .proitem_view_wrap { border-width:8px ; } .proitem_view_title_box {position:relative; padding:25px 30px ; } .proitem_view_title { padding:0 0 15px 0; font-size:1.15em; } .proitem_view_cont { padding:30px 0 40px 0; } .proitem_view_info { padding: 10px 0 0 0 ; } } @media screen and (max-width:1024px) { .proitem_view_wrap { grid-template-columns:1fr; } .proitem_view_title_box { padding:20px ; } .proitem_view_title { font-size:1.1em;} .proitem_view_title p {font-size:1.6em;padding:5px 0 0 0; font-weight:600; } .proitem_view_info { padding:15px 0 0 0; } .proitem_view_info dl { padding:3px 0;font-size:0.95em; grid-template-columns: 90px auto; gap:15px; } .proitem_view_info dl dt { padding-left:15px; } .proitem_view_info dl dt::after { height:18px; } .pro_accbtn { padding-top:20px ; margin-top:20px; } } @media screen and (max-width:800px) { .proitem_view_wrap { border-width:7px ; } .proitem_view_title { font-size:1.05em;} .proitem_view_title p {font-size:1.5em; } .proitem_view_info dl { grid-template-columns:85px auto; gap:10px; } .proitem_view_info dl dd { font-size:1em;} .pro_accbtn a { padding:0 55px 0 30px;line-height:50px; font-size:1em;} .proitem_view_cont {position:relative; padding:30px 0 0 0; } .proitem_view_cont dl { grid-template-columns: 100px auto; gap:20px; } .proitem_view_cont dl dt { font-size:0.85em; } } @media screen and (max-width:600px) { .proitem_view_title p {font-size:1.35em; } .proitem_view_info dl {font-size:0.9em; grid-template-columns:80px auto; } .proitem_view_cont dl { gap:10px;} .proitem_view_info .cont_box {padding:20px; margin-top:15px; font-size:0.9em; } } .photo_list01 {} .photo_list01:after {content:""; display:block; clear:both;} .photo_list01 div {float:left; width:32.5%; margin-right:1.2%;} .photo_list01 div:last-child {margin-right:0;} .photo_list01 dl dt {border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);} .photo_list01 dl dt img {width:100%;} .photo_list01 dl dd { color:#4d4d4d; font-size:1.1em; text-align:center;padding:15px 0;} /* screen 1024px */ @media screen and (max-width:1024px) { .photo_list01 dl dd {font-size:0.9em; padding:7px 0;} } .story_box01 {overflow:hidden;padding:20px;border-top:1px dashed #dcd7d2;} .story_box01 .img {float:left;width:35%;} .story_box01 .img img {width:100%;} .story_box01 dl {float:right;width:62%;} .story_box01 dl dt {font-size:20px;letter-spacing:-0.5px;color:#5A4336;margin:20px 0 7px 0;line-height:130%;} .story_box01 dl dd {line-height:160%;} .story_box02 {overflow:hidden;padding:20px;border-top:1px dashed #dcd7d2;background:#f7f7f7;} .story_box02 .img {float:right;width:35%;} .story_box02 .img img {width:100%;} .story_box02 dl {float:left;width:62%;} .story_box02 dl dt {font-size:20px;letter-spacing:-0.5px;color:#5A4336;margin:20px 0 7px 0;line-height:130%;} .story_box02 dl dd {line-height:160%;} /* screen 580 */ @media screen and (max-width:580px) { .story_box01, .story_box02 {padding:10px;} .story_box01 .img, .story_box02 .img {float:none;width:100%;} .story_box01 dl, .story_box02 dl {float:none;width:100%;margin-top:15px;} } /* 사전접수 리스트 ===================================================================================== */ .notice_box {border:1px solid #dfdfdf;padding:30px; margin:0 0 30px 0;background:#f9f9f9;} /* screen 1024px */ @media screen and (max-width:1024px) { .notice_box { padding:20px; } } .pro_finish_box {max-width:1100px;border:1px solid #dfdfdf;padding:100px 50px 100px 420px; margin:20px auto; background:url(../image/program_finosh_img.png) no-repeat 100px 30px; background-size:260px auto; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); transition:all 0.3s ease;} .pro_finish_box h4 {position:relative; padding-bottom:20px; font-size:1.6em; color:var(--color1); font-weight:500;letter-spacing:-1.5px; line-height:140%; } .pro_finish_box h4:before {content:''; display:none; } /* screen 1024px */ @media screen and (max-width:1024px) { .pro_finish_box { padding:60px 50px 60px 300px; background:url(../image/program_finosh_img.png) no-repeat 60px 30px; background-size:200px auto;} } /* screen 820px */ @media screen and (max-width:820px) { .pro_finish_box { padding:200px 20px 40px 20px; background-position:center 30px ;background-size:140px auto;text-align:center;} .pro_finish_box h4 {font-size:1.4em; padding-bottom:15px;} .pro_finish_box p {display:inline-block;} } /* 사전접수 리스트 박스 디자인 ===================================================================================== */ .program_info_box {position:relative; border:8px solid #efefef;padding:25px; margin:0 0 40px 0;display: grid; grid-template-columns:40% auto; gap: 40px; /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); */ } .program_info_img {position:relative; } .program_info_img img { width:100%; } .program_info_cont {position:relative; } .program_info_box_tit {position:relative; } .program_info_box_tit_cont {padding:5px 0 25px 0; color:#000; } .program_info_box_tit p {position:relative;font-size:1.6em;letter-spacing:-2px;font-weight:600; } .program_info_box_tit_btn {position:absolute;right:0;top:0; color:#333; border:1px solid #aaa; letter-spacing:-1px;padding:6px 33px 6px 13px; font-size:0.9em;border-radius:4px; background:url('../image/icon_arrow04.png') no-repeat 92% 11px;background-size:15px auto; } .program_info_box_tit_btn:hover {border-color:#222;background-color:#333;color:#fff; background-position:92% -14px; } .program_info_box_tit_img {display:none;} .program_info_box02 {position:relative; border-top:1px solid #e5e5e5; } .program_info_box .btn {float:left; width:10%; text-align:center;} .program_info_box .title {float:left; width:20%; text-align:center;} .program_info_box .time {float:left; width:15%; text-align:center;} .program_info_box .date {float:left; width:10%; text-align:center;} .program_info_box .part {float:left; width:20%; text-align:center;} .program_info_box .fee {float:left; width:10%; text-align:center;} .program_info_box .capacity {float:right; width:10%; text-align:center;} .program_info_box h5 {text-align:left; font-weight:500; padding:2px 0 12px 23px;font-size:1.2em;color:#222;letter-spacing:-0.5px; } @media screen and (max-width:1024px) { .program_info_box { grid-template-columns:1fr; padding:15px; margin:0 0 30px 0; } .program_info_img {display:none; } .program_info_box_tit {display: grid; grid-template-columns:40% auto; gap:25px; } .program_info_box_tit p {font-size:1.4em; } .program_info_box_tit_img {display:block;} .program_info_box_tit_btn {position:relative;display:inline-block; right:initial;top:initial; padding:4px 30px 4px 10px;font-size:0.85em; margin:13px 0 0 0; background-position:92% 9px;} .program_info_box_tit_btn:hover { background-position:92% -16px; } .program_info_box02 {margin:10px 0 0 0; } } @media screen and (max-width:600px) { .program_info_box_tit { grid-template-columns:1fr; gap:15px; } .program_info_box_tit_cont {padding:0 0 5px 0 ; } .program_info_box_tit p {font-size:1.3em;line-height:1.3;} } .program_view_box02 { position:relative; width:100%; padding:15px 0;border-bottom:1px solid #e5e5e5; display: grid; grid-template-columns:110px auto; gap:10px ;} .program_view_box_date {position:relative; padding:10px 0 0 10px; line-height:1.1; color:#0a8b00;font-size:1em;font-family:"S-CoreDream-5Medium";} .program_view_box_date p {font-size:1.5em;font-family:"S-CoreDream-6Bold"; color:#444; line-height:1.1; letter-spacing:-1px;} .program_view_box_date p span {display:inline-block;padding:0 0 10px 0;font-size:0.8rem;} .program_view_box02_cont { position:relative; } .program_view_box02 dl {position:relative;overflow:hidden;margin:3px 0; font-size:0.95em; } .program_view_box02 dl dt {position:relative;float:left;width:90px;line-height:23px;text-align:left;letter-spacing:-1px; color:#555;font-size:0.95em;border-radius:2px;text-indent:12px;} .program_view_box02 dl dt:before {content:''; position:absolute; top:9px; left:3px; width:3px; height:3px; margin:auto; background:#aaa;} .program_view_box02 dl dt:after {content:''; position:absolute; top:4px; right:0; width:1px; height:1em; margin:auto; background:#dfdfdf;} .program_view_box02 dl dd {position:relative;padding:0 0 0 100px;line-height:23px;} .program_view_box02_notice {font-size:0.9em;color:var(--color1);padding:15px 0 0 0; line-height:1.3; } .program_view_box03 {position:relative; border-top:1px solid #ddd;overflow:hidden;border-bottom:1px solid #ddd; } .program_view_box03 dl {position:relative;overflow:hidden; border-bottom:1px dashed #ddd;overflow:hidden; display: grid; grid-template-columns: 210px auto; gap:20px; } .program_view_box03 dl:last-child {border-bottom:0px;} .program_view_box03 dl dt {position:relative; font-size:1em; border-radius:2px;padding:15px 0 15px 18px; letter-spacing:-1px; color:#333; font-weight:500; } .program_view_box03 dl dt :after {content:''; position:absolute; top:25px;left:5px; width:3px; height:3px; background:var(--color1);} .program_view_box03 dl dd {padding:10px 0 ;line-height:38px;} .program_view_box03 p {line-height:1.4;} .program_view_box_table {border-top:2px solid #333; border-collapse:collapse; width:100%; table-layout:fixed; font-size:0.9em; } .program_view_box_table thead th {padding:10px 0; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; font-size:0.95em; background-color:#f5f5f5; } .program_view_box_table thead th:last-child {border-right:0px; } .program_view_box_table tbody th {color:#111; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; text-align:center; } .program_view_box_table tbody td {color:#111; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; } .program_view_box_table tbody td:first-child {border-left:1px solid #fff; } .program_view_box_table tbody td:last-child {border-right:1px solid #fff; } .program_view_box_table tbody .stxt {color:#111; font-size:0.85em; line-height:150%; letter-spacing:-0.5px; } .program_view_box_table a:link {color:#111; } .program_view_box_table tfoot td {background-color:#f4f4f4; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; } .program_view_btn01 {position:absolute;display:block; right:0;top:10px; font-size:1em;color:#fff;background:var(--color1); letter-spacing:-1px;padding:6px 15px;font-size:1em;border-radius:4px;z-index:22;} .program_view_btn02 {position:absolute; display:block;right:0;top:10px; font-size:0.95em;color:#999;background:#eee; letter-spacing:-1px;padding:5px 15px;font-size:1em;border-radius:4px;border:1px solid #d5d5d5;z-index:22;} .program_info_head {overflow:hidden; height:52px; line-height:52px; border-top:1px solid #5e5e5e; border-bottom:1px solid #ddd; background:#f8f8f8; color:#111; } .program_info_head p {} .program_info_list {overflow:hidden; height:52px; line-height:52px; border-bottom:1px solid #ddd; background:#fff; } .program_info_list:nth-child(even) {background:#f8f8f8;} .program_nolist {text-align:center; padding:100px; 0; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;} .program_view_box {overflow:hidden;color:#333;line-height:40px;background:#fff;} .program_view_box div.title {float:left;width:13%;font-weight:bold;text-align:center;} .program_view_box div.content {float:left;width:calc(87% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title1 {float:left;width:13%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_view_box div.content1 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.content1_col {float:left;width:calc(87% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title2 {float:left;width:calc(13% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;} .program_view_box div.content2 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.content2_col {float:left;width:calc(100% - 11px);border-top:1px solid #ccc;padding:10px 0px 0px 10px;} .program_time_wrap {padding:5px 0;} .program_time_time {color:#ff6000;padding:0 0 4px 0;} .program_time_txt01 {color:#5c5c74;letter-spacing:0;line-height:150% !important;} .program_time_txt02 {color:#8282a1;padding:0 0 4px 0;} .program_search_btn_menu {vertical-align:top;text-align:center; } .program_search_btn_menu div { display:inline-block; vertical-align:top;} .program_search_btn {display:inline-block;margin:0 2px; padding: 0 10px;line-height:30px;color:#333;background: #fff; border:1px solid #bbb; font-size:0.9em !important;cursor:pointer;border-radius:2px ; } .program_search_btn:hover { color:#fff;background: #333;border:1px solid #333; } .program_search_btn02 {display:inline-block;line-height:20px;padding:0 15px;color:#fff;background:#41464a;border:1px solid #41464a; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} @media screen and (max-width:1024px) { .program_view_box div.title {float:left;width:25%;font-weight:bold;text-align:center;} .program_view_box div.content {float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title1 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_view_box div.content1 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.content1_col {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title2 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .program_view_box div.content2 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box02 { padding:10px 0;} } @media screen and (max-width:800px) { .program_info_box { border:5px solid #efefef;} .program_view_box02 { grid-template-columns:85px auto; } .program_view_box_date { font-size:0.95em; } .program_view_box_date p {font-size:1.45em; } .program_view_btn01 { padding:4px 10px;font-size:0.85em; } .program_view_btn02 { padding:4px 10px;font-size:0.85em; } .program_view_box02 dl { margin: 0;font-size:0.9em;} .program_view_box02 dl dt { width:80px;line-height:22px; } .program_view_box02 dl dd {padding:0 0 0 90px;line-height:22px; } } @media screen and (max-width:600px) { .program_view_box02 { grid-template-columns:75px auto; } .program_view_box_date { font-size:0.9em; padding:10px 0 0 5px; } .program_view_box_date p {font-size:1.45em; } .program_view_box02 dl { font-size:0.85em;} .program_view_box02 dl dt { width:70px;line-height:20px; } .program_view_box02 dl dd {padding:0 0 0 80px;line-height:20px; } .program_view_box03 dl {padding:10px 5px; font-size:0.95em; grid-template-columns: 1fr; gap:15px; } .program_view_box03 dl dt { padding:7px 0 0 0; line-height:1.3;} .program_view_box03 dl dt :after {display:none;} .program_view_box03 dl dd { padding: 0; line-height:30px;} } @media screen and (max-width:480px) { .program_view_box div.title {float:left;width:30%;font-weight:bold;text-align:center;} .program_view_box div.content {float:left;width:calc(70% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title1 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_view_box div.content1 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.content1_col {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box div.title2 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .program_view_box div.content2 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_view_box02 { grid-template-columns:1fr ; padding:10px 5px;} .program_view_box_date { padding:0; } .program_view_box_date p { display:inline-block;padding: 0 5px 0 0; } .program_view_box_date p span { display:inline-block;padding: 0 ;} .program_view_btn01 {top:-30px;} .program_view_btn02 {top:-30px;} } /* 홈페이지 *****/ .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .program_sinform_boxs {padding:15px ;border:1px solid #ddd;margin:0 0 10px 0;background-color:#f7f7f7; } @media screen and (max-width:1024px) { .program_sinform_boxs {padding:15px 10px ; font-size:0.9em; } } .program_agreebox { padding:0 0 20px 0; } .program_user_textarea {height:340px;background-color:#ffffff; padding:15px ;border: 1px solid #dfdfdf; overflow-x:hidden;overflow:auto;} .program_color999 {color:#999;} .program_smallbtn01 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #8dc63f; font-size:12px;border:1px solid #6ea423;cursor:pointer;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} .program_smallbtn02 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #bbb; font-size:12px;border:1px solid #a9a9a9;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} .program_form_btn {display:inline-block;line-height:50px;padding:0 45px;color:#fff;background:#222;border:0 ; margin:0 4px;cursor:pointer; font-weight:500;font-size:1.1em; border-radius:50px;transition:all 0.3s ease;} .program_form_btn:hover {background:var(--color1); color:#fff; } .program_form_btn01 {display:inline-block;line-height:50px;padding:0 50px;color:#333;background:#fff;border:1px solid #aaa; margin:0 3px;cursor:pointer; border-radius:5px !important;font-weight:500;font-size:1.1em; border-radius:3px;transition:all 0.3s ease;} .program_form_btn02 {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; font-size:0.9em; margin:0 3px;cursor:pointer; letter-spacing:1px; border-radius:3px;transition:all 0.3s ease;} .program_form_btn03 {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; font-size:0.9em; margin:0 3px;cursor:pointer; letter-spacing:1px; border-radius:3px;transition:all 0.3s ease;} .program_form_btn04 {display:inline-block;line-height:55px;padding:0 30px;color:#fff;background:var(--color1);border:1px solid #f78d30; font-size:1.1em; margin:0 3px;cursor:pointer; border-radius:6px;font-weight:500; border-radius:3px;transition:all 0.3s ease;} .program_btn01_g {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #ec6caa; font-size:12px;border:1px solid #e45399;cursor:pointer;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .program_btn01_e {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #69747f; font-size:12px;border:1px solid #69747f;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .program_btn01_l {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #009933; font-size:12px;border:1px solid #009900;cursor:pointer;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .program_btn01_l2 {display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #009933; font-size:12px;border:1px solid #009900;border-radius:2px; box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .program_enable_gn {display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#8dc63f; border:1px solid #73b11e; font-weight:normal;letter-spacing:0;border-radius:2px;} /* 녹색 */ .program_enable_gr {display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#bbb; border:1px solid #a9a9a9; font-weight:normal;letter-spacing:0;border-radius:2px;} /* 회색 */ .program_enable_b {display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#666666; border:1px solid #555; font-weight:normal;letter-spacing:0;border-radius:2px;} /* 블랙 */ .program_enable_or {display:inline-block;line-height:20px;padding:0 8px;font-size:12px;color:#fff;background:#f97c0e; border:1px solid #eb6e00; font-weight:normal;letter-spacing:0;border-radius:2px;} /* 오렌지 */ /* 나의 접수 조회 ===============================================================*/ .program_search_notice {border:1px solid #ddd; background:url('../image/program_search_img.png') no-repeat 60px 47% #f5f5f5; padding:30px 30px 30px 180px; margin-bottom:30px; } @media screen and (max-width:600px) { .program_search_notice { background-size:65px auto; background-position:30px 47%; padding:20px 20px 20px 120px; margin-bottom:20px; } } @media screen and (max-width:480px) { .program_search_notice { background-position:50% 25px; padding:100px 20px 20px 20px ; } }