/* 관리자모드 *****/ #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;} .notice_box {border:1px solid #dfdfdf;padding:20px 20px 20px 30px;border-left:3px solid #f36523;margin:20px 0;} /* 프로그램 리스트 180531 */ .program_list {overflow:hidden;} .program_list li {position:relative;float:left;width:49%;margin:0 2% 2% 0;background:#f7f7f7;} .program_list li:nth-child(2n) {margin-right:0;} .program_list li .wrap {padding:30px 20px;} .program_list li .title {font-size:21px;color:#5A4336;text-align:center;} .program_list li .title_s {color:#f36523;text-align:center;margin:7px 0 10px 0;} .program_list .img {height:200px;margin-bottom:20px;} .program_list .img img {width:100%;height:100%;object-fit:cover;border-radius:5px;} .program_list .info {margin-top:5px;overflow:hidden;} .program_list .info dt {float:left;padding:2px 10px;background:#887c76;color:#fff;font-size:0.95em;border-radius:2px;} .program_list .info dd {padding:1px 0 0 55px;} .program_list .app_btn {position:absolute;right:0;top:0;} .program_list .btn_g {display:inline-block;zoom:1;*display:inline;line-height:30px;padding:0 15px;color:#fff;background: #ff7c07; font-size:1.05em;border:1px solid #f36523;cursor:pointer;font-weight:bold;z-index:999;} .program_list .btn_e {display:inline-block;zoom:1;*display:inline;line-height:30px;padding:0 15px;color:#fff;background: #888; font-size:1.05em;border:0;cursor:pointer;font-weight:bold;} /* 프로그램 뷰페이지 180601 */ .pro_view_ph {height:500px;} .pro_view_ph img {width:100%;height:100%;object-fit:cover;} .pro_view_title {text-align:center;margin:20px 0;} .pro_view_title dt {color:#f36523;margin-bottom:15px;font-size:15px;} .pro_view_title dd {color:#5A4336;font-size:35px;} .pro_view_box {border-bottom:2px solid #5A4336;padding:20px 0;} .pro_view_info {margin-top:5px;overflow:hidden;} .pro_view_info dt {float:left;padding:3px 15px;background:#888;color:#fff;border-radius:2px;} .pro_view_info dd {padding:2px 0 0 65px;font-size:15px;} .pro_view_cont {overflow:hidden;margin-top:30px;padding-bottom:30px;/*border-bottom:1px dashed #b9a790;*/} .pro_view_cont h4 {padding:0 0 20px 0;margin:0;font-size:21px; color:#444;letter-spacing:-0.5px;font-weight:bold;background:none;} .photo_list01 {overflow:hidden;} .photo_list01 div {float:left;width:33%;} .photo_list01 dl {margin:5px;border:1px solid #ddd;} .photo_list01 dl dt {padding:7px;} .photo_list01 dl dt img {width:100%;border:1px solid #ddd;} .photo_list01 dl dd {color:#555;text-align:center;padding:0 0 7px 0;} /* 프로그램 */ .program_info_box {background:#f9f9f9;border:1px solid #D9D2CF;padding:15px;} .program_view_box02 {background:#fff;padding:20px;border-radius:5px;} .program_view_box02 dl {overflow:hidden;margin:7px 0;} .program_view_box02 dl dt {float:left;width:70px;text-align:center;background:#887c76;color:#fff;font-size:0.9em;border-radius:2px;} .program_view_box02 dl dd {padding:0 0 0 85px;} .program_view_box03 {background:#F1F0EE;padding:15px;border-radius:5px;} .program_view_box03 dl {overflow:hidden;margin:3px 0;} .program_view_box03 dl dt {float:left;width:110px;font-size:0.9em;text-indent:10px;border-radius:2px;background:url('../image/icon01.gif') no-repeat 0 7px;line-height:23px;} .program_view_box03 dl dd {padding:0 0 0 120px;} /* 홈페이지 *****/ .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .program_agreebox { margin:5px 0 15px 0;background-color:#F1F0EE; padding:7px; } .program_user_textarea {height:100px;background-color:#ffffff; padding:10px ;border: 1px solid #e5e5e5; overflow-x:hidden;overflow:auto;} .program_color999 {color:#999999;} .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:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .program_form_btn02 {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .program_form_btn03 {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#fa7000;border:1px solid #fa7000; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .program_form_btn04 {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#ff7700;border:1px solid #f78d30; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .program_form_btn04:focus {display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#ec6caa;border:1px solid #e45399; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;} .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_notice01 {border-top:1px solid #6e789c;border-bottom:1px solid #d7d7d7;background-color:#f9f9f9;padding:15px 15px;margin:5px 0 20px 0; } .program_notice01_title {font-weight:bold; color:#222;font-size:13px;background:url('../image/join_title_icon.png') no-repeat 0 1px;border-bottom:0 solid #ddd;margin:0 0 0 0;padding:0 0 12px 22px;} .program_notice01 ul {padding:0 0 0 0;} .program_notice01 ul li {padding:0 0 4px 0;} .program_notice_btn {display:inline-block;line-height:20px;padding:0 10px;color:#fff;background: #444; font-size:12px;border:1px solid #111;border-radius:2px;cursor:pointer;} .program_line {border-top:1px solid #dddddd;} .program_nolist {padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .program_finishbox {border:1px solid #dddddd;background-color:#f7f7f7;padding:20px 30px;margin:0 0 15px 0;} .program_list_box {overflow:hidden;color:#333;line-height:30px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ccc;} .program_list_box div.title {float:left;width:15%;font-weight:bold;text-align:center;} .program_list_box div.content {float:left;width:calc(85% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title1 {float:left;width:15%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_list_box div.content1 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.content1_col {float:left;width:calc(85% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title2 {float:left;width:calc(15% - 1px);font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:1px solid #ccc;} .program_list_box div.content2 {float:left;width:calc(37% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_content_box {padding:10px 0px 0px 0px;} .program_list_box div.program_img_box img {width:80%;padding:20px 0px;} .program_list_box div.program_img_box {float:left;width:30%;text-align:center;} .program_list_box div.program_info_box {float:left;width:70%;} .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_view_sinbox {overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:12px;} .program_view_sinbox div.title {float:left;width:25%;font-weight:bold;text-align:center;} .program_view_sinbox div.content {float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_view_sinbox div.title1 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_view_sinbox div.content1 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left: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 {overflow:hidden;float:right;} .program_search_btn_menu span {float:left;margin-top:5px;} .program_search_btn {margin-right:5px;display:inline-block;zoom:1;*display:inline;padding:3px 5px;color:#fff;background: #41464a; border:1px solid #41464a; font-size:0.85em !important;cursor:pointer;border-radius:2px;} .program_search_btn {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;} /* screen 1024px */ @media screen and (max-width:1024px) { .pro_view_ph {height:70%;} .pro_view_title {margin:0 0 15px 0;} .pro_view_title dt {font-size:0.95em;margin-bottom:5px;} .pro_view_title dd {font-size:25px;} .pro_view_box {padding:15px 0;} .pro_view_info dt {font-size:0.95em;padding:0 10px;} .pro_view_info dd {padding:1px 0 0 55px;} .pro_view_cont {margin-top:20px;padding-bottom:20px;} .notice_box {margin:10px 0 15px 0;padding:15px;} .program_info_box {padding:10px;} .program_view_box02 {padding:10px 15px;} .program_view_box03 {padding:10px;} } /* mobile screen 937px */ @media screen and (max-width:937px) { .program_list_box div.title {float:left;width:25%;font-weight:bold;text-align:center;} .program_list_box div.content {float:left;width:calc(75% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title1 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_list_box div.content1 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.content1_col {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title2 {float:left;width:25%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .program_list_box div.content2 {float:left;width:calc(75% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .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_sinbox div.title {width:30%;} .program_view_sinbox div.content {width:calc(70% - 11px);} .program_view_sinbox div.title1 {width:30%;} .program_view_sinbox div.content1 {width:calc(70% - 11px);} } /* mobie screen 768 */ @media screen and (max-width:768px) { .program_list li .title {font-size:1.5em;} .program_list li .title_s {margin:5px 0 10px 0;} .program_list .img {height:80%;margin-bottom:15px;} .program_list .info dt {font-size:0.9em;} .program_list .info dd {padding:1px 0 0 52px;} .program_info_top {font-size:1.1em;padding:10px 15px;} .program_gong_top {font-size:1.1em;padding:10px 15px;} .program_finishbox {padding:10px 15px;} } /* mobie screen 580 */ @media screen and (max-width:580px) { .program_list li {float:none;width:100%;margin:0 0 10px 0;} .program_list li .wrap {padding:20px 10px;} .photo_list01 div {width:50%;} } /* mobile screen 480 */ @media screen and (max-width:480px) { .program_list_box div.title {float:left;width:30%;font-weight:bold;text-align:center;} .program_list_box div.content {float:left;width:calc(70% - 11px);border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title1 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;} .program_list_box div.content1 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.content1_col {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.title2 {float:left;width:30%;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-left:0px;} .program_list_box div.content2 {float:left;width:calc(70% - 11px);border-top:1px solid #ccc;border-left:1px solid #ccc;padding-left:10px;} .program_list_box div.program_img_box {float:none;width:100%;text-align:center;} .program_list_box div.program_info_box {float:none;width:100%;} .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;} .photo_list01 div {float:none;width:100%;} }