/*------------------------------ 일반게시판 ------------------------------*/ /* 게시판검색 */ #board .front_word {font-size:17px;color:#363636;padding-bottom:15px} #board .lecture_search_wrap * {transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none} #board .lecture_search_wrap {background:#eee;padding:30px 4%} #board .lecture_search_wrap ul {width:100%} #board .lecture_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:21%} #board .lecture_search_wrap select {width:100%;padding:0 1em;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d;height:47px} #board .lecture_search_wrap select::-ms-expand {display: none;} #board .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 305px - 21%);padding-left:1%} #board .lecture_search_wrap ul li:nth-of-type(2) input {width:100%;border:1px solid #ddd;font-size:100%;color:#3d3d3d;line-height:47px;height:47px;padding:0 1em} #board .lecture_search_wrap ul li:nth-of-type(3) {width:305px} #board .btn_right {display:block;text-align:right} /* 게시판목록 */ #board .lecture_list .total {font-weight:500} #board .lecture_list table {display:table;width:100%;margin-top:10px} #board .lecture_list table caption {border-top:2px solid #494949} #board .lecture_list table th {background:#fff;padding:15px 0;font-size:15px;font-weight:400;color:#0f0f0f;border-bottom:1px solid #9a9a9a} #board .lecture_list table td {padding:13px 2%;text-align:center;border-bottom:1px solid #ddd;font-size:15px;font-weight:400;vertical-align:middle;} #board .lecture_list table td{text-overflow: ellipsis;white-space: nowrap;overflow: hidden} #board .lecture_list table td:nth-of-type(n+3) {color:#3d3d3d} #board .lecture_list table td:nth-of-type(1) {min-width:50px;color:#3d3d3d} #board .lecture_list table td a {color:#363636} #board .lecture_list table td a:hover {color:#939698} #board .lecture_list .etc {font-size:15px;color:#3d3d3d;padding-top:30px} /* FAQ */ .faq_list table {display:table;width:100%;margin-top:10px} .faq_list table caption {border-top:2px solid #494949} .faq_list table td {border-bottom:1px solid #ddd} .faq_list table td .qs > ul {display:table;width:100%;cursor:pointer} .faq_list table td .qs > ul > li {display:table-cell;vertical-align:middle;} .faq_list table td .qs > ul > li:nth-of-type(1) {width:55px;padding:10px 0;text-align:center} .faq_list table td .qs > ul > li:nth-of-type(2) {width:calc(100% - 55px);font-size:17px;color:#3d3d3d} .faq_list table td .ns {display:none;background:#f4f5f6;padding:15px 4% 25px;border-top:1px solid #ddd} .faq_list table td .ns dl dt {display:block} .faq_list table td .ns dl dt ul {display:table;} .faq_list table td .ns dl dt li {display:table-cell;vertical-align:middle;} .faq_list table td .ns dl dt li:nth-of-type(1) {width:55px;padding:10px 0;text-align:center} .faq_list table td .ns dl dt li:nth-of-type(2) {width:calc(100% - 55px);font-size:15px;color:#3d3d3d} .faq_list table td .ns dl dd {margin-left:55px;font-size:15px;color:#3d3d3d;line-height:1.8} /* 게시판보기 */ #board .board_detail {display:block;width:100%;border-top:2px solid #494949} #board .board_detail .title_area {background:#fff;border-bottom:0px solid #9a9a9a} #board .board_detail .title_area h3 {font-size:107%;font-weight:400;color:#0f0f0f;padding:20px 3%;border-bottom:1px solid #ddd} #board .board_detail .title_area .date {font-size:14px;color:#929292;padding:15px 1% 15px 3%;border-bottom:1px solid #ddd} #board .board_detail .job_content {padding:20px 3% 100px;line-height:2.5;border-bottom:1px solid #ddd} #board .board_detail .comment ol {margin-top:12px;background:#f6f6f6;overflow:hidden} #board .board_detail .comment ol li {border-bottom:1px solid #ddd} #board .board_detail .comment ol li .item {padding:30px 35px;font-size:15px;color:#3d3d3d} #board .board_detail .comment .name {color:#0f0f0f;font-weight:500} #board .board_detail .comment .date img {padding-left:6px} #board .board_detail .comment .txt_con {line-height:1.7;padding-top:10px} #board .board_detail .comment_input {background:#f6f6f6;overflow:hidden;padding:25px 35px} #board .board_detail .comment .input_area {box-sizing:border-box;display:block} #board .board_detail .comment .input_area textarea {float:left;width:calc(100% - 2% - 105px);height:105px;border:1px solid #ddd} #board .board_detail .comment .comment_input input {float:right;display:inline-block;width:105px;height:105px;line-height:105px;margin-left:2%;background:#5b5b5b;color:#fff;font-size:16px;font-weight:500;border:1px solid #5b5b5b} #board .board_detail .next {font-size:15px;color:#3d3d3d;border-top:1px solid #ddd;border-bottom:1px solid #ddd} #board .board_detail .prev {border-top:1px solid #ddd} #board .board_detail .prev li, #board .board_detail .next li {padding:15px 0;line-height:1.3} #board .board_detail .prev li a, #board .board_detail .next li a {font-size:15px;color:#3d3d3d} #board .board_detail .prev li:nth-of-type(1), #board .board_detail .next li:nth-of-type(1) {clear:both;width:10%;padding-left:3%} #board .board_detail .prev li:nth-of-type(2), #board .board_detail .next li:nth-of-type(2) {width:82.5%} #board .board_detail .file {width:100%;background:#f6f6f6} #board .board_detail .file td {font-size:100%;color:#3d3d3d} #board .board_detail .file td:nth-of-type(1) {width:20%;text-align:center;border-right:1px solid #ddd} #board .board_detail .file td:nth-of-type(2) {width:80%;padding:20px 3%;line-height:2} #board .board_detail .btn_right {margin:30px 0 80px} /* 게시판쓰기 */ #board .tbl_write {width:100%} #board .tbl_write caption {border-top:2px solid #000} #board .tbl_write colgroup col:first-child {min-width:100px} #board .tbl_write th {background:#f1f1f1;border-bottom:1px solid #ddd;font-size:15px;font-weight:400;color:#0f0f0f} #board .tbl_write td {border-bottom:1px solid #ddd} #board .tbl_write tr:last-of-type td {border-bottom:none} #board .tbl_write td.fl {margin-top:10px} #board .tbl_write td.writer {font-size:94%;padding:15px 12px} #board .tbl_write td.select_year {font-size:94%;padding:7px 10px} #board .tbl_write td.download {font-size:94%;padding:15px 10px;line-height:1.6} #board .tbl_write input[type="text"] {width:95%;border:1px solid #d2d2d2;margin:7px 12px;height:35px;line-height:35px;padding:5px} #board .tbl_write select {width:30%;min-width:100px;height:40px;border:1px solid #d2d2d2;padding:0 10px} #board .tbl_write td.select_year select {max-width:150px} #board .tbl_write .open_yn {margin:7px 0;height:35px;line-height:35px;padding:5px 12px} #board .tbl_write textarea {box-sizing:border-box;width:100%;border:1px solid #d2d2d2;margin:7px 0;height:350px;padding:5px} #board .tbl_write .file_list {width:100%;height:235px;border-bottom:1px solid #ddd} #board .tbl_write .bb_none {border-bottom:none !important} #board .tbl_write .bb_view {border-bottom:1px solid #ddd !important} #board .tbl_write .file_list td {vertical-align:top} #board .tbl_write .file_list th {width:13.5%;min-width:100px} #board .tbl_write .file_list td:nth-of-type(1) {width:30%} #board .tbl_write .file_list td:nth-of-type(2) {width:56.5%;padding:15px 15px 15px 0} #board .tbl_write .file_list .lecture_search_wrap {background:#fff;padding:15px 4%} #board .tbl_write .file_list .lecture_search_wrap ul {width:100%} #board .tbl_write .file_list .lecture_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:100%} #board .tbl_write .file_list .lecture_search_wrap select {width:100%;height:200px;padding:.5em .5em;border: 1px solid #ddd;font-family: inherit; border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:15px;color:#3d3d3d;background:none} #board .tbl_write .file_list .lecture_search_wrap select::-ms-expand {display: none;} #board .tbl_write .filebox .txt {font-size:15px;color:#3d3d3d;padding-top:10px;line-height:1.7} #board .tbl_write .filebox label { display: inline-block; padding: 0; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #5b5b5b; cursor: pointer; border: 1px solid #5b5b5b; max-width:110px;width:100%;text-align:center;color:#fff;line-height:42px} #board .tbl_write .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } #board .tbl_write .filebox input.text {box-sizing:border-box;float:left;width:calc(100% - 130px);border:1px solid #d2d2d2;margin:0 12px 0 0;height:42px;line-height:42px;padding:0;background:#fff;padding:0 10px;font-size:15px;color:#3d3d3d} #board .tbl_write .filebox .file_btn {border:1px solid #9e9e9e;background:#9e9e9e} #board .tbl_write select.short_txt {display:block;width:190px;padding:5px 5px 5px 10px;margin:7px 12px;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d} #board .tbl_write select::-ms-expand {display: none;} /*------------------------------ 사진게시판 ------------------------------*/ /* 사진게시판 검색 */ #photo .front_word {font-size:17px;color:#363636;padding-bottom:15px} #photo .lecture_search_wrap * {transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none} #photo .lecture_search_wrap {background:#eee;padding:30px 4%} #photo .lecture_search_wrap ul {width:100%} #photo .lecture_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:21%} #photo .lecture_search_wrap select {width:100%;padding:0 1em;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d;height:47px} #photo .lecture_search_wrap select::-ms-expand {display: none;} #photo .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 305px - 21%);padding-left:1%} #photo .lecture_search_wrap ul li:nth-of-type(2) input {width:100%;border:1px solid #ddd;font-size:100%;color:#3d3d3d;line-height:47px;height:47px;padding:0 1em} #photo .lecture_search_wrap ul li:nth-of-type(3) {width:305px} #photo .btn_right {display:block;text-align:right} /* 사진게시판 목록*/ #photo .photo_list .total {font-size:16px;font-weight:500;} #photo .photo_list ul {width:100%;margin-top:20px} #photo .photo_list ul li {width:25%;margin-bottom:40px} #photo .photo_list ul li a.item {width:92.66%;display:inline-block;border:1px solid #ddd;margin:0 3.67%;text-align:center;border-radius:10px} #photo .photo_list ul li a.item img {width:100%;max-height:400px;border-radius:10px 10px 0px 0px} #photo .photo_list ul li a.item:hover {box-shadow:1px 3px 5px #aaa} #photo .photo_list .title {font-size:15px;font-weight:500;color:#3d3d3d;min-height:40px;line-height:1.3em;max-height:2.6em;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;} #photo .photo_list .date {font-size:14px;color:#929292;text-align:right;padding-top:25px} #photo .photo_list .date .right {text-align:right} #photo .photo_list .photo_txt {padding:20px;text-align:left} #photo .photo_list .photo_txt .txt {font-size:14px;color:#929292;min-height:45px;padding-top:10px;line-height:1.3em;max-height:2.6em;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;} #photo .photo_list .photo_con {padding:15px 7% 0;text-align:left;height:140px} #photo .photo_list .photo_con dt {clear:both;float:left;width:90px;font-size:15px;color:#3d3d3d;margin-bottom:10px} #photo .photo_list .photo_con dd {float:right;width:calc(100% - 90px);color:#616161;word-break: keep-all;margin-bottom:10px} #photo .photo_list .link {display:block;text-align:center;font-size:15px;background:#f3f3f3;line-height:45px;height:48px;border-top:1px solid #ddd;margin-top:10px} /*------------------------------ 강좌게시판 ------------------------------*/ /* 강좌검색*/ #lecture .front_word {font-size:17px;color:#363636;padding-bottom:15px} #lecture .lecture_search_wrap * {transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none} #lecture .lecture_search_wrap {background:#eee;padding:30px 4%} #lecture .lecture_search_wrap ul {width:100%} #lecture .lecture_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:20%} #lecture .lecture_search_wrap select {width:100%;padding:0 .5em;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d;height:47px} #lecture .lecture_search_wrap select::-ms-expand {display: none;} #lecture .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 320px - 21%);padding-left:1%} #lecture .lecture_search_wrap ul li:nth-of-type(2) input {width:98%;border:1px solid #ddd;font-size:100%;color:#3d3d3d;line-height:47px;height:47px;padding:0 10px} #lecture .lecture_search_wrap ul li:nth-of-type(3) {width:320px} /*프로그램*/ #lecture .program_search_wrap * {transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none} #lecture .program_search_wrap {background:#eee;padding:30px 4%} #lecture .program_search_wrap ul {width:100%} #lecture .program_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:15.5%;padding-right:1%} #lecture .program_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:17%;padding-right:1%} #lecture .program_search_wrap ul li:nth-of-type(3) {float:left;display:inline-block;width:25%;padding-right:1%} #lecture .program_search_wrap ul li:nth-of-type(4) {float:left;display:inline-block;width:calc(100% - 15.5% - 17% - 25% - 12%);padding-right:1%} #lecture .program_search_wrap ul li:nth-of-type(4) input {width:98%;border:1px solid #ddd;font-size:100%;color:#3d3d3d;line-height:47px;height:47px;padding:0 10px} #lecture .program_search_wrap select {width:100%;padding:.8em 20px;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d} #lecture .program_search_wrap select::-ms-expand {display: none;} #lecture .program_search_wrap ul li:nth-of-type(5) {float:right;width:12%;max-width:140px} /* 강좌목록 */ #lecture .lecture_list .total {font-size:16px} #lecture .lecture_list table {display:table;width:100%;margin-top:10px} #lecture .lecture_list table caption {border-top:2px solid #494949} #lecture .lecture_list table tr {border-bottom:1px solid #ddd} #lecture .lecture_list table th {background:#e6e6e6;padding:15px 0;font-weight:500;border-bottom:1px solid #fff} #lecture .lecture_list table td {padding:13px 2%;text-align:center;font-size:15px} #lecture .lecture_list .plast {min-width:50px} .lecture_list_mobile {display:none} .lecture_list_mobile ol {display:block;border-top:1px solid #ddd;padding:10px 4px 20px 4px;border-bottom:0} .lecture_list_mobile ol:last-child {border-bottom:1px solid #ddd} .lecture_list_mobile ol > li > ul > li {padding-top:10px} .lecture_list_mobile ol > li > ul > li > img {border-radius:7px;height:100px} .lecture_list_mobile ol > li > ul > li:nth-of-type(1) {width:130px;} .lecture_list_mobile ol > li > ul > li:nth-of-type(2) {width:calc(100% - 130px);padding-left:20px} .lecture_list_mobile ol > li > ul > li:nth-of-type(3) {width:calc(100% - 120px)} .lecture_list_mobile ol > li > ul > li:nth-of-type(4) {width:120px} .lecture_list_mobile ol > li > ul > li:last-child {text-align:right} .lecture_list_mobile .title {font-size:107%;font-weight:500;color:#121212;padding:10px 0 10px;text-align:left;line-height:1.3} .lecture_list_mobile .period {padding-top:5px} .lecture_list_mobile .period dl dt {clear:both;float:left;width:38px;font-size:13px;font-weight:300;color:#777;padding:2px 0} .lecture_list_mobile .period dl dd {float:right;width:calc(100% - 38px);font-size:14px;color:#3d3d3d;padding:2px 0} .lecture_list_mobile .period dl dt:nth-of-type(1), .lecture_list_mobile .period dl dd:nth-of-type(1) {padding-top:0} .lecture_list_mobile .price {font-size:22px;font-weight:500;color:#c80000;letter-spacing:-1px;} .lecture_list_mobile .unit {font-size:14px;font-weight:400;color:#9a9999} .lecture_list_mobile .type1 {display:inline-block;height:23px;line-height:23px;font-size:14px;font-weight:300;color:#fff;background:#ffab00;border-radius:4px;text-align:center;padding:0 7px} .lecture_list_mobile .type2 {display:inline-block;height:23px;line-height:23px;font-size:14px;font-weight:300;color:#fff;background:#4372e8;border-radius:4px;text-align:center;padding:0 7px} .lecture_list_mobile .new_red {display:inline-block;background:#fa484d;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:5px;margin-right:5px;font-weight:400} .lecture_list_mobile .new_yellow {display:inline-block;background:#ffab00;width:45px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:5px;margin-right:5px;font-weight:400} .lecture_list_mobile .new_blue {display:inline-block;background:#9c9c9c;width:70px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:5px;margin-right:5px;font-weight:400} /* 강좌상세 */ #sub_container .lecture_detail2 ul {background:#f7f7f7;padding:20px 4% 0;width:86%} #sub_container .lecture_detail2 ul li:nth-of-type(2) {width:calc(100% - 280px)} #sub_container .lecture_detail2 h1 {font-size:160%;font-weight:500;color:#0f0f0f} #sub_container .lecture_detail2 table {width:100%;margin-top:20px} #sub_container .lecture_detail2 table td {padding:7px 4%;font-size:15px} #sub_container .lecture_detail2 table td:nth-of-type(1) {background:url("../img/sub21_2.jpg") no-repeat right center} #sub_container .sub31 .lecture_detail2 {} #sub_container .sub31 .lecture_detail2 .detail_txt dt {float:none} #sub_container .sub31 .lecture_detail2 .detail_txt dd {margin-left:0;margin-top:30px;width:100%;padding:30px;background:#f7f7f7} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_name {font-size:24px;font-weight:500;color:#3c3c3c;padding-bottom:20px} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info ul {width:100%} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info li {width:50%;font-size:15px;color:#3d3d3d} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info img {vertical-align:middle;padding-right:5px} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info .info_title {width:100px;border-right:1px solid #aaa;line-height:17px} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info .va {display:inline-block;width:calc(95% - 100px);padding-left:30px;line-height:17px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}; #sub_container .sub31 .lecture_detail2 ul li:nth-of-type(1) {height:30px !important} #sub_container .lecture_detail2 ul li:nth-of-type(1) {height:auto} #sub_container .lecture_detail2 ul li {margin-bottom:20px} #sub_container .lecture_list_type2 .total {color:#3c3c3c} #sub_container .lecture_list_type2 ul > li {width:23.5%;margin-right:2%;margin-bottom:30px} #sub_container .lecture_list_type2 ul > li:nth-of-type(4n) {margin-right:0} #sub_container .lecture_list_type2 ul ol > li {display:block} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(1) {background:#eaeaea;font-size:18px;font-weight:500;color:#3c3c3c;height:50px;line-height:45px;padding:0 9%;border-radius:20px 20px 0 0;border:1px solid #ddd;border-bottom:none} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) {padding:25px 9%;border:1px solid #ddd;border-radius:0 0 20px 20px} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) dl {clear:both} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) dl dt {clear:both;float:left;display:inline-block;width:70px;margin:3px 0} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) dl dt p {display:block;width:60px;height:22px;line-height:20px;font-size:12px;text-align:center;background:#eee;border:1px solid #ddd;border-radius:3px} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) dl dt:nth-of-type(1) p {background:#00b2d9;text-align:center;color:#fff;border:1px solid #00b2d9;border-radius:3px} dt:nth-of-type(1) p span {display:inline-block;width:20px} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) dl dd {float:right;width:calc(100% - 70px);font-size:15px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px;margin:3px 0} #sub_container .lecture_list_type2 ul ol > li .date {font-size:15px;color:#888;padding-top:15px} #sub_container .sub31 .lecture_search_wrap {width:100%;padding:30px 2%} #sub_container .sub31 .lecture_search_wrap ul {width:100%;} #sub_container .sub31 .lecture_search_wrap ul:nth-of-type(1) {margin-bottom:10px} #sub_container .sub31 .lecture_search_wrap li {} #sub_container .sub31 .lecture_search_wrap li .name {float:left;width:70px;line-height:46px;text-align:left} #sub_container .sub31 .lecture_search_wrap li select, #sub_container .sub31 .lecture_search_wrap li input {width:calc(100% - 70px)} #sub_container .sub31 .lecture_search_wrap li:nth-of-type(2n+1) {width:5%} #sub_container .sub31 .lecture_search_wrap li:nth-of-type(2n) {width:29%} #sub_container .sub31 .lecture_search_wrap .buttons {padding-top:30px;text-align:center} #sub_container .detail_txt dt {float:left;width:190px;margin-right:30px;font-size:24px;font-weight:500;color:#0f0f0f;background:url("../img/sub21_3.gif") no-repeat right center;margin-top:10px} #sub_container .detail_txt dt:nth-of-type(n+2) {margin-top:70px} #sub_container .detail_txt dt span {background:#fff;padding-right:20px} #sub_container .detail_txt dd {width:auto;margin-left:220px;padding-top:5px;line-height:1.8;font-size:15px;padding:40px 0} #sub_container .detail_txt .hline {display:block;border-bottom:1px solid #ddd} #sub_container .detail_txt .sub_detail_txt {margin-left:30px;line-height:2.2} /* 프로그램목록 */ #lecture .program_list .total {font-size:16px} #lecture .program_list table {display:table;width:100%;margin-top:10px} #lecture .program_list table caption {border-top:2px solid #494949} #lecture .program_list table tr {border-bottom:1px solid #ddd} #lecture .program_list table th {background:#e6e6e6;padding:15px 0;font-weight:500;border-bottom:1px solid #fff} #lecture .program_list table td {padding:20px 0;text-align:center;font-size:14px;line-height:1.3} #lecture .program_list table td:nth-of-type(1) {text-align:left} #lecture .program_list_mobile ol {display:block;border:1px solid #ddd;padding:20px;margin-bottom:20px} #lecture .program_list_mobile .img {position: relative; padding-top: 33.5%; overflow: hidden;height:190px} #lecture .program_list_mobile img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto;height:190px} #lecture .program_list_mobile .title {font-size:107%;color:#121212;padding:20px 0 10px;text-align:left} #lecture .program_list_mobile .period p {margin-top:5px;font-size:100%;color:#3d3d3d} #lecture .program_list_mobile .period span {display:inline-block;width:80px;height:30px;line-height:30px;font-size:15px;font-weight:500;color:#fff;text-align:center;margin-right:15px} #lecture .program_list_mobile .period .red {background:#a70909} #lecture .program_list_mobile .period .blue {background:#133673} #lecture .program_list_mobile .period .gray {background:#c0c5cc} /* 강좌상세 */ #lecture .lecture_detail ul {background:#f7f7f7;padding:60px 6%;width:100%} #lecture .lecture_detail ul li:nth-of-type(1) {width:305px;padding-top:10px} #lecture .lecture_detail ul li:nth-of-type(1) img {border-radius:10px} #lecture .lecture_detail ul li:nth-of-type(2) {width:calc(100% - 305px - 3%);padding-left:3%} #lecture .lecture_detail h1 {font-size:140%;font-weight:500;color:#0f0f0f;line-height:1.5} #lecture .lecture_detail table {width:100%;margin-top:20px} #lecture .lecture_detail table colgroup col:nth-of-type(1) {min-width:85px} #lecture .lecture_detail table td {padding:5px 4% 5px 0;font-size:15px;vertical-align: top;color:#0f0f0f} #lecture .lecture_detail table td:nth-of-type(2) {padding-top:3px;overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #lecture .lecture_detail table td.period p {display:inline-block;background:#4b85fb;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #4b85fb} #lecture .lecture_detail table td.period p span {display:inline-block;width:20px} #lecture .lecture_detail table td.basic p {display:inline-block;background:#fff;width:60px;font-size:12px;color:#707070;text-align:center;border-radius:3px;border:1px solid #ddd;height:20px;line-height:18px} #lecture .lecture_detail table td.basic p span {display:inline-block;width:20px} #lecture .lecture_detail table td.count p {display:inline-block;background:#5e5e5e;width:60px;font-size:12px;color:#fff;text-align:center;border-radius:3px;text-align:center;height:20px;line-height:18px;border:1px solid #5e5e5e} #lecture .lecture_detail .detail_btns {margin:50px 0 } #lecture .lecture_detail .detail_txt dt {float:left;width:190px;margin-right:30px;font-size:24px;font-weight:500;color:#0f0f0f;background:url("../img/recruit_detail2.gif") no-repeat right center;margin-top:37px} #lecture .lecture_detail .detail_txt dt span {background:#fff;padding-right:20px;font-size:22px;} #lecture .lecture_detail .detail_txt dd {width:auto;margin-left:220px;padding-top:5px;line-height:1.8;font-size:15px;padding:40px 0} #lecture .lecture_detail .detail_txt .hline {display:block;border-bottom:1px solid #ddd} /*강좌신청*/ #lecture .lecture_write {display:table;width:100%} #lecture .lecture_write caption {border-top:2px solid #656565} #lecture .lecture_write th {font-size:16px;font-weight:500;color:#000;border-bottom:1px solid #ddd;border-right:1px solid #d2d2d2} #lecture .lecture_write td {font-size:16px;color:#0f0f0f;border-bottom:1px solid #ddd} #lecture .lecture_write td:nth-of-type(1) {padding:13px 0 13px 20px} #lecture .lecture_write td:nth-of-type(2) {line-height:33px} #lecture .lecture_write td input[type="text"] {width:140px;height:33px;line-height:33px;border:1px solid #d2d2d2} #lecture .lecture_write td input.tiny_width {width:10%} #lecture .lecture_write td input.full_width {width:90%} #lecture .lecture_write td .btn_check {display:inline-block;line-height:33px;padding:0 7px;background:#666;font-size:13px;color:#fff} #lecture .lecture_write td.address {padding-bottom:8px} #lecture .lecture_write td.address input[type="text"] {margin-top:8px} #lecture .lecture_write_txt {margin-top:20px;line-height:1.5} /*------------------------------ 채용정보게시판 ------------------------------*/ /* 채용정보검색 */ #recruit .lecture_search_wrap * {transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none} #recruit .lecture_search_wrap {background:#eee;width:100%;padding:30px 2%} #recruit .lecture_search_wrap ul {width:100%} #recruit .lecture_search_wrap ul:nth-of-type(1) {margin-bottom:10px} #recruit .lecture_search_wrap ul li:nth-of-type(1) {float:left;display:inline-block;width:20%} #recruit .lecture_search_wrap select {width:calc(100% - 70px);padding:.8em .5em;border: 1px solid #ddd;font-family: inherit; background:#fff url('../img/varrow.jpg') no-repeat 96% 50%;border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;font-size:100%;color:#3d3d3d} #recruit .lecture_search_wrap select::-ms-expand {display: none;} #recruit .lecture_search_wrap li .name {float:left;width:70px;line-height:46px;text-align:left} #recruit .lecture_search_wrap li:nth-of-type(2n+1) {width:5%} #recruit .lecture_search_wrap li:nth-of-type(2n) {width:29%} #recruit .lecture_search_wrap .buttons {padding-top:25px;text-align:center} #recruit .lecture_search_wrap li input[type='text'] {width: calc(100% - 70px);border: 1px solid #d2d2d2;height: 49px;padding: 0 10px;} /* 채용정보목록 */ #recruit .lecture_list .total {font-weight:500} #recruit .lecture_list table {display:table;width:100%;margin-top:10px} #recruit .lecture_list table caption {border-top:2px solid #494949} #recruit .lecture_list table th {background:#fff;padding:15px 0;font-size:15px;color:#0f0f0f;font-weight:500;border-bottom:1px solid #9a9a9a} #recruit .lecture_list table td {padding:13px 2%;text-align:center;border-bottom:1px solid #ddd;font-size:15px} #recruit .lecture_list table td:nth-of-type(n+3) {color:#3d3d3d} #recruit .lecture_list table td:nth-of-type(1) {text-align:left} #recruit .lecture_list table td a {color:#363636} /*채용정보상세*/ #recruit .lecture_detail ul {background:#f7f7f7;padding:20px 4% 0;width:100%} #recruit .lecture_detail ul li:nth-of-type(2) {width:calc(100% - 280px)} #recruit .lecture_detail ul li:nth-of-type(1) {height:auto} #recruit .lecture_detail ul li {margin-bottom:20px} #recruit .lecture_detail h1 {font-size:160%;font-weight:500;color:#0f0f0f} #recruit .lecture_detail table {width:100%;margin-top:20px} #recruit .lecture_detail table td {padding:7px 4%;font-size:15px} #recruit .lecture_detail table td:nth-of-type(1) {background:url("../img/recruit_detail1.jpg") no-repeat right center} #recruit .lecture_detail .detail_txt dt {float:none;width:190px;margin-right:30px;font-size:24px;font-weight:500;color:#0f0f0f;background:url("../img/recruit_detail2.gif") no-repeat right center;margin-top:37px} #recruit .lecture_detail .detail_txt dt span {background:#fff;padding-right:20px} #recruit .lecture_detail .detail_txt dd {margin-left:0;margin-top:30px;width:100%;padding:30px;background:#f7f7f7} #recruit .lecture_detail .detail_txt dd .company_name {font-size:24px;font-weight:500;color:#3c3c3c;padding-bottom:20px} #recruit .lecture_detail .detail_txt dd .company_info ul {width:100%} #recruit .lecture_detail .detail_txt dd .company_info li {width:50%;font-size:15px;color:#3d3d3d} #recruit .lecture_detail .detail_txt dd .company_info img {vertical-align:middle;padding-right:5px} #recruit .lecture_detail .detail_txt dd .company_info .info_title {width:100px;border-right:1px solid #aaa;line-height:17px} #recruit .lecture_detail .detail_txt dd .company_info .va {display:inline-block;width:calc(95% - 100px);padding-left:30px;line-height:17px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #recruit .lecture_detail .detail_txt dd .detail_info li {line-height:2.26} /* 이미지게시판 목록 */ .gallery_list > ul > li {width:25%;margin-bottom:40px} .gallery_list > ul > li > a {display:inline-block;width:93.3%;margin:0 auto;text-align:center} .gallery_list > ul > li > a table {width:100%} .gallery_list > ul > li > a table td {text-align:center} .gallery_list > ul > li > a .img_wrap {display:table;width:100%;height:140px;border:1px solid #ddd} .gallery_list > ul > li > a .img_wrap .img {display:table-cell;vertical-align: middle;} .gallery_list > ul > li > a .title {font-size:18px;font-weight:500;color:#121212;padding-top:15px} .gallery_list > ul > li > a:hover .img {border:1px solid #f15268} /*------------------------------------------구인 / 구직 ----------------------------------------------*/ .recruit_list ul li * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box} .recruit_list ul li {width:23.5%;margin:20px 2% 15px 0;} .recruit_list ul li:nth-of-type(4n) {margin-right:0} .recruit_list ul li .product_info {display:block;padding:20px 10%;border:1px solid #ddd;border-radius:0 0 20px 20px} .recruit_list ul li h3 {display:block;background:#eaeaea;font-size:18px;font-weight:500;color:#3c3c3c;line-height:50px;padding:0 10%;border-radius:20px 20px 0 0;border:1px solid #ddd;border-bottom:none} .recruit_list .product_info dd.date {font-size:15px;color:#888 !important} #sub_container .recruit_list .product_info dl dd {color:#3c3c3c} @media all and (max-width : 1200px){ /* 이미지게시판 목록 */ .gallery_list > ul > li > a .img_wrap {height:130px} /* 사진게시판 목록 */ #photo .photo_list ul li {width:33.3%;margin-bottom:40px} } @media all and (max-width : 1100px){ /* 구인/구직 */ .recruit_list ul li {width:32%;margin:20px 2% 15px 0;} .recruit_list ul li:nth-of-type(4n) {margin-right:2%} .recruit_list ul li:nth-of-type(3n) {margin-right:0} } @media all and (max-width : 1000px){ /* 강좌상세 */ #lecture .lecture_detail ul {background:#f7f7f7;padding:50px 5%;width:90%} #lecture .lecture_detail .lecture_detail ul {background:#f7f7f7;padding:50px 5%;width:90%} /* 이미지게시판 목록 */ .gallery_list > ul > li {width:33.3%;margin-bottom:30px} .gallery_list > ul > li > a .title {font-size:16px;padding-top:10px} #sub_container .lecture_list_type2 ul > li {width:31.3%;margin-right:3%;margin-bottom:30px} #sub_container .lecture_list_type2 ul > li:nth-of-type(4n) {margin-right:3%} #sub_container .lecture_list_type2 ul > li:nth-of-type(3n) {margin-right:0} } @media all and (max-width : 840px){ /* 게시판검색 */ #board .front_word {font-size:15px} #board .lecture_search_wrap .big_btn_blue, #board .lecture_search_wrap .big_btn_gray {width:80px;height:44px;line-height:44px;font-size:100%} #board .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 80px - 21%);padding-left:1%} #board .lecture_search_wrap input#lecture_name {padding:0 2%} #board .lecture_search_wrap ul li:nth-of-type(3) {width:80px} #board .lecture_search_wrap {padding:20px 2%} #board .btn_right {display:block;text-align:center} #sub_container .sub31 .lecture_search_wrap ul li:nth-of-type(2) {padding-left:0} #sub_container .sub31 .lecture_search_wrap li:nth-of-type(2n+1) {width:0} #sub_container .sub31 .lecture_search_wrap li:nth-of-type(2n) {width:100%} #sub_container .sub31 .lecture_search_wrap .buttons {padding-top:30px;text-align:center} #sub_container .sub31 .lecture_detail2 .detail_txt dd .company_info li {width:100%;font-size:15px;color:#3d3d3d} #sub_container .sub31 .lecture_search_wrap .buttons {padding-top:20px;text-align:center} #sub_container .lecture_detail2 ul {padding:10px 3% 0} #sub_container .lecture_detail2 ul li:nth-of-type(1) {height:auto} #sub_container .lecture_detail2 ul li {margin-bottom:15px} #sub_container .detail_txt dt {float:none;width:100%;margin-right:0;margin-top:30px} #sub_container .detail_txt dt:nth-of-type(n+2) {margin-top:30px} #sub_container .detail_txt dd {width:100%;margin-left:0;padding:30px 0} #sub_container .detail_txt .hline {display:none} #sub_container .detail_txt .sub_detail_txt {margin-left:20px} /*프로그램 */ #lecture .program_search_wrap {padding:20px 2%} #lecture .program_search_wrap ul li:nth-of-type(1), #lecture .program_search_wrap ul li:nth-of-type(2), #lecture .program_search_wrap ul li:nth-of-type(3), #lecture .program_search_wrap ul li:nth-of-type(4), #lecture .program_search_wrap ul li:nth-of-type(4) input {width:100%;margin-bottom:5px} #lecture .program_search_wrap ul li:nth-of-type(5) {float:none;width:100%;max-width:100%;text-align: center;} /* 프로그램목록 */ #lecture .program_list table th {padding:12px 0} #lecture .program_list table td {padding:15px 2%;line-height:1.5} /* 게시판목록 */ #board .lecture_list table {table-layout: fixed;} #board .lecture_list table colgroup col:nth-of-type(2) {width:130px !important} #sub_container .board_title_bar {border-bottom:3px solid #060606;padding-bottom:10px !important;margin-bottom:20px} #board .lecture_search_wrap {padding:15px 2%} #board .lecture_search_wrap ul li:nth-of-type(2) {width:calc(100% - 21%)} #board .lecture_search_wrap ul li:nth-of-type(3) {float:none;width:100%} #board .lecture_search_wrap .btn_board_search {width:100% !important;max-width:100%;margin:7px 0 0} #board .lecture_list table td {text-align:left;white-space:normal;} #board .lecture_list table td a, #board .lecture_list table td a:hover {font-size:16px;color:#121212;line-height:1.4} #board .lecture_list table td .date {font-size:14px;color:#9f9f9f;padding-top:5px} /* #board .lecture_list table colgroup col:nth-of-type(3) {width:100px !important} */ /* 게시판보기 */ #board .board_detail .prev li:nth-of-type(2), #board .board_detail .next li:nth-of-type(2) {width:100%} #board .board_detail .file td:nth-of-type(1) {width:0;display:none} #board .board_detail .file td:nth-of-type(2) {width:100%;font-size:93%} #board .board_detail .btn_right {margin:20px 0} #board .btn_right {display:block;text-align:center} #board .board_detail .comment ol li .item, #board .board_detail .comment_input {padding:20px 25px} /* 게시판쓰기 */ #board .tbl_write colgroup col:nth-of-type(1) #board .tbl_write colgroup col:nth-of-type(2) #board .tbl_write .file_list th {width:0;display:none} #board .tbl_write .file_list td:nth-of-type(1) {width:0 !important;display:none} #board .tbl_write .file_list td:nth-of-type(2) {width:95% !important;padding-left:2%} /* 강좌검색 */ #lecture .lecture_search_wrap .big_btn_blue, #lecture .lecture_search_wrap .big_btn_gray {width:80px;height:44px;line-height:44px;font-size:100%} #lecture .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 190px - 21%);padding-left:1%} #lecture .lecture_search_wrap input#lecture_name {padding:0 2%} #lecture .lecture_search_wrap ul li:nth-of-type(3) {width:190px} #lecture .lecture_search_wrap {padding:20px 2%} #lecture .front_word {font-size:15px} /* 강좌상세 */ #lecture .lecture_detail ul {padding:40px 4%;width:100%} #lecture .lecture_detail ul li:nth-of-type(1) {width:100%;text-align:center} #lecture .lecture_detail ul li:nth-of-type(2) {width:100%;padding-left:0;padding-top:30px} #lecture .lecture_detail table {width:80%;margin:30px auto 0} #lecture .lecture_detail h1 {font-size:20px} #lecture .lecture_detail .detail_btns {margin:0} #lecture .lecture_detail .detail_txt dt {float:none;width:100%;margin-right:0;margin-top:30px;font-size:22px} #lecture .lecture_detail .detail_txt dd {width:100%;margin-left:0;padding:30px 0 20px} #lecture .lecture_detail .detail_txt .hline {display:none} /* 채용정보검색 */ #recruit .lecture_search_wrap {padding:20px 2%} #recruit .lecture_search_wrap .big_btn_blue, #recruit .lecture_search_wrap .big_btn_gray {width:80px;height:44px;line-height:44px;font-size:100%} #recruit .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 190px - 21%);padding-left:1%} #recruit .lecture_search_wrap input#lecture_name {padding:0 2%} #recruit .lecture_search_wrap ul li:nth-of-type(2) {padding-left:0} #recruit .lecture_search_wrap ul li:nth-of-type(3) {width:190px} #recruit .lecture_search_wrap li:nth-of-type(2n+1) {width:0} #recruit .lecture_search_wrap li:nth-of-type(2n) {width:100% !important} #recruit .lecture_search_wrap .buttons {padding-top:30px;text-align:center} /*채용정보상세*/ #recruit .lecture_detail .detail_txt dd .company_info li {width:100%;font-size:15px;color:#3d3d3d} #recruit .lecture_detail ul {padding:10px 3% 0} #recruit .lecture_detail ul li:nth-of-type(1) {height:auto} #recruit .lecture_detail ul li {margin-bottom:15px} #recruit .lecture_detail .detail_txt dd .company_name {font-size:20px;padding-bottom:10px} #recruit .lecture_detail .detail_txt dd .company_info li {float:none;width:100% !important} #recruit .lecture_detail .detail_txt dd .detail_info li {line-height:2} /* 이미지게시판 목록 */ .gallery_list > ul > li > a .img_wrap {height:100px} /* 사진게시판 검색 */ #photo .lecture_search_wrap .big_btn_blue, #photo .lecture_search_wrap .big_btn_gray {width:80px;height:44px;line-height:44px;font-size:100%} #photo .lecture_search_wrap ul li:nth-of-type(2) {float:left;display:inline-block;width:calc(100% - 190px - 21%);padding-left:1%} #photo .lecture_search_wrap input#lecture_name {padding:0 2%} #photo .lecture_search_wrap ul li:nth-of-type(3) {width:190px} #photo .lecture_search_wrap {padding:20px 2%} #photo .btn_right {display:block;text-align:center} /* 사진게시판목록*/ #photo .photo_list ul li {width:50%;margin-bottom:30px} /* 구인/구직 */ .recruit_list ul li {width:48%;margin:15px 4% 10px 0;} .recruit_list ul li:nth-of-type(3n) {margin-right:4%} .recruit_list ul li:nth-of-type(2n) {margin-right:0} .lecture_list_mobile {display:block} .recruit_list ul li .product_info {padding:15px 6%} } @media all and (max-width : 720px){ /* 이미지게시판 목록 */ .gallery_list > ul > li {width:50%;margin-bottom:20px} .gallery_list > ul > li > a .title {font-size:15px;padding-top:10px} #sub_container .lecture_list_type2 ul > li {width:48%;margin-right:4%;margin-bottom:20px} #sub_container .lecture_list_type2 ul > li:nth-of-type(3n) {margin-right:3%} #sub_container .lecture_list_type2 ul > li:nth-of-type(2n) {margin-right:0} #sub_container .lecture_list_type2 ul ol > li:nth-of-type(2) {padding:20px 9%} } @media all and (max-width : 640px){ /* 게시판검색 */ #board .lecture_search_wrap ul {text-align:center} /* #board .lecture_search_wrap ul li:nth-of-type(1), #board .lecture_search_wrap ul li:nth-of-type(2) {float:none;width:100%;margin:0;padding:0;margin-bottom:10px} #board .sub24 .lecture_search_wrap ul li:nth-of-type(2) {margin-bottom:0} #board .lecture_search_wrap ul li:nth-of-type(1) {margin-bottom:5px} #board .lecture_search_wrap ul li:nth-of-type(2) input {width:100%} */ /* 게시판목록 */ #board .lecture_list table td {padding:10px 2%} /*게시판글쓰기*/ #board .tbl_write select.short_txt {width:95%} /* 강좌검색 */ #lecture .lecture_search_wrap ul {text-align:center} #lecture .lecture_search_wrap ul li:nth-of-type(1), #lecture .lecture_search_wrap ul li:nth-of-type(2) {float:none;width:100%;margin:0;padding:0;margin-bottom:10px} #lecture .sub24 .lecture_search_wrap ul li:nth-of-type(2) {margin-bottom:0} #lecture .lecture_search_wrap ul li:nth-of-type(1) {margin-bottom:5px} #lecture .lecture_search_wrap ul li:nth-of-type(2) input {width:100%} /* 프로그램 상세 */ #lecture .lecture_detail table {width:95%;font-size:14px} /* 프로그램목록 */ #lecture .program_list table td {padding:10px 2%;font-size:14px} /* 채용정보검색 */ #recruit .lecture_search_wrap ul {text-align:center} #recruit .lecture_search_wrap ul li:nth-of-type(1), #recruit .lecture_search_wrap ul li:nth-of-type(2) {float:none;width:100%;margin:0;padding:0;margin-bottom:0} #recruit .lecture_search_wrap ul li:nth-of-type(1) {} #recruit .lecture_search_wrap ul li:nth-of-type(2) input {width:100%} #recruit .lecture_search_wrap ul:nth-of-type(1) {margin-bottom:0} /* 사진게시판 검색 */ #photo .lecture_search_wrap ul {text-align:center} #photo .lecture_search_wrap ul li:nth-of-type(1), #photo .lecture_search_wrap ul li:nth-of-type(2) {float:none;width:100%;margin:0;padding:0;margin-bottom:10px} #photo .sub24 .lecture_search_wrap ul li:nth-of-type(2) {margin-bottom:0} #photo .lecture_search_wrap ul li:nth-of-type(1) {margin-bottom:5px} #photo .lecture_search_wrap ul li:nth-of-type(2) input {width:100%} } @media all and (max-width : 480px){ /* 이미지게시판 목록 */ .gallery_list > ul > li > a .img_wrap {height:80px} /* 사진게시판 목록*/ #photo .photo_list ul li {width:100%;margin-bottom:30px} #photo .photo_list .photo_con {padding:15px 7% 0;text-align:left;height:auto} /* 강좌상세 */ #lecture .lecture_detail h1 {font-size:18px} #lecture .lecture_detail table {margin:20px auto 0} /* 구인/구직 */ .recruit_list ul li {width:100%;margin:15px 0 5px} .recruit_list ul li:nth-of-type(3n) {margin-right:0} .recruit_list ul li:nth-of-type(2n) {margin-right:0} #recruit .lecture_detail .detail_txt dt {margin-top:30px} #recruit .lecture_detail .detail_txt dd {padding:20px;margin-top:20px} #recruit .lecture_detail ul {padding:10px 0 0} #recruit .lecture_detail .detail_txt dd .detail_info li {line-height:1.8} #sub_container .lecture_list_type2 ul > li {width:100%;margin-right:0;margin-bottom:20px} #sub_container .lecture_list_type2 ul > li:nth-of-type(3n) {margin-right:0} #sub_container .lecture_list_type2 ul > li:nth-of-type(2n) {margin-right:0} #sub_container .lecture_list_type2 ul > li ol > li:nth-of-type(2) {padding:20px 9%} #sub_container .detail_txt .sub_detail_txt {margin-left:10px} #sub_container .sub31 .lecture_search_wrap {padding:10px 4% 30px} #sub_container .sub31 .lecture_search_wrap .buttons {padding-top:15px} #sub_container .sub31 .lecture_search_wrap li .name {float:none;width:70px;line-height:30px;text-align:left;padding-top:10px;display:block} #sub_container .sub31 .lecture_search_wrap li select, #sub_container .sub31 .lecture_search_wrap li input {width:100%} }