/* ===== BOARD ===== */ .board_search {/*border:1px solid #eee;*/ background:#fff; height:45px; line-height:45px; padding:0 0 0 0; font-size:14px; letter-spacing:-0.5px; position:relative;} .board_search.bg_box {border:1px solid #ddd; background:#f4f5f7; padding:0 10px 0 14px;} .board_search .txt_small {font-size:13px;} .board_search .info_tit {letter-spacing:-1px; font-weight:bold; color:#333;} .board_search .info_tit.tit02 {display:inline-block; *zoom:1; *display:inline; height:33px; vertical-align:bottom; margin-right:5px;} .board_search .divider {display:inline-block; *zoom:1; *display:inline; color:#ccc; margin:0 3px 0 3px;} .board_search .search_form {display:inline-block; *zoom:1; *display:inline; line-height:37px;} .board_search .search_form.right {display:inline-block; *zoom:1; *display:inline; position:absolute; right:0; top:0; text-align:right;} .board_search .search_form.right.r_08 {right:8px;} .board_search .search_form.center {display:inline-block; *zoom:1; *display:inline; position:absolute; left:0; top:0; text-align:center; width:100%;} .board_search .search_form .comForm select, .board_search .search_form .btn_style02, .board_search .search_form .comForm input[type="text"], .board_search .search_form .comForm input[type="password"], .board_search .search_form .comForm input[type="email"], .board_search .search_form .comForm input[type="tel"], .board_search .search_form .comForm input[type="number"] {vertical-align:bottom; height:30px;} .board_search .search_form .checkbox01 input[type="checkbox"] {width:15px !important; height:15px !important; margin-right:5px;} .board_search .search_form .checkbox01 label {vertical-align:middle;;} .board_search .search_form .comForm .txt_small {display:inline-block; *zoom:1; *display:inline; height:34px; vertical-align:bottom;} .board_btn_box01 {position:relative; width:100%; background:#f4f5f7; border:1px solid #ddd; padding:0 10px 0 10px; line-height:20px;} .board_btn_box01 > ul {width:100%; display:inline-block; *zoom:1; *display:inline;} .board_btn_box01 > ul:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .board_btn_box01 > ul > li {float:left; width:40%; font-size:14px; height:50px; line-height:50px;} .board_btn_box01 > ul > li:first-child {width:60%;} /* 수정 2017.06.29 OMR .board_btn_box01 {width:978px; background:#f4f5f7; border:1px solid #eee; padding:0 10px 0 10px; position:relative;} .board_btn_box01 > ul {font-size:0;} .board_btn_box01 > ul > li {display:inline-block; *zoom:1; *display:inline; width:50%; font-size:14px; height:50px; line-height:50px;} */ .board_copy_table {display:none; background:#fff; border:1px solid #ddd; padding:23px 25px 23px 25px; position:absolute; left:0; bottom:67px; width:300px; z-index:1; text-align:left; color:#666; font-size:13px; letter-spacing:-0.8px; line-height:22px;} .board_copy_table .board_copy_tit {color:#0170c9; font-size:20px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; text-align:center;} .board_copy_table .board_copy_box {border:3px solid #eee; text-align:center; padding:10px 10px 10px 10px;} .pw_check_box {width:998px; background:#fdfdfd; padding:70px 0 70px 0; border:1px solid #ddd; margin-bottom:30px;} .pw_check_box .comForm input, .pw_check_box .comForm input:focus {height:40px; line-height:40px;} /* ===== BOARD TABLE STYLE 01 ===== */ .board_table01 {width:100%; position:relative;} .board_table01 > table {border-top:2px solid #333; width:100%; font-size:13px; line-height:24px;} .board_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .board_table01.blue > table {border-top:2px solid #0170c9;} .board_table01.max_width {overflow-x:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;} .board_table01.max_width > table {width:100%; min-width:500px;} .board_table01.max_width.w600 > table {width:100%; min-width:600px;} /* .board_table01 > table > caption {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;} */ .board_table01 > table > caption {width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;} .board_table01 > table > thead > tr > th, .board_table01 > table > tbody > tr > th {padding:8px 10px 10px 10px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; letter-spacing:-0.6px; color:#333;} .board_table01 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; letter-spacing:-0.6px; color:#555;} .board_table01 > table > tbody > tr > td > img {max-width:940px; height:auto; display:block;} .board_table01 > table.hover tr:hover {background:#f1f4f7;} .board_table01 > table .tit_fff th {color:#333; background:#fff;} .board_table01 > table .tit_gray {color:#333; background:#f4f5f7;} .board_table01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;} .board_table01 > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;} .board_table01 > table > thead > tr > td.a_top, .board_table01 > table > tbody > tr > td.a_top {vertical-align:top;} .board_table01 > table .upload_img {display:block; width:140px; height:140px; border:1px solid #ddd; border-radius:300px; margin:0 auto; background-size:100% auto !important;} .board_table01 > table .notice {background:#f7f8f9;} .board_table01 > table .notice .board_tit a {font-weight:bold; color:#333;} .board_table01 > table .notice .board_tit a:hover {color:#111;} .board_table01 > table .txt_hidden p {text-overflow:ellipsis !important; white-space:nowrap; overflow:hidden;} .board_table01 > table .board_num {} .board_table01 > table .noti_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/web/images/board/board_list_iCon01.png) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;} .board_table01 > table .noti_icon2 {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/web/images/board/board_list_iCon08.gif) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;} .board_table01 > table .now_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/web/images/board/board_list_iCon07.png) no-repeat; vertical-align:middle; margin:0 0 3px 0; font-size:0;} .board_table01 > table .board_tag span {display:inline-block; *zoom:1; *display:inline; font-size:12px; font-weight:bold; letter-spacing:-1px; width:56px; text-align:center; height:24px; /*line-height:22px;*/} .board_table01 > table .board_tag.tag_lg span {width:80px;} .board_table01 > table .board_tag.tag_lg2 span {width:130px;} .board_table01 > table .board_tag.tag_manual span {width:110px;} .board_table01 > table .board_tag span.tag1 {color:#fff; background:#0170c9; border:1px solid #0170c9;} /* 교육원 */ .board_table01 > table .board_tag span.tag2 {color:#fff; background:#6ec6c1; border:1px solid #6ec6c1;} /* 진흥원 */ .board_table01 > table .board_tag span.tag3 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 이벤트 */ .board_table01 > table .board_tag span.tag4 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 수강안내 */ .board_table01 > table .board_tag span.tag5 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag6 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag7 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag8 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag9 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag10 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag11 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag12 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag13 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag14 {color:#86888b; background:#fff; border:1px solid #86888b;} /* 점검안내 */ .board_table01 > table .board_tag span.tag_faq {display:inline-block; *zoom:1; *display:inline; background:#0170c9; color:#fff; height:26px; line-height:25px; text-indent:0; font-size:13px; /*width:74px;*/ width:auto; padding:0 6px 0 6px; text-align:center; font-weight:bold; border-radius:3px; margin:0 8px 0 0;} /* FAQ */ .board_table01 > table .board_tit {text-align:left;} .board_table01 > table .board_tit.new a {font-weight:bold; color:#0170c9;} .board_table01 > table .board_tit.new a:hover {color:#003a7c;} .board_table01 > table .board_tit .new_icon {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; background-position:0 0; margin:0 0 0 4px; vertical-align:middle;} .board_table01 > table .board_tit .new_icon2 {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/web/images/board/board_list_iCon08.gif) no-repeat; background-position:0 0; margin:0 0 0 5px; vertical-align:middle;} .board_table01 > table .board_tit .lock_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:13px; background:url(/web/images/board/board_list_iCon05.png) no-repeat; background-position:0 0; margin:0 0 0 4px; vertical-align:middle;} .board_table01 > table .board_tit .comment_set {font-size:11px; color:#a4a4a4;} .board_table01 > table .board_tit .comment_set .comment_icon {display:inline-block; *zoom:1; *display:inline; width:15px; height:13px; background:url(/web/images/board/board_list_iCon06.png) no-repeat; background-position:0 0; margin:0 2px 0 4px; vertical-align:middle;} .board_table01 > table .board_date, .board_table02 > table .board_date {font-size:13px; display:inline-block; *zoom:1; *display:inline; float:right; color:#888;} .board_table01 > table .board_date span, .board_table02 > table .board_date span {letter-spacing:0;} .board_table01 > table .file_down {display:inline-block; *zoom:1; *display:inline; width:19px; height:18px; line-height:18px; background:url(/web/images/board/file_down_iCon01.png) no-repeat; background-position:0 0; vertical-align:middle;} .board_table01 > table .file_down:hover {background-position:0 -18px;} .board_table01 > table .file_link {} .board_table01 > table .file_link:hover {text-decoration:underline;} .board_table01 > table > tbody > tr > td.none_data {height:100px; line-height:100px; background:#fff;} .board_table01 > table .board_contents {padding:30px 30px 30px 30px; text-align:inherit; word-break:break-all; letter-spacing:-0.3px !important;} .board_table01 > table .board_contents.toppd_no {padding:0 30px 30px 30px;} .board_table01 > table .board_contents.topdownpd_no {padding:0 30px 0px 30px;} .board_table01 > table .board_contents .question_box {border-top:2px dotted #ccc; padding:15px 0 0 0; margin:15px 0 0 0;} .board_table01 > table .board_contents .question_box2 {border-bottom:2px dotted #ccc; padding:0 0 15px 0; margin:0 0 15px 0;} .board_table01 > table .board_contents .question_box3 {border:4px solid #eee; padding:13px 15px 15px 15px; margin:15px 0 0 0;} .board_table01 > table .board_contents .q_tit {color:#333; margin:0 0 5px 0;} .board_table01 > table .board_contents .q_tit2 {color:#333; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;} .board_table01 > table .board_contents .q_date {color:#999; font-weight:normal; margin:0 0 0 0; float:right; font-size:12px; letter-spacing:0;} .board_table01 > table .board_contents img {max-width:940px; height:auto;} .board_review_01 {border-bottom:2px dotted #ccc; padding:0 0 20px 0; margin:0 0 25px 0;} .board_review_01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .board_review_01 > ul > li {float:left; width:100%; text-align:center;} .board_review_01 > ul > li.photo {margin:15px 0 18px 0;} .board_review_01 > ul > li.photo .photo_box {width:100px; height:100px; margin:0 auto; border:2px solid #eee; border-radius:300px;} .board_review_01 > ul > li.title {font-size:26px; color:#333; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;} .board_review_01 > ul > li.title span {background:#0170c9; color:#fff;} .board_table01 > table .q_icon, .board_table01 > table .a_icon {display:inline-block; *zoom:1; *display:inline; vertical-align:middle; height:16px;} .board_table01 > table .q_icon {background:url(/web/images/board/board_list_iCon03.png) no-repeat; width:16px; margin:0 8px 3px 0;} .board_table01 > table .a_icon {background:url(/web/images/board/board_list_iCon04.png) no-repeat; width:32px; margin-right:8px; margin-bottom:3px;} .board_table01 > table .a_icon.l_1 {margin-left:16px;} .board_table01 > table .a_icon.l_2 {margin-left:32px;} .board_table01 > table .a_icon.l_3 {margin-left:48px;} .board_table01 > table .a_icon.l_4 {margin-left:54px;} .board_table01 > table .sns_icon {position:relative;} .board_table01 > table .sns_icon a {display:inline-block; *zoom:1; *display:inline; color:#555; width:30px; height:30px; vertical-align:middle; background:url(/web/images/sub/lnb_sns_iCon01.png) no-repeat;} .board_table01 > table .sns_icon a:hover {background:url(/web/images/sub/lnb_sns_iCon01_on.png) no-repeat;} .board_table01 > table .sns_icon a.s_facebook {background-position:0 0;} .board_table01 > table .sns_icon a.s_twitter {background-position:0 -30px;} .board_table01 > table .sns_icon a.s_band {background-position:0 -60px;} .board_table01 > table .sns_icon a.s_kko_story {background-position:0 -90px;} .board_table01 > table .sns_icon a.s_kko_talk {background-position:0 -120px;} .board_table01 > table .sns_icon_s {position:relative;} .board_table01 > table .sns_icon_s a {display:inline-block; *zoom:1; *display:inline; color:#555; width:22px; height:22px; vertical-align:middle; background:url(/web/images/sub/lnb_sns_iCon02.png) no-repeat;} .board_table01 > table .sns_icon_s a:hover {background:url(/web/images/sub/lnb_sns_iCon02_on.png) no-repeat;} .board_table01 > table .sns_icon_s a.s_facebook {background-position:0 0;} .board_table01 > table .sns_icon_s a.s_twitter {background-position:0 -22px;} .board_table01 > table .sns_icon_s a.s_band {background-position:0 -44px;} .board_table01 > table .sns_icon_s a.s_kko_story {background-position:0 -66px;} .board_table01 > table .sns_icon_s a.s_kko_talk {background-position:0 -88px;} /* ===== BOARD TABLE STYLE 02 ===== */ .board_table02 {width:100%; position:relative;} .board_table02 > table {border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; letter-spacing:-0.6px; font-size:14px; line-height:24px;} .board_table02 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .board_table02 > table > thead > tr > th, .board_table02 > table > thead > tr > td, .board_table02 > table > tbody > tr > th, .board_table02 > table > tbody > tr > td {padding:8px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;} .board_table02 > table > thead > tr > th, .board_table02 > table > tbody > tr > th {color:#333;} .board_table02 > table > thead > tr > th.tit_bg, .board_table02 > table > tbody > tr > th.tit_bg, .board_table02 > table > thead > tr > th.tit_bg a, .board_table02 > table > tbody > tr > th.tit_bg a {color:#333; background:#f4f5f7;} .board_table02 > table > thead > tr > th.tit_bg a:hover, .board_table02 > table > tbody > tr > th.tit_bg a:hover {text-decoration:underline;} .board_table02 > table > thead > tr > td, .board_table02 > table > tbody > tr > td {color:#555;} .board_table02 > table > thead > tr > td.a_left, .board_table02 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;} .board_table02 > table > thead > tr > td.a_right, .board_table02 > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;} /* ===== GALLERY STYLE ===== */ .gallery_col_02 {width:100%; position:relative; font-size:14px; line-height:24px;} .gallery_col_02 > ul {} .gallery_col_02 > ul > li {float:left; width:488px; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .gallery_col_02 > ul > li:nth-child(2n+2) {margin-right:0;} .gallery_col_02 > ul > li:hover {border:1px solid #0170c9;} .gallery_col_02 > ul > li > a {display:block; letter-spacing:-0.6px;} .gallery_col_02 > ul > li.new .photo_tit {color:#0170c9;} .gallery_col_02 > ul > li .gallery_new {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 5px 0 2px;} .gallery_col_02 > ul > li .movie_icon {display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; background:url(/web/images/sub/study-center/sub08_0104_iCon01.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 5px 2px 0;} .gallery_col_02 .photo_tit {color:#333; padding:10px 15px 10px 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .gallery_col_02 > ul > li:hover .photo_tit {color:#0170c9;} .gallery_col_02 .photo_tit p {font-size:13px; color:#888; font-weight:normal; margin:3px 0 0 0;} .gallery_col_02 .photo_tit p .divider {color:#d6d6d6; font-size:12px; margin:0 5px 0 5px;} .gallery_col_03 {width:100%; position:relative; font-size:14px; line-height:24px;} .gallery_col_03 > ul {} .gallery_col_03 > ul > li {float:left; width:318px; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .gallery_col_03 > ul > li:nth-child(3n+3) {margin-right:0;} .gallery_col_03 > ul > li:hover {border:1px solid #0170c9;} .gallery_col_03 > ul > li > a {display:block; letter-spacing:-0.6px;} .gallery_col_03 > ul > li.new .photo_tit {color:#0170c9;} .gallery_col_03 > ul > li .gallery_new {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 5px 0 2px;} .gallery_col_03 > ul > li .movie_icon {display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; background:url(/web/images/sub/study-center/sub08_0104_iCon01.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 5px 2px 0;} .gallery_col_03 > ul > li.con_none {width:998px; height:100px; padding-top:80px; border:1px solid #ddd; background:#f4f5f7; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;} .gallery_col_03.event .photo_box {height:150px;} .gallery_col_03.serve .photo_box {height:200px;} .gallery_col_03.movie .photo_box {height:170px;} .gallery_col_03.movie .photo_box img {display:block; max-width:100%;} .gallery_col_03.movie li .movie_ov {display:none; position:absolute; left:0; top:0; width:318px; height:170px; background:url(/web/images/sub/study-center/sub08_0104_bg01.png) no-repeat;} .gallery_col_03.movie li:hover .movie_ov {display:block;} .gallery_col_03 .photo_box {display:block; border-bottom:1px solid #eee; position:relative;} .gallery_col_03 .photo_box .photo_tag {display:block; width:70px; padding:1px 0 3px 0; position:absolute; bottom:10px; right:10px; font-size:13px; font-weight:bold; background:#0170c9; border:1px solid #0170c9; color:#fff; text-align:center;} .gallery_col_03 .photo_box .photo_tag.mov {display:block; width:110px; padding:1px 0 3px 0; position:absolute; bottom:10px; right:10px; font-size:13px; font-weight:bold; background:#0170c9; border:1px solid #0170c9; color:#fff; text-align:center;} .gallery_col_03 .photo_box .photo_tag.deadline {background:#ff8500; border:1px solid #ff8500;} .gallery_col_03 .photo_box .photo_tag.close {background:#fff; border:1px solid #555; color:#555;} .gallery_col_03 .photo_box .photo_tag.standby {background:#fff; border:1px solid #999; color:#999;} .gallery_col_03.library .photo_box {height:150px;} .gallery_col_03.library li .link_ov {display:none; position:absolute; left:0; top:0; width:318px; height:150px; background:url(/web/images/sub/study-center/sub08_0801_thumb_img_ov_col03.png) no-repeat;} .gallery_col_03.library li:hover .link_ov {display:block;} .gallery_col_03.library li {border-bottom:5px solid #ddd;} .gallery_col_03.library li:hover {border-bottom:5px solid #0170c9;}.gallery_col_04 .photo_tit {color:#333; padding:10px 15px 10px 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .gallery_col_03.library > ul > li:hover .photo_tit {color:#0170c9;} .gallery_col_03.library .photo_tit p {font-size:13px; color:#888; font-weight:normal; margin:3px 0 0 0;} .gallery_col_03.library .photo_tit p .divider {color:#d6d6d6; font-size:12px; margin:0 5px 0 5px;} .gallery_col_03.library .photo_txt01 {height: 150px; margin:0 15px 0 15px; padding:10px 0 15px 0; border-top:1px dotted #acacac; font-size:13px; line-height:24px;} .gallery_col_03.library > ul > li.con_none, .gallery_col_04 > ul > li.con_none:hover {width:998px; height:100px; padding-top:80px; border:1px solid #ddd; background:#f4f5f7; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;} .gallery_col_03 .photo_tit {color:#333; padding:10px 15px 10px 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .gallery_col_03 > ul > li:hover .photo_tit {color:#0170c9;} .gallery_col_03 .photo_tit p {font-size:14px; letter-spacing:0; color:#888; font-weight:normal; margin:3px 0 0 0;} .gallery_col_03 .photo_tit p .divider {color:#aaa; font-size:12px; margin:0 5px 0 5px;} .gallery_col_03 .photo_tit .view_count {color:#909090; font-size:12px; margin:0 0 0 5px; font-weight:normal;} .gallery_col_03 .photo_tit .comment01 {display:inline-block; *zoom:1; *display:inline; font-weight:normal; color:#555; letter-spacing:0; font-size:12px; line-height:12px;} .gallery_col_04 {width:100%; position:relative; font-size:14px; line-height:24px;} .gallery_col_04 > ul {} .gallery_col_04 > ul > li {float:left; width:233px; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .gallery_col_04 > ul > li:nth-child(4n+4) {margin-right:0;} .gallery_col_04 > ul > li:hover {border:1px solid #0170c9;} .gallery_col_04 > ul > li > a {display:block; letter-spacing:-0.6px;} .gallery_col_04 > ul > li.new .photo_tit {color:#0170c9;} .gallery_col_04 > ul > li .gallery_new {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 5px 0 2px;} .gallery_col_04 .photo_box {height:250px; display:block; border-bottom:1px solid #eee; position:relative;} .gallery_col_04 .photo_box .photo_tag {display:block; width:70px; padding:1px 0 3px 0; position:absolute; bottom:10px; right:10px; font-size:13px; font-weight:bold; background:#0170c9; border:1px solid #0170c9; color:#fff; text-align:center;} .gallery_col_04 .photo_box .photo_tag.deadline {background:#ff8500; border:1px solid #ff8500;} .gallery_col_04 .photo_box .photo_tag.close {background:#fff; border:1px solid #555; color:#555;} .gallery_col_04 .photo_box .photo_tag.standby {background:#fff; border:1px solid #999; color:#999;} .gallery_col_04.library .photo_box {height:150px;} .gallery_col_04.library li .link_ov {display:none; position:absolute; left:0; top:0; width:233px; height:150px; background:url(/web/images/sub/study-center/sub08_0801_thumb_img_ov.png) no-repeat;} .gallery_col_04.library li:hover .link_ov {display:block;} .gallery_col_04.library li {border-bottom:5px solid #ddd;} .gallery_col_04.library li:hover {border-bottom:5px solid #0170c9;} .gallery_col_04 .photo_tit {color:#333; padding:10px 15px 10px 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .gallery_col_04 > ul > li:hover .photo_tit {color:#0170c9;} .gallery_col_04 .photo_tit p {font-size:13px; color:#888; font-weight:normal; margin:3px 0 0 0;} .gallery_col_04 .photo_tit p .divider {color:#d6d6d6; font-size:12px; margin:0 5px 0 5px;} .gallery_col_04 .photo_txt01 {margin:0 15px 0 15px; padding:10px 0 15px 0; border-top:1px dotted #acacac; font-size:13px; line-height:24px;} .gallery_col_04 > ul > li.con_none, .gallery_col_04 > ul > li.con_none:hover {width:998px; height:100px; padding-top:80px; border:1px solid #ddd; background:#f4f5f7; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;} /* ===== BOARD LIST STYLE ===== */ .board_list01 {width:100%; position:relative; font-size:14px; line-height:24px; border-top:1px solid #ddd;} .board_list01 > ul {} .board_list01 > ul > li {float:left; width:980px; border-bottom:1px solid #ddd; padding:20px 0 20px 20px; letter-spacing:-0.6px;} .board_list01 > ul > li:hover {background:#f4f5f7;} .board_list01 > ul > li.new .list_tit {color:#0170c9;} .board_list01 > ul > li .list_new {display:inline-block; *zoom:1; *display:inline; width:13px; height:16px; background:url(/web/images/board/board_list_iCon02.png) no-repeat; vertical-align:middle; background-position:0 0; margin:0 0 0 5px;} .board_list01 dl.list_con {width:100%; display:block; clear:both;} .board_list01 dl.list_con > dt, .board_list01 dl.list_con > dd {float:left; height:140px;} .board_list01 dl.list_con > dt {width:218px; height:138px; border:1px solid #eee;} .board_list01 dl.list_con > dd {width:720px; padding:0 20px 0 20px;} .board_list01 dl.list_con .list_tit {color:#333; font-size:17px; margin:0 0 10px 0;} .board_list01 dl.list_con .list_date {font-size:13px; color:#888; letter-spacing:0;} .board_list01 dl.list_con .list_date .divider {color:#d6d6d6; font-size:12px; margin:0 2px 0 2px;} .board_list01 > ul > li.con_none {width:998px; height:100px; padding-top:80px; border:1px solid #ddd; border-top:1px solid #f4f5f7; background:#f4f5f7; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;} .cert_solution {width:100%; position:relative;} .cert_solution > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .cert_solution > ul > li {float:left; width:318px; margin-right:20px; border:1px solid #ddd;} .cert_solution > ul > li:last-child {margin-right:0;} .cert_solution > ul > li a {display:block; height:40px; padding:138px 0 0 0; text-align:center; font-size:15px; letter-spacing:-1px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .cert_solution > ul > li a h3 {color:#333; font-weight:normal;} .cert_solution > ul > li a:hover h3, .cert_solution > ul > li a.active h3 {color:#fff;} .cert_solution.col_03 > ul > li {width:318px;} .cert_solution.col_02 > ul > li {width:478px;} .cert_solution.col_01 > ul > li {width:100%;} .cert_solution > ul > li a.cert_01 {background:#fff url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution > ul > li a.cert_02 {background:#fff url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution > ul > li a.cert_03 {background:#fff url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .cert_solution > ul > li a.cert_01:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution > ul > li a.cert_02:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution > ul > li a.cert_03:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .cert_solution > ul > li a.sign:hover, .cert_solution > ul > li a.sign.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution > ul > li a.mobile:hover, .cert_solution > ul > li a.mobile.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution > ul > li a.ipin:hover, .cert_solution > ul > li a.ipin.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .cert_solution2 {width:100%; position:relative;} .cert_solution2 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .cert_solution2 > ul > li {float:left; width:306px; margin-right:20px; border:1px solid #ddd;} .cert_solution2 > ul > li:last-child {margin-right:0;} .cert_solution2 > ul > li a {display:block; height:40px; padding:138px 0 0 0; text-align:center; font-size:15px; letter-spacing:-1px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .cert_solution2 > ul > li a h3 {color:#333; font-weight:normal;} .cert_solution2 > ul > li a:hover h3, .cert_solution2 > ul > li a.active h3 {color:#fff;} .cert_solution2.col_03 > ul > li {width:306px;} .cert_solution2.col_02 > ul > li {width:478px;} .cert_solution2.col_01 > ul > li {width:100%;} .cert_solution2 > ul > li a.cert_01 {background:#fff url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution2 > ul > li a.cert_02 {background:#fff url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution2 > ul > li a.cert_03 {background:#fff url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .cert_solution2 > ul > li a.cert_01:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution2 > ul > li a.cert_02:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution2 > ul > li a.cert_03:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .cert_solution2 > ul > li a.sign:hover, .cert_solution2 > ul > li a.sign.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .cert_solution2 > ul > li a.mobile:hover, .cert_solution2 > ul > li a.mobile.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .cert_solution2 > ul > li a.ipin:hover, .cert_solution2 > ul > li a.ipin.active {color:#fff;background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .faq_solution {width:100%; position:relative;} .faq_solution > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .faq_solution > ul > li {float:left; width:233px; margin-right:20px; border:1px solid #ddd;} .faq_solution > ul > li:last-child {margin-right:0;} .faq_solution > ul > li a {display:block; height:40px; padding:138px 0 0 0; text-align:center; font-size:15px; letter-spacing:-1px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .faq_solution > ul > li a h3 {color:#333; font-weight:normal;} .faq_solution > ul > li a:hover h3, .faq_solution > ul > li a.active h3 {color:#fff;} .faq_solution > ul > li a.solution_01 {background:#fff url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .faq_solution > ul > li a.solution_02 {background:#fff url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .faq_solution > ul > li a.solution_03 {background:#fff url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .faq_solution > ul > li a.solution_04 {background:#fff url(/web/images/board/faq_solution_iCon04.png) no-repeat center top;} .faq_solution > ul > li a.solution_01:hover, .faq_solution > ul > li a.solution_01.active {background:#0170c9 url(/web/images/board/faq_solution_iCon01.png) no-repeat center top;} .faq_solution > ul > li a.solution_02:hover, .faq_solution > ul > li a.solution_02.active {background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .faq_solution > ul > li a.solution_03:hover, .faq_solution > ul > li a.solution_03.active {background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .faq_solution > ul > li a.solution_04:hover, .faq_solution > ul > li a.solution_04.active {background:#0170c9 url(/web/images/board/faq_solution_iCon04.png) no-repeat center top;} .faq_solution > ul > li a.idea_01 {background:#fff url(/web/images/board/faq_solution_iCon06_01.png) no-repeat center top;} .faq_solution > ul > li a.idea_02 {background:#fff url(/web/images/board/faq_solution_iCon06_02.png) no-repeat center top;} .faq_solution > ul > li a.idea_03 {background:#fff url(/web/images/board/faq_solution_iCon06_03.png) no-repeat center top;} .faq_solution > ul > li a.idea_04 {background:#fff url(/web/images/board/faq_solution_iCon06_04.png) no-repeat center top;} .faq_solution > ul > li a.idea_01:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon06_01.png) no-repeat center top;} .faq_solution > ul > li a.idea_02:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon06_02.png) no-repeat center top;} .faq_solution > ul > li a.idea_03:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon06_03.png) no-repeat center top;} .faq_solution > ul > li a.idea_04:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon06_04.png) no-repeat center top;} .faq_solution > ul > li a.cert_01 {background:#fff url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .faq_solution > ul > li a.cert_02 {background:#fff url(/web/images/board/faq_solution_iCon09.png) no-repeat center top;} .faq_solution > ul > li a.cert_03 {background:#fff url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .faq_solution > ul > li a.cert_04 {background:#fff url(/web/images/board/faq_solution_iCon10.png) no-repeat center top;} .faq_solution > ul > li a.cert_01:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon02.png) no-repeat center top;} .faq_solution > ul > li a.cert_02:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon09.png) no-repeat center top;} .faq_solution > ul > li a.cert_03:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon03.png) no-repeat center top;} .faq_solution > ul > li a.cert_04:hover {background:#0170c9 url(/web/images/board/faq_solution_iCon10.png) no-repeat center top;} /* ===== FAQ ===== */ .faq_board {width:100%; position:relative;} .faq_board > ul {display:inline-block; *zoom:1; *display:inline; width:998px; border:1px solid #ddd;} .faq_board > ul > li {float:left; width:100%; display:block; border-bottom:1px solid #ddd; letter-spacing:-0.8px; position:relative;} .faq_board > ul > li:last-child {border-bottom:none;} .faq_board > ul > li.notice .faq_tit {background:#f4f5f7;} .faq_board > ul > li .noti_icon {display:inline-block; *zoom:1; *display:inline; width:14px; height:19px; background:url(/web/images/board/board_list_iCon01.png) no-repeat; vertical-align:middle; margin:0 23px 0 13px; font-size:0;} .faq_board > ul > li .noti_icon.hidden {background:transparent;} .faq_board > ul > li .faq_answer {display:none; padding:25px 25px 25px 80px; color:#666; font-size:13px; line-height:24px; background:#fbfbfb url(/web/images/board/board_faq_bg01.png) no-repeat 30px 30px; border-top:1px solid #eee;} .faq_board > ul > li .faq_answer img {max-width:100%; /*display:block; margin:0 auto;*/} .faq_board > ul > li .faq_num {display:inline-block; *zoom:1; *display:inline; margin-right:20px; letter-spacing:0; font-weight:bold; font-size:13px;} .faq_board > ul > li .faq_num.hidden {color:transparent;} .faq_board > ul > li .faq_tag {display:inline-block; *zoom:1; *display:inline; background:#0170c9; color:#fff; height:26px; line-height:25px; text-indent:0; font-size:13px; width:74px; text-align:center; font-weight:bold; border-radius:3px; margin:0 8px 0 0;} .faq_board > ul > li .faq_tag2 {display:inline-block; *zoom:1; *display:inline; background:#0170c9; color:#fff; height:26px; line-height:25px; text-indent:0; font-size:13px; width:150px; text-align:center; font-weight:bold; border-radius:3px; margin:0 8px 0 0;} .faq_board > ul > li > .faq_tit {width:100%; display:block; cursor:pointer; line-height:50px; height:54px; font-size:15px; text-indent:15px; user-select:none; color:#333; background:#fff;} .faq_board > ul > li > .faq_tit:after {width:10px; height:10px; border-right:2px solid #ababab; border-bottom:2px solid #ababab; position:absolute; right:20px; top:21px; content:" "; transform: rotate(-45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .faq_board > ul > li > .faq_tit.active:after {top:18px; border-right:2px solid #0170c9; border-bottom:2px solid #0170c9; transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .faq_board > ul > li > .faq_tit:hover {background:#f4f5f7; color:#0170c9;} .faq_board > ul > li > .faq_tit.active {font-weight:bold; background:#e8ebf2; color:#0170c9;} .faq_board > ul > li .checkbox01 {position:absolute; left:28px; top:15px; z-index:1;} .faq_board > ul > li.con_none {width:100%; height:80px; padding-top:55px; background:#fff; text-align:center; font-weight:bold; color:#333; letter-spacing:-1px; font-size:16px;} /* ===== BOARD INFORMATION ===== */ .board_info01 {border:1px solid #ddd; line-height:22px;} .board_info01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .board_info01 > ul > li {float:left; font-size:13px; line-height:24px; letter-spacing:-0.8px;} .board_info01 > ul > li .info_tit01 {font-size:18px; margin:18px 0 0 0; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;} .board_info01 > ul > li .info_tit01.tit_mgt10 {margin:10px 0 0 0;} .board_info01 > ul > li.info_iCon {width:200px;} .board_info01 > ul > li.info_iCon.browser_iCon {background:#f4f5f7 url(/web/images/board/faq_solution_iCon01.png) no-repeat center 21px; height:155px;} .board_info01 > ul > li.info_iCon.report_iCon {background:#f4f5f7 url(/web/images/board/faq_solution_iCon05.png) no-repeat center 4px; height:145px;} .board_info01 > ul > li.info_iCon.mac_iCon {background:#f4f5f7 url(/web/images/board/faq_solution_iCon08.png) no-repeat center 21px; height:150px;} .board_info01 > ul > li.info_txt01 {padding:15px 25px 15px 25px; width:448px; line-height:25px; color:#666;} .board_info01 > ul > li.info_txt01.full {width:748px;} .board_info01 > ul > li.info_btn01 {padding:25px 25px 20px 25px; width:245px; border-left:2px dotted #ccc;} .board_info01 > ul > li.info_btn01 a {width:100%;} .board_info02 {border:1px solid #ddd; height:78px; line-height:25px;} .board_info02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -5px 0;} .board_info02 > ul > li {float:left; font-size:13px; letter-spacing:-0.8px; height:78px; color:#666;} .board_info02 > ul > li.info_iCon01 {width:110px; background:#f4f5f7 url(/web/images/sub/study-center/sub08_0202_iCon01.png) no-repeat center;} .board_info02 > ul > li.info_txt01 {width:688px;} .board_info02 > ul > li.info_txt01.full {width:798px;} .board_info02 > ul > li.cert_iCon01 {width:150px; background:#f4f5f7 url(/web/images/sub/study-center/sub08_0202_iCon01.png) no-repeat center;} .board_info02 > ul > li.cert_txt01 {width:638px;} .board_info02 > ul > li.cert_txt01.full {width:848px;} .board_info02 > ul > li.info_txt01 p, .board_info02 > ul > li.cert_txt01 p {padding:13px 15px 0 18px;} .board_info02 > ul > li.info_btn01 {width:198px; border-left:2px dotted #ccc;} .board_info02 > ul > li.info_btn01 a {display:block; height:100%;} .board_info02 > ul > li.info_btn01 p {padding:20px 20px 0 20px;} .board_info02 > ul > li .info_tit01 {font-size:18px; margin:10px 0 0 0; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;} .board_start_info01 {width:100%; line-height:23px; background:#001148 url(/web/images/sub/com_ban_bg01.jpg) no-repeat center top;} .board_start_info01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .board_start_info01 > ul > li {float:left; width:50%; height:100px; font-size:15px; line-height:24px; letter-spacing:-1px; color:#fff;} .board_start_info01 > ul > li.start_tit {text-align:center; font-size:29px;} .board_start_info01 > ul > li.start_tit > h3 {margin-top:41px; font-weight:normal;} /* .board_start_info01 > ul > li.start_tit > h3 .date {color:#c0e4ff; -webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate;} */ .board_start_info01 > ul > li.start_tit > h3 .date {animation:changeColor 0.5s ease 0.5s infinite alternate;} .board_start_info01 > ul > li.start_tit > h3 > a {color:#fff;} .board_start_info01 > ul > li .start_info {padding:20px 0 0 24px;} .board_start_info01 > ul > li .start_info > h3 {font-size:23px; margin-top:9px; font-weight:normal;} .board_start_info01 > ul > li .start_info > h3 .deadline {color:#98d3ff;} .board_practice_info01 {width:100%; line-height:23px; background:#000;} .board_practice_info01.pract_sa {background:#793ba6 url(/web/images/sub/board_ban_20180702_01.jpg) no-repeat center top;} .board_practice_info01.pract_bo {background:#ef7102 url(/web/images/sub/board_ban_20180702_02.jpg) no-repeat center top;} .board_practice_info01.pract_py {background:#ef7102 url(/web/images/sub/board_ban_20180702_03.jpg) no-repeat center top;} .board_practice_info01 > a {color:#fff;} .board_practice_info01 > a > ul {display:inline-block; *zoom:1; *display:inline; width:100%; margin:0 0 -4px 0;} .board_practice_info01 > a > ul > li {float:left; width:500px; height:100px; font-size:15px; line-height:24px; letter-spacing:-1px; color:#fff;} .board_practice_info01 > a > ul > li.pract_tit {text-align:center; font-size:30px;} .board_practice_info01 > a > ul > li.pract_tit > h3 {margin-top:41px; font-weight:normal;} .board_practice_info01 > a > ul > li.pract_tit > h3 .date {animation:changeColor 0.5s ease 0.5s infinite alternate;} .board_practice_info01 > a > ul > li.pract_tit.tit_info {} .board_practice_info01 > a > ul > li.pract_tit.tit_info > h3 {margin:25px 0 6px 0; font-size:27px; letter-spacing:0;} .board_practice_info01 > a > ul > li.pract_tit.tit_info .pract_tel {font-size:18px;} .board_practice_info01 > a > ul > li.pract_tit.tit_info .pract_tel strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;} .board_practice_info01 > a > ul > li .pract_info {padding:23px 0 0 20px;} .board_practice_info01 .point_y, .board_practice_info01 > a > ul > li .pract_info .point_y {color:#ffff00;} .board_practice_info01 > a > ul > li .pract_info > h4 {font-size:17px; margin-top:8px; font-weight:normal;} .board_practice_info01 > a > ul > li .pract_info > h4 .deadline_sa {color:#e5c1ff;} .board_practice_info01 > a > ul > li .pract_info > h4 .deadline_bo {color:#ffeea8;} .board_practice_info01 > a > ul > li .pract_info > h4 .deadline_bo {color:#00286b;} /* ===== BOARD COMMENT ===== */ .board_comment {letter-spacing:-0.8px;} .board_comment .com_tit {color:#333; font-size:20px; letter-spacing:-1px; display:block; border-top:1px solid #555; padding:20px 0 0 0; margin:0 0 15px 0;} .board_comment .com_tit .my_info {color:#86888b; font-weight:normal; font-size:13px; margin-left:5px; letter-spacing:-0.3px;} .board_comment a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .board_comment .com_input {display:inline-block; *zoom:1; *display:inline; width:100%;} .board_comment .com_input > li {float:left;} .board_comment .com_input > li.input {width:800px; margin-right:20px;} .board_comment .com_input > li.input textarea {width:770px; padding:15px 15px 15px 15px; color:#666; border:1px solid #ddd; height:60px; font-size:13px;} .board_comment .com_input > li.btn {width:180px;} .board_comment .com_input > li.btn a {display:block; text-align:center; font-weight:bold; font-size:15px; height:92px; line-height:90px; background:#0170c9; color:#fff; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .board_comment .com_input > li.btn a:hover {background:#003a7c;} .board_comment .com_list {display:inline-block; *zoom:1; *display:inline; width:100%; font-size:13px;} .board_comment .com_list .user_info, .board_comment .com_list .user_info a {color:#333; letter-spacing:0;} .board_comment .com_list .com_edit {display:inline-block; *zoom:1; *display:inline; width:16px; height:16px; line-height:15px; font-size:11px; font-weight:bold; border:1px solid #ddd; color:#0170c9; background:#fff; vertical-align:middle; border-radius:2px;} .board_comment .com_list .com_edit:hover {background:#0170c9; color:#fff; border:1px solid #0170c9;} .board_comment .com_list .com_date {letter-spacing:0; color:#888;} .comment_table01 {border:1px solid #ddd; width:100%;} .comment_table01 tr:hover {background:#f4f5f7;} .comment_table01 th, .comment_table01 td {padding:10px 15px 10px 15px; font-size:13px; line-height:22px; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center;} .comment_table01 td {color:#555; position:relative;} .comment_table01 th.tit_bg {color:#333; background:#f4f5f7;} .comment_table01 th.tit_bg a {color:#333;} .comment_table01 td.a_left {text-align:left; padding-left:0;} /* ===== BOARD POPUP ===== */ .pop_wrap_90p {padding:10px 0 30px 0; width:90%; margin:0 auto;} .pop_wrap_96p {padding:10px 0 30px 0; width:96%; margin:0 auto;} .pop_wrap_100p {width:100%; height:100%;} .layer_pop_wrap_92p {padding:10px 0 30px 0; width:92%; margin:0 0 0 10px;} .pop_tit01 {background:#0170c9; color:#fff; font-size:15px; line-height:24px; text-align:center; font-weight:normal; letter-spacing:-1px; padding:8px 8px 8px 8px;} .pop_tit01.pd12 {padding:12px 12px 12px 12px;} .pop_tit02 {background:#0170c9 url(/web/images/sub/com_popup_tit_bg01.jpg) no-repeat top right; color:#fff; font-size:15px; padding:23px 25px 22px 25px; line-height:24px; letter-spacing:-1px; height:56px;} .pop_tit02 > h3 {font-size:23px; font-family:'NanumSquareEB', 'Malgun Gothic'; margin:0 0 8px 0;} .pop_tit02 > h3 > span {color:#c0e4ff;} .pop_sub_tit01 {text-align:center; font-size:15px; color:#555;} .pop_sub_tit01 > h3 {color:#333; font-size:23px; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; margin-bottom:5px;} .pop_sub_tit01 > p {letter-spacing:-1px;} .loading_iCon01 {text-align:center; color:#0170c9;} .btn_respons {width:100%;} .btn_respons.w800 {} @media screen and (max-width: 767px) { .btn_respons.w800 a {width:100%; margin-bottom:10px;} } /* ===== MYROOM PROF INFO ===== */ .prof_pop_info {width:100%;} .prof_pop_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .prof_pop_info > ul > li {float:left;} .prof_pop_info > ul > li.txt {width:71%; margin-right:4%;} .prof_pop_info > ul > li.photo {width:25%; text-align:right;} .prof_pop_info > ul > li.photo img {width:100%;} /* ===== PAGINATION STYLE ===== */ .pagin_wrap {width:100%; position:relative;} .pagin_wrap:after {content:""; display:block; clear:both;} .pagination {width:100%; text-align:center;} .pagination a {display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:2px; padding:0; width:26px; height:26px; line-height:22px; font-size:14px; color:#555; border:1px solid #ddd; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .pagination a:hover {color:#333; background:#fff; font-weight:bold; border:1px solid #111;} .pagination a.active {color:#fff; background:#333; font-weight:bold; border:1px solid #111;} .pagination a.arrow {background:#fff url(/web/images/board/board_arrow_iCon01.png) no-repeat;} .pagination a.arrow.arrow_left {background-position:0 0;} .pagination a.arrow.arrow_right {background-position:0 -25px;} .pagination a.arrow.arrow_left_db {background-position:0 -50px;} .pagination a.arrow.arrow_right_db {background-position:0 -75px;} /* ===== DOWNLOAD FORM ===== */ .download_form {width:600px; border:1px solid #ddd;} .download_form > ul {} .download_form > ul > li {display:block; border-bottom:1px solid #ddd; padding:10px 12px 10px 12px; box-sizing:border-box;} .download_form > ul > li:last-child {border-bottom:none;} .download_form > ul > li.bg_gray {background:#f4f5f7;} .download_form .progress {height:12px; width:100%; background-color:#f5f5f5; border-radius:4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);} .download_form .progress .progress_bar {height:12px; background-color:#0170c9; border-radius:4px; -webkit-background-size:30px 30px; background-size:30px 30px; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);} .download_table {width:100%;} .download_table > table {width:100%; font-size:12px; line-height:24px;} .download_table > table > tbody > tr > th {color:#333; letter-spacing:-0.5px; background:url(/web/images/sub/sub_tab_divider01.jpg) no-repeat right; padding:3px 0 3px 0; text-align:left;} .download_table > table > tbody > tr > td {color:#777; padding:4px 0 4px 0; text-align:left; letter-spacing:0;} .download_table > table > tbody > tr > td.a_left {padding:3px 0 3px 8px;} .download_table > table > tbody > tr > th, .download_table > table > tbody > tr > td {vertical-align:middle;} .download_form .list_btn {display:inline-block; *zoom:1; *display:inline; font-size:12px; vertical-align:middle; line-height:20px; padding:0 5px 0 5px; box-sizing:border-box; background:#fff; color:#5a6069; border:1px solid #5a6069; height:22px; width:22px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; margin-bottom:2px; border-radius:2px;} .download_form .list_btn.list_up {background:#fff url(/web/images/board/download_btn_iCon01.png) no-repeat center;} .download_form .list_btn.list_up:hover {background:#3d444e url(/web/images/board/download_btn_iCon01_on.png) no-repeat center; color:#fff; border:1px solid #3d444e;} .download_form .list_btn.list_down {background:#fff url(/web/images/board/download_btn_iCon02.png) no-repeat center;} .download_form .list_btn.list_down:hover {background:#3d444e url(/web/images/board/download_btn_iCon02_on.png) no-repeat center; color:#fff; border:1px solid #3d444e;} /* dimmLayer */ .dimmLayer {position:fixed; left:0; top:0; z-index:105 !important; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40);} .iframePopup {display:none; position:fixed; left:50%; top:50%; z-index:10000000; border:3px solid #0066bf; background:#fff; border-top:0 none;} .iframePopup .iframeWrap {overflow-x:hidden; overflow-y:auto;} .iframePopup iframe {border:0 none; width:100%; height:100%; overflow-y:auto; background:url("/web/images/popup/loading1.gif") no-repeat center center;} .iframePopup .title {position:relative; height:59px; line-height:59px; background:#0066bf url("/web/images/popup/bg_iframepop.png") no-repeat right top; padding-left:22px; font-size:22px; color:#fff; font-weight:bold;} .iframePopup .title > img { position:relative; top:-4px;} .iframePopup .popFooter {height:30px; padding-right:22px; background-color:#e8e8e8; line-height:30px; text-align:right;} .iframePopup .popFooter .inputBox { margin-right:30px;} .iframePopup .popFooter input, .iframePopup .popFooter img { margin-top:-1px;} /* ===== COURSE REGISTRATION ===== */ .mid_title_40 .Reg_top_btn {position:absolute;} .mid_title_40 .Reg_top_btn.btn_right {top:-23px; right:0;} .mid_title_40 .Reg_top_btn .btn_style02 {display:block;} /* Reg_FixedMenu */ .Reg_FixedMenu { top:0px; width:100%; z-index:97; } .Reg_Fixed { position:fixed; top:0; width:1000px; z-index:99; background:rgba(255,255,255,0.9); padding-top:15px; } /* common course iCon */ .com_course_iCon {margin-bottom:4px;} .com_course_iCon.b_box {border:4px solid #eee; padding:15px 0 15px 0; margin:20px 0 0 0; text-align:center; font-size:13px; letter-spacing:-1px; color:#555;} .com_course_iCon .divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#d6d6d6;} .com_course_iCon > a {display:inline-block; *zoom:1; *display:inline; font-size:11px; letter-spacing:-1px; height:16px; line-height:15px !important; padding:0 3px 0 3px; text-align:center; font-weight:normal;} .com_course_iCon > .mobile {background:#fff url(/web/images/board/course_Reg/reg_list_iCon01.png) no-repeat 3px; color:#7e838f !important; border:1px solid #7e838f; padding:0 3px 0 11px;} .com_course_iCon > .cert {background:#fff; color:#0170c9 !important; border:1px solid #0170c9;} .com_course_iCon > .next {background:#0170c9; color:#fff !important; border:1px solid #0170c9; border-radius:3px;} .com_course_iCon > .bg_blue {background:#0170c9; color:#fff !important; border:1px solid #0170c9;} .com_course_iCon > .bo_off {background:#fff; color:#eb5f01 !important; border:1px solid #eb5f01; font-weight: bold;} .com_course_iCon > .sa_off {background:#fff; color:#783ba6 !important; border:1px solid #783ba6;} .com_course_iCon > .py_off {background:#fff; color:#00286b !important; border:1px solid #00286b;} .com_course_iCon > .major {color:#fff !important; border-radius:3px; width:25px; font-weight:bold; padding:0 4px 0 2px; margin: 8px 2px 8px;} .com_course_iCon > .major2 {color:#fff !important; border-radius:3px; width:35px; font-weight:bold; padding:0 4px 0 2px; margin: 8px 2px 8px;} .com_course_iCon > .major.m_01 {background:#0170c9; border:1px solid #0170c9;} /* BLUE */ .com_course_iCon > .major.m_02 {background:#783ba6; border:1px solid #783ba6;} /* PURPLE */ .com_course_iCon > .major.m_03 {background:#ed7000; border:1px solid #ed7000;} /* ORANGE */ .com_course_iCon > .major.m_04 {background:#00286b; border:1px solid #00286b;} /* NAVY */ .com_course_iCon > .major.m_05 {background:#3da200; border:1px solid #3da200;} /* GREEN */ .com_course_iCon > .major.m_06 {background:#7e838f; border:1px solid #7e838f;} /* GRAY */ .com_course_iCon > .major.m_07 {width:35px !important; background:#3693ad; border:1px solid #3693ad;} /* MINT */ .com_course_iCon > .major2.m_07 {background:#3693ad; border:1px solid #3693ad;} /* 수강신청_청소년_MINT */ .com_course_iCon > .major.m_08 {background:#00a1ca; border:1px solid #00a1ca;} /* MINT 2020.11.18 cafri add */ .com_course_iCon > .major.m_09 {width:35px !important; background:#bdcbfd; border:1px solid #bdcbfd; color: #010528 !important;} /* MINT */ .com_course_iCon > .major2.m_09 {background:#bdcbfd; border:1px solid #bdcbfd; color: #010528 !important;} /* 한국어 2020.12.25 cafri add */ .com_course_iCon > .major.m_10 {width:35px; background:#ffc015; border:1px solid #ffc015; color: #222 !important;} .com_course_iCon > .major.m_111 {width:90px; background:#ffc015; border:1px solid #ffc015; color: #222 !important;} .com_course_iCon > .major.m_112 {width:90px; background:#0170c9; border:1px solid #ffc015; color: #fff !important;} .com_course_iCon > .major.m_12 {background:#41a398; border:1px solid #41a398; color: #fff !important;} .com_course_iCon > .major.m_13 {background:#1f36e7; border:1px solid #1f36e7; color: #fff !important;} .com_course_iCon > .major.m_14 {background:#9952f0; border:1px solid #9952f0; color: #fff !important;} .com_course_iCon > .major.m_15 {background:#f600ff; border:1px solid #f600ff; color: #fff !important;} .com_course_iCon > .off_line {color:#fff !important; border-radius:3px; width:auto; font-weight:bold; padding:0 4px 0 2px;} .com_course_iCon > .off_line.off_01 {background:#cc0000; border:1px solid #cc0000;} .com_course_iCon > .location {width:15px; height:15px; border-radius:50px; padding:0 0 0 0; vertical-align:middle;} .com_course_iCon > .location.l_01 {background:#007de1;} /* 서울대방 */ .com_course_iCon > .location.l_02 {background:#003366;} /* 서울남영 */ .com_course_iCon > .location.l_03 {background:#00b9ff;} /* 서울강남 */ .com_course_iCon > .location.l_04 {background:#4faf00;} /* 대전 */ .com_course_iCon > .location.l_05 {background:#ff8500;} /* 대구 */ .com_course_iCon > .location.l_06 {background:#cc0000;} /* 부산영산대 */ .com_course_iCon > .location.l_07 {background:#ff8282;} /* 부산대연 */ /* Pack_tab_depth01 */ .Pack_tab_depth01 {width:100%; line-height:24px;} .Pack_tab_depth01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center;} .Pack_tab_depth01 > ul > li {float:left; position:relative; letter-spacing:-0.5px;} .Pack_tab_depth01 > ul > li > a {display:block; background:#b8b8b8; color:#fff; height:60px; line-height:60px; font-size:19px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .Pack_tab_depth01.Pack_sa > ul > li > a.active, .Pack_tab_depth01.Pack_sa > ul > li > a.active:hover {background:#783ba6;} .Pack_tab_depth01.Pack_sa > ul > li > a:hover {background:#4d2295;} .Pack_tab_depth01.col_02 > ul > li {width:490px;} .Pack_tab_depth01.col_02 > ul > li:first-child {margin-right:20px;} /* Reg_tab_depth01 */ .Reg_tab_depth01 {width:100%; line-height:24px;} .Reg_tab_depth01 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd; text-align:center;} .Reg_tab_depth01 > ul > li.menu {float:left; background:url(/web/images/sub/sub_tab_divider02.jpg) no-repeat right top; border-bottom:1px solid #eee; position:relative;} .Reg_tab_depth01 > ul > li .sale_tag {position:absolute; top:14px; right:20px; display:inline-block; *zoom:1; *display:inline; background:#0170c9; color:#fff; border-radius:300px; width:50px; height:50px; line-height:50px; text-align:center; letter-spacing:0; font-size:16px;} .Reg_tab_depth01.col1 > ul > li.menu {width:100%;} .Reg_tab_depth01.col2 > ul > li.menu {width:50%;} .Reg_tab_depth01.col2 > ul > li:nth-child(2n+2) {background:none;} .Reg_tab_depth01.col3 > ul > li.menu {width:33.3%;} .Reg_tab_depth01.col3 > ul > li:nth-child(3n+3) {background:none;} .Reg_tab_depth01.col4 > ul > li.menu {width:25%;} .Reg_tab_depth01.col4 > ul > li:nth-child(4n+4) {background:none;} .Reg_tab_depth01.col5 > ul > li.menu {width:20%;} .Reg_tab_depth01.col5 > ul > li:nth-child(5n+5) {background:none;} .Reg_tab_depth01.col6 > ul > li.menu {width:16.6%;} .Reg_tab_depth01.col6 > ul > li:nth-child(6n+6) {background:none;} .Reg_tab_depth01.col7 > ul > li.menu {width:14.2%;} .Reg_tab_depth01.col7 > ul > li:nth-child(7n+7) {background:none;} .Reg_tab_depth01.col8 > ul > li.menu {width:12.5%;} .Reg_tab_depth01.col8 > ul > li:nth-child(8n+8) {background:none;} .Reg_tab_depth01.col9 > ul > li.menu {width:11.1%;} .Reg_tab_depth01.col9 > ul > li:nth-child(9n+9) {background:none;} .Reg_tab_depth01 > ul > li.menu > a {display:block; color:#555; font-weight:bold; letter-spacing:-1px; font-size:16px; height:60px; line-height:25px; padding:10px 0 0 0; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .Reg_tab_depth01 > ul > li.menu > a.active, .Reg_tab_depth01 > ul > li.menu > a:hover {color:#0456AF; border-top:5px solid #0456AF;} .Reg_tab_depth01 > ul > li.menu > a .small {font-size:14px; font-weight:normal; color:#888;} .Reg_tab_depth01 > ul > li.Reg_date_info {float:left; background:#f4f5f7; width:100%; height:50px; line-height:50px; color:#555; border-bottom:none; font-size:14px;} .Reg_tab_depth01 > ul > li.Reg_date_info .info_tit {color:#333; font-weight:bold; letter-spacing:-1px;} .Reg_tab_depth01 > ul > li.Reg_date_info .divider {display:inline-block; *zoom:1; *display:inline; margin:0 5px 0 5px; color:#d6d6d6;} .Reg_tab_depth01 .depth01_tag {position:absolute; left:0; top:-30px; width:100%; z-index:1; text-align:center;} .Reg_tab_depth01 .depth01_tag .tag {display:inline-block; font-size:12px; height:24px !important; line-height:23px !important; padding:0 5px 0 5px; background:#0170c9; color:#fff; border-radius:2px;} .Reg_tab_depth01 .depth01_tag .tag.tag_jido {background:#36adad; color:#fff;} .Reg_tab_depth01 .depth01_tag .tag_arrow {display:block; margin:0 auto; margin-top:-2px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent;} .Reg_tab_depth01 .depth01_tag .tag_arrow.arrow_jido {border-top:16px solid #36adad;} .Reg_tab_depth01.area_pack > ul > li.menu > a {background:#f9f9f9;} .Reg_tab_depth01.area_pack > ul > li.menu > a.active, .Reg_tab_depth01.area_pack > ul > li.menu > a:hover {background:#fff;} .Reg_tab_depth01.area_pack > ul > li.Reg_date_info {background:#fff;} /* Reg_tab_depth02 */ .Reg_tab_depth02 {width:100%; line-height:24px;} .Reg_tab_depth02 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center;} .Reg_tab_depth02 > ul > li.menu {float:left; width:140px; position:relative;} .Reg_tab_depth02 > ul > li:first-child {width:140px;} /* .Reg_tab_depth02 > ul > li.menu {float:left; width:11%; position:relative;} .Reg_tab_depth02 > ul > li:first-child {width:12%;} 장애영유아 추가 전 BAK 2018.12.18 OMR */ .Reg_tab_depth02 .open_course_tag {position:absolute; top:-15px; left:0; width:100%; text-align:center; letter-spacing:-0.8px;} .Reg_tab_depth02 .open_course_tag .open_tag {display:inline-block; background:#fff; border:1px solid #eb5f01; color:#eb5f01; font-size:11px; padding:0 4px 0 4px; height:20px; line-height:19px !important; font-weight:bold;} .Reg_tab_depth02 .open_course_tag .open_tag.blink {animation:statchangeColor 0.6s ease 0.6s infinite alternate;} .Reg_tab_depth02 .open_course_tag .open_tag.blink_jido {animation:statchangeJido 0.6s ease 0.6s infinite alternate; border:1px solid #009494; color:#009494;} @keyframes statchangeColor { 0% {color:#eb5f01; background:#fff;} 50% {color:#eb5f01; background:#fff;} 51% {color:#ffff00; background:#eb5f01;} 100% {color:#ffff00; background:#eb5f01;} } @keyframes statchangeJido { 0% {color:#009494; background:#fff; border-color:#009494;} 50% {color:#009494; background:#fff; border-color:#009494;} 51% {color:#ffff00; background:#004b4b; border-color:#004b4b;} 100% {color:#ffff00; background:#004b4b; border-color:#004b4b;} } .Reg_tab_depth02 > ul > li.menu > a {display:block; background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #0170c9; font-size:13px; letter-spacing:-1px; line-height:50px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .Reg_tab_depth02 > ul > li.menu > a.last {border-right:1px solid #eee;} .Reg_tab_depth02 > ul > li.menu > a.active, .Reg_tab_depth02 > ul > li.menu > a:hover {background:#0170c9; color:#fff; border-color:#0170c9; font-weight:bold;} .Reg_tab_depth02 > ul > li.major_menu {display:none; float:left; width:998px; border:1px solid #eee; background:#fff; border-top:none; height:45px; line-height:40px;} .Reg_tab_depth02 > ul > li.major_menu > a {display:inline-block; *zoom:1; *display:inline; font-size:14px; letter-spacing:-1px;} .Reg_tab_depth02 > ul > li.major_menu > a.active {color:#333; font-weight:bold;} .Reg_tab_depth02 > ul > li.major_menu .divider {display:inline-block; *zoom:1; *display:inline; width:1px; height:12px; background:#d6d6d6; margin:0 5px 0 5px; vertical-align:middle;} .Reg_tab_depth02 > ul > li.major_menu .iCon_link_b {display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; background:url(/web/images/myroom/inc/myroom_top_iCon01.png) no-repeat; vertical-align:text-bottom; margin-left:3px;} .Reg_tab_depth02 > ul > li.major_menu.step4 {line-height: 33px; height: 70px;} /* Reg_tab_depth03 */ .Reg_tab_depth03 {width:100%; line-height: 60px;} .Reg_tab_depth03 > ul {display:inline-block; *zoom:1; *display:inline; width:100%; text-align:center;} .Reg_tab_depth03 > ul > li.menu {float:left; width:166px; position:relative;} .Reg_tab_depth03 > ul > li:first-child {width:167px;} .Reg_tab_depth03 .open_course_tag {position:absolute; top: -8px; left:0; width:100%; text-align:center; letter-spacing:-0.8px;} .Reg_tab_depth03 .open_course_tag .open_tag {display:inline-block; background:#fff; border:1px solid #eb5f01; color:#eb5f01; font-size:11px; padding:0 4px 0 4px; height:20px; line-height:19px !important; font-weight:bold;} .Reg_tab_depth03 .open_course_tag .open_tag.blink {animation:statchangeColor 0.6s ease 0.6s infinite alternate;} .Reg_tab_depth03 .open_course_tag .open_tag.blink_jido {animation:statchangeJido 0.6s ease 0.6s infinite alternate; border:1px solid #009494; color:#009494;} @keyframes statchangeColor { 0% {color:#eb5f01; background:#fff;} 50% {color:#eb5f01; background:#fff;} 51% {color:#ffff00; background:#eb5f01;} 100% {color:#ffff00; background:#eb5f01;} } @keyframes statchangeJido { 0% {color:#009494; background:#fff; border-color:#009494;} 50% {color:#009494; background:#fff; border-color:#009494;} 51% {color:#ffff00; background:#004b4b; border-color:#004b4b;} 100% {color:#ffff00; background:#004b4b; border-color:#004b4b;} } .Reg_tab_depth03 > ul > li.menu > a {display:block; background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #0170c9; font-size:13px; letter-spacing:-1px; line-height:52px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .Reg_tab_depth03 > ul > li.menu > a.last {border-right:1px solid #eee;} .Reg_tab_depth03 > ul > li.menu > a.active, .Reg_tab_depth03 > ul > li.menu > a:hover {background:#0170c9; color:#fff; border-color:#0170c9; font-weight:bold;} .Reg_tab_depth03 > ul > li.major_menu {display:none; float:left; width:998px; background:#fff; border-top:none; height:45px; line-height:40px; box-sizing: border-box;} .Reg_tab_depth03 > ul > li.major_menu > a {display:inline-block; *zoom:1; *display:inline; font-size:14px; letter-spacing:-1px;} .Reg_tab_depth03 > ul > li.major_menu > a.active {color:#333; font-weight:bold;} .Reg_tab_depth03 > ul > li.major_menu .divider {display:inline-block; *zoom:1; *display:inline; width:1px; height:12px; background:#d6d6d6; margin:0 5px 0 5px; vertical-align:middle;} .Reg_tab_depth03 > ul > li.major_menu .iCon_link_b {display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; background:url(/web/images/myroom/inc/myroom_top_iCon01.png) no-repeat; vertical-align:text-bottom; margin-left:3px;} /*menu_row02*/ .Reg_tab_depth03 > ul > li.menu_row02 {float:left; width:142px; position:relative;} .Reg_tab_depth03 > ul > li.menu_row02:first-child {width:145px;} .Reg_tab_depth03 > ul > li.menu_row02 > a {display:block; background:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #0170c9; font-size:13px; letter-spacing:-1px; line-height:52px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .Reg_tab_depth03 > ul > li.menu_row02 > a.last {border-right:1px solid #eee;} .Reg_tab_depth03 > ul > li.menu_row02 > a.active, .Reg_tab_depth03 > ul > li.menu_row02 > a:hover {background:#0170c9; color:#fff; border-color:#0170c9; font-weight:bold;} /* Reg_select_course */ .Reg_select_course {width:100%; line-height:25px;} .Reg_select_course > ul {display:inline-block; *zoom:1; *display:inline; width:998px; border:1px solid #5595cf; height:80px;} .Reg_select_course > ul > li {float:left; font-size:13px; height:100%; letter-spacing:-1px; padding-left:15px; padding-right:15px;} .Reg_select_course > ul > li.s_tit {width:90px; background:#5595cf; color:#fff; font-size:14px; text-align:center; font-weight:bold; line-height:80px;} .Reg_select_course > ul > li.s_tit > span {font-weight:normal;} .Reg_select_course > ul > li.s_course {width:738px; color:#555; overflow-y:scroll; padding-top:15px; padding-bottom:15px; height:50px;} .Reg_select_course > ul > li.s_course .delete {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; margin:0 10px 2px 6px; cursor:pointer; background:url(/web/images/sub/com_btn_delete01.png) no-repeat; vertical-align:text-bottom;} .Reg_select_course > ul > li.s_btn {width:80px; background:#fafafa; line-height:78px;} .Reg_select_course > ul > li.s_btn > a {width:100%;} /* Reg_list_table */ .Reg_list_table01 {width:100%; position:relative; background:#fff;} .Reg_list_table01 > table {border-top:2px solid #333; width:100%; letter-spacing:-0.6px; font-size:13px; line-height:22px;} .Reg_list_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .Reg_list_table01.table_body > table {border-top:none;} .Reg_list_table01 > table.hover tr:hover {background:#f4f5f7;} .Reg_list_table01 > table .tit_fff {color:#333; background:#fff;} .Reg_list_table01 > table .tit_gray {color:#333; background:#f4f5f7;} .Reg_list_table01 > table .tit_lgray {color:#333; background:#fafafa;} .Reg_list_table01 > table .tit_fff a, .Reg_list_table01 > table .tit_gray a, .Reg_list_table01 > table .tit_lgray a {color:#333;} .Reg_list_table01 > table .line_bg_gray {background:#f4f5f7;} .Reg_list_table01 > table .line_bg_lgray {background:#fafafa;} .Reg_list_table01 > table .req_info {display:none; color:#ff0000; font-size:12px; letter-spacing:-0.8px; margin-left:5px;} .Reg_list_table01 > table .req_info2 {color:#ff0000; font-size:12px; letter-spacing:-0.8px; margin-left:5px;} .Reg_list_table01 > table .require_info {font-size:18px; color:#0170c9; font-weight:bold;} .Reg_list_table01 > table .job_title {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;} .Reg_list_table01 > table .job_title.t_330 {width:330px;} .Reg_list_table01.blue > table {border-top:2px solid #0170c9;} .Reg_list_table01.txt_md > table {font-size:14px; line-height:24px;} .Reg_list_table01 > table .line_bg {background:#f1f4f7;} .Reg_list_table01 > table > thead > tr > th, .Reg_list_table01 > table > thead > tr > td, .Reg_list_table01 > table > tbody > tr > th, .Reg_list_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle;} .Reg_list_table01 > table > thead > tr > th:last-child, .Reg_list_table01 > table > thead > tr > td:last-child, .Reg_list_table01 > table > tbody > tr > th:last-child, .Reg_list_table01 > table > tbody > tr > td:last-child {border-right:1px solid #fff;} .Reg_list_table01 > table > thead > tr > th.r_border, .Reg_list_table01 > table > thead > tr > td.r_border, .Reg_list_table01 > table > tbody > tr > th.r_border, .Reg_list_table01 > table > tbody > tr > td.r_border {border-right:1px solid #ddd;} .Reg_list_table01 > table > thead > tr > th, .Reg_list_table01 > table > tbody > tr > th {color:#333;} .Reg_list_table01 > table > thead > tr > td, .Reg_list_table01 > table > tbody > tr > td {color:#555;} .Reg_list_table01 > table > thead > tr > th.a_left, .Reg_list_table01 > table > tbody > tr > th.a_left, .Reg_list_table01 > table > thead > tr > td.a_left, .Reg_list_table01 > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;} .Reg_list_table01 > table > thead > tr > td.a_right, .Reg_list_table01 > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;} .Reg_list_table01 > table > thead > tr > td.a_top, .Reg_list_table01 > table > tbody > tr > td.a_top {vertical-align:top;} .Reg_list_table01 > table .course_tit {text-align:left; padding-left:12px; font-weight:bold; color:#333;} .Reg_list_table01 > table .course_tit a {color:#333;} .Reg_list_table01 > table .course_tit a:hover {color:#0170c9;} .Reg_list_table01 > table .course_tit .info_txt {font-weight:normal;} .Reg_list_table01 > table .course_tit a .meeting {font-weight:normal; color:#888;} .Reg_list_table01 > table .course_tit .select_date {display:inline-block; width:30px; height:18px; line-height:18px; padding-right:5px; text-align:right; background:url(/web/images/board/course_Reg/reg_list_bg02.png) no-repeat center; color:#fff; font-size:11px; letter-spacing:-1px;} .Reg_list_table01 > table .hover_tit_wrap {position:relative; padding:10px 10px 10px 10px;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01 {position:absolute; left:0; top:0; width:175px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover {text-overflow:none; overflow:inherit; z-index:10; cursor:help;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover .title {background:rgba(1,112,201,0.8); color:#fff; padding:4px 6px 6px 6px;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01:hover .title a {color:#fff;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01.w200 {width:200px !important;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01.w250 {width:250px !important;} .Reg_list_table01 > table .hover_tit_wrap .hover_tit01.w300 {width:300px !important;} .Reg_list_table01.pd_08 > table > tbody > tr > th, .Reg_list_table01.pd_08 > table > thead > tr > th {padding:8px 8px 8px 8px;} .Reg_list_table01.pd_08 > table > tbody > tr > td, .Reg_list_table01.pd_08 > table > thead > tr > td {padding:8px 8px 8px 8px;} /* .Reg_list_table01 > table .course_stat > span {display:inline-block; *zoom:1; *display:inline; width:60px; height:21px; vertical-align:middle;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon01 {background:url(/web/images/board/course_Reg/reg_stat_iCon01.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon02 {background:url(/web/images/board/course_Reg/reg_stat_iCon02.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon03 {background:url(/web/images/board/course_Reg/reg_stat_iCon03.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon04 {background:url(/web/images/board/course_Reg/reg_stat_iCon04.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon05 {background:url(/web/images/board/course_Reg/reg_stat_iCon05.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon06 {background:url(/web/images/board/course_Reg/reg_stat_iCon06.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon07 {background:url(/web/images/board/course_Reg/reg_stat_iCon07.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon08 {background:url(/web/images/board/course_Reg/reg_stat_iCon08.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon09 {background:url(/web/images/board/course_Reg/reg_stat_iCon09.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon10 {background:url(/web/images/board/course_Reg/reg_stat_iCon10.gif) no-repeat;} .Reg_list_table01 > table .course_stat > span.reg_stat_iCon11 {background:url(/web/images/board/course_Reg/reg_stat_iCon11.gif) no-repeat;} */ .course_stat > span {display:inline-block; *zoom:1; *display:inline; width:60px; height:21px; vertical-align:middle;} .course_stat > span.reg_stat_iCon01 {background:url(/web/images/board/course_Reg/reg_stat_iCon01.gif) no-repeat;} .course_stat > span.reg_stat_iCon02 {background:url(/web/images/board/course_Reg/reg_stat_iCon02.gif) no-repeat;} .course_stat > span.reg_stat_iCon03 {background:url(/web/images/board/course_Reg/reg_stat_iCon03.gif) no-repeat;} .course_stat > span.reg_stat_iCon04 {background:url(/web/images/board/course_Reg/reg_stat_iCon04.gif) no-repeat;} .course_stat > span.reg_stat_iCon05 {background:url(/web/images/board/course_Reg/reg_stat_iCon05.gif) no-repeat;} .course_stat > span.reg_stat_iCon06 {background:url(/web/images/board/course_Reg/reg_stat_iCon06.gif) no-repeat;} .course_stat > span.reg_stat_iCon07 {background:url(/web/images/board/course_Reg/reg_stat_iCon07.gif) no-repeat;} .course_stat > span.reg_stat_iCon08 {background:url(/web/images/board/course_Reg/reg_stat_iCon08.gif) no-repeat;} .course_stat > span.reg_stat_iCon09 {background:url(/web/images/board/course_Reg/reg_stat_iCon09.gif) no-repeat;} .course_stat > span.reg_stat_iCon10 {background:url(/web/images/board/course_Reg/reg_stat_iCon10.gif) no-repeat;} .course_stat > span.reg_stat_iCon11 {background:url(/web/images/board/course_Reg/reg_stat_iCon11.gif) no-repeat;} .course_stat > span.reg_stat_iCon12 {background:url(/web/images/board/course_Reg/reg_stat_iCon12.gif) no-repeat;} .course_stat .special_course {position:absolute; right:-90px; top:15px; width:107px;} .course_stat .special_course .tag_inner {float:right; background:#0170c9; line-height:16px; font-size:12px; color:#fff; border-radius:3px; width:79px; padding:6px 5px 8px 5px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course .tag_arrow {float:left; margin-top:24px; display:block; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course .tag_arrow.arrow_sa {border-right:18px solid #0170c9;} .course_stat .special_course:hover .tag_inner {background:#003a7c;} .course_stat .special_course:hover .tag_arrow.arrow_sa {border-right:18px solid #003a7c;} /* 2019.05.29 이서용 */ .course_stat .special_course2 {position:absolute; right:-90px; top:12px; width:107px;} .course_stat .special_course2 .tag_inner {float:right; background:#0170c9; line-height:16px; font-size:12px; color:#fff; border-radius:3px; width:79px; padding:6px 5px 8px 5px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course2 .tag_arrow {float:left; margin-top:16px; display:block; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course2 .tag_arrow.arrow_sa {border-right:18px solid #0170c9;} .course_stat .special_course2:hover .tag_inner {background:#003a7c;} .course_stat .special_course2:hover .tag_arrow.arrow_sa {border-right:18px solid #003a7c;} /* 2019.06.05 이서용 */ .course_stat .special_course3 {position:absolute; right:-90px; top:25px; width:107px;} .course_stat .special_course3 .tag_inner {float:right; background:#0170c9; line-height:16px; font-size:12px; color:#fff; border-radius:3px; width:79px; padding:6px 5px 8px 5px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course3 .tag_arrow {float:left; margin-top:24px; display:block; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course3 .tag_arrow.arrow_sa {border-right:18px solid #0170c9;} .course_stat .special_course3:hover .tag_inner {background:#003a7c;} .course_stat .special_course3:hover .tag_arrow.arrow_sa {border-right:18px solid #003a7c;} /* 2019.08.12 이서용 /web/page/event/offlineDate/sa.asp */ .course_stat .special_course4 {position:absolute; right:-90px; top:5px; width:107px;} .course_stat .special_course4 .tag_inner {float:right; background:#0170c9; line-height:16px; font-size:12px; color:#fff; border-radius:3px; width:79px; padding:6px 5px 8px 5px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course4 .tag_arrow {float:left; margin-top:16px; display:block; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .special_course4 .tag_arrow.arrow_sa {border-right:18px solid #0170c9;} .course_stat .special_course4:hover .tag_inner {background:#003a7c;} .course_stat .special_course4:hover .tag_arrow.arrow_sa {border-right:18px solid #003a7c;} /* 2019.08.27 사회복지사 패키지 OMR */ .course_stat .pack_sale {position:absolute; right:-91px; top:12px; width:101px;} .course_stat .pack_sale .tag_inner {float:right; background:#cc0000; line-height:16px; font-size:12px; color:#fff; border-radius:3px; width:70px; padding:6px 5px 8px 8px; letter-spacing:-1px; text-align:left; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .pack_sale .tag_arrow {float:left; margin-top:16px; display:block; width:0; height:0; border-bottom:7px solid transparent; border-top:7px solid transparent; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .course_stat .pack_sale .tag_arrow {border-right:18px solid #cc0000;} /* .course_stat .pack_sale:hover .tag_inner {background:#990000;} .course_stat .pack_sale:hover .tag_arrow {border-right:18px solid #990000;} a > span 2019.10.14 사복 패키지 제거 OMR */ .course_stat .pack_sale .pack_sale_cursor {position:absolute; right:-4px; bottom:-4px;} .Reg_list_table01 > table .course_price {text-align:right; color:#666; letter-spacing:0;} .Reg_list_table01 > table .course_price.a_center {text-align:center;} .Reg_list_table01 > table .course_price .cost {text-decoration:line-through;} .Reg_list_table01 > table .course_price .sale {color:#cc0000;} .Reg_list_table01 > table .course_price .sale2 {color:#0170c9;} .Reg_list_table01 > table .course_price .sale.sum {font-size:15px;} .Reg_list_table01 > table .course_price .bank_num {font-size:15px; letter-spacing:1.5px; color:#333;} /* 태그 스타일 변경 // 삭제예정 2019.08.27 OMR .Reg_list_table01 > table .course_price .pack_sale {display:inline-block; color:#fff; background:#cc0000; letter-spacing:-1px; font-size:10px; line-height:13px; border-radius:3px; padding:2px 4px 3px 4px; font-weight:bold;} .Reg_list_table01 > table .course_price .pack_sale:hover {background:#990000;} .Reg_list_table01 > table .course_price .pack_sale .sale_cost {letter-spacing:0; color:#fff200; font-size:13px;} */ .Reg_list_table01 > table .course_info > a {display:inline-block; *zoom:1; *display:inline; width:26px; height:26px; background:url(/web/images/board/course_Reg/reg_list_iCon02.png); vertical-align:middle;} .Reg_list_table01 > table .course_info > a.plan {background-position:0 0;} .Reg_list_table01 > table .course_info > a.plan:hover, .Reg_list_table01 > table .course_info > a.plan.read {background-position:0 -26px;} .Reg_list_table01 > table .course_info > a.movie {background-position:0 -52px;} .Reg_list_table01 > table .course_info > a.movie:hover {background-position:0 -78px;} .Reg_list_table01 > table .major_info > a, .Reg_list_table01 > table .add_cart > a {display:block; width:50px; height:50px;} .Reg_list_table01 > table .major_info {/* position:relative; 포지션 이동 2019.03.26 OMR */} .Reg_list_table01 > table .major_info > a.major {background:url(/web/images/board/course_Reg/reg_list_iCon03_01.png) no-repeat center; position:relative;} .Reg_list_table01 > table .major_info > a.major:focus, .Reg_list_table01 > table .major_info > a.major:hover {background:url(/web/images/board/course_Reg/reg_list_iCon03_02.png) no-repeat center;} .Reg_list_table01 > table .major_info > a.major .major_detail {display:none; position:absolute; top:40px; right:-10px; width:280px; z-index:1; background:url(/web/images/board/course_Reg/reg_list_bg01.png) no-repeat; background-position:right top; padding-top:13px;} .Reg_list_table01 > table .major_info > a.major:focus .major_detail, .Reg_list_table01 > table .major_info > a.major:hover .major_detail {display:block;} .Reg_list_table01 > table .add_cart > a.cart {background:url(/web/images/board/course_Reg/reg_list_iCon03_03.png) no-repeat center;} .Reg_list_table01 > table .add_cart > a.cart:hover, .Reg_list_table01 > table .add_cart > a.cart.active {background:url(/web/images/board/course_Reg/reg_list_iCon03_04.png) no-repeat center;} .Reg_list_table01 > table .add_cart > a.check {background:url(/web/images/board/course_Reg/reg_list_iCon04_01.png) no-repeat center;} .Reg_list_table01 > table .add_cart > a.check:hover, .Reg_list_table01 > table .add_cart > a.check.active {background:url(/web/images/board/course_Reg/reg_list_iCon04_02.png) no-repeat center;} .Reg_list_table01 .lec_divider {height:5px !important; background:#f4f5f7; padding:0 0 0 0 !important;} .Reg_list_table01 .comForm textarea {margin-bottom:-5px !important;} /* item_info */ .Reg_list_table01 > table .item_info {position:relative;} .Reg_list_table01 > table .item_info > a .item_detail {display:none; position:absolute; top:34px; left:0; width:300px; z-index:1; background:url(/web/images/board/course_Reg/reg_list_bg01.png) no-repeat; background-position:20px top; padding-top:13px;} .Reg_list_table01 > table .item_info > a:hover .item_detail {display:block;} .Reg_list_table01 > table > thead > tr > th.cert_photo img, .Reg_list_table01 > table > thead > tr > td.cert_photo img, .Reg_list_table01 > table > tbody > tr > th.cert_photo img, .Reg_list_table01 > table > tbody > tr > td.cert_photo img {display:block; width:135px; height:165px; margin:0 auto; margin-top:5px;} .Reg_list_table01 > table > thead > tr > th.cert_photo span, .Reg_list_table01 > table > thead > tr > td.cert_photo span, .Reg_list_table01 > table > tbody > tr > th.cert_photo span, .Reg_list_table01 > table > tbody > tr > td.cert_photo span {font-size:11px; display:inline-block; margin-top:3px;} /* Reg_major_table */ .Reg_major_table {width:100%; position:relative; background:#fff;} .Reg_major_table > table {border-top:1px solid #6a6f7a; border-left:1px solid #6a6f7a; background:#fff; width:100%; letter-spacing:-0.6px; font-size:12px; line-height:22px;} .Reg_major_table > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .Reg_major_table > table tr:hover {background:#fff !important;} .Reg_major_table > table > thead > tr > th, .Reg_major_table > table > thead > tr > td, .Reg_major_table > table > tbody > tr > th, .Reg_major_table > table > tbody > tr > td {padding:5px 5px 5px 5px; border-right:1px solid #6a6f7a; border-bottom:1px solid #6a6f7a; text-align:center; vertical-align:middle;} .Reg_major_table > table > thead > tr > th, .Reg_major_table > table > tbody > tr > th {color:#333;} .Reg_major_table > table > thead > tr > th.tit_bg, .Reg_major_table > table > tbody > tr > th.tit_bg {color:#fff; background:#6a6f7a;} .Reg_major_table > table > thead > tr > th.r_border, .Reg_major_table > table > tbody > tr > th.r_border {border-right:1px solid #fff;} .Reg_major_table > table > thead > tr > td, .Reg_major_table > table > tbody > tr > td {color:#555; background:#fff !important;} .Reg_major_table > table > thead > tr > th.a_left, .Reg_major_table > table > tbody > tr > th.a_left, .Reg_major_table > table > thead > tr > td.a_left, .Reg_major_table > table > tbody > tr > td.a_left {text-align:left; padding-left:12px;} .Reg_major_table > table > thead > tr > td.a_right, .Reg_major_table > table > tbody > tr > td.a_right {text-align:right; padding-right:12px;} /* Reg_select_table01 */ .Reg_select_table01 {width:100%; position:relative; background:#fff;} .Reg_select_table01 > table {border-left:1px solid #5595cf; border-top:1px solid #5595cf; width:100%; letter-spacing:-0.6px; font-size:12px; line-height:24px;} .Reg_select_table01 > table:after {clear:both; content:""; display:block; height:0; visibility:hidden;} .Reg_select_table01 > table > thead > tr > th, .Reg_select_table01 > table > thead > tr > td, .Reg_select_table01 > table > tbody > tr > th, .Reg_select_table01 > table > tbody > tr > td {padding:10px 10px 10px 10px; border-bottom:1px solid #5595cf; text-align:center; vertical-align:middle;} .Reg_select_table01 > table .bg_tit {color:#fff; background:#5595cf;} .Reg_select_table01 > table .bg_tit > span {font-weight:normal;} .Reg_select_table01 > table .s_list {color:#555; overflow-y:scroll; text-align:left; padding-left:15px;} .Reg_select_table01 > table .s_list .list_tit {color:#fff; text-align:center; background:#5595cf; line-height:20px; margin:0 0 0 0; padding:0 0 0 0;} .Reg_select_table01 > table .s_list .delete {display:inline-block; *zoom:1; *display:inline; width:13px; height:13px; margin:0 10px 0 6px; cursor:pointer; background:url(/web/images/sub/com_btn_delete01.png) no-repeat; vertical-align:text-bottom;} .Reg_select_table01 > table .bg_btn {background:#fafafa; border-right:1px solid #5595cf;} .Reg_select_table01 > table .bg_btn > a {width:100%;} /* floating_cart */ .floating_cart {position:fixed; z-index:100; font-size:12px; line-height:26px; color:#555;} .floating_cart .cart_con {width:158px; border:1px solid #ccc; border-bottom:5px solid #ccc; background:#fff; padding:15px 20px 20px 20px; letter-spacing:-1px; margin-bottom: 10px;} .floating_cart .cart_con .cart_tit {font-size:15px; color:#333; font-weight:normal; text-align:center; margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px solid #333;} .floating_cart .cart_con .cart_list {height:140px; overflow-y:auto;} .floating_cart .cart_con .cart_list .list_tit {color:#fff; text-align:center; background:#5595cf; line-height:20px; margin:0 0 0 0; padding:0 0 0 0;} .floating_cart .cart_con .cart_list .subject {padding:0; margin:0; border-bottom:1px dotted #ccc;} .floating_cart .cart_con .cart_list .subject .delete {display:block; float:right; width:13px; height:13px; margin:6px 5px 0 0; cursor:pointer; vertical-align:bottom !important; background:url(/web/images/sub/com_btn_delete01.png) no-repeat;} .floating_cart .cart_con .pay_list {border-top:1px solid #ddd; margin:10px 0 10px 0;} .floating_cart .cart_con .pay_list .pay_info {display:inline-block; *zoom:1; *display:inline; width:100%;} .floating_cart .cart_con .pay_list .pay_info > dt {width:40%; float:left; border-bottom:1px dotted #ccc; padding:2px 0 2px 0;} .floating_cart .cart_con .pay_list .pay_info > dd {width:60%; float:left; border-bottom:1px dotted #ccc; padding:2px 0 2px 0;} .floating_cart .cart_con .pay_list .pay_info > dt {font-weight:bold; color:#333;} .floating_cart .cart_con .pay_list .pay_info > dd {text-align:right;} .floating_cart .cart_con .pay_list .pay_info > dd.cost {font-weight:bold; color:#ed0000; letter-spacing:0;} .floating_cart .cart_con .cart_apply > a {width:100%;} .floating_cart .cart_btn > a {display:block; width:165px; height:40px; padding:0 0 0 50px; line-height:40px; font-size:13px; color:#fff; letter-spacing:-1px;} .floating_cart .cart_btn > a > strong {letter-spacing:0;} .floating_cart .cart_btn .cart_open {background:url(/web/images/board/course_Reg/reg_cart_btn_open_off.png) no-repeat;} .floating_cart .cart_btn .cart_open:hover {background:url(/web/images/board/course_Reg/reg_cart_btn_open_on.png) no-repeat;} .floating_cart .cart_btn .cart_close {background:url(/web/images/board/course_Reg/reg_cart_btn_close_off.png) no-repeat;} .floating_cart .cart_btn .cart_close:hover {background:url(/web/images/board/course_Reg/reg_cart_btn_close_on.png) no-repeat;} .floating_cart.in {display:block; width:215px; bottom:0; left:50%; margin-left:285px;} .floating_cart.in .cart_con {margin-left:15px;} .floating_cart.out {display:none; width:280px; top:250px; left:50%; margin-left:520px;} .floating_cart.out.f_top {top:20px;} @media (min-width:1500px) { .floating_cart.out {display:block;} .floating_cart.in {display:none;} } @media (min-height:769px) { .floating_cart.in {bottom:50px;} } @media (max-height:768px) { .floating_cart .cart_ban {display:none;} } .floating_cart .cart_ban {width:200px; height:100px; position:relative;} .floating_cart.in .cart_ban {margin-left:15px;} .floating_cart .cart_ban img {display:block;} .floating_cart .cart_ban .bx-controls-direction {display:none;} .floating_cart .cart_ban .bx-pager-item {display:inline-block; *zoom:1; *display:inline; vertical-align:top;} .floating_cart .cart_ban .bx-pager a {display:block; overflow:hidden; width:8px; height:8px; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_off.png) no-repeat left center; margin-left:5px; text-indent:-9999px;} .floating_cart .cart_ban .bx-pager a.active {background:url(/web/images/board/course_Reg/reg_cart_ban_pager_on.png) no-repeat right center;} .floating_cart .cart_ban .bx-controls-auto {position:absolute; display:block; left:0; top:0;} .floating_cart .cart_ban .bx-controls-auto .bx-stop {display:block; overflow:hidden; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_stop.png) no-repeat center center; width:8px; height:8px; text-indent:-9999px;} .floating_cart .cart_ban .bx-controls-auto .bx-start {display:block; overflow:hidden; background:url(/web/images/board/course_Reg/reg_cart_ban_pager_play.png) no-repeat center center; width:8px; height:8px; text-indent:-9999px;} .floating_cart .cart_ban .bx-controls-auto .active {display:none;} .floating_cart .cart_ban .bx-pager {display:inline-block; *zoom:1; *display:inline; text-align:center; position:relative; height:8px;} .floating_cart .cart_ban .bx-controls {position:absolute; left:50%; bottom:10px; margin-left:-30px; z-index:100; padding-left:8px; height:8px;} /* Reg_step_progress */ .Reg_step_progress {width:100%; line-height:24px;} .Reg_step_progress > ul {display:inline-block; *zoom:1; *display:inline; width:998px; border:1px solid #ddd;} .Reg_step_progress > ul > li {float:left; width:25%; height:80px; color:#333;} .Reg_step_progress > ul > li {background:#fff url(/web/images/board/course_Reg/reg_step_bg_off.png) no-repeat left;} .Reg_step_progress > ul > li:first-child {background:none;} .Reg_step_progress > ul > li.active {background:#0170c9 url(/web/images/board/course_Reg/reg_step_bg_off.png) no-repeat left;} .Reg_step_progress > ul > li.next {background:#fff url(/web/images/board/course_Reg/reg_step_bg_on.png) no-repeat left;} .Reg_step_progress > ul > li.active .step_txt {color:#fff; font-weight:bold;} .Reg_step_progress > ul > li.active .step_txt > p {color:#c9ddf6;} .Reg_step_progress > ul > li .step_txt {letter-spacing:-1px; font-size:15px; padding-left:70px; margin-top:15px;} .Reg_step_progress > ul > li .step_txt > p {letter-spacing:0; color:#919aa7; font-weight:normal;} .Reg_step_progress > ul > li .step_txt.step_01 {background:url(/web/images/board/course_Reg/reg_step02_iCon01_off.png) no-repeat left; margin-left:50px;} .Reg_step_progress > ul > li .step_txt.step_01 a:focus {display: block; width: 115px; height: 50px;} .Reg_step_progress > ul > li .step_txt.step_02 {background:url(/web/images/board/course_Reg/reg_step02_iCon02.png) no-repeat left; margin-left:60px;} .Reg_step_progress > ul > li .step_txt.step_02 a:focus {display: block; width: 115px; height: 50px; outline: 1px dashed red;} .Reg_step_progress > ul > li .step_txt.step_03 {background:url(/web/images/board/course_Reg/reg_step02_iCon03.png) no-repeat left; margin-left:60px;} .Reg_step_progress > ul > li .step_txt.step_03 a:focus {display: block; width: 115px; height: 50px;} .Reg_step_progress > ul > li .step_txt.step_04 {background:url(/web/images/board/course_Reg/reg_step02_iCon04.png) no-repeat left; margin-left:50px;} .Reg_step_progress > ul > li .step_txt.step_04 a:focus {display: block; width: 115px; height: 50px;} .Reg_step_progress > ul > li .step_txt.step_02.off {background:url(/web/images/board/course_Reg/reg_step02_iCon02_off.png) no-repeat left;} .Reg_step_progress > ul > li .step_txt.step_03.off {background:url(/web/images/board/course_Reg/reg_step02_iCon03_off.png) no-repeat left;} /* Reg_step02_intro */ .Reg_step02_intro {font-size:14px; line-height:24px; text-align:center; color:#555; letter-spacing:-1px; padding:15px 0 15px 0;} .Reg_step02_intro > h1 {font-size:25px; margin:0 0 15px 0; color:#333;} /* Reg_info_txt */ .Reg_info_txt {width:973px; line-height:23px; border:1px solid #ddd; padding:15px 25px 15px 0;} .Reg_info_txt.bg_bgray {background:#f4f5f7;} .Reg_info_txt > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .Reg_info_txt > ul > li {float:left; width:50%; color:#555; font-size:13px; line-height:24px; letter-spacing:-1px;} .Reg_info_txt > ul > li:first-child {background:url(/web/images/sub/sub_tab_divider02.jpg) repeat-y right;} .Reg_info_txt > ul > li .info_txt {padding:0 0 0 25px;} .Reg_info_txt > ul > li .bg_white {background:#fff; border:1px solid #eee; text-align:center; padding:6px 0 6px 0;} .Reg_info_txt > ul > li .bg_white .divider {margin:0 5px 0 5px; color:#ddd;} /* Reg_payment_info */ .Reg_payment_info {width:100%; line-height:24px;} .Reg_payment_info > ul {display:inline-block; *zoom:1; *display:inline; width:996px; padding:2px 2px 2px 2px; background:#1163b3 url(/web/images/board/course_Reg/reg_step02_bg01.jpg) no-repeat top right;} .Reg_payment_info > ul > li {float:left; color:#555; letter-spacing:-1px;} .Reg_payment_info > ul > li.reg_caution {width:700px; margin-right:2px;} .Reg_payment_info > ul > li.reg_caution .reg_caution_detail {background:#fff; overflow-y:scroll; width:660px !important; height:159px; padding:15px 20px 15px 20px;} .Reg_payment_info > ul > li.reg_caution .reg_caution_detail .text_box {width:660px;} .Reg_payment_info > ul > li.reg_caution .reg_caution_detail .text_box .last {padding:5px 15px 15px 15px;} .Reg_payment_info > ul > li.pay_info .checkbox01 > label {color:#fff; font-size:12px;} .Reg_payment_info > ul > li.pay_info {width:254px; padding:20px 20px 20px 20px; font-size:13px;} .Reg_payment_info > ul > li.pay_info .pay_con {width:204; background:#fff; height:37px; line-height:35px; text-align:right; padding-right:10px; margin-bottom:10px;} .Reg_payment_info > ul > li.pay_info .pay_con > h4 {float:left; display:block; height:37px; border-right:1px solid #eee; color:#333; width:100px; text-align:center;} .Reg_payment_info > ul > li.pay_info .pay_con .cost {color:#cc0000; font-weight:bold; font-size:15px; letter-spacing:0;} /* Reg_caution */ .Reg_recommend {line-height:24px;} .Reg_recommend > ul {display:inline-block; *zoom:1; *display:inline; width:960px; padding:15px 20px 15px 20px; background:#1163b3 url(/web/images/board/course_Reg/reg_step02_bg02.jpg) repeat;} .Reg_recommend > ul > li {float:left; color:#555; font-size:13px; line-height:24px; letter-spacing:-1px;} .Reg_recommend > ul > li.tit {color:#333; width:555px; font-size:17px; height:35px; line-height:38px; padding-left:55px; background:url(/web/images/board/course_Reg/reg_step02_bg03.png) no-repeat;} .Reg_recommend > ul > li.tit.privacy {background:url(/web/images/board/course_Reg/reg_step03_bg01.png) no-repeat;} .Reg_recommend > ul > li.input {width:350px; text-align:right;} .Reg_recommend > ul > li.input.radio {padding:3px 0 0 0;} .Reg_recommend > ul > li.input .input_style02 {height:35px; width:170px; vertical-align:middle;} .Reg_btn_box {width:100%; line-height:24px; text-align:center;} .Reg_btn_box .un_payment {width:998px; padding:10px 0 10px 0; border:1px solid #cc0000;} /* lllcard_prev_box */ .lllcard_prev_box {position:relative;} .lllcard_prev_box .lllcard_prev_img {position:absolute; top:30px; left:0; z-index:1; display:none; -webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2); box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2); border-radius:10px;} .lllcard_prev_box:hover label {color:#1fabae; font-weight:bold;} .lllcard_prev_box:hover .lllcard_prev_img {display:block;} /* ===== ALL LECTURE ===== */ /* all_lecture_list */ .all_lecture_list {width:100%; line-height:23px;} .all_lecture_list > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_list > ul > li.result_none2 {text-align:center;width:100%; font-size:15px; padding:30px 0 50px 0; font-weight:normal; background:#fff; border:none; border-bottom:1px solid #ddd;} .all_lecture_list > ul > li.result_none2:hover {border:none; border-bottom:1px solid #ddd;} .all_lecture_list > ul > li {float:left; width:233px; letter-spacing:-1px; font-size:12px; line-height:24px; border:1px solid #eee; margin-right:20px; margin-bottom:20px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .all_lecture_list > ul > li:nth-child(4n+4) {margin-right:0;} .all_lecture_list > ul > li:hover {border:1px solid #0170c9;} .all_lecture_list > ul > li:hover .lecture_con .lecture_tit {color:#0170c9;} .all_lecture_list > ul > li > a {display:block;} .all_lecture_list > ul > li .lecture_thumb {width:100%; height:150px; display:block; background-size:101% auto !important; border-bottom:1px solid #eee; position:relative;} .all_lecture_list > ul > li .lecture_thumb .lecture_tag {display:block; width:54px; padding:2px 0 2px 0; position:absolute; bottom:10px; right:10px; font-size:12px; line-height:18px !important; font-weight:bold; background:#fff; border:1px solid #0170c9; color:#0170c9; text-align:center;} .all_lecture_list > ul > li .lecture_thumb .lecture_tag.deadline {background:#ff8500; border:1px solid #ff8500;} .all_lecture_list > ul > li .lecture_thumb .lecture_tag.close {background:#fff; border:1px solid #555; color:#555;} .all_lecture_list > ul > li .lecture_thumb .lecture_tag.standby {background:#fff; border:1px solid #999; color:#999;} .all_lecture_list > ul > li .lecture_con {width:193px; padding:15px 20px 5px 20px;} .all_lecture_list > ul > li .lecture_con .lecture_tit {color:#333; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .all_lecture_list > ul > li .lecture_info {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_list > ul > li .lecture_info > dd {float:left;} .all_lecture_list > ul > li .lecture_info > dd.prof {width:45%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; letter-spacing:-1px;} .all_lecture_list > ul > li .lecture_info > dd.price {text-align:right; letter-spacing:-0.4px; width:55%;} /* .all_lecture_list > ul > li .lecture_info > dd.price span {display:block;} */ .all_lecture_list > ul > li .lecture_info > dd.price .cost {color:#888; text-decoration:line-through;} .all_lecture_list > ul > li .lecture_info > dd.price .sale {color:#cc0000; font-weight:bold;} .all_lecture_list > ul > li .lecture_btn {display:inline-block; *zoom:1; *display:inline; width:193px; padding:0 20px 15px 20px;} .all_lecture_list > ul > li .lecture_btn > dd {float:left; width:50%;} .all_lecture_list > ul > li .lecture_btn > dd > a {width:100%;} .all_lecture_list > ul > li .lecture_btn2 {display:inline-block; *zoom:1; *display:inline; width:193px; padding:0 20px 15px 20px;} .all_lecture_list > ul > li .lecture_btn2 > dd {float:left; width:100%;} .all_lecture_list > ul > li .lecture_btn2 > dd > a {width:100%;} /* all_lecture_info */ .all_lecture_info {width:100%; line-height:24px;} .all_lecture_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_info > ul > li {float:left;letter-spacing:-1px; font-size:12px; line-height:24px;} .all_lecture_info > ul > li.con_thumb {width:398px; height:254px; margin-right:30px; border:1px solid #ddd; background-size:100% auto !important;} .all_lecture_info > ul > li.con_thumb > a {display:block; width:398px; height:255px; text-align:center; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .all_lecture_info > ul > li.con_thumb > a:hover {background:#000 url(/web/images/sub/enroll-in-classes/sub10_0103_01_bg01.png) no-repeat center; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;} .all_lecture_info > ul > li.con_info {width:570px;} .all_lecture_info > ul > li.con_info .con_tit {font-size:20px; font-weight:bold; color:#333; border-bottom:1px solid #333; padding:0 0 15px 0; margin:10px 0 10px 0;} .all_lecture_info > ul > li.con_info .con_tit .tag {display:inline-block; *zoom:1; *display:inline; background:#0170c9; color:#fff; font-size:13px; padding:0 8px 2px 8px; margin:0 8px 0 0; vertical-align:text-top;} .all_lecture_info > ul > li.con_info .con_tit .prof {color:#888; font-size:13px; font-weight:normal;} .all_lecture_info > ul > li.con_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_info > ul > li.con_info > ul > li {float:left; width:50%; letter-spacing:-1px; font-size:13px; line-height:24px; color:#666; border-bottom:1px dotted #c1c1c1; padding:6px 0 6px 0; margin:0 0 5px 0;} .all_lecture_info > ul > li.con_info > ul > li.full {width:100%;} .all_lecture_info > ul > li.con_info > ul > li > dl {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_info > ul > li.con_info > ul > li > dl > dt, .all_lecture_info > ul > li.con_info > ul > li > dl > dd {float:left;} .all_lecture_info > ul > li.con_info > ul > li > dl > dt {width:100px; font-weight:bold; color:#333;} .all_lecture_info > ul > li.con_info > ul > li > dl > dd {width:185px;} .all_lecture_info > ul > li.con_info > ul > li > dl > dd.price {letter-spacing:0;} .all_lecture_info > ul > li.con_info > ul > li > dl > dd.price .cost {text-decoration:line-through;} .all_lecture_info > ul > li.con_info > ul > li > dl > dd.price .sale {color:#cc0000; font-weight:bold;} .all_lecture_info > ul > li.con_info > ul > li > dl > dd.major {width:470px;} .all_lecture_info > ul > li.con_info .con_btn {text-align:center;} /* all_lecture_detail */ .all_lecture_detail {width:100%; line-height:24px;} /* Tab 4Ea */ .all_lecture_detail ul.detail_tab {width:100%; line-height:46px; height:54px;} .all_lecture_detail ul.detail_tab {display:inline-block; *zoom:1; *display:inline; width:100%; border-bottom:1px solid #ddd;} .all_lecture_detail ul.detail_tab > li {float:left; width:25%; height:54px; text-align:center; background:url(/web/images/sub/sub_tab_divider02.jpg) no-repeat right top;} .all_lecture_detail ul.detail_tab > li:last-child {background:none;} .all_lecture_detail ul.detail_tab > li {display:block; color:#555; letter-spacing:-1px; font-size:14px; border-top:5px solid #ddd; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;} .all_lecture_detail ul.detail_tab > li.active, .all_lecture_detail ul.detail_tab > li:hover {color:#333; font-weight:bold; border-top:5px solid #0170c9;} .all_lecture_detail ul.detail_tab > li.active > a, .all_lecture_detail ul.detail_tab > li:hover > a {color:#333;} .all_lecture_detail ul.detail_tab > li > a {display:block;} .all_lecture_detail .detail_con {width:940px; padding:30px 30px 30px 30px; line-height:24px; letter-spacing:-1px; font-size:14px; background:#f8f9fa;} .all_lecture_detail .detail_con .professor_info {width:100%; line-height:24px;} .all_lecture_detail .detail_con .professor_info > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_detail .detail_con .professor_info > ul > li {float:left; background:#fff;} .all_lecture_detail .detail_con .professor_info > ul > li.photo {width:320px; margin-right:20px;} .all_lecture_detail .detail_con .professor_info > ul > li.photo > img {display:block;} .all_lecture_detail .detail_con .professor_info > ul > li.profile {display: block; width:548px; height:313px; padding:20px 25px 10px 25px; border:1px solid #eee; overflow-y:auto;} .all_lecture_detail .detail_con .professor_info > ul > li.profile:focus {outline: 1px dashed red;} .all_lecture_detail .detail_con .professor_info > ul > li.profile > p {color:#555; letter-spacing:-0.5px; margin-bottom:15px; font-size:13px;} /* textbook_list */ .all_lecture_detail .detail_con .textbook_list {width:100%; line-height:24px;} .all_lecture_detail .detail_con .textbook_list > ul {display:inline-block; *zoom:1; *display:inline; width:100%;} .all_lecture_detail .detail_con .textbook_list > ul > li {float:left; width:178px; padding:25px 20px 20px 20px; letter-spacing:-1px; font-size:12px; line-height:24px; border:1px solid #eee; background:#fff; margin-right:20px; margin-top:20px; color:#555; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;} .all_lecture_detail .detail_con .textbook_list > ul > li:nth-child(4n+4) {margin-right:0;} .all_lecture_detail .detail_con .textbook_list > ul > li > p {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .all_lecture_detail .detail_con .textbook_list > ul > li .textbook_thumb {width:120px; height:155px; display:block; margin:0 auto; margin-bottom:15px; border:1px solid #eee; background-size:100% auto !important; text-align:center; /*color:transparent;*/} .all_lecture_detail .detail_con .textbook_list > ul > li .textbook_tit {color:#333; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-bottom:1px solid #ccc; padding:0 0 10px 0; margin:0 0 10px 0;} .all_lecture_detail .detail_con .textbook_list > ul > li .textbook_info {border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin:0 0 5px 0;} .all_lecture_detail .detail_con .textbook_list > ul > li .textbook_info strong {color:#333;} .all_lecture_detail .detail_con .textbook_list > ul > li .textbook_btn > a {width:100%; margin-top:10px;} /* 서버점검 공지 */ .system_noti_wrap {width:740px; margin:0 auto;} .system_noti_wrap img {display:block;} .system_noti_wrap .noti_txt {width:740px; height:65px; position:relative;} .system_noti_wrap .noti_txt p {position:absolute; left:0; top:0; width:470px; height:65px; line-height:67px; font-size:20px; padding-left:270px; color:#333; font-family:'NanumSquare', 'Malgun Gothic'; font-weight:normal;} /* 보육실습 공지 2018.03.28 */ .bo_practice_noti_wrap {width:750px; margin:0 auto; background:url(/web/page/hakgi/2018-L1-8/images/notice/yeogi_notice_20180323_01_BG.jpg) repeat-y; position:relative;} .bo_practice_noti_wrap img {display:block;} .bo_practice_noti_wrap .practice_noti_con01 {width:630px; padding:0 60px 0 60px;} .bo_practice_noti_wrap .practice_noti_con01 .noti_tit01 {text-align:center; font-size:18px; background:#ef7102; color:#fff; padding:10px 0 10px 0; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal;} .bo_practice_noti_wrap .practice_noti_con01 .noti_tit01.tit_sa {background:#793ba6;} .bo_practice_noti_wrap .practice_noti_con01 .noti_tit01 strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;} .bo_practice_noti_wrap .bo_noti_tit01 {position:relative; width:750px;} .bo_practice_noti_wrap .bo_noti_iCon01 {position:absolute; left:141px; top:46px; width:260px; display:block; animation: bo_noti_bounce .5s infinite alternate; -webkit-animation: bo_noti_bounce .5s infinite alternate;} .bo_practice_noti_wrap .bo_noti_iCon01.icon_sa {left:376px; top:46px; width:210px;} @keyframes bo_noti_bounce { from {transform: translateY(0px);} to {transform: translateY(-15px);} } @-webkit-keyframes bo_noti_bounce { from {transform: translateY(0px);} to {transform: translateY(-15px);} } /* 사복실습 공지 2019.02.20 */ .practice_apply_btn {display:block; box-sizing:border-box; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; font-family:'NanumSquareR', 'Malgun Gothic'; font-weight:normal; letter-spacing:-0.2px; height:90px; line-height:90px; text-align:center; font-size:28px;} .practice_apply_btn strong {font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;} .practice_apply_btn.btn_sa {border:1px solid #783ba6; background:#783ba6; color:#fff;} .practice_apply_btn.btn_sa:hover {background:#4d2295; color:#fff; border:1px solid #4d2295;} .practice_apply_btn.btn_bo {border:1px solid #e34b02; background:#e34b02; color:#fff;} .practice_apply_btn.btn_bo:hover {background:#e02100; color:#fff; border:1px solid #e02100;} /* PRIZE ICON ADD 2018.04.06 */ .prize_iCon {display:inline-block; color:#333; font-weight:bold; margin-right:8px; padding-right:8px; background:url(/web/images/sub/sub_tab_divider03.jpg) no-repeat right;} .prize_iCon > i {display:inline-block; width:15px; height:18px; vertical-align:middle; margin-right:4px;} .prize_iCon > i.prize_01 {background:url(/web/images/board/board_review_iCon01.png) no-repeat center top; background-size:contain;} .prize_iCon > i.prize_02 {background:url(/web/images/board/board_review_iCon02.png) no-repeat center top; background-size:contain;} .prize_iCon > i.prize_03 {background:url(/web/images/board/board_review_iCon03.png) no-repeat center top; background-size:contain;} .prize_iCon > i.prize_04 {background:url(/web/images/board/board_review_iCon04.png) no-repeat center top; background-size:contain;} /* NOTICE CONTENTS OMR ADD 2017.02.17 */ .noti_style_clear {width:580px; margin:0 auto; line-height:24px; font-family:'Malgun Gothic','맑은 고딕', sans-serif; letter-spacing:-0.5px;} .noti_style_clear .clear_table {width:580px; font-family:'Malgun Gothic','맑은 고딕', sans-serif;} .noti_style_clear .clear_table th {border:none; padding:0; background:#FFF;} .noti_style_clear .clear_table td {border:none; padding:0; background:#FFF; font-size:13px; line-height:24px; color:#555;} .noti_style_clear .clear_table span, .noti_style_clear .clear_table strong, .noti_style_clear .clear_table u {line-height:24px !important; vertical-align:top !important;} .noti_style_clear .clear_table th strong, .noti_style_clear .clear_table td strong {font-weight:bold !important;} .noti_style_clear.w580, .noti_style_clear.w580 .clear_table {width:580px;} .noti_style_clear.w720, .noti_style_clear.w720 .clear_table {width:720px;} .noti_style_clear.w750, .noti_style_clear.w750 .clear_table {width:750px;} .noti_style_clear.vSchool_100p, .noti_style_clear.vSchool_100p .clear_table {width:100%; font-family: 'NanumBarunGothic', '나눔바른고딕', 'Helvetica Neue', Arial,sans-serif; -o-font-family: 'NanumBarunGothic', '나눔바른고딕', 'Helvetica Neue', Arial,sans-serif;} .noti_style_clear.vSchool_100p, .noti_style_clear.vSchool_100p .clear_table img {max-width:100%;} .noti_style_clear .clear_table .noti_tit01 {border:4px solid #EEE; color:#333; padding:15px; font-size:18px; /*line-height:28px; strong 태그 오류 2018.09.20 OMR*/ letter-spacing:-0.5px;} .noti_style_clear .clear_table .noti_con01 {padding:30px; border:1px solid #DDD;} .noti_style_clear .clear_table .noti_con01.bdt_0 {border-top:none;} .noti_style_clear .clear_table .noti_con01.pdt_20 {border-top:none; padding:20px 30px 30px 30px;} .noti_style_clear .clear_table .noti_intro {border:1px solid #DDD; background:#F7F7F7; padding:20px; text-align:center; font-size:13px; letter-spacing:-0.5px;} .noti_style_clear .clear_table .noti_mid_tit01 {background:#008aca; color:#FFF; font-size:16px; padding:14px 10px 15px 10px; line-height:16px;} .noti_style_clear .clear_table .noti_mid_tit02 {color:#111; font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:12px;} .noti_style_clear .clear_table .noti_mid_tit02.font_15 {font-size:15px !important;} .noti_style_clear .clear_table .noti_mid_tit02.font_16 {font-size:16px !important;} .noti_style_clear .clear_table .noti_mid_tit02 img {vertical-align:middle; margin-bottom:5px;} .noti_style_clear .clear_table .noti_mid_tit02 span {font-weight:normal;} .noti_style_clear .clear_table .noti_mid_tit03 {text-align:center; border-bottom:1px solid #DDD; margin:0 0 15px 0; padding:0 0 15px 0; font-weight:bold; font-size:15px; color:#111;} .noti_style_clear .clear_table .noti_tit_iCon01 {display:inline-block; width:7px; height:7px; vertical-align:text-top !important; margin-top:3px; border:4px solid #ddd;} .noti_style_clear .clear_table .noti_table01 {letter-spacing:-0.5px; font-size:13px; line-height:24px; border-top:2px solid #111;} .noti_style_clear .clear_table .noti_table01 th, .noti_style_clear .noti_table01 td {padding:8px; font-size:13px; border-bottom:1px solid #DDD; vertical-align:middle;} .noti_style_clear .clear_table .noti_table01 tr.bg, .noti_style_clear .clear_table .noti_table01 .bg {background:#F7F7F7; color:#111;} .noti_style_clear .clear_table .noti_table01 tr.bg th {border-right:1px solid #DDD; border-bottom:1px solid #DDD; background:#F7F7F7;} .noti_style_clear .clear_table .noti_table01 tr.bg th:last-child {border-right:none;} .noti_style_clear .clear_table .noti_table01 th {color:#111; border-right:1px solid #DDD;} .noti_style_clear .clear_table .noti_table01 th:last-child {border-right:none;} .noti_style_clear .clear_table .noti_table01 td {text-align:center; border-right:1px solid #DDD;} .noti_style_clear .clear_table .noti_table01 td:last-child {border-right:none;} .noti_style_clear .clear_table .noti_table01 td.col {border-top:1px solid #DDD;} .noti_style_clear .clear_table .noti_table01 td.a_left {text-align:left;} .noti_style_clear .clear_table .noti_table01 th.r_border, .noti_style_clear .clear_table .noti_table01 td.r_border {border-right:1px solid #ddd;} .noti_style_clear .clear_table .info_box01 {border:1px dotted #999; padding:15px 20px 15px 20px; line-height:24px !important;} .noti_style_clear .clear_table .info_box02 {border:1px solid #008aca; padding:10px 10px 10px 15px; font-size:14px; letter-spacing:0; text-align:left; line-height:24px !important;} .noti_style_clear .clear_table .info_box03 {border:1px solid #008aca; padding:10px; font-size:14px; letter-spacing:0; line-height:24px !important;} .noti_style_clear .clear_table .info_box01 span, .noti_style_clear .clear_table .info_box02 span, .noti_style_clear .clear_table .info_box03 span {display:inline; line-height:24px !important;} /* .noti_style_clear .clear_table th, .noti_style_clear .clear_table td {border:none;} */ /* all_noti 20.07.22 김경미 */ .all_noti {display: flex; justify-content: center; align-items: center; text-align: center;} .all_noti > .noti_box {width: 100%; padding: 10px; border: 1px solid #dddddd; color: red;} /* 2025.03.27 */ .Reg_tab_depth02 > ul > li.major_menu.step3 {line-height: 33px; height: 70px;} /* 2025.05.27 */ .event2025subject1 {display:none; position: absolute; left: -233px; top: 70px;} .subject_event {width:200px; background:#e0f2ff; padding:10px 0; margin-bottom: 10px;} .subject_event_tit {font-size:18px; font-weight: bold; text-align: center; font-family:'NanumSquareR'; color:#000; margin-bottom: 5px;} .subject_event_price table {border:1px solid #bebebe; margin: 0 auto; text-align: center; width: 92%;} .subject_event_price table tr th, .subject_event_price table tbody tr td {border:1px solid #bebebe; background:#fff; color:#000;} .subject_event_price table tr th {background:#0170c9; color:#fff; letter-spacing: -1px;} .subject_event_price table tbody tr td {font-size:16px; font-weight: 600;} .floating_cart.out {top: 220px;} .subject_line1, .subject_line2, .subject_line3, .subject_line4, .subject_line5, .subject_line6 {cursor:pointer;} .subject_line1:hover td, .subject_line2:hover td, .subject_line3:hover td, .subject_line4:hover td, .subject_line5:hover td, .subject_line6:hover td{background:#f9f9b8;} .subject_line1:hover ~ .subject_img1, .subject_line2:hover ~ .subject_img2, .subject_line3:hover ~ .subject_img3, .subject_line4:hover ~ .subject_img4, .subject_line5:hover ~ .subject_img5, .subject_line6:hover ~ .subject_img6 {display:block; border: transparent; background: transparent;} .subject_img1 {display:none; position:absolute; left: -234px; top: 63px;} .subject_img2 {display:none; position:absolute; left: -186px; top: 91px;} .subject_img3 {display:none; position:absolute; left: -222px; top: 116px;} .subject_img4 {display:none; position:absolute; left: -432px; top: 133px;} .subject_img5 {display:none; position:absolute; left: -243px; top: 172px;} .subject_img6 {display:none; position:absolute; left: -186px; top: 197px;} .subject_img1 td, .subject_img2 td, .subject_img3 td, .subject_img4 td, .subject_img5 td, .subject_img6 td{background: transparent !important; border: transparent !important;} /*20250829 순서수정*/ .subject_img4 {display:none; position:absolute; left: -186px; top: 145px;} .subject_img2 {display:none; position:absolute; left: -222px; top: 90px;} .subject_img3 {display:none; position:absolute; left: -432px; top: 107px;} /*./20250829 순서수정*/