@charset 'utf-8'; /* program common */ #subWrap #container .contents {padding:35px 0;color:#111} #subWrap #container .sub_inner {width:100%;max-width:1200px;margin:0 auto;} #subWrap #container .contents h2.tit {text-align:center;font-weight:bold;font-size:25px;margin:0 0 45px 0;} #subWrap #container .contents h2.tit span {position:relative;padding:0 0 10px 0;} #subWrap #container .contents h2.tit span:before {position:absolute;content:"";width:100%;height:3px;background:#8c3d85;position:left:0;bottom:0;} #subWrap #container .contents .main_remark {background:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:0 0 35px 0;padding:25px 0;} #subWrap #container .contents .main_remark p {font-size: 16px;line-height:25px;color:#333;border-radius:5px;width:94.16%;margin:0 auto;letter-spacing:-1px;} #subWrap #container .contents ul.cate {font-size:0;text-align:center;margin:0 0 50px 0;} #subWrap #container .contents ul.cate li {display:inline-block;border:1px solid #ddd;box-sizing:border-box;border-right:none;} #subWrap #container .contents ul.cate li:last-child {border-right:1px solid #ddd;} #subWrap #container .contents ul.cate li a {display:block;font-size:15px;padding:20px 0;} #subWrap #container .contents ul.cate li.on {background:#8c3d85;border:1px solid #000;} #subWrap #container .contents ul.cate li.on a{color:#fff;} #subWrap #container .contents .m_cate {display:none;width:100%;height:40px;margin:20px 0;border-radius:5px;border:1px solid #ddd;text-indent:10px;} #subWrap #container .contents ul.cate li:first-child:nth-last-child(4), #subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width: 25%;} /* program list */ .prog_wrap {font-size:0;} .prog_wrap .prog_con {display:inline-block;width:32%;margin:0 2% 2% 0;font-size:12px;border:1px solid #dedddd;border-radius:10px;overflow:hidden;box-sizing:border-box;vertical-align:top;position:relative;} .prog_wrap .prog_con:hover .apply_cover {opacity:1;transition:0.5s;} .prog_wrap .prog_con:nth-child(3n) {margin-right:0;} .prog_wrap .prog_con .thumb {width:100%;height:200px;overflow:hidden;} .prog_wrap .prog_con .thumb img {width:100%;height:100%;} .prog_wrap .prog_con .prog_info {padding:20px 0 25px;width:84.29%;margin:0 auto;} .prog_wrap .prog_con .prog_info ul.prog_label {font-size:0;} .prog_wrap .prog_con .prog_info ul.prog_label li {display:inline-block;font-size:12px;padding:5px 8px;border:1px solid;border-radius:3px;margin:0 7px 0 0;box-sizing:border-box;} .prog_wrap .prog_con .prog_info ul.prog_label li.cate.t1 {color:#8c3d85;border-color:#8c3d85;} .prog_wrap .prog_con .prog_info ul.prog_label li.cate.t2 {color:#30721e;border-color:#30721e;} .prog_wrap .prog_con .prog_info ul.prog_label li.cate.t3 {color:#1920b9;border-color:#1920b9;} .prog_wrap .prog_con .prog_info ul.prog_label li.time {color:#797979;border-color:#797979;} .prog_wrap .prog_con .prog_info ul.prog_label li.certif.t1 {color:#f70253;border-color:#f70253;} .prog_wrap .prog_con .prog_info ul.prog_label li.certif.t2 {color:#da7f09;border-color:#da7f09;} .prog_wrap .prog_con .prog_info .prog_detail p.tit {font-size:16px;color:#000;font-weight:bold;margin:15px 0;} .prog_wrap .prog_con .prog_info .prog_detail ul.detail li {margin:0 0 7px 0;font-size:14px;letter-spacing:-1px;} .prog_wrap .prog_con .prog_info .prog_detail ul.detail li:last-child {margin:0;} .prog_wrap .prog_con .prog_info .prog_detail ul.detail li span.col {display:inline-block;margin:0 15px 0 0;min-width:48px;} .prog_wrap .prog_con .prog_info ul.m_btn {margin:20px 0 0 0;display:none;} .prog_wrap .prog_con .prog_info ul.m_btn li {display:inline-block;width:48%;text-align:center;background:#000;border-radius:5px;margin:0 2% 2% 0;} .prog_wrap .prog_con .prog_info ul.m_btn li:last-child{margin-right:0;} .prog_wrap .prog_con .prog_info ul.m_btn li a {display:block;color:#fff;padding:10px 0;font-size:14px;} .prog_wrap .prog_con .apply_cover {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(140,61,133,0.95);color:#fff;text-align:center;opacity:0;} .prog_wrap .prog_con .apply_cover p.tit {margin:100px auto 0;font-size:30px;font-weight:bold;width:100%;max-width: 230px;line-height:40px;word-break:keep-all;} .prog_wrap .prog_con .apply_cover ul.btn {margin:75px 0 0 0;} .prog_wrap .prog_con .apply_cover ul.btn li {display:inline-block;background:#fff;border-radius:20px;margin:0 4px;cursor:pointer;min-width:120px;} .prog_wrap .prog_con .apply_cover ul.btn li a {display:block;color:#8c4186;font-size:15px;font-weight:bold;padding:15px 25px;border-radius:20px;cursor:pointer;} /* //program write */ /* #subWrap #container .contents .apply_write .privacy {margin:0 auto; margin-top:15px; border:1px solid #efefef; padding:20px;font-size:14px;min-height:320px;} #subWrap #container .contents .apply_write .privacy p.tit {text-align:center;margin:0 0 20px 0;width:100%;} #subWrap #container .contents .apply_write .privacy p.exp {margin:0 0 30px 0} #subWrap #container .contents .apply_write .privacy dl {margin-bottom:30px;} #subWrap #container .contents .apply_write .privacy dl dt {font-size:16px; font-weight:bold;margin:0 0 10px 0;} #subWrap #container .contents .apply_write .privacy dl dd {color:#666; line-height:25px; } #subWrap #container .contents .apply_write .agree_chk {margin:10px 0 30px 0;; font-size:16px;text-align:right;} #subWrap #container .contents .apply_write p.tit {background: url(/src/img/sub/main_bullet.jpg) left top no-repeat;display: inline-block;padding: 10px 0 0 0;font-size: 20px;color: #333;font-weight: bold;} #subWrap #container .contents .apply_write .write_tbl {margin:30px 0 0 0;font-size:14px;letter-spacing:0;} #subWrap #container .contents .apply_write .write_tbl th {text-align:left;background:#fafafa;padding:20px 0 20px 15px;} #subWrap #container .contents .apply_write .write_tbl td {text-align:left;padding:15px;} #subWrap #container .contents .apply_write .write_tbl td:last-child {border-right:none!important;} #subWrap #container .contents .apply_write .write_tbl th, #subWrap #container .contents .apply_write .write_tbl td{ border:1px solid #e8e8e8;border-left:none;border-right:none;} #subWrap #container .contents .apply_write .write_tbl td input.post_num {line-height:26px;color:#fff;border: 1px #ddd solid;background: #5d5d5d;;padding: 0 10px;vertical-align: middle;text-align:center;} #subWrap #container .contents .apply_write .write_tbl tr:nth-child(9) td, #subWrap #container .contents .apply_write .write_tbl tr:nth-child(12) td {background:#fafafa;text-align:center;font-weight:bold;} #subWrap #container .contents .apply_write .write_tbl td input.vali_chk {background:#555;color:#fff;padding:5px 10px;} #subWrap #container .contents .apply_write .write_tbl td input[type="text"], #subWrap #container .contents .apply_write .write_tbl td input[type="password"] {width:calc(100% - 10px);max-width:150px;} #subWrap #container .contents .apply_write .write_tbl td input.addr_main, #subWrap #container .contents .apply_write .write_tbl td input.addr_detail {display:block;max-width:440px;margin:5px 0 0 0;padding:5px;}*/ #layer {display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;width:100%!important;max-width:425px;} /* program pagination */ /*#subWrap #container .contents .prog_wrap ul.pagination {text-align:center;margin:30px 0 50px 0;font-size:16px;} #subWrap #container .contents .prog_wrap ul.pagination li {display:inline-block;} #subWrap #container .contents .prog_wrap ul.pagination li.prev a, #subWrap #container .contents .prog_wrap ul.pagination li.gt_prev a, #subWrap #container .contents .prog_wrap ul.pagination li.next a, #subWrap #container .contents .prog_wrap ul.pagination li.gt_next a {background:#f8f8f8;} #subWrap #container .contents .prog_wrap ul.pagination li a {display:block;color:#fff;width:100%;min-width:22px; padding:5px 0;border-radius:5px;background:#888;font-size:12px;} #subWrap #container .contents .prog_wrap ul.pagination li.on a.num {background:#8c3d85;font-weight:bold;} */ /* program view */ .prog_view .top_detail {margin:0 0 65px 0;} .prog_view .top_detail .con_all {display:inline-block;vertical-align:top;} .prog_view .top_detail .thumb {width:41.25%;} .prog_view .top_detail .thumb img {width:100%;} .prog_view .top_detail .prog_info {font-size:12px;width:57.08%;margin:0 0 0 1.6%;} .prog_view .top_detail .prog_info ul.prog_label {font-size:0;} .prog_view .top_detail .prog_info ul.prog_label li {display:inline-block;font-size:11px;padding:5px 8px;border:1px solid;border-radius:3px;margin:0 7px 0 0;box-sizing:border-box;} .prog_view .top_detail .prog_info ul.prog_label li.cate.t1 {color:#8c3d85;border-color:#8c3d85;} .prog_view .top_detail .prog_info ul.prog_label li.cate.t2 {color:#30721e;border-color:#30721e;} .prog_view .top_detail .prog_info ul.prog_label li.cate.t3 {color:#1920b9;border-color:#1920b9;} .prog_view .top_detail .prog_info ul.prog_label li.time {color:#797979;border-color:#797979;} .prog_view .top_detail .prog_info ul.prog_label li.certif.t1 {color:#f70253;border-color:#f70253;} .prog_view .top_detail .prog_info ul.prog_label li.certif.t2 {color:#da7f09;border-color:#da7f09;} .prog_view .top_detail .prog_info p.tit {font-weight:bold;font-size:25px;vertical-align:bottom;margin:15px 0 0 0;} .prog_view .top_detail .prog_info p.tit span.status {font-size:20px;color:#018aff;display:inline-block;margin:2px 10px 0 0;vertical-align:top;} .prog_view .top_detail .prog_info ul.view_btns {text-align:right;margin:50px 0 15px 0;font-size:0;} .prog_view .top_detail .prog_info ul.view_btns li {display:inline-block;border:1px solid #ddd;border-radius:5px;text-align:center;min-width:145px;box-sizing:border-box;} .prog_view .top_detail .prog_info ul.view_btns li:last-child {background:#8c3d85;margin:0 0 0 8px;} .prog_view .top_detail .prog_info ul.view_btns li:last-child a {color:#fff;} .prog_view .top_detail .prog_info ul.view_btns li a {display:block;padding:15px 0;font-size:15px;} .prog_view .top_detail .prog_info .prog_tbl {font-size:14px;border-top:3px solid #8c3d85;width:100%;} .prog_view .top_detail .prog_info .prog_tbl th {text-align:center;} .prog_view .top_detail .prog_info .prog_tbl th, .prog_view .top_detail .prog_info .prog_tbl td {border-bottom:1px solid #ddd;} .prog_view .top_detail .prog_info .prog_tbl td {font-weight:bold;padding:14px 0 12px;} .prog_view .top_detail .prog_info .prog_tbl td span.free {color:#8c3d85;} .prog_view .con_wrap {font-size:16px;color:#111;margin:0 0 65px 0;} .prog_view .con_wrap p.tit {padding:0 8px 10px;font-size:20px;font-weight:bold;margin:0 0 30px 0;} .prog_view .con_wrap p.tit span {position:relative;padding:0 8px 8px;} .prog_view .con_wrap p.tit span:after {position:absolute;content:"";width:100%;height:3px;left:0;bottom:0;background:#8c3d85;} .prog_view .con_wrap p.txt {text-indent:16px;font-size:15px;} .prog_view .con_wrap .tbl_wrap {width:100%;max-width:1110px;margin:0 auto;} .prog_view .con_wrap .con_tbl {width:100%;font-size:15px;} .prog_view .con_wrap .con_tbl th {border-top:2px solid #111;border-bottom:2px solid #111;padding:12px 0 14px;color:#666;font-weight:bold;} .prog_view .con_wrap .con_tbl td {border-bottom:1px solid #ddd;color:#666;padding:15px 0;text-align:center;font-size:14px;} .prog_view .con_wrap .con_tbl td:nth-child(1), .prog_view .con_wrap .con_tbl th:nth-child(1) {border-left:1px solid #ddd;} .prog_view .con_wrap .con_tbl td:last-child, .prog_view .con_wrap .con_tbl th:last-child {border-right:1px solid #ddd;} .prog_view .con_wrap .con_tbl td:nth-child(2) {letter-spacing:3px;} .prog_view .con_wrap .con_tbl td:nth-child(3) {text-align:left;text-indent:20px;} .prog_view .con_wrap .tbl_wrap .con_tbl tr:nth-last-child(2) td {border-bottom:1px solid #000;} .prog_view .con_wrap .tbl_wrap .con_tbl tr:last-child td {border-bottom:1px solid #000;} .prog_view .con_wrap ul.notice li {margin:0 0 15px 0;font-size:15px;line-height:20px;} .prog_view .con_wrap .certif_wrap {width:100%;max-width:1110px;margin:0 auto;} .prog_view .con_wrap .certif_img {display:inline-block;width:100%;max-width:340px;} .prog_view .con_wrap .certif_info {display:inline-block;vertical-align:top;margin:0 0 30px 3.15%;} .prog_view .con_wrap .certif_info p.certif_name {font-size:20px;font-weight:bold;margin:60px 0 15px 0;} .prog_view .con_wrap .certif_info p.txt {font-size:14px;color:#666;text-indent:0;} ul.view_btns.btm {text-align:center;margin:50px 0 15px 0;font-size:0;border-top:1px solid #ddd;padding:38px 0 0 0;} ul.view_btns.btm li {display:inline-block;border:1px solid #ddd;border-radius:5px;text-align:center;min-width:145px;box-sizing: border-box;} ul.view_btns.btm li:last-child {background:#8c3d85;margin:0 0 0 8px;} ul.view_btns.btm li:last-child a {color:#fff;} ul.view_btns.btm li a {display:block;padding:15px 0;font-size:15px;} .prog_view .con_wrap ul.notice {line-height:30px;} /* 1200 */ @media all and (max-width:1200px){ #subWrap #container .sub_inner {width:95%;} #subWrap #container .contents .main_remark p {margin:0 auto 15px;} #subWrap #container .contents .main_remark p:last-child {margin:0 auto;} } /* 1024 */ @media all and (max-width:1024px){ .prog_wrap .prog_con {width:49%;margin:0 2% 5% 0!important;} .prog_wrap .prog_con:nth-child(2n) {margin-right:0!important;} .prog_wrap .prog_con .thumb {height:auto;} .prog_wrap .prog_con .thumb img {width:100%;} #subWrap #container .contents ul.cate li:first-child:nth-last-child(4), #subWrap #container .contents ul.cate li:first-child:nth-last-child(4) ~ li {width:50%;vertical-align: top;} #subWrap #container .contents ul.cate li:nth-child(1){border-bottom:none;} #subWrap #container .contents ul.cate li:nth-child(2){border-right:1px solid #ddd;border-bottom:none;} #subWrap #container .contents ul.cate li.on {border:1px solid #000!important;} .prog_wrap .prog_con .prog_info ul.prog_label li {margin:0 1% 1% 0;text-align:center;vertical-align:top;} .prog_wrap .prog_con:hover .apply_cover {display:none;} .prog_wrap .prog_con .prog_info ul.m_btn {display:block;} #subWrap #container .contents .main_remark p {margin:0 auto 15px;} #subWrap #container .contents .main_remark p:last-child {margin:0 auto;} .prog_view .top_detail .con_all {display:block;width:100%;} .prog_view .top_detail .thumb {margin:0 0 20px 0;} .prog_view .top_detail .prog_info {margin:0;} .prog_view .con_wrap p.tit {padding-left:0;} .prog_view .con_wrap p.txt {text-indent:0;line-height:25px;} } /* 768 */ @media all and (max-width:768px){ #subWrap #container .contents ul.cate {display:none;} #subWrap #container .contents .m_cate {display:block;} .prog_wrap .prog_con {width:100%;margin:0 0 4% 0!important;} .prog_wrap .prog_con .prog_info ul.m_btn li {display:block;width:100%;margin:0 0 2% 0;} .prog_view .top_detail .prog_info p.tit {font-size:20px;} .prog_view .top_detail .prog_info p.tit span.status {font-size:15px;} .prog_view .con_wrap .tbl_wrap {overflow-x:scroll;padding:0 0 20px 0;} .prog_view .con_wrap .tbl_wrap .con_tbl {width:768px;} } /* 425 */ @media all and (max-width:425px){ .prog_wrap .prog_con .prog_info {width:91.29%} .prog_wrap .prog_con .prog_info ul.prog_label li.cate {letter-spacing:-1px;} ul.view_btns {text-align:center;} ul.view_btns li {width:49%;margin:0 1% 0 0!important;min-width:auto!important;} ul.view_btns li:last-child {margin-right:0!important;} } /* program write */ .prog_write .inner_wrap {width:100%;max-width:1100px;margin:0 auto;} .prog_write p.tit {font-weight:bold;font-size:18px;padding:0 0 0 15px;margin:0 0 25px 0;} .prog_write .con_wrap {margin:0 0 40px 0;} .prog_write .con_wrap .prog_tbl {font-size:15px;width:100%;border-top:2px solid #111;} .prog_write .con_wrap .prog_tbl th, .prog_write .con_wrap .prog_tbl td {border-bottom:1px solid #ddd;} .prog_write .con_wrap .prog_tbl th {color:#333;font-weight:bold;padding:18px 0 15px 40px;text-align:left;} .prog_write .con_wrap .prog_tbl td {color:#666;padding:5px 0 5px 20px;vertical-align:middle;} .prog_write .prog_tbl input[type="text"] {width:calc(100% - 10px);max-width:400px;padding:5px;height:25px;border:1px solid #ddd;box-sizing:border-box;height:40px;display:inline-block;} .prog_write .prog_tbl td input.post_num {line-height:26px;color: #fff;border: 1px #ddd solid;background: #5d5d5d;padding: 0 10px; vertical-align: middle;text-align: center;height:40px;} .prog_write .prog_tbl td input#zipcode {width:150px;} .prog_write .prog_tbl td input#address {width:350px;} .prog_write .prog_tbl td input.long.addr_detail{margin:5px 0 0 0;max-width:609px;} .prog_write .prog_tbl td label {font-weight:bold;color:#333;margin:0 30px 0 0;} .prog_write .prog_tbl td label input[type="radio"] {margin:0 15px 0 0;} .prog_write .prog_tbl td .phone_select {width:100px;height:40px;} .prog_write .prog_tbl td .phone_select ~ input {width:100px;height:40px;} .prog_write .prog_tbl td input#email1 {max-width:130px;} .prog_write .prog_tbl td input#email2 {max-width:130px;} .prog_write .prog_tbl td .email_select {width:130px;vertical-align:bottom;height:40px;box-sizing:border-box;} .prog_write .prog_tbl td label input[type="checkbox"] {margin:0 15px 0 0 ;} .prog_write textarea.privacy {width:calc(100% - 50px);padding:20px 25px;resize:none;background:#f3f3f3;border:none;margin:20px 0 15px;font-size:13px;height:188px;line-height:20px;} .prog_write .agree_chk {font-size:15px;font-weight:bold;} .prog_write .agree_chk input {margin:0 10px 0 0;display:inline-block;} .prog_write ul.view_btns.btm {text-align:center;margin:50px 0 15px 0;font-size:0;border-top:1px solid #ddd;padding:38px 0 0 0;} .prog_write ul.view_btns.btm li {display:inline-block;border:1px solid #ddd;border-radius:5px;text-align:center;min-width:145px;} .prog_write ul.view_btns.btm li:last-child {background:#8c3d85;margin:0 0 0 8px;} .prog_write ul.view_btns.btm li:last-child a {color:#fff;} .prog_write ul.view_btns.btm li a {display:block;padding:15px 0;font-size:15px;} .captcha input {height:42px;border:1px solid #ddd;box-sizing:border-box;margin:0 5px;} @media all and (max-width:1200px){ .prog_write p.tit {padding:0;} .prog_write .con_wrap .prog_tbl th {border-bottom:none;padding:25px 0 15px 0;;font-size:16px;} .prog_write .con_wrap .prog_tbl td {padding-bottom:20px;padding:0 0 25px 0;;} .prog_write .con_wrap .prog_tbl th, .prog_write .con_wrap .prog_tbl td {display:block;} .prog_write .con_wrap .prog_tbl colgroup {display:none;} .prog_write .con_wrap .prog_tbl td input#email1 {max-width:150px;} .prog_write .con_wrap .prog_tbl td input#email2 {max-width:150px;} .prog_write .con_wrap .prog_tbl td .email_select {width:150px;vertical-align:bottom;height:40px;box-sizing:border-box;} } @media all and (max-width:768px){ .prog_write .con_wrap .prog_tbl td input[type="text"] {width:100%;max-width:100%;} .prog_write .con_wrap .prog_tbl td .phone_select {width:100%;} .prog_write .con_wrap .prog_tbl td .phone_select ~ input {width:100%;margin:5px 0 0 0;} .prog_write .con_wrap .prog_tbl td span.bar {display:none;} .prog_write .con_wrap .prog_tbl td input#address {width:100%;margin:5px 0 0 0;} .prog_write .con_wrap .prog_tbl td input.long.addr_detail {width:100%;max-width:100%;} .prog_write .con_wrap .prog_tbl td input#email1 {margin:0 0 5px 0;} .prog_write .con_wrap .prog_tbl td input#email2 {margin:0 0 5px 0;} .prog_write .con_wrap .prog_tbl td .email_select {margin:0 0 5px 0;} .prog_write .con_wrap .prog_tbl td label {display:block;margin:10px 0 0 5px;} } @media all and (max-width:425px){ .prog_write ul.view_btns.btm li {min-width:138px;} } /*@media all and (max-width:1200px){#subWrap #container .sub_inner {width:95%;}} @media all and (max-width:1024px){ #subWrap #container .contents .main_remark p {margin:0 auto 15px;} #subWrap #container .contents .main_remark p:last-child {margin:0 auto;} }*/